https://b.hatena.ne.jp/System/JavaScript/ JavaScriptに関するSystemのはてなブックマーク (175) https://explodi.tubatuba.net/2025/09/26/using-deno-as-my-game-engine System 2025-10-07T11:39:58Z javascript <blockquote cite="https://explodi.tubatuba.net/2025/09/26/using-deno-as-my-game-engine" title="Using Deno as my game engine - explodi"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fexplodi.tubatuba.net%2F2025%2F09%2F26%2Fusing-deno-as-my-game-engine" alt="" /> <a href="https://explodi.tubatuba.net/2025/09/26/using-deno-as-my-game-engine">Using Deno as my game engine - explodi</a></cite><p><a href="https://explodi.tubatuba.net/2025/09/26/using-deno-as-my-game-engine"><img src="" alt="Using Deno as my game engine - explodi" title="Using Deno as my game engine - explodi" class="entry-image" /></a></p><p>A little backstory Microlandia “the brutally honest city builder” is a pet project that I started several years ago. I can’t pinpoint exactly when, as the project has gone through multiple rewrites and long periods of abandonment. The idea was to clonemake a game inspired by the original SimCity,...</p><p><a href="https://b.hatena.ne.jp/entry/s/explodi.tubatuba.net/2025/09/26/using-deno-as-my-game-engine"><img src="https://b.hatena.ne.jp/entry/image/https://explodi.tubatuba.net/2025/09/26/using-deno-as-my-game-engine" alt="はてなブックマーク - Using Deno as my game engine - explodi" title="はてなブックマーク - Using Deno as my game engine - explodi" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/explodi.tubatuba.net/2025/09/26/using-deno-as-my-game-engine"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 https://zenn.dev/kenjimorita/articles/3e18a07dda529b System 2025-09-09T00:53:20Z javascript <blockquote cite="https://zenn.dev/kenjimorita/articles/3e18a07dda529b" title="JavaScript三十六景Tips集"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fkenjimorita%2Farticles%2F3e18a07dda529b" alt="" /> <a href="https://zenn.dev/kenjimorita/articles/3e18a07dda529b">JavaScript三十六景Tips集</a></cite><p><a href="https://zenn.dev/kenjimorita/articles/3e18a07dda529b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/634852937ebad38496134b328977bcad6fe8f1d8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--TRIiF7if--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJavaScript%2525E4%2525B8%252589%2525E5%25258D%252581%2525E5%252585%2525AD%2525E6%252599%2525AFTips%2525E9%25259B%252586%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Akenmori%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QwNGVlN2ZjNWEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="JavaScript三十六景Tips集" title="JavaScript三十六景Tips集" class="entry-image" /></a></p><p>[背景] このようなまとめが欲しかった。 LeetCodeを解きながら長い間書き留めてきたJavaScript Tips集です。 チーム開発ではもちろん可読性が重視されますので、その点もご留意ください。 elseブロックを段落で表現する if(!l1) return l2 else if(!l2) return l1 else if (l1.val &lt;= l2.val) // ...some else return l2</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kenjimorita/articles/3e18a07dda529b"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/kenjimorita/articles/3e18a07dda529b" alt="はてなブックマーク - JavaScript三十六景Tips集" title="はてなブックマーク - JavaScript三十六景Tips集" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kenjimorita/articles/3e18a07dda529b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 69 https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus System 2025-07-26T06:39:57Z javascript <blockquote cite="https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus" title="Vanilla JavaScript support for Tailwind Plus"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftailwindcss.com%2Fblog%2Fvanilla-js-support-for-tailwind-plus" alt="" /> <a href="https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus">Vanilla JavaScript support for Tailwind Plus</a></cite><p><a href="https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a5e5c82d83e7508bc7008e15d015ccc5c40353a7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftailwindcss.com%2F_next%2Fstatic%2Fmedia%2Fcard.9be1b450.jpg" alt="Vanilla JavaScript support for Tailwind Plus" title="Vanilla JavaScript support for Tailwind Plus" class="entry-image" /></a></p><p>&lt;script src=&quot;https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1&quot; type=&quot;module&quot;&gt;&lt;/script&gt; &lt;el-dropdown class=&quot;relative inline-block text-left&quot;&gt; &lt;button class=&quot;inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-gray...</p><p><a href="https://b.hatena.ne.jp/entry/s/tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus"><img src="https://b.hatena.ne.jp/entry/image/https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus" alt="はてなブックマーク - Vanilla JavaScript support for Tailwind Plus" title="はてなブックマーク - Vanilla JavaScript support for Tailwind Plus" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 54 https://ics.media/entry/250611/ System 2025-06-12T00:14:02Z js javascript ライブラリ <blockquote cite="https://ics.media/entry/250611/" title="p5.jsによるクリエイティブコーディング入門 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F250611%2F" alt="" /> <a href="https://ics.media/entry/250611/">p5.jsによるクリエイティブコーディング入門 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/250611/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ab0487734758383039445a14c5f7b54101511ccf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F250611%2Fimages%2Feyecatch_250611.jpg" alt="p5.jsによるクリエイティブコーディング入門 - ICS MEDIA" title="p5.jsによるクリエイティブコーディング入門 - ICS MEDIA" class="entry-image" /></a></p><p>ウェブ技術を用いたクリエイティブコーディング環境にはさまざまなものがありますが、プロトタイピングや2D表現には、Canvas 2DをラップしたJavaScriptライブラリ「p5.js」が非常に便利です。この記事ではp5.jsの強み、便利な関数と作例を紹介し、自分で作成した作品の公開方法について解説します。 p5.jsとは p5.jsは、...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/250611/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/250611/" alt="はてなブックマーク - p5.jsによるクリエイティブコーディング入門 - ICS MEDIA" title="はてなブックマーク - p5.jsによるクリエイティブコーディング入門 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/250611/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 188 https://postd.cc/cors-the-ultimate-guide/ System 2025-01-24T05:03:07Z ブラウザ CORS 認証 javascript <blockquote cite="https://postd.cc/cors-the-ultimate-guide/" title="CORSガイドの決定版 | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fcors-the-ultimate-guide%2F" alt="" /> <a href="https://postd.cc/cors-the-ultimate-guide/">CORSガイドの決定版 | POSTD</a></cite><p><a href="https://postd.cc/cors-the-ultimate-guide/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6316ee24ec9c2cd2511a48c4f45d1eb7fc60f19d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fstatic%2Fc85e2f2345766e5444f45f35de38fd1c%2Fmv.png" alt="CORSガイドの決定版 | POSTD" title="CORSガイドの決定版 | POSTD" class="entry-image" /></a></p><p>無垢な仔猫の写真を集めたウェブサイトを訪問したと想像してみてください。かわいい仔猫達の写真の背後には、このウェブサイトの強大な力が隠れています。誰かがウェブサイトにアクセスすると、サイトのオーナーはその訪問者のネット上の行動に関するあらゆる情報を入手できます。その中には、銀行取引情報、SNS上の投稿...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/cors-the-ultimate-guide/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/cors-the-ultimate-guide/" alt="はてなブックマーク - CORSガイドの決定版 | POSTD" title="はてなブックマーク - CORSガイドの決定版 | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/cors-the-ultimate-guide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 268 https://zenn.dev/uhyo/articles/file-download-from-web-api System 2025-01-07T07:35:31Z ブラウザ ui javascript <blockquote cite="https://zenn.dev/uhyo/articles/file-download-from-web-api" title="フロントエンドからファイルをダウンロードさせるやり方について"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fuhyo%2Farticles%2Ffile-download-from-web-api" alt="" /> <a href="https://zenn.dev/uhyo/articles/file-download-from-web-api">フロントエンドからファイルをダウンロードさせるやり方について</a></cite><p><a href="https://zenn.dev/uhyo/articles/file-download-from-web-api"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4274dd84b8731dd873625d1ea2de61412c821dc2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--UmWCjb4B--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252583%252589%2525E3%252581%25258B%2525E3%252582%252589%2525E3%252583%252595%2525E3%252582%2525A1%2525E3%252582%2525A4%2525E3%252583%2525AB%2525E3%252582%252592%2525E3%252583%252580%2525E3%252582%2525A6%2525E3%252583%2525B3%2525E3%252583%2525AD%2525E3%252583%2525BC%2525E3%252583%252589%2525E3%252581%252595%2525E3%252581%25259B%2525E3%252582%25258B%2525E3%252582%252584%2525E3%252582%25258A%2525E6%252596%2525B9%2525E3%252581%2525AB%2525E3%252581%2525A4%2525E3%252581%252584%2525E3%252581%2525A6%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Auhyo%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzVjYjFlMDJlNGQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="フロントエンドからファイルをダウンロードさせるやり方について" title="フロントエンドからファイルをダウンロードさせるやり方について" class="entry-image" /></a></p><p>いまどきのWebアプリにおいては、ファイルのダウンロード機能が必要な場面が多々あります。例えば、バックエンドが生成したCSVデータをファイルとしてダウンロードさせる「CSVダウンロード」機能などです。 今回はAPI[1]から得られたデータをファイルとしてダウンロードさせたい場合のフロントエンドの実装方法について...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uhyo/articles/file-download-from-web-api"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/uhyo/articles/file-download-from-web-api" alt="はてなブックマーク - フロントエンドからファイルをダウンロードさせるやり方について" title="はてなブックマーク - フロントエンドからファイルをダウンロードさせるやり方について" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uhyo/articles/file-download-from-web-api"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 254 https://gihyo.jp/book/2024/978-4-297-14546-0 System 2024-10-22T01:15:37Z css DOM ブラウザ html javascript HTTP <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> 366 https://www.publickey1.jp/blog/24/javascriptbuncjavascript.html System 2024-10-08T00:28:45Z javascript c <blockquote cite="https://www.publickey1.jp/blog/24/javascriptbuncjavascript.html" title="JavaScriptランタイムのBunが、C言語のコンパイルとJavaScriptプログラムからの実行をサポート"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F24%2Fjavascriptbuncjavascript.html" alt="" /> <a href="https://www.publickey1.jp/blog/24/javascriptbuncjavascript.html">JavaScriptランタイムのBunが、C言語のコンパイルとJavaScriptプログラムからの実行をサポート</a></cite><p><a href="https://www.publickey1.jp/blog/24/javascriptbuncjavascript.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f367cedab1774d3346481aae776acf46dcf3022b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2024%2Fbun-js-c01.png" alt="JavaScriptランタイムのBunが、C言語のコンパイルとJavaScriptプログラムからの実行をサポート" title="JavaScriptランタイムのBunが、C言語のコンパイルとJavaScriptプログラムからの実行をサポート" class="entry-image" /></a></p><p>JavaScriptランタイムのBunが、C言語のコンパイルとJavaScriptプログラムからの実行をサポート JavaScriptランタイムのBunは、C言語のコンパイルとJavaScriptプログラムからの実行をサポートすると発表しました。 In Bun v1.1.28, we added support for compiling and running C from JavaScripthttps://t.co/eoClllphwj...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/24/javascriptbuncjavascript.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/24/javascriptbuncjavascript.html" alt="はてなブックマーク - JavaScriptランタイムのBunが、C言語のコンパイルとJavaScriptプログラムからの実行をサポート" title="はてなブックマーク - JavaScriptランタイムのBunが、C言語のコンパイルとJavaScriptプログラムからの実行をサポート" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/24/javascriptbuncjavascript.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 43 https://ics.media/entry/240902/ System 2024-09-05T00:27:01Z アニメーション javascript <blockquote cite="https://ics.media/entry/240902/" title="JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F240902%2F" alt="" /> <a href="https://ics.media/entry/240902/">JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/240902/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f69010dd8fa3b3e6f8b6d6bd1b8afa88ba1bf990/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F240902%2Fimages%2Feyecatch.png" alt="JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA" title="JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA" class="entry-image" /></a></p><p>アニメーション実装のテクニックのひとつにFLIPと呼ばれるものがあります。FLIPアニメーションは2つの状態をなめらかにつなげるテクニックで、とくに移動や拡大といった動きに有効です。FLIPアニメーションを用いると、次のようなアニメーションを実装できます。 本記事では、ライブラリに依存しないFLIPアニメーション...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/240902/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/240902/" alt="はてなブックマーク - JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA" title="はてなブックマーク - JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/240902/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 138 https://www.publickey1.jp/blog/24/webpackrustrspack10.html System 2024-08-29T04:07:15Z Rust javascript <blockquote cite="https://www.publickey1.jp/blog/24/webpackrustrspack10.html" title="webpack互換のRust製高速バンドラ「Rspack」が正式版となるバージョン1.0に到達。webpackより10倍高速と"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F24%2Fwebpackrustrspack10.html" alt="" /> <a href="https://www.publickey1.jp/blog/24/webpackrustrspack10.html">webpack互換のRust製高速バンドラ「Rspack」が正式版となるバージョン1.0に到達。webpackより10倍高速と</a></cite><p><a href="https://www.publickey1.jp/blog/24/webpackrustrspack10.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c99ef24a221ff3e5ab856b22d238d0b1cb6a8d73/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2024%2FcyyerDdh.png" alt="webpack互換のRust製高速バンドラ「Rspack」が正式版となるバージョン1.0に到達。webpackより10倍高速と" title="webpack互換のRust製高速バンドラ「Rspack」が正式版となるバージョン1.0に到達。webpackより10倍高速と" class="entry-image" /></a></p><p>webpack互換のRust製高速バンドラ「Rspack」が正式版となるバージョン1.0に到達。webpackより10倍高速と webpack互換のRust製高速バンドラ「Rspack」が正式版となる「Rspack 1.0」としてリリースされました。 Announcing Rspack 1.0 - the next generation JavaScript bundler written in Rust, webpack compatible, 10x...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/24/webpackrustrspack10.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/24/webpackrustrspack10.html" alt="はてなブックマーク - webpack互換のRust製高速バンドラ「Rspack」が正式版となるバージョン1.0に到達。webpackより10倍高速と" title="はてなブックマーク - webpack互換のRust製高速バンドラ「Rspack」が正式版となるバージョン1.0に到達。webpackより10倍高速と" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/24/webpackrustrspack10.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 53 https://nmi.jp/2024-05-17-Avoid-then System 2024-05-20T01:59:51Z javascript Promise async await <blockquote cite="https://nmi.jp/2024-05-17-Avoid-then" title="JavaScript で then を使うのは避けよう（await / async の初級者まとめ）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnmi.jp%2F2024-05-17-Avoid-then" alt="" /> <a href="https://nmi.jp/2024-05-17-Avoid-then">JavaScript で then を使うのは避けよう（await / async の初級者まとめ）</a></cite><p><a href="https://nmi.jp/2024-05-17-Avoid-then"><img src="" alt="JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" title="JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" class="entry-image" /></a></p><p>JavaScript において、特に苦手とする人が多い印象のある Promise ですが、await と async の文法が導入されたことで、Promise の仕様を深く理解しなくても非同期処理を自然に書けるようになってきたのではないかと思います。 極論ですが、JavaScript の非同期処理は async await new Promise のみで、（ほぼ）全て表現...</p><p><a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-05-17-Avoid-then"><img src="https://b.hatena.ne.jp/entry/image/https://nmi.jp/2024-05-17-Avoid-then" alt="はてなブックマーク - JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" title="はてなブックマーク - JavaScript で then を使うのは避けよう（await / async の初級者まとめ）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/nmi.jp/2024-05-17-Avoid-then"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 289 https://zenn.dev/uki00a/books/effective-deno System 2021-05-06T08:03:07Z TypeScript javascript <blockquote cite="https://zenn.dev/uki00a/books/effective-deno" title="Effective Deno"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fuki00a%2Fbooks%2Feffective-deno" alt="" /> <a href="https://zenn.dev/uki00a/books/effective-deno">Effective Deno</a></cite><p><a href="https://zenn.dev/uki00a/books/effective-deno"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/34debe375ce757b5fd4ede239b3542b78ccfef8a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--dNqYKOcm--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9hMTRmNDUwMDI4LnBuZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg" alt="Effective Deno" title="Effective Deno" class="entry-image" /></a></p><p>この本では、Denoを有効に扱うための「依存関係の管理」や「パーミッションの取り扱い」などに関する様々なノウハウをまとめています。 この本を読めば、Denoを有効に活用するためのノウハウを一通り得られることを目標にして書きました。 Denoは頻繁にアップデートが行われているため、それに合わせてこの本の内容も継...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uki00a/books/effective-deno"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/uki00a/books/effective-deno" alt="はてなブックマーク - Effective Deno" title="はてなブックマーク - Effective Deno" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uki00a/books/effective-deno"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 211 https://zenn.dev/uki00a/articles/frontend-development-in-deno-2021-spring System 2021-03-29T06:07:08Z deno javascript <blockquote cite="https://zenn.dev/uki00a/articles/frontend-development-in-deno-2021-spring" title="Denoのフロントエンド開発の動向【2021年春】"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fuki00a%2Farticles%2Ffrontend-development-in-deno-2021-spring" alt="" /> <a href="https://zenn.dev/uki00a/articles/frontend-development-in-deno-2021-spring">Denoのフロントエンド開発の動向【2021年春】</a></cite><p><a href="https://zenn.dev/uki00a/articles/frontend-development-in-deno-2021-spring"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b210d502ee65bfbe370ccb95845bd7329c4b2f5a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--4k4-zTbH--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ADeno%2525E3%252581%2525AE%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252583%252589%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252581%2525AE%2525E5%25258B%252595%2525E5%252590%252591%2525E3%252580%2525902021%2525E5%2525B9%2525B4%2525E6%252598%2525A5%2525E3%252580%252591%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Auki00a%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzhlMzg5NzFkZjkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="Denoのフロントエンド開発の動向【2021年春】" title="Denoのフロントエンド開発の動向【2021年春】" class="entry-image" /></a></p><p>はじめに ここ最近、Denoのフロントエンド向けのエコシステムについて、色々試してみたり、調査などをしていました。 そこで、この記事では、2021年現在のDenoのフロントエンド開発の状況であったり、所感などについてまとめます。 フレームワークについて Node.jsにおけるフロントエンド開発では、以下のフレームワーク...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uki00a/articles/frontend-development-in-deno-2021-spring"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/uki00a/articles/frontend-development-in-deno-2021-spring" alt="はてなブックマーク - Denoのフロントエンド開発の動向【2021年春】" title="はてなブックマーク - Denoのフロントエンド開発の動向【2021年春】" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/uki00a/articles/frontend-development-in-deno-2021-spring"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 125 https://deno.com/ System 2020-08-22T03:45:27Z typescript javascript Rust <blockquote cite="https://deno.com/" title="Deno"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeno.com%2F" alt="" /> <a href="https://deno.com/">Deno</a></cite><p><a href="https://deno.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b864e1ef2f4794b3dfeff0c75833292f8d9c93ce/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdeno.com%2Fog%2Fimage.jpg" alt="Deno" title="Deno" class="entry-image" /></a></p><p>↑↓Up or down tonavigate↵Enter toselectESCEscape toclose</p><p><a href="https://b.hatena.ne.jp/entry/s/deno.com/"><img src="https://b.hatena.ne.jp/entry/image/https://deno.com/" alt="はてなブックマーク - Deno" title="はてなブックマーク - Deno" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/deno.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 127 https://kentutorialbook.github.io/30minLearningJavaScriptMonad/ System 2020-08-07T00:20:44Z 数学 プログラミング 解説 haskell javascript <blockquote cite="https://kentutorialbook.github.io/30minLearningJavaScriptMonad/" title="30分でわかるJavaScriptプログラマのためのモナド入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkentutorialbook.github.io%2F30minLearningJavaScriptMonad%2F" alt="" /> <a href="https://kentutorialbook.github.io/30minLearningJavaScriptMonad/">30分でわかるJavaScriptプログラマのためのモナド入門</a></cite><p><a href="https://kentutorialbook.github.io/30minLearningJavaScriptMonad/"><img src="" alt="30分でわかるJavaScriptプログラマのためのモナド入門" title="30分でわかるJavaScriptプログラマのためのモナド入門" class="entry-image" /></a></p><p>「30分でわかる」のは、だいたい、 4. モナド(Monad)とは何か？ の読了までを想定しています。 また速い人なら、30分で全部一気に読み通せる分量でもあると思います。 30分以上かかっても一気読みしてしまうことが推奨されますし、一気読みできるように、前に戻って知識の再確認をしなくて済むように、最大限留意して構...</p><p><a href="https://b.hatena.ne.jp/entry/s/kentutorialbook.github.io/30minLearningJavaScriptMonad/"><img src="https://b.hatena.ne.jp/entry/image/https://kentutorialbook.github.io/30minLearningJavaScriptMonad/" alt="はてなブックマーク - 30分でわかるJavaScriptプログラマのためのモナド入門" title="はてなブックマーク - 30分でわかるJavaScriptプログラマのためのモナド入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kentutorialbook.github.io/30minLearningJavaScriptMonad/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 491 https://github.com/anatoo/fnparse.js System 2019-03-27T02:27:05Z javascript パーサーコンビネータ <blockquote cite="https://github.com/anatoo/fnparse.js" title="GitHub - anatoo/fnparse.js: A Simple parser combinator library for JavaScript."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fanatoo%2Ffnparse.js" alt="" /> <a href="https://github.com/anatoo/fnparse.js">GitHub - anatoo/fnparse.js: A Simple parser combinator library for JavaScript.</a></cite><p><a href="https://github.com/anatoo/fnparse.js"><img src="" alt="GitHub - anatoo/fnparse.js: A Simple parser combinator library for JavaScript." title="GitHub - anatoo/fnparse.js: A Simple parser combinator library for JavaScript." class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/anatoo/fnparse.js"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/anatoo/fnparse.js" alt="はてなブックマーク - GitHub - anatoo/fnparse.js: A Simple parser combinator library for JavaScript." title="はてなブックマーク - GitHub - anatoo/fnparse.js: A Simple parser combinator library for JavaScript." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/anatoo/fnparse.js"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://anatoo.hatenablog.com/entry/2015/04/26/220026 System 2019-02-16T09:44:21Z javascript parser パーサコンビネータ <blockquote cite="https://anatoo.hatenablog.com/entry/2015/04/26/220026" title="JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanatoo.hatenablog.com%2Fentry%2F2015%2F04%2F26%2F220026" alt="" /> <a href="https://anatoo.hatenablog.com/entry/2015/04/26/220026">JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ</a></cite><p><a href="https://anatoo.hatenablog.com/entry/2015/04/26/220026"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9eeadfa9e2c046c84d159429da6896b1e03534b3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673850381%2F8454420450087124938%2F1430326303" alt="JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ" title="JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ" class="entry-image" /></a></p><p>前回の記事の続き。前回は、正規表現が使えない時はパーサコンビネータを使ってみると良いということを書いた。 パーサコンビネータのためのライブラリは、以下のように各言語ごとにいくつかある。 JavaScript - Parsimmon Ruby - rparsec treetop Python - parsy PHP - PHPPEG 各言語でいくつかあるのだが、正規表現と...</p><p><a href="https://b.hatena.ne.jp/entry/s/anatoo.hatenablog.com/entry/2015/04/26/220026"><img src="https://b.hatena.ne.jp/entry/image/https://anatoo.hatenablog.com/entry/2015/04/26/220026" alt="はてなブックマーク - JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ" title="はてなブックマーク - JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/anatoo.hatenablog.com/entry/2015/04/26/220026"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 261 https://abouthiroppy.hatenablog.jp/entry/2017/07/28/101318 System 2017-07-28T14:28:28Z app service javascript shell <blockquote cite="https://abouthiroppy.hatenablog.jp/entry/2017/07/28/101318" title="PWAの実装をしてみた - 技術探し"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fabouthiroppy.hatenablog.jp%2Fentry%2F2017%2F07%2F28%2F101318" alt="" /> <a href="https://abouthiroppy.hatenablog.jp/entry/2017/07/28/101318">PWAの実装をしてみた - 技術探し</a></cite><p><a href="https://abouthiroppy.hatenablog.jp/entry/2017/07/28/101318"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/635bf02dac4b4b61935038e904fb8e7156308d79/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F84b52379e68f6cd6b736bf5dd20e32f6e5ab5527%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Fabout_hiroppy%252F20170727%252F20170727111537.png" alt="PWAの実装をしてみた - 技術探し" title="PWAの実装をしてみた - 技術探し" class="entry-image" /></a></p><p>一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク 実装 ライブラリ webpack-offline 構...</p><p><a href="https://b.hatena.ne.jp/entry/s/abouthiroppy.hatenablog.jp/entry/2017/07/28/101318"><img src="https://b.hatena.ne.jp/entry/image/https://abouthiroppy.hatenablog.jp/entry/2017/07/28/101318" alt="はてなブックマーク - PWAの実装をしてみた - 技術探し" title="はてなブックマーク - PWAの実装をしてみた - 技術探し" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/abouthiroppy.hatenablog.jp/entry/2017/07/28/101318"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 254 https://developer.chrome.com/blog/headless-chrome?hl=ja System 2017-06-09T02:58:31Z Chrome development browser javascript <blockquote cite="https://developer.chrome.com/blog/headless-chrome?hl=ja" title="ヘッドレス Chrome スタートガイド  |  Blog  |  Chrome for Developers"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.chrome.com%2Fblog%2Fheadless-chrome%3Fhl%3Dja" alt="" /> <a href="https://developer.chrome.com/blog/headless-chrome?hl=ja">ヘッドレス Chrome スタートガイド  |  Blog  |  Chrome for Developers</a></cite><p><a href="https://developer.chrome.com/blog/headless-chrome?hl=ja"><img src="" alt="ヘッドレス Chrome スタートガイド  |  Blog  |  Chrome for Developers" title="ヘッドレス Chrome スタートガイド  |  Blog  |  Chrome for Developers" class="entry-image" /></a></p><p>要約 ヘッドレス Chrome は Chrome 59 でリリースされています。これは、ヘッドレス環境で Chrome ブラウザを実行する方法です。つまり、Chrome なしで Chrome を実行することになります。Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォームのすべての機能をコマンドラインにもたらします...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.chrome.com/blog/headless-chrome?hl=ja"><img src="https://b.hatena.ne.jp/entry/image/https://developer.chrome.com/blog/headless-chrome?hl=ja" alt="はてなブックマーク - ヘッドレス Chrome スタートガイド  |  Blog  |  Chrome for Developers" title="はてなブックマーク - ヘッドレス Chrome スタートガイド  |  Blog  |  Chrome for Developers" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.chrome.com/blog/headless-chrome?hl=ja"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 760 http://developers.mobage.jp/blog/mithril-introduction System 2016-07-05T06:51:55Z DOM MVC javascript <blockquote cite="http://developers.mobage.jp/blog/mithril-introduction" title="DeNA Engineering - DeNAエンジニアのポータルサイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdevelopers.mobage.jp%2Fblog%2Fmithril-introduction" alt="" /> <a href="http://developers.mobage.jp/blog/mithril-introduction">DeNA Engineering - DeNAエンジニアのポータルサイト</a></cite><p><a href="http://developers.mobage.jp/blog/mithril-introduction"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c9ea09030f4d243fb90ba009c7cb462ca1bc2901/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fengineering.dena.com%2Fog.png" alt="DeNA Engineering - DeNAエンジニアのポータルサイト" title="DeNA Engineering - DeNAエンジニアのポータルサイト" class="entry-image" /></a></p><p>技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。 多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。</p><p><a href="https://b.hatena.ne.jp/entry/developers.mobage.jp/blog/mithril-introduction"><img src="https://b.hatena.ne.jp/entry/image/http://developers.mobage.jp/blog/mithril-introduction" alt="はてなブックマーク - DeNA Engineering - DeNAエンジニアのポータルサイト" title="はてなブックマーク - DeNA Engineering - DeNAエンジニアのポータルサイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/developers.mobage.jp/blog/mithril-introduction"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 155