https://b.hatena.ne.jp/ButterflyFish/javascript/ javascriptに関するButterflyFishのはてなブックマーク (166) https://coliss.com/articles/book-review/isbn-9784815636623.html ButterflyFish 2026-03-13T10:51:32Z javascript book React 31 <blockquote cite="https://coliss.com/articles/book-review/isbn-9784815636623.html" title="これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbook-review%2Fisbn-9784815636623.html" alt="" /> <a href="https://coliss.com/articles/book-review/isbn-9784815636623.html">これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書</a></cite><p><a href="https://coliss.com/articles/book-review/isbn-9784815636623.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/079eb188b413ad6f2205b752922e2650dcae13b0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202601%2F9784815636623-01%402x.png" alt="これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書" title="これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書" class="entry-image" /></a></p><p>※本ページは、アフィリエイト広告を利用しています。 Reactを使ってみたいけど、どこから始めればよいのか。そんな人にお勧めの挫折せずにReactを学ぶことができる解説書を紹介します。 書名にもあるように『挫折しない』ことに主眼を置いたもので、学ぶためのモチベーションに配慮し、「Reactで作る楽しさ」を感じなが...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/book-review/isbn-9784815636623.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/book-review/isbn-9784815636623.html" alt="はてなブックマーク - これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書" title="はてなブックマーク - これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/book-review/isbn-9784815636623.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/drogus/jawsm ButterflyFish 2024-11-10T16:55:54Z WebAssembly javascript wasm 24 <blockquote cite="https://github.com/drogus/jawsm" title="GitHub - drogus/jawsm: JavaScript to WASM compiler"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fdrogus%2Fjawsm" alt="" /> <a href="https://github.com/drogus/jawsm">GitHub - drogus/jawsm: JavaScript to WASM compiler</a></cite><p><a href="https://github.com/drogus/jawsm"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/663add632f6f28a31b816ce339b7c7ec493199cb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F15e0eebcd21158ba3350b329efaf2172e0a318cd8358d90c37507cd749b2c295%2Fdrogus%2Fjawsm" alt="GitHub - drogus/jawsm: JavaScript to WASM compiler" title="GitHub - drogus/jawsm: JavaScript to WASM compiler" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/drogus/jawsm"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/drogus/jawsm" alt="はてなブックマーク - GitHub - drogus/jawsm: JavaScript to WASM compiler" title="はてなブックマーク - GitHub - drogus/jawsm: JavaScript to WASM compiler" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/drogus/jawsm"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gihyo.jp/book/2024/978-4-297-14546-0 ButterflyFish 2024-10-21T23:50:08Z http javascript book 366 <blockquote cite="https://gihyo.jp/book/2024/978-4-297-14546-0" title="［作って学ぶ］ブラウザのしくみ | 技術評論社"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgihyo.jp%2Fbook%2F2024%2F978-4-297-14546-0" alt="" /> <a href="https://gihyo.jp/book/2024/978-4-297-14546-0">［作って学ぶ］ブラウザのしくみ | 技術評論社</a></cite><p><a href="https://gihyo.jp/book/2024/978-4-297-14546-0"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4a57a86ddc0916b46aab13379fdd8aabf33195d0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2Fogp%2F2024%2F9784297145460.jpg" alt="［作って学ぶ］ブラウザのしくみ | 技術評論社" title="［作って学ぶ］ブラウザのしくみ | 技術評論社" class="entry-image" /></a></p><p>概要 Webブラウザは、開発者にとってもユーザーにとっても、もはや日常の一部となっているほど身近なソフトウエアですが、近年のブラウザはあまりにも高機能かつ巨大になってしまったため、その仕組みを詳しく理解することは困難です。そこで、シンプルなブラウザをRustを用いて実装することによって、ブラウザ上でWebサ...</p><p><a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/book/2024/978-4-297-14546-0"><img src="https://b.hatena.ne.jp/entry/image/https://gihyo.jp/book/2024/978-4-297-14546-0" alt="はてなブックマーク - ［作って学ぶ］ブラウザのしくみ | 技術評論社" title="はてなブックマーク - ［作って学ぶ］ブラウザのしくみ | 技術評論社" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/book/2024/978-4-297-14546-0"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/umi_mori/books/next-js-typescript ButterflyFish 2024-10-10T23:33:14Z UI js javascript 153 <blockquote cite="https://zenn.dev/umi_mori/books/next-js-typescript" title="サクッと始めるウェブアプリ開発【Next.js / TypeScript】"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fumi_mori%2Fbooks%2Fnext-js-typescript" alt="" /> <a href="https://zenn.dev/umi_mori/books/next-js-typescript">サクッと始めるウェブアプリ開発【Next.js / TypeScript】</a></cite><p><a href="https://zenn.dev/umi_mori/books/next-js-typescript"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/395ab2fe0fddbdf687998538933ad1bb2cd5141a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--3lCoDJ92--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci8wZDk4NWMxYmJkLnBuZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACAGSGT" alt="サクッと始めるウェブアプリ開発【Next.js / TypeScript】" title="サクッと始めるウェブアプリ開発【Next.js / TypeScript】" class="entry-image" /></a></p><p>この本では、初心者・入門者の方に向けて、Next.jsの知識や使い方を体系的にまとめました。 【概要】 ・内容：HTML・CSS・JavaScriptとは？、Next.jsとは？、アプリを作る上での環境を整えよう！、Next.jsのプロジェクトを作ろう！、チャットアプリのパーツを作ろう！、オウム返しAPIを作ろう！、MUIを使ってリッチにし...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/umi_mori/books/next-js-typescript"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/umi_mori/books/next-js-typescript" alt="はてなブックマーク - サクッと始めるウェブアプリ開発【Next.js / TypeScript】" title="はてなブックマーク - サクッと始めるウェブアプリ開発【Next.js / TypeScript】" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/umi_mori/books/next-js-typescript"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/tsuboi/books/3f7a3056014458 ButterflyFish 2024-01-13T14:19:18Z authentication javascript 193 <blockquote cite="https://zenn.dev/tsuboi/books/3f7a3056014458" title="Auth.js v5ではじめる本格認証入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Ftsuboi%2Fbooks%2F3f7a3056014458" alt="" /> <a href="https://zenn.dev/tsuboi/books/3f7a3056014458">Auth.js v5ではじめる本格認証入門</a></cite><p><a href="https://zenn.dev/tsuboi/books/3f7a3056014458"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a323e48614bad5cc07213a541038dea7c12eb0ad/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--cb5qVVh8--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci81M2JhZjk4OTJmLnBuZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACAGSGT" alt="Auth.js v5ではじめる本格認証入門" title="Auth.js v5ではじめる本格認証入門" class="entry-image" /></a></p><p>Next.js 14 / Auth.js v5 / Prisma / Planet Scale / shadcn/ui / Tailwind CSS を用いた認証・認可をハンズオン形式で学びます。</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/tsuboi/books/3f7a3056014458"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/tsuboi/books/3f7a3056014458" alt="はてなブックマーク - Auth.js v5ではじめる本格認証入門" title="はてなブックマーク - Auth.js v5ではじめる本格認証入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/tsuboi/books/3f7a3056014458"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/WICG/observable ButterflyFish 2023-12-30T00:27:43Z api javascript 15 <blockquote cite="https://github.com/WICG/observable" title="GitHub - WICG/observable: Observable API proposal"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FWICG%2Fobservable" alt="" /> <a href="https://github.com/WICG/observable">GitHub - WICG/observable: Observable API proposal</a></cite><p><a href="https://github.com/WICG/observable"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1bd0bc7f891555900acfa08676daceb3be9201c6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F22243a5b9e1817ff3aaca2de5f9974677670c97c0fcb6f266f92cf0ceaa4ec95%2FWICG%2Fobservable" alt="GitHub - WICG/observable: Observable API proposal" title="GitHub - WICG/observable: Observable API proposal" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/WICG/observable"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/WICG/observable" alt="はてなブックマーク - GitHub - WICG/observable: Observable API proposal" title="はてなブックマーク - GitHub - WICG/observable: Observable API proposal" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/WICG/observable"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/tc39/faq ButterflyFish 2023-12-17T02:09:37Z javascript ECMAScript 19 <blockquote cite="https://github.com/tc39/faq" title="GitHub - tc39/faq"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Ftc39%2Ffaq" alt="" /> <a href="https://github.com/tc39/faq">GitHub - tc39/faq</a></cite><p><a href="https://github.com/tc39/faq"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f24c1f3a4e55325cbacc4ce3aebafc451ef7773b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F21562aa5c21cab32c1027777905d67a003643a2638a01d66fd14f11dea14157a%2Ftc39%2Ffaq" alt="GitHub - tc39/faq" title="GitHub - tc39/faq" class="entry-image" /></a></p><p>This document contains typical responses to questions that are commonly raised about JavaScript language development, both within the community and to the committee via our various discussion platforms. Anyone may suggest new topics by opening an issue. Delegates may add new topics by creating a ...</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/tc39/faq"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/tc39/faq" alt="はてなブックマーク - GitHub - tc39/faq" title="はてなブックマーク - GitHub - tc39/faq" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/tc39/faq"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.shufo.dev/posts/migrate-blog-to-astro/ ButterflyFish 2023-02-07T04:27:46Z UI javascript 51 <blockquote cite="https://www.shufo.dev/posts/migrate-blog-to-astro/" title="ブログをAstroに移行した"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.shufo.dev%2Fposts%2Fmigrate-blog-to-astro%2F" alt="" /> <a href="https://www.shufo.dev/posts/migrate-blog-to-astro/">ブログをAstroに移行した</a></cite><p><a href="https://www.shufo.dev/posts/migrate-blog-to-astro/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0ec33f554f3aadfed72feacaa0518e828f35788d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.shufo.dev%2F%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2582%2592Astro%25E3%2581%25AB%25E7%25A7%25BB%25E8%25A1%258C%25E3%2581%2597%25E3%2581%259F.png" alt="ブログをAstroに移行した" title="ブログをAstroに移行した" class="entry-image" /></a></p><p>ブログを Astro に移行した Astro とは Astro の公式サイトの説明を見てもらうのが早いかもしれない Astro is an all-in-one web framework for buildingfast, content-focusedwebsites. コンテンツ主体のウェブサイトを高速に作れるオールインワンウェブフレームワーク、という説明だが実際使ってみた感じ概ね合ってい...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.shufo.dev/posts/migrate-blog-to-astro/"><img src="https://b.hatena.ne.jp/entry/image/https://www.shufo.dev/posts/migrate-blog-to-astro/" alt="はてなブックマーク - ブログをAstroに移行した" title="はてなブックマーク - ブログをAstroに移行した" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.shufo.dev/posts/migrate-blog-to-astro/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/a24k/articles/20221107-wasmple-passing-buffer ButterflyFish 2022-11-12T12:48:57Z WebAssembly wasm javascript 81 <blockquote cite="https://zenn.dev/a24k/articles/20221107-wasmple-passing-buffer" title="WebAssembly と JavaScript との間で自在にデータをやりとりする"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fa24k%2Farticles%2F20221107-wasmple-passing-buffer" alt="" /> <a href="https://zenn.dev/a24k/articles/20221107-wasmple-passing-buffer">WebAssembly と JavaScript との間で自在にデータをやりとりする</a></cite><p><a href="https://zenn.dev/a24k/articles/20221107-wasmple-passing-buffer"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3c9b541ce517f29f38bee61164b1495988ded62d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--YRA2Skal--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AWebAssembly%252520%2525E3%252581%2525A8%252520JavaScript%252520%2525E3%252581%2525A8%2525E3%252581%2525AE%2525E9%252596%252593%2525E3%252581%2525A7%2525E8%252587%2525AA%2525E5%25259C%2525A8%2525E3%252581%2525AB%2525E3%252583%252587%2525E3%252583%2525BC%2525E3%252582%2525BF%2525E3%252582%252592%2525E3%252582%252584%2525E3%252582%25258A%2525E3%252581%2525A8%2525E3%252582%25258A%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aa24k%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2NhZWRjZWY4MzYuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACMTiAE" alt="WebAssembly と JavaScript との間で自在にデータをやりとりする" title="WebAssembly と JavaScript との間で自在にデータをやりとりする" class="entry-image" /></a></p><p>はじめに 引き続き Rust + WebAssembly + SolidJS で遊んでいます。前回は、Rust 側で作成した文字列を JavaScript 側で console.log に出力することを考えましたが、今回は JavaScript 側から何らかのデータを Rust 側へ渡すことを考えたいと思います。今回も、wasm-bindgen[1] に頼らずにやっていきましょう。 メモリ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/a24k/articles/20221107-wasmple-passing-buffer"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/a24k/articles/20221107-wasmple-passing-buffer" alt="はてなブックマーク - WebAssembly と JavaScript との間で自在にデータをやりとりする" title="はてなブックマーク - WebAssembly と JavaScript との間で自在にデータをやりとりする" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/a24k/articles/20221107-wasmple-passing-buffer"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://vercel.com/blog/turbopack ButterflyFish 2022-10-25T23:32:56Z rust javascript js 83 <blockquote cite="https://vercel.com/blog/turbopack" title="Turbopack: High-performance bundler for React &amp; TypeScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fvercel.com%2Fblog%2Fturbopack" alt="" /> <a href="https://vercel.com/blog/turbopack">Turbopack: High-performance bundler for React &amp; TypeScript</a></cite><p><a href="https://vercel.com/blog/turbopack"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b18dae2527fdf614fe7a49ee1875f853adfe5924/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fcontentful%2Fimage%2Fe5382hct74si%2F7BttWlDN0aYE7Hmjdeu7yR%2F7eb9fb1d7c8759d8afcaf67d28fa88d5%2FTurbopack_OG_-_dark.png" alt="Turbopack: High-performance bundler for React &amp; TypeScript" title="Turbopack: High-performance bundler for React &amp; TypeScript" class="entry-image" /></a></p><p>Vercel&#39;s mission is to provide the speed and reliability innovators need to create at the moment of inspiration. Last year, we focused on speeding up the way Next.js bundles your apps. Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated a...</p><p><a href="https://b.hatena.ne.jp/entry/s/vercel.com/blog/turbopack"><img src="https://b.hatena.ne.jp/entry/image/https://vercel.com/blog/turbopack" alt="はてなブックマーク - Turbopack: High-performance bundler for React &amp; TypeScript" title="はてなブックマーク - Turbopack: High-performance bundler for React &amp; TypeScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/vercel.com/blog/turbopack"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://web.dev/articles/optimize-long-tasks ButterflyFish 2022-10-02T03:37:19Z performance javascript thread 61 <blockquote cite="https://web.dev/articles/optimize-long-tasks" title="Optimize long tasks  |  web.dev"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fweb.dev%2Farticles%2Foptimize-long-tasks" alt="" /> <a href="https://web.dev/articles/optimize-long-tasks">Optimize long tasks  |  web.dev</a></cite><p><a href="https://web.dev/articles/optimize-long-tasks"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c0472e169cd8da61b7913eb0ada2f60afb981c86/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.dev%2Fstatic%2Farticles%2Foptimize-long-tasks%2Fimage%2Fthumbnail.jpg" alt="Optimize long tasks  |  web.dev" title="Optimize long tasks  |  web.dev" class="entry-image" /></a></p><p>Published: September 30, 2022, Last updated: December 19, 2024 Common advice for keeping JavaScript apps fast tends to boil down to the following advice: &quot;Don&#39;t block the main thread.&quot; &quot;Break up your long tasks.&quot; This is great advice, but what work does it involve? Shipping less JavaScript is goo...</p><p><a href="https://b.hatena.ne.jp/entry/s/web.dev/articles/optimize-long-tasks"><img src="https://b.hatena.ne.jp/entry/image/https://web.dev/articles/optimize-long-tasks" alt="はてなブックマーク - Optimize long tasks  |  web.dev" title="はてなブックマーク - Optimize long tasks  |  web.dev" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/web.dev/articles/optimize-long-tasks"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://future-architect.github.io/articles/20220819a/ ButterflyFish 2022-08-19T14:56:35Z gRPC golang javascript 340 <blockquote cite="https://future-architect.github.io/articles/20220819a/" title="gRPCがフロントエンド通信の第一の選択肢になる時代がやってきたかも？ | フューチャー技術ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffuture-architect.github.io%2Farticles%2F20220819a%2F" alt="" /> <a href="https://future-architect.github.io/articles/20220819a/">gRPCがフロントエンド通信の第一の選択肢になる時代がやってきたかも？ | フューチャー技術ブログ</a></cite><p><a href="https://future-architect.github.io/articles/20220819a/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2665091434f630b6976440142baef1f89930a912/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffuture-architect.github.io%2Fimages%2F2022%2F20220819a%2Fimage.png" alt="gRPCがフロントエンド通信の第一の選択肢になる時代がやってきたかも？ | フューチャー技術ブログ" title="gRPCがフロントエンド通信の第一の選択肢になる時代がやってきたかも？ | フューチャー技術ブログ" class="entry-image" /></a></p><p>Go 1.19が8/2に早々にリリースされました。個人的にはGo 1.19よりも楽しみだったのが、サービス間通信とIDL（インタフェース記述言語）連載の中でご紹介したgRPCのGo実装の新星、Connectのアップデートでした。そしてそれはやってきました。 詳しい内容は↑の記事を見ていただくとして、Connectがその開発元ブログの紹介...</p><p><a href="https://b.hatena.ne.jp/entry/s/future-architect.github.io/articles/20220819a/"><img src="https://b.hatena.ne.jp/entry/image/https://future-architect.github.io/articles/20220819a/" alt="はてなブックマーク - gRPCがフロントエンド通信の第一の選択肢になる時代がやってきたかも？ | フューチャー技術ブログ" title="はてなブックマーク - gRPCがフロントエンド通信の第一の選択肢になる時代がやってきたかも？ | フューチャー技術ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/future-architect.github.io/articles/20220819a/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://news.mynavi.jp/techplus/article/zerojavascript-18/ ButterflyFish 2022-08-07T01:17:50Z json javascript JSON 67 <blockquote cite="https://news.mynavi.jp/techplus/article/zerojavascript-18/" title="ゼロからはじめるJavaScript(18) 可読性と表現力の高いデータ形式「JSONC」を活用しよう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnews.mynavi.jp%2Ftechplus%2Farticle%2Fzerojavascript-18%2F" alt="" /> <a href="https://news.mynavi.jp/techplus/article/zerojavascript-18/">ゼロからはじめるJavaScript(18) 可読性と表現力の高いデータ形式「JSONC」を活用しよう</a></cite><p><a href="https://news.mynavi.jp/techplus/article/zerojavascript-18/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/16137f8d0e78a248b55672c947e269f01fe76a54/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fnews.mynavi.jp%2Ftechplus%2Farticle%2Fzerojavascript-18%2Findex_images%2Findex.jpg" alt="ゼロからはじめるJavaScript(18) 可読性と表現力の高いデータ形式「JSONC」を活用しよう" title="ゼロからはじめるJavaScript(18) 可読性と表現力の高いデータ形式「JSONC」を活用しよう" class="entry-image" /></a></p><p>最近、よく目にするデータフォーマットに「JSONC」があります。これはJavaScriptでお馴染みのJSON形式にコメントを記述できるよう拡張したものです。Visual Studio Codeでも採用されており、設定ファイルとして利用されることが増えています。そこで、JSONCの記法やJavaScriptから使う方法を確認してみましょう。 JSONC...</p><p><a href="https://b.hatena.ne.jp/entry/s/news.mynavi.jp/techplus/article/zerojavascript-18/"><img src="https://b.hatena.ne.jp/entry/image/https://news.mynavi.jp/techplus/article/zerojavascript-18/" alt="はてなブックマーク - ゼロからはじめるJavaScript(18) 可読性と表現力の高いデータ形式「JSONC」を活用しよう" title="はてなブックマーク - ゼロからはじめるJavaScript(18) 可読性と表現力の高いデータ形式「JSONC」を活用しよう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/news.mynavi.jp/techplus/article/zerojavascript-18/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://charliegerard.dev/blog/ultrasonic-payments/ ButterflyFish 2022-06-08T12:15:47Z payment javascript 5 <blockquote cite="https://charliegerard.dev/blog/ultrasonic-payments/" title="Ultrasonic payments | Charlie Gerard | Senior frontend developer &amp; Creative Technologist"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcharliegerard.dev%2Fblog%2Fultrasonic-payments%2F" alt="" /> <a href="https://charliegerard.dev/blog/ultrasonic-payments/">Ultrasonic payments | Charlie Gerard | Senior frontend developer &amp; Creative Technologist</a></cite><p><a href="https://charliegerard.dev/blog/ultrasonic-payments/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9639da1b2a84250c76088b4d0e2b0f5133b3558f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fdevdevcharlie%2Fimage%2Fupload%2Fv1654538589%2FGroup_32_e801uz.png" alt="Ultrasonic payments | Charlie Gerard | Senior frontend developer &amp; Creative Technologist" title="Ultrasonic payments | Charlie Gerard | Senior frontend developer &amp; Creative Technologist" class="entry-image" /></a></p><p>Recently, my colleague Mike Bifulco wrote a blog post about using Near-Field Communication (NFC) technology to request payment using NFC tags and Stripe Payment Links. In a similar spirit, I came across the concept of “Ultrasonic payments”, a technology based on transferring data through inaudibl...</p><p><a href="https://b.hatena.ne.jp/entry/s/charliegerard.dev/blog/ultrasonic-payments/"><img src="https://b.hatena.ne.jp/entry/image/https://charliegerard.dev/blog/ultrasonic-payments/" alt="はてなブックマーク - Ultrasonic payments | Charlie Gerard | Senior frontend developer &amp; Creative Technologist" title="はてなブックマーク - Ultrasonic payments | Charlie Gerard | Senior frontend developer &amp; Creative Technologist" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/charliegerard.dev/blog/ultrasonic-payments/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://browser.engineering/ ButterflyFish 2022-06-05T07:07:38Z browser javascript book 71 <blockquote cite="https://browser.engineering/" title="Web Browser Engineering"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbrowser.engineering%2F" alt="" /> <a href="https://browser.engineering/">Web Browser Engineering</a></cite><p><a href="https://browser.engineering/"><img src="" alt="Web Browser Engineering" title="Web Browser Engineering" class="entry-image" /></a></p><p>Web browsers are ubiquitous, but how do they work? This book explains, building a basic but complete web browser, from networking to JavaScript, in a couple thousand lines of Python. The cover for Web Browser Engineering, from Oxford University Press Buy Web Browser Engineering Web Browser Engine...</p><p><a href="https://b.hatena.ne.jp/entry/s/browser.engineering/"><img src="https://b.hatena.ne.jp/entry/image/https://browser.engineering/" alt="はてなブックマーク - Web Browser Engineering" title="はてなブックマーク - Web Browser Engineering" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/browser.engineering/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://nmi.jp/2022-05-14-Dynamically-created-WebAssembly ButterflyFish 2022-05-14T15:54:58Z WebAssembly wasm javascript 59 <blockquote cite="https://nmi.jp/2022-05-14-Dynamically-created-WebAssembly" title="WebAssembly を動的生成した場合のパフォーマンスについて"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnmi.jp%2F2022-05-14-Dynamically-created-WebAssembly" alt="" /> <a href="https://nmi.jp/2022-05-14-Dynamically-created-WebAssembly">WebAssembly を動的生成した場合のパフォーマンスについて</a></cite><p><a href="https://nmi.jp/2022-05-14-Dynamically-created-WebAssembly"><img src="" alt="WebAssembly を動的生成した場合のパフォーマンスについて" title="WebAssembly を動的生成した場合のパフォーマンスについて" class="entry-image" /></a></p><p>以下では、それぞれのプログラム実装について詳細を説明していきます。 1. JavaScript simple implementation（js-simple） ソースコード / 実行結果 このプログラムは、JavaScript で BF の文字を 1 文字ずつパースし実行していく、一番シンプルな実装です。対応する括弧のジャンプも、そのたびに愚直に計算して求めて...</p><p><a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2022-05-14-Dynamically-created-WebAssembly"><img src="https://b.hatena.ne.jp/entry/image/https://nmi.jp/2022-05-14-Dynamically-created-WebAssembly" alt="はてなブックマーク - WebAssembly を動的生成した場合のパフォーマンスについて" title="はてなブックマーク - WebAssembly を動的生成した場合のパフォーマンスについて" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2022-05-14-Dynamically-created-WebAssembly"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/azu/bi-epub-reader ButterflyFish 2022-05-09T14:52:44Z ePub book javascript 5 <blockquote cite="https://github.com/azu/bi-epub-reader" title="GitHub - azu/bi-epub-reader: Standalone Epub reader using Bibi."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fazu%2Fbi-epub-reader" alt="" /> <a href="https://github.com/azu/bi-epub-reader">GitHub - azu/bi-epub-reader: Standalone Epub reader using Bibi.</a></cite><p><a href="https://github.com/azu/bi-epub-reader"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0e168fd1d0b0c193c34404cc5f5b38966b041dcd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F8342c79a3e85b5da0dfe601a8061fcc71294661bb454bcd821fb7d17d7683e4e%2Fazu%2Fbi-epub-reader" alt="GitHub - azu/bi-epub-reader: Standalone Epub reader using Bibi." title="GitHub - azu/bi-epub-reader: Standalone Epub reader using Bibi." class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/azu/bi-epub-reader"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/azu/bi-epub-reader" alt="はてなブックマーク - GitHub - azu/bi-epub-reader: Standalone Epub reader using Bibi." title="はてなブックマーク - GitHub - azu/bi-epub-reader: Standalone Epub reader using Bibi." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/azu/bi-epub-reader"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://bibi.epub.link/ ButterflyFish 2022-05-09T14:52:18Z ePub javascript book 57 <blockquote cite="https://bibi.epub.link/" title="Bibi | EPUB Reader on your website. — ビビ。EPUB リーダを、あなたのウェブサイトに。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbibi.epub.link%2F" alt="" /> <a href="https://bibi.epub.link/">Bibi | EPUB Reader on your website. — ビビ。EPUB リーダを、あなたのウェブサイトに。</a></cite><p><a href="https://bibi.epub.link/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/966ec286b3225d9d912931a06257dfcaa596b54b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbibi.epub.link%2Fres%2Fimages%2Fog-image.png" alt="Bibi | EPUB Reader on your website. — ビビ。EPUB リーダを、あなたのウェブサイトに。" title="Bibi | EPUB Reader on your website. — ビビ。EPUB リーダを、あなたのウェブサイトに。" class="entry-image" /></a></p><p>アクセスすればすぐに本が読める URL をメールや SNS で共有したり、 ブログやウェブページに EPUB を貼り付けることができるようになるのです。</p><p><a href="https://b.hatena.ne.jp/entry/s/bibi.epub.link/"><img src="https://b.hatena.ne.jp/entry/image/https://bibi.epub.link/" alt="はてなブックマーク - Bibi | EPUB Reader on your website. — ビビ。EPUB リーダを、あなたのウェブサイトに。" title="はてなブックマーク - Bibi | EPUB Reader on your website. — ビビ。EPUB リーダを、あなたのウェブサイトに。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bibi.epub.link/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/sprout2000/articles/9d026d3d9e0e8f ButterflyFish 2022-05-04T09:49:49Z javascript js 402 <blockquote cite="https://zenn.dev/sprout2000/articles/9d026d3d9e0e8f" title="いちばんやさしい webpack 入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fsprout2000%2Farticles%2F9d026d3d9e0e8f" alt="" /> <a href="https://zenn.dev/sprout2000/articles/9d026d3d9e0e8f">いちばんやさしい webpack 入門</a></cite><p><a href="https://zenn.dev/sprout2000/articles/9d026d3d9e0e8f"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d572989d862a51e9f797507fe04222127f9dc4c3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--EZi8njU0--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252581%252584%2525E3%252581%2525A1%2525E3%252581%2525B0%2525E3%252582%252593%2525E3%252582%252584%2525E3%252581%252595%2525E3%252581%252597%2525E3%252581%252584%252520webpack%252520%2525E5%252585%2525A5%2525E9%252596%252580%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%2525AF%2525E3%252581%2525A3%2525E3%252581%2525B1%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzQyZmQ4YmQ3NmMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="いちばんやさしい webpack 入門" title="いちばんやさしい webpack 入門" class="entry-image" /></a></p><p>webpack is 何? webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。 複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。 複数の JS モジュールを（場合によっては CSS や画像などのアセット類も）一つにまとめる 使うメリット...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sprout2000/articles/9d026d3d9e0e8f"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/sprout2000/articles/9d026d3d9e0e8f" alt="はてなブックマーク - いちばんやさしい webpack 入門" title="はてなブックマーク - いちばんやさしい webpack 入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/sprout2000/articles/9d026d3d9e0e8f"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/bytecodealliance/javy ButterflyFish 2022-04-18T01:25:03Z WebAssembly javascript wasm js shopify 28 <blockquote cite="https://github.com/bytecodealliance/javy" title="GitHub - bytecodealliance/javy: JS to WebAssembly toolchain"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fbytecodealliance%2Fjavy" alt="" /> <a href="https://github.com/bytecodealliance/javy">GitHub - bytecodealliance/javy: JS to WebAssembly toolchain</a></cite><p><a href="https://github.com/bytecodealliance/javy"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/144d5ed170da2fbe772a9abd66a56dca8c9974c5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F469747490b9059beb97ee64492ae506435275e5559a4d61ee86f6a41119679eb%2Fbytecodealliance%2Fjavy" alt="GitHub - bytecodealliance/javy: JS to WebAssembly toolchain" title="GitHub - bytecodealliance/javy: JS to WebAssembly toolchain" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/bytecodealliance/javy"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/bytecodealliance/javy" alt="はてなブックマーク - GitHub - bytecodealliance/javy: JS to WebAssembly toolchain" title="はてなブックマーク - GitHub - bytecodealliance/javy: JS to WebAssembly toolchain" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/bytecodealliance/javy"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>