タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
サーバーサイドエンジニアの @shuymn です。 Yappliではサーバーサイド領域で利用するプログラミング言語のうちの1つとしてGoを採用しています。 Goには様々な言語機能がありますが、その中の1つにdefer文（defer statement）と呼ばれる機能があります。 本記事ではdefer文の簡単な紹介と実際にプロダクトコードで利用する際に気をつけるべきことを紹介します。 defer文の紹介 defer文を使う時に気をつけること defer文の中身が実行される順番を把握する os.Exitするとdefer文は実行されない defer文で発生するエラーをどうするか defer文に渡した関数の引数は即時評価される forループでループごとにdefer文を実行する方法 defer文はエラー処理より先に書かない さいごに 参考記事 defer文の紹介 defer文はifやforなどの制御
React.Suspenseの力を最大化する、GraphQLの次世代ディレクティブ @ defer と @ stream - nakamoriのblog
React.Suspenseの力を最大化する、GraphQLの次世代ディレクティブ @ defer と @ stream ReactのSuspense、素敵ですよね。 この記事ではGraphQLのワーキンググループで仕様の策定が進んでいる@deferと@streamについて解説します。@deferと@streamはReactのSuspenseの力を引き出す、注目すべきディレクティブです。 なお、これらのディレクティブの仕様はワーキンググループでほぼ合意できていますが確定した仕様ではないことに注意してください。 Suspenseは最高だ！ あるブログの記事の一覧ページを例に見てみます。 記事一覧ページを表示するためのGraphQLのクエリは次のようになります。1 query { articles(page: 1) { # 記事一覧（1ページ目） title # タイトル body # 文章（
Incremental Data Delivery with GraphQL defer and stream
これは GraphQL Advent Calendar 2020 16 日目の記事です（しかも 12 日目の記事と結構内容が被ってしまって切ない…） このエントリでは、GraphQL の @defer と @stream というディレクティブについて書いていく。色々書いていたら割と長くなってしまったが、内容は下記のとおり。 このディレクティブの登場背景ディレクティブの Specgraphql-js を用いた利用サンプル@defer / @stream とは何か@defer と @stream は共にデータの取得方法を制御するためのディレクティブだ。名前が示すとおり、クエリ全体から特定の箇所の読み込みを遅延させたり、ストリーミングさせることができる。2020 年末現在、GraphQL spec としては Stage 2（草案段階）であり、参照実装である graphql-js にも実装が存在し
A common gripe I’ve had with Go is that the mantra is “you should handle errors”, but at the same time the ergonomics of handling errors from (io.ReadCloser).Close() in a defer call is cumbersome. But fear no more! With the Go 1.20 release, there’s a nifty way to handle this with the new errors.Join. Let me first explain a bit about the issue. Usually if you want to do the “right” thing and check
script要素の位置とasync/defer script要素はbodyの末尾に記述するのが定説ですが、あるサイトについてscript要素の記述位置やasync/deferが及ぼすパフォーマンスへの影響を実験しました。 外部JavaScript 11ファイル・250kb 因子1 head要素内・body要素の末尾を比較 因子2 defer・async・それらの属性なしを比較 いずれのケースもスクリプトエラーがなく期待通りに動作 PageSpeed Insightsのモバイルスコアで評価 ※ この記事ではscript要素はsrc属性で外部参照することを前提にします。インラインスクリプトではありません。 ※ また、1サイトでの結果に過ぎないのでその点も考慮ください。 最速はasync付きでhead要素に記述 PageSpeed Insightsのスコアはばらつきが出るので、10回の計測を行い
はじめに はじめまして。Go初学者です。 Gopher道場#8や自身の勉強にて、気づいた学びを共有しています。 今回は、defer内でのエラーハンドリング方法と、名前付き戻り値の利用方針についてまとめました。 結論から deferに渡した関数のreturnは無視されるので、deferに渡した関数のエラーは 名前付き戻り値 に代入して呼び出し元に戻す。 If the deferred function has any return values, they are discarded when the function completes. (See also the section on handling panics.) deferred関数に戻り値がある場合は、関数が完了したときに破棄されます。
A Tour of Goより A defer statement defers the execution of a function until the surrounding function returns. The deferred call's arguments are evaluated immediately, but the function call is not executed until the surrounding function returns. defer文は、上位ブロックの関数がreturnするまで関数の実行を遅延させる。 遅延実行される関数の引数は即時評価されるが、関数の実行は上位ブロックの関数がreturnするまで実行されない。 出典: A Tour of Go 試してみる なにはともあれコードを書く。 遅延関数の引数の即時評価について まずは上記
Improving Latency with @defer and @stream Directives | GraphQL
Rob Richard and Liliana Matos are front-end engineers at 1stDibs.com. They have been working with the GraphQL Working Group as champions of the @defer and @stream directives. The @defer and @stream directives have been a much anticipated set of features ever since Lee Byron first talked about it at GraphQL Europe 2016. For most of 2020, we have been working with the GraphQL Working Group to standa
Perl Hackers Hub 第79回最近Perlに追加された実験的機能 try文、defer文、class文（1） 本連載では第一線のPerlハッカーが回替わりで執筆していきます。今回のハッカーはcharsbarこと石垣憲一さんで、テーマは「最近Perlに追加された実験的機能」です。 もとになるモジュールが存在している新機能 最近Perlに追加された新機能の中には、開発サイクルを速く回すためにCPANモジュールとしてプロトタイピングを行ったうえで、Perl本体に実験的な機能として移植し、正式な機能への昇格を待っているものがいくつかあります。本稿ではそのような実験的機能を紹介していきます。 なお、本稿のサンプルコードは基本的に執筆時の最新開発版であるPerl 5.37.11（2023年5月）で動作確認をしています。 try～catch文 ──正しいエラー処理 Perlで例外を
フロントエンドカンファレンス福岡 2019 https://frontend-conf.fukuoka.jp/ セッション資料です。
Introduction Many implementations provide extensions that allow programmers to attach a block of cleanup code to another block or function such that this cleanup code is executed unconditionally when execution of the block is terminated. These existing extensions don’t have a unified API, some use pseudo-function calls, some compiler specific attributes and yet another a try/finally notion. In a f
Defer non-critical CSS Stay organized with collections Save and categorize content based on your preferences. CSS files are render-blocking resources: they must be loaded and processed before the browser renders the page. Web pages that contain unnecessarily large style sheets take longer to render. In this guide, you'll learn how to defer non-critical CSS to optimize the Critical Rendering Path a
スクリプト: async, defer
最近の web サイトでは、スクリプトは HTML よりも “重い” ことがしばしばです: ダウンロードサイズはより大きく、処理時間も長くなります。 ブラウザが HTML をロードし、<script>...</script> タグに遭遇すると、DOM の構築を続けることはできません。すぐにスクリプトを実行する必要があります。外部スクリプト <script src="..."></script> についても同じです: ブラウザはスクリプトをダウンロードし、それを実行するまで待つ必要があり、その後にページの残り部分の処理をすることになります。 これは2つの重要な問題につながります: スクリプトは、それ以降の DOM要素は認識することができないため、ハンドラーを追加したりすることはできません。 ページの先頭に重いスクリプトがあると、“ページをブロック” します。利用者はそれがダウンロードされ実行
Defer is reaching the end of its service life on May 1, 2024. Please reach out to support@defer.run for further information.
スクリプトの読み込みを非同期にすることで、画面表示を速くすることができます。スクリプトを非同期で読み込む方法には、「async」と「defer」があります。ここでは、その違いについて整理します。
いろんなサイトを検証モードで調べてみると、たまにscriptタグの中にdeferという記述を見ることがあるんあだけど、deferってなんだ？ この記述を入れるとどうなるんだろう？ 他社サイトの構造とかをデベロッパーモードで見てみると<script>タグの中にdeferやasyncという文字列が入ってたりしませんか？ 「defer属性」と「async属性」を正しく使うことでJavaScript（以下JS）の読み込みタイミングを調整でき、結果としてページの読み込み速度を改善することができます。 では詳しく解説していきます。 deferとasyncは何者？ deferとasyncは<script>タグ内に記述することができる属性です。 これらの属性はJSファイルの読み込みと実行のタイミングを調整するために使われます。 適切に使うことでWebページの読み込みスピードの改善につながります。 ページ読
テスト関数内のdefer文に注意
テストの前処理と後処理 テストでは、一時ファイルやテストDBのデータなど作成や削除など、前処理や後処理をしたくなる場合があります。各パッケージごとにテストの前処理と後処理を記述したい場合は、次のようにTestMain関数を用意します。(*testing.M).Runメソッドを実行する前後に前処理および後処理が書けます。 func TestMain(m *testing.M) { fmt.Println("setup") code := m.Run() fmt.Println("tear-down") os.Exit(code) } func Test1(t *testing.T) {} func Test2(t *testing.T) {} The Go Playgroundでは実行できません。 テスト関数であるTest1関数とTest2関数を用意すると、テストが開始される前にsetup、
TL;DR 2020/02/25 にリリースされた Go 1.14 では defer のインライン展開というランタイム高速化の改善が盛り込まれましたが、これは関数内の defer が 8 個までの場合に限り有効です。 8 個より多くの defer やループ内の defer を含む関数では従来と同じコードが生成され、パフォーマンスの改善はありません。 解説 2020/02/25 に開催された Go 1.14 Release Party in Japan の YouTube Live を視聴していて、 @tenntenn さんの defer トークで次のようなスライドを目にしました。 そこで思わず次のような質問をしてしまったのですが、 後で調べてみたところ Proposal: Low-cost defers through inline code, and extra funcdata to
ブラウザの仕組みと動作ブラウザのコンポーネントブラウザのコンポーネントを以下に示します。 引用元：ブラウザの仕組み: 最新ウェブブラウザの内部構造 この記事での説明のメインは [Rendering Engine], [Networking], [JavaScript Interpreter] の 3 つです。 Rendering Engine とはレンダリングエンジンは、ブラウザの中で画面表示に特化したモジュールです。 レンダリングエンジンは Networking により Web サーバから html ファイルを取得し、それをブラウザ上に表示させるまでを担いますが、それまでには大きく 4 つのプロセスを行います。 プロセスとは「①パース」、「②レンダーツリー構築」、「③レイアウト」、「④ペインティング」です。 ブラウザが Web サーバから情報を取得し、画面表示するまでの流れを以下に示しま
Lox (Crafting Interpreters)にdefer文を追加する - 井山梃子歴史館
Crafting InterpretersはRobert Nystromによるインタプリタ方式のプログラミング言語処理系の作り方の解説本である。 ハードカバー・電子書籍が発売されているほか、著者のページでWeb版が無料公開されており、自作言語界隈では人気を博している。 Crafting Interpretersでは著者が考案したLox言語のインタプリタを実装していくこととなる。本の前半部分ではAST評価器を扱い、後半部分ではバイトコードVMを用いたインタプリタを実装する。 Lox言語はシンプルとはいえ、クロージャやクラスの継承といった高度な機能も備えたオブジェクト指向スクリプト言語であり、読者は小さなインタプリタからステップ・バイ・ステップでだんだんと完全な処理系を構築していく。 Crafting Interpretersの素晴らしいところには次の点が挙げられるだろう: 平易な文章に加えて
Help us understand the problem. What is going on with this article?
Zig defer Patterns
Zig defer Patterns Mar 21, 2024 A short note about some unexpected usages of Zig’s defer statement. This post assumes that you already know the basics about RAII, defer and errdefer. While discussing the differences between them is not the point, I will allow myself one high level comment. I don’t like defer as a replacement for RAII: after writing Zig for some time, I am relatively confident that
Perl Hackers Hub 第79回最近Perlに追加された実験的機能 try文、defer文、class文（2） 本連載では第一線のPerlハッカーが回替わりで執筆していきます。今回のハッカーはcharsbarこと石垣憲一さんで、テーマは「最近Perlに追加された実験的機能」です。 ＜前回（1）はこちら。＞ 今後実装されそうな機能 実際にPerl本体に入った機能と、プロトタイピングに使われたCPANモジュールの機能やToDoメモを比較すると、これから実装されていくであろう機能が予想できます。同様に、Paul Evans氏がSyntax::KeywordやSyntax::Operatorといった名前を冠してリリースしているほかの実験的なモジュールも、今後取り込みの対象となっていくことが予想されます。ここではその一部を紹介します。 複数のcatchブロック ──より柔軟なエラ
軽い気持ちでTwitterに投下したクイズに思った以上に反響があったので、解説記事を書きました。 クイズについて 投下したクイズは次のような内容です。 func main() { println(f()) } func f() (a, b int) { defer func() { a += 1 b += 1 }() return 2, 3 } この時の出力結果を問う問題で、選択肢は下記の4つです。 0 0 1 1 2 3 3 4 問題のポイント このコードの挙動を知るためのポイントは下記の3つです。 関数は何を返しているのか return 文は何をしているのか defer 文で遅延された関数の実行タイミング まず、関数宣言の構文のおさらいを行って、その後解説に進みます。 おさらい 下記に、今回の内容に関係する部分のEBNFを抜粋[1]したものを示します。 FunctionDecl (関数
Next.js@13 と React Server Component と Suspense と GraphQL の @defer, @stream について
React Server Component と Suspense と Next.js@13 ってなんか紛らわしくね React Server Component(RSC) rfc https://github.com/reactjs/rfcs/blob/main/text/0188-server-components.md 概要 RSC はサーバー上で実行されるコンポーネントのこと サーバー上で実行されるということで、データベースへの通信などを直接行うことができる コンポーネントはレンダリング結果のみがクライアントに送られるので、秘匿情報などの流出は起こらない 適当に具体例を書くと // 従来の方法(React Client Component, RCC とする) const Page = () => { const { data } = useSWR("/todos/1", () =>
GraphQL Working Groupで進められている標準化で先日Stage 2に上がったProposalである @defer, @stream ディレクティブの概要をさらって動作を試してみる記事です。 参考記事 以下の記事に詳細な情報が書いてあり、この記事のほとんどはそれを参照したものです。 @defer, @stream ディレクティブの概要 GraphQLは画面に表示する情報を一度のリクエストで取得できる便利な技術ですが、その反面サーバー側で要求されたデータすべてが揃うまでレスポンスを返せないという欠点もあります。それを補うための仕様が @defer, @stream ディレクティブです。GraphQLのレスポンスを複数に分け、これらのディレクティブが付いたフィールドをあとから返すことで遅いデータにクエリ全体が引きずられることがないようにできます。 以下のような、 person
scriptタグのasync/deferの使い分け
HTMLファイルを1行目からパースして行くでー！ <script src="main.js"></script>が出てきたから、HTMLファイルのパースは一時中断して、main.jsをダウンロードしてくるでー！ ダウンロードしてきたmain.jsを実行するでー！ HTMLファイルのパースを再開するでー！ この方法だと、ページの主要コンテンツであるbodyタグの中身が描写される前に、javascriptファイルをダウンロード＆実行される。 なので、ページが表示されるまでが遅くなる。ユーザーを待たせてしまう。 ２．bodyタグの最後に書く 以下のように書く方法。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"
WSLのUbuntuのApache起動時に「Failed to enable APR_TCP_DEFER_ACCEPT」警告 | キリウ君が読まないノート
タグ WSL の新しい記事WSL2上のサーバーにネットワーク内の他端末からアクセスする (2023-02-12)WSL2のUbuntu20.04でStable Diffusionを動かす (with RTX2060) (2022-09-01)WSL2 + Docker 環境で webpack-dev-server のライブリロードが効かない場合 (Webpack 5) (2022-02-24)WSL2 + Docker + VSCode で動く PHP 7.2 + Node.js 14 + MariaDB 10.5 + Nginx の開発環境 (2021-10-12)WSL2のUbuntu20.04で Apache 2.4 + PHP 7.2 + MariaDB 15.1 の開発環境作るメモ (2020-11-11)
初めに HTMLの<script>要素にはdefer属性がある。これを使うことで、HTML・JavaScript両方のコーディングが改善されるので、開発者はもっと取り入れるべきだ。 deferのブラウザ対応は非常に良い、というかすべての現行ブラウザで利用可能なので、使わない手は無い。 利点その1：DOMを読み込む<script>でも<head>内に置ける！ よくある<script>の書き方として、<body>の末尾に置くというプラクティスが良く知られている。WebページのDOMを操作するメソッドなどでよく使われる手法だ。しかし、これでは<head>にある先読みしておきたい<script>と場所が分散されてしまうので、HTMLの見通しが悪くなるという欠点がある。それにただのスクリプトは文書で遭遇した際に逐次読込が発生するのでローディングタイムが遅くなってしまう。 それを解決してくれるのがde
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Goのdefer文を使うときに気をつけること - Yappli Tech Blog
errors.Join ❤️ defer
script要素の新常識・安易にdefer/async属性を付けてはいけない - Qiita
【Go】 deferに渡した関数内のエラーを呼び出し元に返す - Qiita
Go言語のdeferを正しく理解する | How defer in Golang works - Qiita
第79回 最近Perlに追加された実験的機能 try文、defer文、class文（1） | gihyo.jp
JavaScriptの読み込みを考える〜場所、async、defer、その仕組みと使い所〜
A simple defer feature for C
Defer non-critical CSS | Articles | web.dev
Defer: Zero infrastructure Node.js background jobs
スクリプトの非同期読み込み(async, deferの違い) - わくわくBank
【徹底解説】scriptタグにdeferやasyncをつけるとどうなる?
Go 1.14 で defer が速くなるのは 8 個まで - Qiita
【図解/ブラウザの仕組み】DOMとパースとレンダリング,asyncとdeferについて
PHP で Go の defer っぽいものを実装する - Qiita
第79回 最近Perlに追加された実験的機能 try文、defer文、class文（2） | gihyo.jp
Goのdefer文と名前付き結果パラメータを組み合わせた時の挙動を理解する
GraphQL の @defer, @stream ディレクティブを試してみる
<script>のdefer属性もっと流行れ - Qiita
www.asahi.com
skyblue-next.com
search.app
www.artstation.com
sakutamatengo.hatenablog.com
x.com