https://b.hatena.ne.jp/R2M/javascript/ javascriptに関するR2Mのはてなブックマーク (297) https://efcl.info/2025/06/07/jsprimer-notebooklm/ R2M 2025-06-08T06:34:10Z javascript 157 <blockquote cite="https://efcl.info/2025/06/07/jsprimer-notebooklm/" title="JavaScript PrimerのNotebookLMが利用可能になりました！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fefcl.info%2F2025%2F06%2F07%2Fjsprimer-notebooklm%2F" alt="" /> <a href="https://efcl.info/2025/06/07/jsprimer-notebooklm/">JavaScript PrimerのNotebookLMが利用可能になりました！</a></cite><p><a href="https://efcl.info/2025/06/07/jsprimer-notebooklm/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1629f4323226f1cdaf7194c4547f9150d62b4d5f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fefcl.info%2Fpublic%2Ffavicon.png" alt="JavaScript PrimerのNotebookLMが利用可能になりました！" title="JavaScript PrimerのNotebookLMが利用可能になりました！" class="entry-image" /></a></p><p>JavaScript PrimerのNotebookLMが利用可能になりました。 NotebookLMは、Googleが提供するAIを活用したノートブック環境で、登録したソースに対して質問をしたり、情報を検索したりすることができます。 次のリンクから、JavaScript PrimerのNotebookLMにアクセスできます。 📖 JavaScript Primer - 迷わないための入門...</p><p><a href="https://b.hatena.ne.jp/entry/s/efcl.info/2025/06/07/jsprimer-notebooklm/"><img src="https://b.hatena.ne.jp/entry/image/https://efcl.info/2025/06/07/jsprimer-notebooklm/" alt="はてなブックマーク - JavaScript PrimerのNotebookLMが利用可能になりました！" title="はてなブックマーク - JavaScript PrimerのNotebookLMが利用可能になりました！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/efcl.info/2025/06/07/jsprimer-notebooklm/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/tcool/articles/77418f395f89b3 R2M 2025-02-24T01:05:20Z あとで読む javascript 44 <blockquote cite="https://zenn.dev/tcool/articles/77418f395f89b3" title="JavaScript で関数はオブジェクト? なにそれ?"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Ftcool%2Farticles%2F77418f395f89b3" alt="" /> <a href="https://zenn.dev/tcool/articles/77418f395f89b3">JavaScript で関数はオブジェクト? なにそれ?</a></cite><p><a href="https://zenn.dev/tcool/articles/77418f395f89b3"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2702c6a42c0400e40efda96d3836cc645cd30c00/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--29CW5KGJ--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJavaScript%252520%2525E3%252581%2525A7%2525E9%252596%2525A2%2525E6%252595%2525B0%2525E3%252581%2525AF%2525E3%252582%2525AA%2525E3%252583%252596%2525E3%252582%2525B8%2525E3%252582%2525A7%2525E3%252582%2525AF%2525E3%252583%252588%25253F%252520%2525E3%252581%2525AA%2525E3%252581%2525AB%2525E3%252581%25259D%2525E3%252582%25258C%25253F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3At-cool%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2liVmViMFdEdFlWcUtvVDRvYktNeDNTUGZvRTVFOW9rNUV0c21Dc2RvPXM5Ni1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="JavaScript で関数はオブジェクト? なにそれ?" title="JavaScript で関数はオブジェクト? なにそれ?" class="entry-image" /></a></p><p>はじめに JavaScript をある程度書いていると、「関数はオブジェクトでもある」という話を耳にしますよね。そして、「そんなの知らないよ。はいはい。」と右から左に聞き流しているあなたのためにこの記事を書きました。 Function オブジェクトのプロトタイプチェーンや内部スロット、コンストラクタとしての使い方、bin...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/tcool/articles/77418f395f89b3"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/tcool/articles/77418f395f89b3" alt="はてなブックマーク - JavaScript で関数はオブジェクト? なにそれ?" title="はてなブックマーク - JavaScript で関数はオブジェクト? なにそれ?" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/tcool/articles/77418f395f89b3"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/Leapcell/items/0169032ec6612754cf78 R2M 2025-02-14T00:16:01Z javascript 14 <blockquote cite="https://qiita.com/Leapcell/items/0169032ec6612754cf78" title="HTML の達人？async と defer で実力を証明せよ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FLeapcell%2Fitems%2F0169032ec6612754cf78" alt="" /> <a href="https://qiita.com/Leapcell/items/0169032ec6612754cf78">HTML の達人？async と defer で実力を証明せよ - Qiita</a></cite><p><a href="https://qiita.com/Leapcell/items/0169032ec6612754cf78"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6721cbed0aceb641dc4cbbee6197ea5e71135664/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkYzOTY3NjIxJTJGZDA2NTNlZDZkMDhmZDQzODMyMDY1MTlmYzk2YWQ4YzFlYjAyNzU5OCUyRnhfbGFyZ2UucG5nJTNGMTczNDk1OTQ4Mj9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz04OTJjYTk5YTU2OWNjMzZjNThlMTkwODNjMzFiYWFiMw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7593430c16d698d1493ffe760a28f2c5%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SFRNTCUyMCVFMyU4MSVBRSVFOSU4MSU5NCVFNCVCQSVCQSVFRiVCQyU5RmFzeW5jJTIwJUUzJTgxJUE4JTIwZGVmZXIlMjAlRTMlODElQTclRTUlQUUlOUYlRTUlOEElOUIlRTMlODIlOTIlRTglQTglQkMlRTYlOTglOEUlRTMlODElOUIlRTMlODIlODgmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iZjUxZGM2YWIwNzJmMmNlMDJhNTcxOWY4MDgzZjk2Yg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBMZWFwY2VsbCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTYyYTExNWNiZWRkNmFmYjk1NTk0YTYxMDA3MmYwMTRl%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D11e9d80a216eeec2f350886547d3e1b3" alt="HTML の達人？async と defer で実力を証明せよ - Qiita" title="HTML の達人？async と defer で実力を証明せよ - Qiita" class="entry-image" /></a></p><p>すべての Web 開発者は HTML を熟知していると言うでしょう。しかし… script の async と defer の違いを本当に理解していますか？ これらは現代のフロントエンド Web アプリでよく使われますが、意外と見落とされがちです。 まず、HTML における script タグの 3 つの使い方をまとめます。詳細は後述します。 デフォル...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/Leapcell/items/0169032ec6612754cf78"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Leapcell/items/0169032ec6612754cf78" alt="はてなブックマーク - HTML の達人？async と defer で実力を証明せよ - Qiita" title="はてなブックマーク - HTML の達人？async と defer で実力を証明せよ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Leapcell/items/0169032ec6612754cf78"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://susisu.hatenablog.com/entry/2025/02/08/160003 R2M 2025-02-08T20:12:11Z javascript 109 <blockquote cite="https://susisu.hatenablog.com/entry/2025/02/08/160003" title="then() を export した結果ｗｗｗ - Object.create(null)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsusisu.hatenablog.com%2Fentry%2F2025%2F02%2F08%2F160003" alt="" /> <a href="https://susisu.hatenablog.com/entry/2025/02/08/160003">then() を export した結果ｗｗｗ - Object.create(null)</a></cite><p><a href="https://susisu.hatenablog.com/entry/2025/02/08/160003"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a5798575d1caa3e606e85de9b07dc26587a5a8ac/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8454420450093413037%2F6802418398326985120%2F1738999188" alt="then() を export した結果ｗｗｗ - Object.create(null)" title="then() を export した結果ｗｗｗ - Object.create(null)" class="entry-image" /></a></p><p>Promise と Thenable Promise が ECMAScript の言語仕様に追加されたのは ES2015 ですが, Promise ライクなオブジェクトはそれ以前からも広く使われてきました (jQuery の Deferred など). そういった Promise ライクなオブジェクトとの互換性のため, Promise の仕様は本物の Promise と Promise ライクなオブジェクトを...</p><p><a href="https://b.hatena.ne.jp/entry/s/susisu.hatenablog.com/entry/2025/02/08/160003"><img src="https://b.hatena.ne.jp/entry/image/https://susisu.hatenablog.com/entry/2025/02/08/160003" alt="はてなブックマーク - then() を export した結果ｗｗｗ - Object.create(null)" title="はてなブックマーク - then() を export した結果ｗｗｗ - Object.create(null)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/susisu.hatenablog.com/entry/2025/02/08/160003"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/k1tikurisu/javascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru R2M 2025-02-04T04:21:28Z javascript 70 <blockquote cite="https://speakerdeck.com/k1tikurisu/javascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru" title="JavaScriptツール群「UnJS」を5分で一気に駆け巡る！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fk1tikurisu%2Fjavascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru" alt="" /> <a href="https://speakerdeck.com/k1tikurisu/javascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru">JavaScriptツール群「UnJS」を5分で一気に駆け巡る！</a></cite><p><a href="https://speakerdeck.com/k1tikurisu/javascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/16794fa2accc7184d3dc5cb4360ef5551ec56ea7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F93de1d365d094223a87b68bf763d520c%2Fslide_0.jpg%3F33670690" alt="JavaScriptツール群「UnJS」を5分で一気に駆け巡る！" title="JavaScriptツール群「UnJS」を5分で一気に駆け巡る！" class="entry-image" /></a></p><p>BuriKaigi 2025 https://fortee.jp/burikaigi-2025/proposal/b0bb7bb3-c9b5-44a7-8124-a66e96ba3305</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/k1tikurisu/javascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/k1tikurisu/javascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru" alt="はてなブックマーク - JavaScriptツール群「UnJS」を5分で一気に駆け巡る！" title="はてなブックマーク - JavaScriptツール群「UnJS」を5分で一気に駆け巡る！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/k1tikurisu/javascriptturuqun-unjs-wo5fen-de-qi-niqu-kexun-ru"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://2024.stateofjs.com/en-US R2M 2024-12-27T00:12:57Z javascript 96 <blockquote cite="https://2024.stateofjs.com/en-US" title="State of JavaScript 2024"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2F2024.stateofjs.com%2Fen-US" alt="" /> <a href="https://2024.stateofjs.com/en-US">State of JavaScript 2024</a></cite><p><a href="https://2024.stateofjs.com/en-US"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/11b3b87a1cc63ec1161f6f35362803148c0b642a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fassets.devographics.com%2Fsurveys%2Fjs2024-og.png" alt="State of JavaScript 2024" title="State of JavaScript 2024" class="entry-image" /></a></p><p>Let&#39;s take a second to consider something: 2024&#39;s top three front end framework were all launched over a decade ago. Now sure, all three have evolved a lot along the way, and the patterns of 2014 would seem downright antiquated today. But given the JavaScript ecosystems&#39;s reputation as a constant...</p><p><a href="https://b.hatena.ne.jp/entry/s/2024.stateofjs.com/en-US"><img src="https://b.hatena.ne.jp/entry/image/https://2024.stateofjs.com/en-US" alt="はてなブックマーク - State of JavaScript 2024" title="はてなブックマーク - State of JavaScript 2024" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/2024.stateofjs.com/en-US"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/acd1034/articles/240726-accelerating-javascript-engine R2M 2024-08-13T05:22:45Z javascript 資料 158 <blockquote cite="https://zenn.dev/acd1034/articles/240726-accelerating-javascript-engine" title="JavaScript エンジンの高速化"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Facd1034%2Farticles%2F240726-accelerating-javascript-engine" alt="" /> <a href="https://zenn.dev/acd1034/articles/240726-accelerating-javascript-engine">JavaScript エンジンの高速化</a></cite><p><a href="https://zenn.dev/acd1034/articles/240726-accelerating-javascript-engine"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0aebb5a6a9ef2736a04ff41d0f854e7d4f693a11/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--y4MBCsQK--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJavaScript%252520%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252582%2525B8%2525E3%252583%2525B3%2525E3%252581%2525AE%2525E9%2525AB%252598%2525E9%252580%25259F%2525E5%25258C%252596%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Alewisacid%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzBkYjgyMTFlZDMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="JavaScript エンジンの高速化" title="JavaScript エンジンの高速化" class="entry-image" /></a></p><p>これらの JavaScript エンジンのうち、以下では特に JavaScriptCore を扱います。 最適化の基本戦略 JavaScript をはじめとする動的言語は、主にインタープリタにおいて実行されます。しかし、インタープリタはコンパイルされたコードと比較して実行に時間を要するという欠点があります。そこで、インタープリタの最適化...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/acd1034/articles/240726-accelerating-javascript-engine"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/acd1034/articles/240726-accelerating-javascript-engine" alt="はてなブックマーク - JavaScript エンジンの高速化" title="はてなブックマーク - JavaScript エンジンの高速化" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/acd1034/articles/240726-accelerating-javascript-engine"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://nmi.jp/2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS java vm向けの命令とかもあったような R2M 2024-06-10T03:47:54Z CPU javascript 158 <blockquote cite="https://nmi.jp/2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS" title="ARM に存在する JavaScript 専用命令「FJCVTZS」を追う（ついでに V8 をビルドする）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnmi.jp%2F2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS" alt="" /> <a href="https://nmi.jp/2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS">ARM に存在する JavaScript 専用命令「FJCVTZS」を追う（ついでに V8 をビルドする）</a></cite><p><a href="https://nmi.jp/2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS"><img src="" alt="ARM に存在する JavaScript 専用命令「FJCVTZS」を追う（ついでに V8 をビルドする）" title="ARM に存在する JavaScript 専用命令「FJCVTZS」を追う（ついでに V8 をビルドする）" class="entry-image" /></a></p><p>前回の記事では、JavaScript の実行エンジン V8 の JIT 出力コードを読んでみました。記事は M1 Mac 上で動かした結果でしたので、ARM アーキテクチャのアセンブラを読むことになりました。 さてそんな ARM アーキテクチャですが、最近の ARM には FJCVTZS という JavaScript 専用の機械語命令があるのをご存知でしょう...</p><p><a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS"><img src="https://b.hatena.ne.jp/entry/image/https://nmi.jp/2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS" alt="はてなブックマーク - ARM に存在する JavaScript 専用命令「FJCVTZS」を追う（ついでに V8 をビルドする）" title="はてなブックマーク - ARM に存在する JavaScript 専用命令「FJCVTZS」を追う（ついでに V8 をビルドする）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-06-10-Deep-Dive-into-ARM-JavaScript-Special-Instruction-FJCVTZS"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://lydiahallie.framer.website/blog/promise-execution R2M 2024-03-31T07:20:57Z javascript あとで読む 301 <blockquote cite="https://lydiahallie.framer.website/blog/promise-execution" title="JavaScript Visualized - Promise Execution"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flydiahallie.framer.website%2Fblog%2Fpromise-execution" alt="" /> <a href="https://lydiahallie.framer.website/blog/promise-execution">JavaScript Visualized - Promise Execution</a></cite><p><a href="https://lydiahallie.framer.website/blog/promise-execution"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/95b555a1773ed30f6cb008685d4bc332c0f21985/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fframerusercontent.com%2Fassets%2FlaXXlTsX7v2lJMDMCytpp5KaLdU.png" alt="JavaScript Visualized - Promise Execution" title="JavaScript Visualized - Promise Execution" class="entry-image" /></a></p><p>Promises in JavaScript can seem a bit daunting at first, but understanding what&#39;s happening under the hood can make them much more approachable. In this blog post, we&#39;ll dive deep into some of the inner workings of promises and explore how they enable non-blocking asynchronous tasks in JavaScript...</p><p><a href="https://b.hatena.ne.jp/entry/s/lydiahallie.framer.website/blog/promise-execution"><img src="https://b.hatena.ne.jp/entry/image/https://lydiahallie.framer.website/blog/promise-execution" alt="はてなブックマーク - JavaScript Visualized - Promise Execution" title="はてなブックマーク - JavaScript Visualized - Promise Execution" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/lydiahallie.framer.website/blog/promise-execution"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://jsoncanvas.org/ R2M 2024-03-13T00:48:13Z フォーマット javascript 246 <blockquote cite="https://jsoncanvas.org/" title="JSON Canvas"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjsoncanvas.org%2F" alt="" /> <a href="https://jsoncanvas.org/">JSON Canvas</a></cite><p><a href="https://jsoncanvas.org/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/085a878eb357364b42dac97e5343ced7ac0779a2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fjsoncanvas.org%2Fassets%2Fcard.png" alt="JSON Canvas" title="JSON Canvas" class="entry-image" /></a></p><p>An open file format for infinite canvas data. Infinite canvas tools are a way to view and organize information spatially, like a digital whiteboard. Infinite canvases encourage freedom and exploration, and have become a popular interface pattern across many apps. The JSON Canvas format was create...</p><p><a href="https://b.hatena.ne.jp/entry/s/jsoncanvas.org/"><img src="https://b.hatena.ne.jp/entry/image/https://jsoncanvas.org/" alt="はてなブックマーク - JSON Canvas" title="はてなブックマーク - JSON Canvas" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jsoncanvas.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/adwd/articles/5dbf31790ded71 R2M 2023-12-14T23:04:00Z javascript TypeScript 75 <blockquote cite="https://zenn.dev/adwd/articles/5dbf31790ded71" title="Honoで見直すMPAの開発者体験"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fadwd%2Farticles%2F5dbf31790ded71" alt="" /> <a href="https://zenn.dev/adwd/articles/5dbf31790ded71">Honoで見直すMPAの開発者体験</a></cite><p><a href="https://zenn.dev/adwd/articles/5dbf31790ded71"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2c1a0d10540998e8f2b727fff4f5ba7ca002ffc7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--ZWKVBbQ6--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AHono%2525E3%252581%2525A7%2525E8%2525A6%25258B%2525E7%25259B%2525B4%2525E3%252581%252599MPA%2525E3%252581%2525AE%2525E9%252596%25258B%2525E7%252599%2525BA%2525E8%252580%252585%2525E4%2525BD%252593%2525E9%2525A8%252593%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aadwd%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzA2NTM4ZWMxMzMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Honoで見直すMPAの開発者体験" title="Honoで見直すMPAの開発者体験" class="entry-image" /></a></p><p>Next.js App Routerのリリース以降、 async function で書けるServer Componentsいいじゃんファイルベースルーティングも使いやすいなと触ってたのですが、まだ安定していないこともあり不可解なエラーメッセージや複雑なキャッシュの仕組み、デプロイ先を選ぶ感じなどこのままNext.jsにベットしてていいのかなと感じて...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/adwd/articles/5dbf31790ded71"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/adwd/articles/5dbf31790ded71" alt="はてなブックマーク - Honoで見直すMPAの開発者体験" title="はてなブックマーク - Honoで見直すMPAの開発者体験" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/adwd/articles/5dbf31790ded71"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://codepen.io/ R2M 2023-10-20T12:02:01Z webサービス javascript 841 <blockquote cite="https://codepen.io/" title="CodePen - Front End Developer Playground &amp; Code Editor in the Browser"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodepen.io%2F" alt="" /> <a href="https://codepen.io/">CodePen - Front End Developer Playground &amp; Code Editor in the Browser</a></cite><p><a href="https://codepen.io/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dca2e4ec2beab58b93612b7ddaf4274210d8532a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstatic.codepen.io%2Fassets%2Fsocial%2Ffacebook-default-05cf522ae1d4c215ae0f09d866d97413a2204b6c9339c6e7a1b96ab1d4a7340f.png" alt="CodePen - Front End Developer Playground &amp; Code Editor in the Browser" title="CodePen - Front End Developer Playground &amp; Code Editor in the Browser" class="entry-image" /></a></p><p>Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.</p><p><a href="https://b.hatena.ne.jp/entry/s/codepen.io/"><img src="https://b.hatena.ne.jp/entry/image/https://codepen.io/" alt="はてなブックマーク - CodePen - Front End Developer Playground &amp; Code Editor in the Browser" title="はてなブックマーク - CodePen - Front End Developer Playground &amp; Code Editor in the Browser" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codepen.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://inside.pixiv.blog/2023/10/19/130000 R2M 2023-10-19T06:31:16Z javascript 48 <blockquote cite="https://inside.pixiv.blog/2023/10/19/130000" title="6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Finside.pixiv.blog%2F2023%2F10%2F19%2F130000" alt="" /> <a href="https://inside.pixiv.blog/2023/10/19/130000">6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside</a></cite><p><a href="https://inside.pixiv.blog/2023/10/19/130000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4f1a4ad3b3a3d194209683045c31f93275bcbc3d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F06bf3545ed31c435f9730d1f3ddd1ca8d1cb2295%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fd%252Fdevpixiv%252F20240322%252F20240322163942.png" alt="6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside" title="6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside" class="entry-image" /></a></p><p>こんにちは。福岡オフィスエンジニアの @petamoriken です。趣味でFloat16Arrayのponyfill1を公開しECMAScriptに入れてもらうように活動していたところ、喜ばしいことに2023年5月のTC39会議にてStage 3となりました。折角なのでその経緯を書いていこうと思います。 ECMAScript excitement 😉@TC39 advanced these propos...</p><p><a href="https://b.hatena.ne.jp/entry/s/inside.pixiv.blog/2023/10/19/130000"><img src="https://b.hatena.ne.jp/entry/image/https://inside.pixiv.blog/2023/10/19/130000" alt="はてなブックマーク - 6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside" title="はてなブックマーク - 6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/inside.pixiv.blog/2023/10/19/130000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/yusukebe/articles/e8ff26c8507799 R2M 2023-10-09T23:23:56Z javascript HTML 227 <blockquote cite="https://zenn.dev/yusukebe/articles/e8ff26c8507799" title="Hono + htmx + Cloudflareは新しいスタック"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fyusukebe%2Farticles%2Fe8ff26c8507799" alt="" /> <a href="https://zenn.dev/yusukebe/articles/e8ff26c8507799">Hono + htmx + Cloudflareは新しいスタック</a></cite><p><a href="https://zenn.dev/yusukebe/articles/e8ff26c8507799"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/86f1193c48fc8ea2511d660bd076f1cffef4b9d6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--6Mkschuy--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AHono%252520%25252B%252520htmx%252520%25252B%252520Cloudflare%2525E3%252581%2525AF%2525E6%252596%2525B0%2525E3%252581%252597%2525E3%252581%252584%2525E3%252582%2525B9%2525E3%252582%2525BF%2525E3%252583%252583%2525E3%252582%2525AF%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ayusukebe%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pIMWY1VlpnSFMwLUJwekhzZjRGYXN0R1ZYTlpfZFh1U2pwdWNMNGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Hono + htmx + Cloudflareは新しいスタック" title="Hono + htmx + Cloudflareは新しいスタック" class="entry-image" /></a></p><p>この記事は以前7月に自分で書いた「Hono + htmx + Cloudflare is a new stack」という記事を一部修正し、訳したものです。 Hono + htmx + Cloudflareは新しいスタック 以前、バックエンドエンジニアだった身からすれば、Reactは複雑だと感じることがあります。さらに（私はフレームワーク開発者なのですが）フレームワー...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/yusukebe/articles/e8ff26c8507799"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/yusukebe/articles/e8ff26c8507799" alt="はてなブックマーク - Hono + htmx + Cloudflareは新しいスタック" title="はてなブックマーク - Hono + htmx + Cloudflareは新しいスタック" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/yusukebe/articles/e8ff26c8507799"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.lacolaco.net/2023/09/why-angular-is-not-popular/ R2M 2023-09-24T23:25:59Z google javascript 169 <blockquote cite="https://blog.lacolaco.net/2023/09/why-angular-is-not-popular/" title="「どうしてAngularは流行らないのか」と言われて思うこと | lacolaco&#39;s marginalia"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.lacolaco.net%2F2023%2F09%2Fwhy-angular-is-not-popular%2F" alt="" /> <a href="https://blog.lacolaco.net/2023/09/why-angular-is-not-popular/">「どうしてAngularは流行らないのか」と言われて思うこと | lacolaco&#39;s marginalia</a></cite><p><a href="https://blog.lacolaco.net/2023/09/why-angular-is-not-popular/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7246fcb2437d6a35581eb050804bae267daac53e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.lacolaco.net%2Fog%2Fwhy-angular-is-not-popular.png" alt="「どうしてAngularは流行らないのか」と言われて思うこと | lacolaco&#39;s marginalia" title="「どうしてAngularは流行らないのか」と言われて思うこと | lacolaco&#39;s marginalia" class="entry-image" /></a></p><p>最近に限らず、ここ数年ずっと目にするし、聞かれることもあるこの話について、いくつかの思うこと、ぼやきを書いておく。あとで参照できて便利なので。 1. あなたが使い始めれば少なくとも昨日よりは広まりますよ好きなら使えばいいと思うので僕には気持ちがわからないのだが、好き・気になるけど流行ってないから使わ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.lacolaco.net/2023/09/why-angular-is-not-popular/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.lacolaco.net/2023/09/why-angular-is-not-popular/" alt="はてなブックマーク - 「どうしてAngularは流行らないのか」と言われて思うこと | lacolaco&#39;s marginalia" title="はてなブックマーク - 「どうしてAngularは流行らないのか」と言われて思うこと | lacolaco&#39;s marginalia" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.lacolaco.net/2023/09/why-angular-is-not-popular/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://laiso.hatenablog.com/entry/2023/09/07/153417 R2M 2023-09-07T09:45:20Z rails javascript 179 <blockquote cite="https://laiso.hatenablog.com/entry/2023/09/07/153417" title="Remove TypeScript - laiso"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flaiso.hatenablog.com%2Fentry%2F2023%2F09%2F07%2F153417" alt="" /> <a href="https://laiso.hatenablog.com/entry/2023/09/07/153417">Remove TypeScript - laiso</a></cite><p><a href="https://laiso.hatenablog.com/entry/2023/09/07/153417"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e5ad6de5524e805f130f9c7cd6ba188a10531cd1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F1e15112eec83a9243abfd84c1b058df9a2bd1071%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fl%252Flaiso%252F20230907%252F20230907203937.png" alt="Remove TypeScript - laiso" title="Remove TypeScript - laiso" class="entry-image" /></a></p><p>経緯 world.hey.com DHHが「オタクくん見てる〜？ 今からうちのレポジトリからTypeScriptを剥しま〜す」と宣言したことにより、Web開発者界隈でTypeScriptの是非自体の話になり騒ぎになった*1*2。 github.com その後、野次馬がたくさん集ってきてrevertプルリクエストを立てる人やTypeScript公式リポジトリから全ソース...</p><p><a href="https://b.hatena.ne.jp/entry/s/laiso.hatenablog.com/entry/2023/09/07/153417"><img src="https://b.hatena.ne.jp/entry/image/https://laiso.hatenablog.com/entry/2023/09/07/153417" alt="はてなブックマーク - Remove TypeScript - laiso" title="はてなブックマーク - Remove TypeScript - laiso" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/laiso.hatenablog.com/entry/2023/09/07/153417"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://modernjs.dev/en/ R2M 2023-09-02T17:56:42Z javascript library 40 <blockquote cite="https://modernjs.dev/en/" title="Modern.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmodernjs.dev%2Fen%2F" alt="" /> <a href="https://modernjs.dev/en/">Modern.js</a></cite><p><a href="https://modernjs.dev/en/"><img src="" alt="Modern.js" title="Modern.js" class="entry-image" /></a></p><p>A Progressive React Framework for modern web development.</p><p><a href="https://b.hatena.ne.jp/entry/s/modernjs.dev/en/"><img src="https://b.hatena.ne.jp/entry/image/https://modernjs.dev/en/" alt="はてなブックマーク - Modern.js" title="はてなブックマーク - Modern.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/modernjs.dev/en/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://old.million.dev/blog/virtual-dom R2M 2023-06-10T01:33:22Z javascript react 72 <blockquote cite="https://old.million.dev/blog/virtual-dom" title="Virtual DOM: Back in Block | Million.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fold.million.dev%2Fblog%2Fvirtual-dom" alt="" /> <a href="https://old.million.dev/blog/virtual-dom">Virtual DOM: Back in Block | Million.js</a></cite><p><a href="https://old.million.dev/blog/virtual-dom"><img src="" alt="Virtual DOM: Back in Block | Million.js" title="Virtual DOM: Back in Block | Million.js" class="entry-image" /></a></p><p>A little over four years ago, Rich Harris released Virtual DOM is pure overhead (opens in a new tab), analyzing the performance of traditional virtual DOM manipulation.[0] [0] &quot;you&#39;ve probably heard the phrase &#39;the virtual DOM is fast&#39;, often said to mean that it&#39;s faster than the real DOM. It&#39;s ...</p><p><a href="https://b.hatena.ne.jp/entry/s/old.million.dev/blog/virtual-dom"><img src="https://b.hatena.ne.jp/entry/image/https://old.million.dev/blog/virtual-dom" alt="はてなブックマーク - Virtual DOM: Back in Block | Million.js" title="はてなブックマーク - Virtual DOM: Back in Block | Million.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/old.million.dev/blog/virtual-dom"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://deno.com/blog/v1.34 R2M 2023-05-25T23:24:56Z javascript tool Deno 14 <blockquote cite="https://deno.com/blog/v1.34" title="Deno 1.34: deno compile supports npm packages | Deno"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeno.com%2Fblog%2Fv1.34" alt="" /> <a href="https://deno.com/blog/v1.34">Deno 1.34: deno compile supports npm packages | Deno</a></cite><p><a href="https://deno.com/blog/v1.34"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5eb8c38e5637c6ea0b2eef6c3d63f7add2c38d05/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdeno.com%2Fblog%2Fv1.34%2Fogp.png" alt="Deno 1.34: deno compile supports npm packages | Deno" title="Deno 1.34: deno compile supports npm packages | Deno" class="entry-image" /></a></p><p>As we continue our development journey towards Deno 2, this minor release is primarily focused on boosting compatibility with npm and Node.js, enhancing the overall quality of life and developer experience, and establishing the foundation for future performance enhancements. The most significant ...</p><p><a href="https://b.hatena.ne.jp/entry/s/deno.com/blog/v1.34"><img src="https://b.hatena.ne.jp/entry/image/https://deno.com/blog/v1.34" alt="はてなブックマーク - Deno 1.34: deno compile supports npm packages | Deno" title="はてなブックマーク - Deno 1.34: deno compile supports npm packages | Deno" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/deno.com/blog/v1.34"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20230506-gridstackjs/ R2M 2023-05-08T00:01:04Z javascript ライブラリ 34 <blockquote cite="https://gigazine.net/news/20230506-gridstackjs/" title="ドラッグ＆ドロップで直感的に操作可能なカードをウェブアプリに一瞬で導入可能なライブラリ「gridstack.js」を使ってみた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20230506-gridstackjs%2F" alt="" /> <a href="https://gigazine.net/news/20230506-gridstackjs/">ドラッグ＆ドロップで直感的に操作可能なカードをウェブアプリに一瞬で導入可能なライブラリ「gridstack.js」を使ってみた</a></cite><p><a href="https://gigazine.net/news/20230506-gridstackjs/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/14207eea3420239490050b44e06afdbbd0089d09/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2023%2F05%2F06%2Fgridstackjs%2F00.png" alt="ドラッグ＆ドロップで直感的に操作可能なカードをウェブアプリに一瞬で導入可能なライブラリ「gridstack.js」を使ってみた" title="ドラッグ＆ドロップで直感的に操作可能なカードをウェブアプリに一瞬で導入可能なライブラリ「gridstack.js」を使ってみた" class="entry-image" /></a></p><p>ウェブアプリを開発するとき、できるだけ操作は直感的に行えるようにしたいものですが、ドラッグ＆ドロップという操作をブラウザ内で行えるように実装するのはなかなか面倒です。「gridstack.js」はそうした面倒な実装を代わりにやってくれるライブラリで、まさに一瞬と言えるほどの手軽さでドラッグ＆ドロップ操作可能...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20230506-gridstackjs/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20230506-gridstackjs/" alt="はてなブックマーク - ドラッグ＆ドロップで直感的に操作可能なカードをウェブアプリに一瞬で導入可能なライブラリ「gridstack.js」を使ってみた" title="はてなブックマーク - ドラッグ＆ドロップで直感的に操作可能なカードをウェブアプリに一瞬で導入可能なライブラリ「gridstack.js」を使ってみた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20230506-gridstackjs/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>