https://b.hatena.ne.jp/lepton9/javascript/ javascriptに関するlepton9のはてなブックマーク (2,448) https://ritska.com/clock/ lepton9 2026-04-24T11:48:35Z javascript app webservice life design 837 <blockquote cite="https://ritska.com/clock/" title="天気予報つき時計 by ritsuka"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fritska.com%2Fclock%2F" alt="" /> <a href="https://ritska.com/clock/">天気予報つき時計 by ritsuka</a></cite><p><a href="https://ritska.com/clock/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ddeedadc8f5e46ded05fbda5807fd69d2ea35362/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fritska.com%2Fclock%2Ficon%2Fogp_thumb_clock1.png" alt="天気予報つき時計 by ritsuka" title="天気予報つき時計 by ritsuka" class="entry-image" /></a></p><p>[5:4] 短期予報のみ [5:4] 短期予報と週間予報（デザインA） [5:4] 短期予報と週間予報（デザインB） [16:9] 短期予報のみ [スマホ横長全画面] 短期予報のみ</p><p><a href="https://b.hatena.ne.jp/entry/s/ritska.com/clock/"><img src="https://b.hatena.ne.jp/entry/image/https://ritska.com/clock/" alt="はてなブックマーク - 天気予報つき時計 by ritsuka" title="はてなブックマーク - 天気予報つき時計 by ritsuka" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ritska.com/clock/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.flatt.tech/entry/axios_compromise lepton9 2026-03-31T15:01:56Z security javascript 378 <blockquote cite="https://blog.flatt.tech/entry/axios_compromise" title="axios ソフトウェアサプライチェーン攻撃の概要と対応指針 - GMO Flatt Security Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.flatt.tech%2Fentry%2Faxios_compromise" alt="" /> <a href="https://blog.flatt.tech/entry/axios_compromise">axios ソフトウェアサプライチェーン攻撃の概要と対応指針 - GMO Flatt Security Blog</a></cite><p><a href="https://blog.flatt.tech/entry/axios_compromise"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/12614ceb90c7d84c47c1ef647fc7aef05f2b0e5f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc199f1e5d2366487ab68f0a6f851458b0b8c9936%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ff%252Fflattsecurity%252F20260331%252F20260331163627.png" alt="axios ソフトウェアサプライチェーン攻撃の概要と対応指針 - GMO Flatt Security Blog" title="axios ソフトウェアサプライチェーン攻撃の概要と対応指針 - GMO Flatt Security Blog" class="entry-image" /></a></p><p>2026年3月31日、HTTP クライアントライブラリ axios の npm パッケージが侵害されました。攻撃者はメンテナの npm アカウントを乗っ取り、マルウェアを含むバージョン 1.14.1 および 0.30.4 を公開しました。axios は npm エコシステムで週間約1億ダウンロードを誇る主要パッケージです。本記事では公開情報をもとに、事...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.flatt.tech/entry/axios_compromise"><img src="https://b.hatena.ne.jp/entry/image/https://blog.flatt.tech/entry/axios_compromise" alt="はてなブックマーク - axios ソフトウェアサプライチェーン攻撃の概要と対応指針 - GMO Flatt Security Blog" title="はてなブックマーク - axios ソフトウェアサプライチェーン攻撃の概要と対応指針 - GMO Flatt Security Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.flatt.tech/entry/axios_compromise"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://efcl.info/2026/02/22/design-loop/ lepton9 2026-02-23T12:08:16Z design ai javascript 36 <blockquote cite="https://efcl.info/2026/02/22/design-loop/" title="design-loop: Claude Codeを使ったブラウザベースのビジュアル編集ツール"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fefcl.info%2F2026%2F02%2F22%2Fdesign-loop%2F" alt="" /> <a href="https://efcl.info/2026/02/22/design-loop/">design-loop: Claude Codeを使ったブラウザベースのビジュアル編集ツール</a></cite><p><a href="https://efcl.info/2026/02/22/design-loop/"><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="design-loop: Claude Codeを使ったブラウザベースのビジュアル編集ツール" title="design-loop: Claude Codeを使ったブラウザベースのビジュアル編集ツール" class="entry-image" /></a></p><p>Claude Codeを使ったブラウザベースのビジュアル編集ツールとして、design-loopを作りました。 GitHub: https://github.com/azu/design-loop 左パネルに開発中のサイトのプレビュー、右パネルにClaude Codeのターミナルが表示されます。プレビュー上の要素をクリックすると、その要素のコンポーネント情報やスタイルがCl...</p><p><a href="https://b.hatena.ne.jp/entry/s/efcl.info/2026/02/22/design-loop/"><img src="https://b.hatena.ne.jp/entry/image/https://efcl.info/2026/02/22/design-loop/" alt="はてなブックマーク - design-loop: Claude Codeを使ったブラウザベースのビジュアル編集ツール" title="はてなブックマーク - design-loop: Claude Codeを使ったブラウザベースのビジュアル編集ツール" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/efcl.info/2026/02/22/design-loop/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://piccalil.li/blog/date-is-out-and-temporal-is-in/ lepton9 2026-01-18T02:48:54Z javascript programming 28 <blockquote cite="https://piccalil.li/blog/date-is-out-and-temporal-is-in/" title="Date is out, Temporal is in"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpiccalil.li%2Fblog%2Fdate-is-out-and-temporal-is-in%2F" alt="" /> <a href="https://piccalil.li/blog/date-is-out-and-temporal-is-in/">Date is out, Temporal is in</a></cite><p><a href="https://piccalil.li/blog/date-is-out-and-temporal-is-in/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b74004e80b9452d12ee17e9efec4470530da6bf0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpiccalil.b-cdn.net%2Fapi%2Fog-image%3Fslug%3Ddate-is-out-and-temporal-is-in%2F" alt="Date is out, Temporal is in" title="Date is out, Temporal is in" class="entry-image" /></a></p><p>Time makes fools of us all, and JavaScript is no slouch in that department either. Honestly, I’ve never minded the latter much — in fact, if you’ve taken JavaScript for Everyone or tuned into the newsletter, you already know that I largely enjoy JavaScript’s little quirks, believe it or not. I li...</p><p><a href="https://b.hatena.ne.jp/entry/s/piccalil.li/blog/date-is-out-and-temporal-is-in/"><img src="https://b.hatena.ne.jp/entry/image/https://piccalil.li/blog/date-is-out-and-temporal-is-in/" alt="はてなブックマーク - Date is out, Temporal is in" title="はてなブックマーク - Date is out, Temporal is in" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/piccalil.li/blog/date-is-out-and-temporal-is-in/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ics.media/entry/251120/ lepton9 2025-11-23T13:25:38Z javascript programming art 20 <blockquote cite="https://ics.media/entry/251120/" title="Three.jsとCurl Noiseで動かす3Dパーティクル表現 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F251120%2F" alt="" /> <a href="https://ics.media/entry/251120/">Three.jsとCurl Noiseで動かす3Dパーティクル表現 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/251120/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/bc57cc6246e6f3a86de15b1de379f5657af5c683/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F251120%2Fimages%2Feyecatch.png" alt="Three.jsとCurl Noiseで動かす3Dパーティクル表現 - ICS MEDIA" title="Three.jsとCurl Noiseで動かす3Dパーティクル表現 - ICS MEDIA" class="entry-image" /></a></p><p>3Dを用いたウェブサイトでは、パーティクルを使った表現をよく目にします。メインのビジュアルにパーティクルのアニメーションを重ねることで、サイトの視覚的な印象を強めることができます。 この記事では、パーティクル表現を用いたウェブサイトの事例を紹介しつつ、数ある表現手法の中でも3D空間を漂うパーティクル表...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/251120/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/251120/" alt="はてなブックマーク - Three.jsとCurl Noiseで動かす3Dパーティクル表現 - ICS MEDIA" title="はてなブックマーク - Three.jsとCurl Noiseで動かす3Dパーティクル表現 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/251120/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.3qe.us/entry/2025/09/11/114156 lepton9 2025-09-15T03:44:58Z html javascript design 173 <blockquote cite="https://blog.3qe.us/entry/2025/09/11/114156" title="自分のWebサイトをスケルトン仕様にする - Lambdaカクテル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.3qe.us%2Fentry%2F2025%2F09%2F11%2F114156" alt="" /> <a href="https://blog.3qe.us/entry/2025/09/11/114156">自分のWebサイトをスケルトン仕様にする - Lambdaカクテル</a></cite><p><a href="https://blog.3qe.us/entry/2025/09/11/114156"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/68ad97ceae55ac0f848b65de043b3068e495fd41/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F1b2348e3e6b9511b86159adac11604a6c6c9066d%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fm.media-amazon.com%252Fimages%252FI%252F31G6xAyBY3L._SL500_.jpg" alt="自分のWebサイトをスケルトン仕様にする - Lambdaカクテル" title="自分のWebサイトをスケルトン仕様にする - Lambdaカクテル" class="entry-image" /></a></p><p>した www.3qe.us こいつは暖かみのある手打ちHTMLで作られており、AIはおろか補完といった冷たいテクノロジ〜を利用していない。なんか勘で書いて勘で動いている。 スケルトンにしたい 1990〜2000年代、あらゆるモノがスケルトンになっていたマジで謎の時代。 www.nintendo.co.jp PlayStation 2 オーシャン・ブルー【メ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.3qe.us/entry/2025/09/11/114156"><img src="https://b.hatena.ne.jp/entry/image/https://blog.3qe.us/entry/2025/09/11/114156" alt="はてなブックマーク - 自分のWebサイトをスケルトン仕様にする - Lambdaカクテル" title="はてなブックマーク - 自分のWebサイトをスケルトン仕様にする - Lambdaカクテル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.3qe.us/entry/2025/09/11/114156"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sosukesuzuki.dev/posts/joining-bun/ lepton9 2025-08-21T12:53:09Z career it javascript 178 <blockquote cite="https://sosukesuzuki.dev/posts/joining-bun/" title="Bunに入社した"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsosukesuzuki.dev%2Fposts%2Fjoining-bun%2F" alt="" /> <a href="https://sosukesuzuki.dev/posts/joining-bun/">Bunに入社した</a></cite><p><a href="https://sosukesuzuki.dev/posts/joining-bun/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e3f1d96775061d873ef24ccae2bbe4ebed5423ce/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsosukesuzuki.dev%2Fimg%2Flarge-logo.jpeg" alt="Bunに入社した" title="Bunに入社した" class="entry-image" /></a></p><p>Sosuke is one of JavaScriptCore’s most prolific contributors, and will help us make JavaScript faster and Bun more compatible with Node https://t.co/G1BKUophlO — Jarred Sumner (@jarredsumner) August 18, 2025 8月15日にUbieを退職し、8月18日からJavaScriptランタイムを開発しているBunで働いている。住居...</p><p><a href="https://b.hatena.ne.jp/entry/s/sosukesuzuki.dev/posts/joining-bun/"><img src="https://b.hatena.ne.jp/entry/image/https://sosukesuzuki.dev/posts/joining-bun/" alt="はてなブックマーク - Bunに入社した" title="はてなブックマーク - Bunに入社した" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sosukesuzuki.dev/posts/joining-bun/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/emadurandal/books/e5a5db5066ec17/viewer/intro lepton9 2025-07-05T09:08:00Z javascript programming gpu 51 <blockquote cite="https://zenn.dev/emadurandal/books/e5a5db5066ec17/viewer/intro" title="TypeGPUとは何か｜TypeGPU入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Femadurandal%2Fbooks%2Fe5a5db5066ec17%2Fviewer%2Fintro" alt="" /> <a href="https://zenn.dev/emadurandal/books/e5a5db5066ec17/viewer/intro">TypeGPUとは何か｜TypeGPU入門</a></cite><p><a href="https://zenn.dev/emadurandal/books/e5a5db5066ec17/viewer/intro"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a0c680ce1fb5f268bc3a02d0b2e363523e93c57d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstatic.zenn.studio%2Fimages%2Flogo-only-dark.png" alt="TypeGPUとは何か｜TypeGPU入門" title="TypeGPUとは何か｜TypeGPU入門" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/emadurandal/books/e5a5db5066ec17/viewer/intro"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/emadurandal/books/e5a5db5066ec17/viewer/intro" alt="はてなブックマーク - TypeGPUとは何か｜TypeGPU入門" title="はてなブックマーク - TypeGPUとは何か｜TypeGPU入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/emadurandal/books/e5a5db5066ec17/viewer/intro"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ics.media/entry/250611/ lepton9 2025-06-11T23:46:40Z programming javascript art 188 <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> https://www.publickey1.jp/blog/25/typescriptgo10typescript_native_previews.html lepton9 2025-06-02T22:19:04Z javascript performance golang programming 77 <blockquote cite="https://www.publickey1.jp/blog/25/typescriptgo10typescript_native_previews.html" title="TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F25%2Ftypescriptgo10typescript_native_previews.html" alt="" /> <a href="https://www.publickey1.jp/blog/25/typescriptgo10typescript_native_previews.html">TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開</a></cite><p><a href="https://www.publickey1.jp/blog/25/typescriptgo10typescript_native_previews.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2f18eab60c5beb77201c90a58e4711ef0acf17f1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2025%2FJixSBZUc.png" alt="TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開" title="TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開" class="entry-image" /></a></p><p>TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開 マイクロソフトは、TypeScriptのコンパイラを始め各種ツール群をGo言語に移植することでコンパイラの処理速度を10倍速にした新バージョンとなるTypeScriptのプレビュー版「TypeScript Native Previews」の公開を発表し...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/25/typescriptgo10typescript_native_previews.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/25/typescriptgo10typescript_native_previews.html" alt="はてなブックマーク - TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開" title="はてなブックマーク - TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/25/typescriptgo10typescript_native_previews.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://remix.run/blog/wake-up-remix lepton9 2025-05-29T00:08:14Z react development javascript 46 <blockquote cite="https://remix.run/blog/wake-up-remix" title="Wake up, Remix!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fremix.run%2Fblog%2Fwake-up-remix" alt="" /> <a href="https://remix.run/blog/wake-up-remix">Wake up, Remix!</a></cite><p><a href="https://remix.run/blog/wake-up-remix"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/562ec3c14a428a4168c5dcc5433954b5f82926b7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fremix.run%2Fimg%2Fwake-up-remix%3Ftitle%3DWake%2Bup%252C%2BRemix%2521%26date%3DMay%2B28%252C%2B2025%26authorName%3DMichael%2BJackson%26authorTitle%3DCo-Founder%26authorName%3DRyan%2BFlorence%26authorTitle%3DCo-Founder%26ogImage%3D%252Fblog-images%252Fheaders%252Fwake-up-remix.jpg" alt="Wake up, Remix!" title="Wake up, Remix!" class="entry-image" /></a></p><p>At React Conf last summer we announced that Remix was going to &quot;take a nap&quot;. Remix v2 had become such a thin wrapper around React Router that an artificial separation developed between the two projects. We simplified the projects by moving the bundler and server runtime code from Remix directly i...</p><p><a href="https://b.hatena.ne.jp/entry/s/remix.run/blog/wake-up-remix"><img src="https://b.hatena.ne.jp/entry/image/https://remix.run/blog/wake-up-remix" alt="はてなブックマーク - Wake up, Remix!" title="はてなブックマーク - Wake up, Remix!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/remix.run/blog/wake-up-remix"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://azukiazusa.dev/blog/typescript-mcp-server/ lepton9 2025-03-16T11:19:01Z ai javascript 271 <blockquote cite="https://azukiazusa.dev/blog/typescript-mcp-server/" title="TypeScript で MCP サーバーを実装し、Claude Desktop から利用する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fazukiazusa.dev%2Fblog%2Ftypescript-mcp-server%2F" alt="" /> <a href="https://azukiazusa.dev/blog/typescript-mcp-server/">TypeScript で MCP サーバーを実装し、Claude Desktop から利用する</a></cite><p><a href="https://azukiazusa.dev/blog/typescript-mcp-server/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c3cbfb33c8c8d24202d8a6e1da8814f7fcd6e158/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fogp%2Ftypescript-mcp-server.png" alt="TypeScript で MCP サーバーを実装し、Claude Desktop から利用する" title="TypeScript で MCP サーバーを実装し、Claude Desktop から利用する" class="entry-image" /></a></p><p>MCP（Model Context Protocol）とはアプリケーションが LLM にコンテキストを提供する方法を標準化するプロトコルです。MCP を使用することで、LLM は外部ツールやサービスからコンテキストを取得するだけでなく、コードの実行やデータの保存など、さまざまなアクションを実行できるようになります。この記事では MCP サ...</p><p><a href="https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/typescript-mcp-server/"><img src="https://b.hatena.ne.jp/entry/image/https://azukiazusa.dev/blog/typescript-mcp-server/" alt="はてなブックマーク - TypeScript で MCP サーバーを実装し、Claude Desktop から利用する" title="はてなブックマーク - TypeScript で MCP サーバーを実装し、Claude Desktop から利用する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/typescript-mcp-server/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/25/typescriptgo10.html lepton9 2025-03-13T04:18:37Z javascript golang 49 <blockquote cite="https://www.publickey1.jp/blog/25/typescriptgo10.html" title="マイクロソフト、TypeScriptのコンパイラなどをGo言語に移植することで10倍の処理速度に"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F25%2Ftypescriptgo10.html" alt="" /> <a href="https://www.publickey1.jp/blog/25/typescriptgo10.html">マイクロソフト、TypeScriptのコンパイラなどをGo言語に移植することで10倍の処理速度に</a></cite><p><a href="https://www.publickey1.jp/blog/25/typescriptgo10.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f227f51b6c0d6c0faa6f843c993dcccf9332f852/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2025%2Ftsc-go-ann01.png" alt="マイクロソフト、TypeScriptのコンパイラなどをGo言語に移植することで10倍の処理速度に" title="マイクロソフト、TypeScriptのコンパイラなどをGo言語に移植することで10倍の処理速度に" class="entry-image" /></a></p><p>マイクロソフトのテクニカルフェローで、TypeScriptのリードアーキテクトであるアンダース・ヘルスバーグ（Anders Hejlsberg）氏は、TypeScriptのコンパイラを始め各種ツール群をGo言語に移植する「Project Corsa」を実施中であり、結果としてコンパイラの処理速度などが約10倍速になることを明らかにしました。 これに...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/25/typescriptgo10.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/25/typescriptgo10.html" alt="はてなブックマーク - マイクロソフト、TypeScriptのコンパイラなどをGo言語に移植することで10倍の処理速度に" title="はてなブックマーク - マイクロソフト、TypeScriptのコンパイラなどをGo言語に移植することで10倍の処理速度に" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/25/typescriptgo10.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/ lepton9 2025-03-12T19:56:57Z javascript browser 448 <blockquote cite="https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/" title="JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fengineering.mercari.com%2Fblog%2Fentry%2F20220128-3a0922eaa4%2F" alt="" /> <a href="https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/">JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング</a></cite><p><a href="https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/340e401a97eb2b867855c08e21a0a4a6f089ce10/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstorage.googleapis.com%2Fprd-engineering-asset%2F2022%2F01%2F0c92c783-thumb.png" alt="JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング" title="JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング" class="entry-image" /></a></p><p>実際にコードを用いてスタック領域とヒープ領域の概念を説明します。 person オブジェクトを宣言した時、JavaScript エンジンはオブジェクトの実体をヒープ領域にメモリ割り当てを行い、ヒープ領域にある実体への参照をスタック領域にメモリ割り当てを行います。 const person = { name: &#39;Taro&#39;, age: 24 }; 次のように...</p><p><a href="https://b.hatena.ne.jp/entry/s/engineering.mercari.com/blog/entry/20220128-3a0922eaa4/"><img src="https://b.hatena.ne.jp/entry/image/https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/" alt="はてなブックマーク - JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング" title="はてなブックマーク - JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/engineering.mercari.com/blog/entry/20220128-3a0922eaa4/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/kei/articles/50e01d9bdfbe8e lepton9 2025-02-10T15:13:19Z docker javascript development 116 <blockquote cite="https://zenn.dev/kei/articles/50e01d9bdfbe8e" title="Dockerでバインドマウントするのやめません？もうCompose Watchでいいでしょ？Docker composeの新機能を使い倒そう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fkei%2Farticles%2F50e01d9bdfbe8e" alt="" /> <a href="https://zenn.dev/kei/articles/50e01d9bdfbe8e">Dockerでバインドマウントするのやめません？もうCompose Watchでいいでしょ？Docker composeの新機能を使い倒そう</a></cite><p><a href="https://zenn.dev/kei/articles/50e01d9bdfbe8e"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/225f570ddf7be27d1d0900e262c6590afbb656b7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--TFRNhwQS--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ADocker%2525E3%252581%2525A7%2525E3%252583%252590%2525E3%252582%2525A4%2525E3%252583%2525B3%2525E3%252583%252589%2525E3%252583%25259E%2525E3%252582%2525A6%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%2525AE%2525E3%252582%252584%2525E3%252582%252581%2525E3%252581%2525BE%2525E3%252581%25259B%2525E3%252582%252593%2525EF%2525BC%25259F%2525E3%252582%252582%2525E3%252581%252586Compose%252520Watch%2525E3%252581%2525A7%2525E3%252581%252584%2525E3%252581%252584%2525E3%252581%2525A7%2525E3%252581%252597%2525E3%252582%252587%2525EF%2525BC%25259FDocker%252520comp...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E7%25258C%2525AB%2525E3%252581%2525AE%2525E5%2525A5%2525B4%2525E9%25259A%2525B7%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzczNjJmYjM4YTkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Dockerでバインドマウントするのやめません？もうCompose Watchでいいでしょ？Docker composeの新機能を使い倒そう" title="Dockerでバインドマウントするのやめません？もうCompose Watchでいいでしょ？Docker composeの新機能を使い倒そう" class="entry-image" /></a></p><p>はじめに Docker × React/Vue などのフロントエンド開発で、node_modules のバインドマウントに悩まされたことはありませんか？ Compose Watch（Docker Compose 2.22.0〜）を使えば、この問題をスマートに解決できます。</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kei/articles/50e01d9bdfbe8e"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/kei/articles/50e01d9bdfbe8e" alt="はてなブックマーク - Dockerでバインドマウントするのやめません？もうCompose Watchでいいでしょ？Docker composeの新機能を使い倒そう" title="はてなブックマーク - Dockerでバインドマウントするのやめません？もうCompose Watchでいいでしょ？Docker composeの新機能を使い倒そう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kei/articles/50e01d9bdfbe8e"><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 lepton9 2025-02-08T11:57:34Z 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://postd.cc/cors-the-ultimate-guide/ lepton9 2025-01-24T15:03:47Z javascript security 267 <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> https://easings.net/ja lepton9 2025-01-21T03:53:31Z javascript ui 500 <blockquote cite="https://easings.net/ja" title="イージング関数チートシート"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Feasings.net%2Fja" alt="" /> <a href="https://easings.net/ja">イージング関数チートシート</a></cite><p><a href="https://easings.net/ja"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6c65d99536366ef01abfc4d10fa2d19c32bc32ce/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Feasings.net%2F192.c6b79276.png" alt="イージング関数チートシート" title="イージング関数チートシート" class="entry-image" /></a></p><p>イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（...</p><p><a href="https://b.hatena.ne.jp/entry/s/easings.net/ja"><img src="https://b.hatena.ne.jp/entry/image/https://easings.net/ja" alt="はてなブックマーク - イージング関数チートシート" title="はてなブックマーク - イージング関数チートシート" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/easings.net/ja"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.tokumaru.org/2024/12/iso-2022-jp-xss.html.html lepton9 2024-12-31T23:19:57Z javascript security 331 <blockquote cite="https://blog.tokumaru.org/2024/12/iso-2022-jp-xss.html.html" title="ISO-2022-JPの自動判定によるクロスサイト・スクリプティング(XSS)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.tokumaru.org%2F2024%2F12%2Fiso-2022-jp-xss.html.html" alt="" /> <a href="https://blog.tokumaru.org/2024/12/iso-2022-jp-xss.html.html">ISO-2022-JPの自動判定によるクロスサイト・スクリプティング(XSS)</a></cite><p><a href="https://blog.tokumaru.org/2024/12/iso-2022-jp-xss.html.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/77c25613f5588e01f790314365129d4e64f12141/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEhTtr2lQWOMIm0kfsf_F3qTfnAaRpNexsnQEUZNBGo2f6DSrwOSwfV6B_6XjSjkzpE2k1dh9jB0fvuZyeF_kWwMJfPVXghOOO4DQCrQbVOBW6sEp1XPCjW_YK4h_eX7h6hGcb0NskvPZRFbxhBlQ4gm_Zp3LRa5GzKceENKUdH6A8hMIQYjyQBrwNAJ%2Fw1200-h630-p-k-no-nu%2FISO-2022.png" alt="ISO-2022-JPの自動判定によるクロスサイト・スクリプティング(XSS)" title="ISO-2022-JPの自動判定によるクロスサイト・スクリプティング(XSS)" class="entry-image" /></a></p><p>サマリ ISO-2022-JPという文字エンコーディングの自動判定を悪用したクロスサイト・スクリプティング(XSS)攻撃について説明する。これは、文字エンコーディングを適切に指定していないウェブコンテンツに対して、文字エンコーディングをISO-2022-JPと誤認させることでバックスラッシュが円記号と解釈されることによりエ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.tokumaru.org/2024/12/iso-2022-jp-xss.html.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.tokumaru.org/2024/12/iso-2022-jp-xss.html.html" alt="はてなブックマーク - ISO-2022-JPの自動判定によるクロスサイト・スクリプティング(XSS)" title="はてなブックマーク - ISO-2022-JPの自動判定によるクロスサイト・スクリプティング(XSS)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.tokumaru.org/2024/12/iso-2022-jp-xss.html.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ics.media/entry/241227/ lepton9 2024-12-28T04:14:55Z css html javascript design 95 <blockquote cite="https://ics.media/entry/241227/" title="これがフロントエンドで話題になった記事！ ICS MEDIAの2024年 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F241227%2F" alt="" /> <a href="https://ics.media/entry/241227/">これがフロントエンドで話題になった記事！ ICS MEDIAの2024年 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/241227/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b3d3ba67b4be3d65e27c0ae60a3d22e97098ac4f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F241227%2Fimages%2Feyecatch.jpg" alt="これがフロントエンドで話題になった記事！ ICS MEDIAの2024年 - ICS MEDIA" title="これがフロントエンドで話題になった記事！ ICS MEDIAの2024年 - ICS MEDIA" class="entry-image" /></a></p><p>ICSはフロントエンドを専門とするウェブ制作会社ですが、オウンドメディアとして技術情報発信サイト「ICS MEDIA」を運用しています。このサイトは開設から10年目をむかえましたが、今年は「国内のウェブ水準を前進させる記事を。話題のテーマも、他のサイトでは読めないニッチな技術も」をテーマとしてやってきました。...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/241227/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/241227/" alt="はてなブックマーク - これがフロントエンドで話題になった記事！ ICS MEDIAの2024年 - ICS MEDIA" title="はてなブックマーク - これがフロントエンドで話題になった記事！ ICS MEDIAの2024年 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/241227/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>