https://b.hatena.ne.jp/iga_k/javascript/ javascriptに関するiga_kのはてなブックマーク (89) https://qiita.com/twrcd1227/items/7bce18167fb02ec22729 iga_k 2024-01-19T08:03:17Z ajax javascript web <blockquote cite="https://qiita.com/twrcd1227/items/7bce18167fb02ec22729" title="もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ftwrcd1227%2Fitems%2F7bce18167fb02ec22729" alt="" /> <a href="https://qiita.com/twrcd1227/items/7bce18167fb02ec22729">もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita</a></cite><p><a href="https://qiita.com/twrcd1227/items/7bce18167fb02ec22729"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ede1e7cadf34b94414aa4c52e17107590341caf4/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.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTU2MDk2JTJGcHJvZmlsZS1pbWFnZXMlMkYxNzIyNzQ4MTE3P2l4bGliPXJiLTQuMS4xJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1iM2I5ODdjNTYzN2ZiODVmNGNiNTM4OGMzM2JjODk3ZA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dd13cda310d065c535deec1313e79ff1e%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJTgyJUUzJTgxJTg2anMlRTMlODElQUElRTMlODIlOTMlRTMlODElQTYlRTMlODElODQlRTMlODIlODklRTMlODElQUElRTMlODElODQlRUYlQkMlODElRTQlQjglOTYlRTclOTUlOEMlRTMlODElQTclRTYlQjUlODElRTglQTElOEMlRTMlODElQTMlRTMlODElQTYlRTMlODElODQlRTMlODIlOEJIVE1YJUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9M2UxMTM0OWRkOThmMzRhOWQ2NTk2NmY4ZjU5MmIzOWQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDB0d3JjZDEyMjcmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1kYjU1YjVkYjEwM2Q2ZDFmMDBmOWE4MGY2ZGFhMGY5Nw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3De3578b1cd238b7ea88707668c79d3cf8" alt="もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita" title="もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita" class="entry-image" /></a></p><p>はじめに この記事の内容はhtmx v1の記事です。 最新のhtmx v2に関する解説は以下の本にまとめましたので、そちらを参考にしてください！！ HTMXとは https://htmx.org/ HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/twrcd1227/items/7bce18167fb02ec22729"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/twrcd1227/items/7bce18167fb02ec22729" alt="はてなブックマーク - もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita" title="はてなブックマーク - もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/twrcd1227/items/7bce18167fb02ec22729"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 391 https://qiita.com/scivola/items/75e71d834ab38b58a3c2 iga_k 2023-10-20T02:36:50Z ruby javascript js rails <blockquote cite="https://qiita.com/scivola/items/75e71d834ab38b58a3c2" title="Ruby での JavaScript の圧縮を Uglifier から Terser に変えた - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fscivola%2Fitems%2F75e71d834ab38b58a3c2" alt="" /> <a href="https://qiita.com/scivola/items/75e71d834ab38b58a3c2">Ruby での JavaScript の圧縮を Uglifier から Terser に変えた - Qiita</a></cite><p><a href="https://qiita.com/scivola/items/75e71d834ab38b58a3c2"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d65b76293543e4d411ba359c098cb9797d960fe6/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDgxMDElMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTEyMzA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWRhYTk2ZjQzNGM4ZDE5NmZiMDU5ZmJjODRhZmE0NWE3%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D5c81a4ad4cbf6e44909925333f0f34da%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UnVieSUyMCVFMyU4MSVBNyVFMyU4MSVBRSUyMEphdmFTY3JpcHQlMjAlRTMlODElQUUlRTUlOUMlQTclRTclQjglQUUlRTMlODIlOTIlMjBVZ2xpZmllciUyMCVFMyU4MSU4QiVFMyU4MiU4OSUyMFRlcnNlciUyMCVFMyU4MSVBQiVFNSVBNCU4OSVFMyU4MSU4OCVFMyU4MSU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTFmODZkMzE4ZjllMzU3OTIzNmM2OTg0YWRlMzAzNDg2%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzY2l2b2xhJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YmYxZGRmYWJlODI3YjhlZDQ0MzgzNDg4NWJjZGYzMmQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3De30563be9af6a6525a8924829af5b436" alt="Ruby での JavaScript の圧縮を Uglifier から Terser に変えた - Qiita" title="Ruby での JavaScript の圧縮を Uglifier から Terser に変えた - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/scivola/items/75e71d834ab38b58a3c2"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/scivola/items/75e71d834ab38b58a3c2" alt="はてなブックマーク - Ruby での JavaScript の圧縮を Uglifier から Terser に変えた - Qiita" title="はてなブックマーク - Ruby での JavaScript の圧縮を Uglifier から Terser に変えた - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/scivola/items/75e71d834ab38b58a3c2"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3 https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01 iga_k 2023-09-07T03:43:57Z javascript hotwire dhh rails Turbo typescript <blockquote cite="https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01" title="Turbo 8 is dropping TypeScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fworld.hey.com%2Fdhh%2Fturbo-8-is-dropping-typescript-70165c01" alt="" /> <a href="https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01">Turbo 8 is dropping TypeScript</a></cite><p><a href="https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1b11ffc3b57e8357a66cedf8b63c0c536276f92b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fworld.hey.com%2Fdhh%2Favatar-fb368b1ee9b185dc2a09b03eabdb61678dd55244" alt="Turbo 8 is dropping TypeScript" title="Turbo 8 is dropping TypeScript" class="entry-image" /></a></p><p>By all accounts, TypeScript has been a big success for Microsoft. I&#39;ve seen loads of people sparkle with joy from dousing JavaScript with explicit types that can be checked by a compiler. But I&#39;ve never been a fan. Not after giving it five minutes, not after giving it five years. So it&#39;s with gre...</p><p><a href="https://b.hatena.ne.jp/entry/s/world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01"><img src="https://b.hatena.ne.jp/entry/image/https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01" alt="はてなブックマーク - Turbo 8 is dropping TypeScript" title="はてなブックマーク - Turbo 8 is dropping TypeScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 217 https://www.publickey1.jp/blog/23/javascriptwebpackturbopack.html iga_k 2023-02-01T04:23:21Z webpack javascript turbopack <blockquote cite="https://www.publickey1.jp/blog/23/javascriptwebpackturbopack.html" title="人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F23%2Fjavascriptwebpackturbopack.html" alt="" /> <a href="https://www.publickey1.jp/blog/23/javascriptwebpackturbopack.html">人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る</a></cite><p><a href="https://www.publickey1.jp/blog/23/javascriptwebpackturbopack.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f961c590e21247161507436f979868dfa4490add/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2023%2FTUDDXd4l.jpg" alt="人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る" title="人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る" class="entry-image" /></a></p><p>人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る 複数のJavaScriptやTypeScriptの依存関係などを解決し、コードやフォント、画像などのリソースなどをまとめるバンドルツール（あるいはモジュールバンドラやビルドツールなどとも呼...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/javascriptwebpackturbopack.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/23/javascriptwebpackturbopack.html" alt="はてなブックマーク - 人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る" title="はてなブックマーク - 人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/javascriptwebpackturbopack.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 418 https://note.com/everyleaf/n/n5c0f123b20a6 知見〜 iga_k 2022-12-06T23:52:56Z hotwire javascript everyleaf <blockquote cite="https://note.com/everyleaf/n/n5c0f123b20a6" title="既存サービスに Hotwire を部分導入して得られた知見｜万葉"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Feveryleaf%2Fn%2Fn5c0f123b20a6" alt="" /> <a href="https://note.com/everyleaf/n/n5c0f123b20a6">既存サービスに Hotwire を部分導入して得られた知見｜万葉</a></cite><p><a href="https://note.com/everyleaf/n/n5c0f123b20a6"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0534e9395f3994eeba97c2959b8b103b7f049ebe/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F92373669%2Frectangle_large_type_2_be59add4b2ec5d3a47514be02e584a06.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="既存サービスに Hotwire を部分導入して得られた知見｜万葉" title="既存サービスに Hotwire を部分導入して得られた知見｜万葉" class="entry-image" /></a></p><p>はじめにこんちには。万葉でエンジニアをしている koheitakahashi です。 この記事では、既存のサービスに Hotwire を部分的に導入した際に得られた知見として、どのような問題に直面したかということと、その対応策をご紹介します。 Hotwire の導入を検討している方にとって、この記事が導入の判断材料になれば幸いです...</p><p><a href="https://b.hatena.ne.jp/entry/s/note.com/everyleaf/n/n5c0f123b20a6"><img src="https://b.hatena.ne.jp/entry/image/https://note.com/everyleaf/n/n5c0f123b20a6" alt="はてなブックマーク - 既存サービスに Hotwire を部分導入して得られた知見｜万葉" title="はてなブックマーク - 既存サービスに Hotwire を部分導入して得られた知見｜万葉" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/note.com/everyleaf/n/n5c0f123b20a6"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 15 https://note.com/dotinstall/n/n7b3148c8f3c2 表示が変わるのは分かりやすくて良いのわかる iga_k 2022-10-19T09:33:50Z javascript <blockquote cite="https://note.com/dotinstall/n/n7b3148c8f3c2" title="「JavaScriptになったら急にわからなくなった」人への処方箋 〜 フロントエンドエンジニアを目指している方へ｜ドットインストール"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fdotinstall%2Fn%2Fn7b3148c8f3c2" alt="" /> <a href="https://note.com/dotinstall/n/n7b3148c8f3c2">「JavaScriptになったら急にわからなくなった」人への処方箋 〜 フロントエンドエンジニアを目指している方へ｜ドットインストール</a></cite><p><a href="https://note.com/dotinstall/n/n7b3148c8f3c2"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6498f0a27748f6e06d84bd361d75036d4c02fed1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F88980230%2Frectangle_large_type_2_c0336a732ea9e19d175c4070fa50cceb.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="「JavaScriptになったら急にわからなくなった」人への処方箋 〜 フロントエンドエンジニアを目指している方へ｜ドットインストール" title="「JavaScriptになったら急にわからなくなった」人への処方箋 〜 フロントエンドエンジニアを目指している方へ｜ドットインストール" class="entry-image" /></a></p><p>ドットインストール代表の taguchi です。 「HTML / CSSを勉強していて、JavaScriptに入ったら急にわからなくなった」 ユーザーの方からそういった声をよく聞きます。そうですよね...。HTML / CSS / JavaScriptはセットで紹介されることが多いので、同じような流れで進むかと思いきや...、そうでもありません。印象とし...</p><p><a href="https://b.hatena.ne.jp/entry/s/note.com/dotinstall/n/n7b3148c8f3c2"><img src="https://b.hatena.ne.jp/entry/image/https://note.com/dotinstall/n/n7b3148c8f3c2" alt="はてなブックマーク - 「JavaScriptになったら急にわからなくなった」人への処方箋 〜 フロントエンドエンジニアを目指している方へ｜ドットインストール" title="はてなブックマーク - 「JavaScriptになったら急にわからなくなった」人への処方箋 〜 フロントエンドエンジニアを目指している方へ｜ドットインストール" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/note.com/dotinstall/n/n7b3148c8f3c2"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 64 https://zenn.dev/qnighy/articles/345aa9cae02d9d iga_k 2022-07-06T23:47:09Z javascript <blockquote cite="https://zenn.dev/qnighy/articles/345aa9cae02d9d" title="JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fqnighy%2Farticles%2F345aa9cae02d9d" alt="" /> <a href="https://zenn.dev/qnighy/articles/345aa9cae02d9d">JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー</a></cite><p><a href="https://zenn.dev/qnighy/articles/345aa9cae02d9d"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/cb1649fc5a4bb5fd531d4c3a7f20e87c47d422dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs---i1XMKoW--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJavaScript%2525E3%252581%2525AE%2525E9%25259D%25259E%2525E5%252590%25258C%2525E6%25259C%25259F%2525E5%252587%2525A6%2525E7%252590%252586%2525E3%252582%252592%2525E3%252581%252598%2525E3%252581%2525A3%2525E3%252581%25258F%2525E3%252582%25258A%2525E7%252590%252586%2525E8%2525A7%2525A3%2525E3%252581%252599%2525E3%252582%25258B%252520%2525281%252529%252520%2525E5%2525AE%25259F%2525E8%2525A1%25258C%2525E3%252583%2525A2%2525E3%252583%252587%2525E3%252583%2525AB%2525E3%252581%2525A8%2525E3%252582%2525BF%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252582%2525AD%2525E3%252583%2525A5%2525E3%252583%2525BC%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AMasaki%252520Hara%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2l3aEI4dTM5cFZyM09sWVFLcUU5Z1ozV2d3MHlsMS03cUZad0huYWc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACMTiAE" alt="JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー" title="JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー" class="entry-image" /></a></p><p>対象読者と目的 非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある 実行順序の保証がよくわからないので自信をもってデプロイできない変更がある より詳しい仕組みを理解することでより計画的な実装をできるようになりたい という動機で書かれた記事です。同様...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/qnighy/articles/345aa9cae02d9d"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/qnighy/articles/345aa9cae02d9d" alt="はてなブックマーク - JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー" title="はてなブックマーク - JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/qnighy/articles/345aa9cae02d9d"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 402 https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/ わかりやすい。今のブラウザはES6をそのまま実行できるのか。 iga_k 2021-11-15T04:19:08Z javascript rails <blockquote cite="https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/" title="JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fmodern-web-apps-without-javascript-bundling-or-transpiling%2F" alt="" /> <a href="https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/">JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD</a></cite><p><a href="https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/85d939ce5af259bfb0eeffb13843894312c4650b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fworld.hey.com%2Fdhh%2Favatar-20210222112907000000-293866624" alt="JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD" title="JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD" class="entry-image" /></a></p><p>筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS（Ruby-to-JavaScript）、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/" alt="はてなブックマーク - JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD" title="はてなブックマーク - JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 361 https://eatplaynap329.hatenablog.jp/entry/2021/10/25/215530 「異常にやる気のある人々 」いい話。あと、修正のPRも送ってて良い仕事してらっしゃる！ iga_k 2021-10-26T22:50:49Z javascript fjord <blockquote cite="https://eatplaynap329.hatenablog.jp/entry/2021/10/25/215530" title="JavaScript Primer合宿とは何か - Eat, Play, Nap and Code"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Featplaynap329.hatenablog.jp%2Fentry%2F2021%2F10%2F25%2F215530" alt="" /> <a href="https://eatplaynap329.hatenablog.jp/entry/2021/10/25/215530">JavaScript Primer合宿とは何か - Eat, Play, Nap and Code</a></cite><p><a href="https://eatplaynap329.hatenablog.jp/entry/2021/10/25/215530"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ce2cb4028158087ff6c7e5fed66cd234c324ae7c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F647f1d3b5ed15eed42554ada34fdf033ddf869b9%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fe%252Featplaynap329%252F20211025%252F20211025163101.png" alt="JavaScript Primer合宿とは何か - Eat, Play, Nap and Code" title="JavaScript Primer合宿とは何か - Eat, Play, Nap and Code" class="entry-image" /></a></p><p>はじめに こんにちは。 所属するフィヨルドブートキャンプ(以下FBC)にて、先週木曜まで10日かけてJS Primer合宿と称した短期集中型の輪読会を行いました。 jsprimer.net JavaScriptの入門書である↑の書籍を、数名の方と一緒に読み進めました。 合宿と言っても泊まり込みで何かをしたわけではなく、Discord上で1日5-7時間...</p><p><a href="https://b.hatena.ne.jp/entry/s/eatplaynap329.hatenablog.jp/entry/2021/10/25/215530"><img src="https://b.hatena.ne.jp/entry/image/https://eatplaynap329.hatenablog.jp/entry/2021/10/25/215530" alt="はてなブックマーク - JavaScript Primer合宿とは何か - Eat, Play, Nap and Code" title="はてなブックマーク - JavaScript Primer合宿とは何か - Eat, Play, Nap and Code" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/eatplaynap329.hatenablog.jp/entry/2021/10/25/215530"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 8 https://world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b “With Rails 7, we're replacing Webpacker, Turbolinks, UJS with import maps plus Turbo and Stimulus from Hotwire as the defaults. ” iga_k 2021-09-07T01:55:41Z rails javascript <blockquote cite="https://world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b" title="Rails 7 will have three great answers to JavaScript in 2021+"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fworld.hey.com%2Fdhh%2Frails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b" alt="" /> <a href="https://world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b">Rails 7 will have three great answers to JavaScript in 2021+</a></cite><p><a href="https://world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1b11ffc3b57e8357a66cedf8b63c0c536276f92b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fworld.hey.com%2Fdhh%2Favatar-fb368b1ee9b185dc2a09b03eabdb61678dd55244" alt="Rails 7 will have three great answers to JavaScript in 2021+" title="Rails 7 will have three great answers to JavaScript in 2021+" class="entry-image" /></a></p><p>September 6, 2021 Rails 7 will have three great answers to JavaScript in 2021+ Rails has been unapologetically full stack since the beginning. We&#39;ve continuously sought to include ever-more default answers to all the major infrastructure questions posed by modern web development. From talking to ...</p><p><a href="https://b.hatena.ne.jp/entry/s/world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b"><img src="https://b.hatena.ne.jp/entry/image/https://world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b" alt="はてなブックマーク - Rails 7 will have three great answers to JavaScript in 2021+" title="はてなブックマーク - Rails 7 will have three great answers to JavaScript in 2021+" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 106 https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke Async / Await の解説。べこさん推薦。 iga_k 2021-04-15T22:57:41Z javascript <blockquote cite="https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke" title="⭐️🎀 JavaScript Visualized: Promises &amp; Async/Await"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdev.to%2Flydiahallie%2Fjavascript-visualized-promises-async-await-5gke" alt="" /> <a href="https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke">⭐️🎀 JavaScript Visualized: Promises &amp; Async/Await</a></cite><p><a href="https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1fb7e060936dc566d1e4ddba2666d4b8f4c1ba90/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmedia2.dev.to%2Fdynamic%2Fimage%2Fwidth%3D1000%2Cheight%3D500%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto%2Fhttps%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fi%252Flbkswjafvaeynxnrjuoq.png" alt="⭐️🎀 JavaScript Visualized: Promises &amp; Async/Await" title="⭐️🎀 JavaScript Visualized: Promises &amp; Async/Await" class="entry-image" /></a></p><p>If you&#39;re already somewhat familiar with promises, here are some shortcuts to save you some precious scrolling time. Introduction When writing JavaScript, we often have to deal with tasks that rely on other tasks! Let&#39;s say that we want to get an image, compress it, apply a filter, and save it 📸...</p><p><a href="https://b.hatena.ne.jp/entry/s/dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke"><img src="https://b.hatena.ne.jp/entry/image/https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke" alt="はてなブックマーク - ⭐️🎀 JavaScript Visualized: Promises &amp; Async/Await" title="はてなブックマーク - ⭐️🎀 JavaScript Visualized: Promises &amp; Async/Await" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 65 https://laiso.hatenablog.com/entry/hotwire-debut iga_k 2021-01-24T10:45:46Z rails javascript frontend hotwire <blockquote cite="https://laiso.hatenablog.com/entry/hotwire-debut" title="Hotwireの感想 - laiso"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flaiso.hatenablog.com%2Fentry%2Fhotwire-debut" alt="" /> <a href="https://laiso.hatenablog.com/entry/hotwire-debut">Hotwireの感想 - laiso</a></cite><p><a href="https://laiso.hatenablog.com/entry/hotwire-debut"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/620ca82c2cfb4ddf6479f21aabe02c37e393e8ef/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc875c21e436e101aeb14156835dcea1d8a1f5468%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fl%252Flaiso%252F20210124%252F20210124034255.png" alt="Hotwireの感想 - laiso" title="Hotwireの感想 - laiso" class="entry-image" /></a></p><p>Hotwire https://hotwire.dev/ Turboを中心としたウェブアプリケーションのアーキテクチャの要素技術やコンセプトをPRするための名称 Hotwireというライブラリがあるわけではない 役割としてはMicro FrontendsとかReactのlearn once, write anywhereなどに似ている アプリケーション実装言語非依存だけど現状Railsアプリ...</p><p><a href="https://b.hatena.ne.jp/entry/s/laiso.hatenablog.com/entry/hotwire-debut"><img src="https://b.hatena.ne.jp/entry/image/https://laiso.hatenablog.com/entry/hotwire-debut" alt="はてなブックマーク - Hotwireの感想 - laiso" title="はてなブックマーク - Hotwireの感想 - laiso" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/laiso.hatenablog.com/entry/hotwire-debut"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 136 https://techracho.bpsinc.jp/hachi8833/2020_12_24/102368 まとめ早い！ iga_k 2020-12-25T01:47:10Z rails techracho webpack javascript dhh hotwire <blockquote cite="https://techracho.bpsinc.jp/hachi8833/2020_12_24/102368" title="速報: Basecampがリリースした「Hotwire」の概要｜TechRacho by BPS株式会社"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechracho.bpsinc.jp%2Fhachi8833%2F2020_12_24%2F102368" alt="" /> <a href="https://techracho.bpsinc.jp/hachi8833/2020_12_24/102368">速報: Basecampがリリースした「Hotwire」の概要｜TechRacho by BPS株式会社</a></cite><p><a href="https://techracho.bpsinc.jp/hachi8833/2020_12_24/102368"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6a5aa258775c3c2a1b9fba8449eb8fcc28a24380/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2020%2F12%2Fflashnews_hotwire_basecamp_rails_eyecatch-min.png" alt="速報: Basecampがリリースした「Hotwire」の概要｜TechRacho by BPS株式会社" title="速報: Basecampがリリースした「Hotwire」の概要｜TechRacho by BPS株式会社" class="entry-image" /></a></p><p>12/23の朝方、DHHが以下のツイートを発信しました。 Hotwire aka NEW MAGIC is finally here: An alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This includes our brand-new Turbo framework and pairs with Stimulus 2.0 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/techracho.bpsinc.jp/hachi8833/2020_12_24/102368"><img src="https://b.hatena.ne.jp/entry/image/https://techracho.bpsinc.jp/hachi8833/2020_12_24/102368" alt="はてなブックマーク - 速報: Basecampがリリースした「Hotwire」の概要｜TechRacho by BPS株式会社" title="はてなブックマーク - 速報: Basecampがリリースした「Hotwire」の概要｜TechRacho by BPS株式会社" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techracho.bpsinc.jp/hachi8833/2020_12_24/102368"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 127 https://zenn.dev/mizchi/articles/3789a101dae388d98159 mizchiさんのJS学習ガイド iga_k 2020-12-19T06:50:33Z javascript js <blockquote cite="https://zenn.dev/mizchi/articles/3789a101dae388d98159" title="プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmizchi%2Farticles%2F3789a101dae388d98159" alt="" /> <a href="https://zenn.dev/mizchi/articles/3789a101dae388d98159">プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法</a></cite><p><a href="https://zenn.dev/mizchi/articles/3789a101dae388d98159"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a66d08c0545dd7538c1e7f02b1c81548c2b183ea/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Apd3Cd4q--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252582%2525B0%2525E3%252583%2525A9%2525E3%252583%25259F%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E5%252588%25259D%2525E5%2525BF%252583%2525E8%252580%252585%2525E3%252581%2525AE%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AE%252520JavaScript%252520%2525E3%252581%2525A8%252520Node.js%252520%2525E3%252581%2525AE%2525E6%2525AD%2525B4%2525E5%25258F%2525B2%2525E3%252580%252581%2525E3%252581%25259D%2525E3%252582%25258C%2525E3%252582%252592%2525E8%2525B8%25258F%2525E3%252581%2525BE%2525E3%252581%252588%2525E3%252581%25259F%2525E5%25258B%252589%2525E5%2525BC%2525B7%2525E6%252596%2525B9%2525E6%2525B3%252595%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Amizchi%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2liclRHT052Z3d3ay1fNGxlcVk4TGNGSlNuX0FoWnpEWVlKaXJNcWc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" title="プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" class="entry-image" /></a></p><p>プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法 2020年でJavaScript学ぶならきっとブラウザ向けJSガン無視していきなり初手node.js（ただし暫く何も足さない）がいいんじゃないかというメモ - min.t (ミント) Node.js を教えることについて、自分は賛成なんですが、その学習パスが...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/3789a101dae388d98159"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/mizchi/articles/3789a101dae388d98159" alt="はてなブックマーク - プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" title="はてなブックマーク - プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/3789a101dae388d98159"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 894 https://speakerdeck.com/yosuke_furukawa/metapahuomansutiyuningu Core web vital iga_k 2020-12-19T00:25:11Z frontend javascript google <blockquote cite="https://speakerdeck.com/yosuke_furukawa/metapahuomansutiyuningu" title="メタ・パフォーマンスチューニング"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fyosuke_furukawa%2Fmetapahuomansutiyuningu" alt="" /> <a href="https://speakerdeck.com/yosuke_furukawa/metapahuomansutiyuningu">メタ・パフォーマンスチューニング</a></cite><p><a href="https://speakerdeck.com/yosuke_furukawa/metapahuomansutiyuningu"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/48a39b256df3da6de8d5d36b3f8116e37b206fb4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F745527bd9a294edc8a0b034bd08f5ded%2Fslide_0.jpg%3F16924445" alt="メタ・パフォーマンスチューニング" title="メタ・パフォーマンスチューニング" class="entry-image" /></a></p><p>2020/12/15 @ FE Study #2 パフォーマンスチューニングの話です。</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/yosuke_furukawa/metapahuomansutiyuningu"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/yosuke_furukawa/metapahuomansutiyuningu" alt="はてなブックマーク - メタ・パフォーマンスチューニング" title="はてなブックマーク - メタ・パフォーマンスチューニング" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/yosuke_furukawa/metapahuomansutiyuningu"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 130 https://blog.unasuke.com/2020/i-have-to-learn-those-things-in-the-future/ うなすけさん iga_k 2020-12-13T21:45:27Z rails ruby javascript <blockquote cite="https://blog.unasuke.com/2020/i-have-to-learn-those-things-in-the-future/" title="Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.unasuke.com%2F2020%2Fi-have-to-learn-those-things-in-the-future%2F" alt="" /> <a href="https://blog.unasuke.com/2020/i-have-to-learn-those-things-in-the-future/">Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ</a></cite><p><a href="https://blog.unasuke.com/2020/i-have-to-learn-those-things-in-the-future/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3121d4b0fad18d1629e4a72af0e5ccfd20af308c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.unasuke.com%2Fimages%2Fogp_image.jpg" alt="Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ" title="Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ" class="entry-image" /></a></p><p>Rails の問題は Rails のベストプラクティスがフロントエンドのベストプラクティスの邪魔になるどころか全く逆方向で相反してる点です。DHHの思想がフロントエンドと根本的に逆行してる。そういう人が作るフレームワークなのでwebpackerの抽象化を根本的に間違ったりする。 — prev.js (@mizchi) December 1, 2020 昨日も...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.unasuke.com/2020/i-have-to-learn-those-things-in-the-future/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.unasuke.com/2020/i-have-to-learn-those-things-in-the-future/" alt="はてなブックマーク - Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ" title="はてなブックマーク - Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.unasuke.com/2020/i-have-to-learn-those-things-in-the-future/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 464 https://sasabo-h.hatenablog.com/entry/2020/12/05/105140 最後の図示がわかりやすい。スコープは難しいのわかる。 iga_k 2020-12-05T23:38:30Z webpacker javascript rails js <blockquote cite="https://sasabo-h.hatenablog.com/entry/2020/12/05/105140" title="WebpackerでJavaScriptを使ってハマった話 - sasaboの生活"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsasabo-h.hatenablog.com%2Fentry%2F2020%2F12%2F05%2F105140" alt="" /> <a href="https://sasabo-h.hatenablog.com/entry/2020/12/05/105140">WebpackerでJavaScriptを使ってハマった話 - sasaboの生活</a></cite><p><a href="https://sasabo-h.hatenablog.com/entry/2020/12/05/105140"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2328238f2a8b699e0a60305813d15f5f0615c0ab/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F0955a09d43d47ceaffe680f30c09aa12f5c94e64%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fs%252Fsasabo-h%252F20201205%252F20201205102456.gif" alt="WebpackerでJavaScriptを使ってハマった話 - sasaboの生活" title="WebpackerでJavaScriptを使ってハマった話 - sasaboの生活" class="entry-image" /></a></p><p>これは フィヨルドブートキャンプ Part 2 Advent Calendar 2020の5日目の記事です。 前日はjune29さんの成長の早いジュニア・ソフトウェアエンジニアの特徴でした。 Part1もありますので是非ご覧ください。 フィヨルドブートキャンプ Part 1 Advent Calendar 2020 自己紹介 はじめましての方もいらっしゃると思いますの...</p><p><a href="https://b.hatena.ne.jp/entry/s/sasabo-h.hatenablog.com/entry/2020/12/05/105140"><img src="https://b.hatena.ne.jp/entry/image/https://sasabo-h.hatenablog.com/entry/2020/12/05/105140" alt="はてなブックマーク - WebpackerでJavaScriptを使ってハマった話 - sasaboの生活" title="はてなブックマーク - WebpackerでJavaScriptを使ってハマった話 - sasaboの生活" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sasabo-h.hatenablog.com/entry/2020/12/05/105140"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain iga_k 2020-07-09T06:28:18Z javascript object prototype oop <blockquote cite="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain" title="継承とプロトタイプチェーン - JavaScript | MDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FJavaScript%2FGuide%2FInheritance_and_the_prototype_chain" alt="" /> <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">継承とプロトタイプチェーン - JavaScript | MDN</a></cite><p><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dea999ec21b71dd375395e3e161a67c6298af31f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdeveloper.mozilla.org%2Fmdn-social-share.d893525a4fb5fb1f67a2.png" alt="継承とプロトタイプチェーン - JavaScript | MDN" title="継承とプロトタイプチェーン - JavaScript | MDN" class="entry-image" /></a></p><p>プロトタイプチェーンと継承 プロパティの継承 JavaScript のオブジェクトはプロパティ（自身のプロパティを指す）の動的な「袋」です。 JavaScript のオブジェクトは、プロトタイプオブジェクトへのリンクを持っています。あるオブジェクトのプロパティにアクセスしようとすると、オブジェクトだけでなく、オブジェクト...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain" alt="はてなブックマーク - 継承とプロトタイプチェーン - JavaScript | MDN" title="はてなブックマーク - 継承とプロトタイプチェーン - JavaScript | MDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 101 https://github.com/flatpickr/flatpickr iga_k 2020-03-19T05:50:47Z github javascript datepicker <blockquote cite="https://github.com/flatpickr/flatpickr" title="GitHub - flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fflatpickr%2Fflatpickr" alt="" /> <a href="https://github.com/flatpickr/flatpickr">GitHub - flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies</a></cite><p><a href="https://github.com/flatpickr/flatpickr"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/98eda7ebb347d6c8fd203ad0ee0b0b607dd9701f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F5d206c32d57b4544c5e4dc30e12098070d0385eb30eafda82bc10650c1adfb4f%2Fflatpickr%2Fflatpickr" alt="GitHub - flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies" title="GitHub - flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies" class="entry-image" /></a></p><p>Almost every large SPA or project involves date and time input. Browser&#39;s native implementations of those are inconsistent and limited in functionality. Most other libraries require you to pull in heavy dependencies like jQuery, Bootstrap, and moment.js. I wanted something that was good-looking o...</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/flatpickr/flatpickr"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/flatpickr/flatpickr" alt="はてなブックマーク - GitHub - flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies" title="はてなブックマーク - GitHub - flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/flatpickr/flatpickr"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 20 https://postd.cc/write-reliable-asynchronous-integration-tests-with-capybara/ capybaraの部品を使うと表示を待ってくれる iga_k 2020-02-06T02:12:07Z capybara rails rspec test ruby selenium javascript css <blockquote cite="https://postd.cc/write-reliable-asynchronous-integration-tests-with-capybara/" title="Capybaraを使って、Rails+JavaScriptの非同期な統合テストを書く | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fwrite-reliable-asynchronous-integration-tests-with-capybara%2F" alt="" /> <a href="https://postd.cc/write-reliable-asynchronous-integration-tests-with-capybara/">Capybaraを使って、Rails+JavaScriptの非同期な統合テストを書く | POSTD</a></cite><p><a href="https://postd.cc/write-reliable-asynchronous-integration-tests-with-capybara/"><img src="" alt="Capybaraを使って、Rails+JavaScriptの非同期な統合テストを書く | POSTD" title="Capybaraを使って、Rails+JavaScriptの非同期な統合テストを書く | POSTD" class="entry-image" /></a></p><p>上からも分かるように、ページの読み込みが完了する前に、テストでリンク探しを始めたのにも関わらず、Capybaraは優雅にインタラクションを処理しています。 しかし、Capybaraがこれらの非同期の問題を処理してくれるにもかかわらず、成功したり失敗したりする一貫性のないテストにいとも簡単に陥ってしまうのはなぜなの...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/write-reliable-asynchronous-integration-tests-with-capybara/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/write-reliable-asynchronous-integration-tests-with-capybara/" alt="はてなブックマーク - Capybaraを使って、Rails+JavaScriptの非同期な統合テストを書く | POSTD" title="はてなブックマーク - Capybaraを使って、Rails+JavaScriptの非同期な統合テストを書く | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/write-reliable-asynchronous-integration-tests-with-capybara/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 41