【期間限定・11/6まで無料公開】
npmを狙った攻撃が相次ぐ今だからこそ、確認しておきたい。
「依存をどう管理するか」「配布経路をどう守るか」「被害をどう小さくするか」、1年前の記事ですが、この考え方は変わりません。
Node.jsにおけるセキュリティの現状と対策
codegrid.net/articles/2025-n…
📖 CodeGridは有料メディアですが、この記事は11/6まで登録不要で無料で読めます
#codegrid
【Tips】
ただし、dialogコンテンツ部分をクリックしたときに閉じてしまっては困ります。
::backdropは擬似要素部分のみをクリック対象にしたい場合は、コンテンツを<div>でラップしたうえで、dialog直接のクリックのみを拾えば、::backdropをクリックしたという検知ができます。
#codegrid #javascript
【Tips】
dialog要素の::backdrop部分のクリックで閉じたい!
dialogの::backdropは擬似要素です。
擬似要素には直接イベントリスナーを設定できませんが、dialog要素自体をクリック対象にすればその擬似要素へのクリックも検知できます。
#codegrid #javascript
【最新公開一覧】CodeGrid先週公開の3本はこちら🎉
🔸CodeGrid 700号記念座談会 前編 2012〜2020年 ライブラリやツールが担った役割は今どこに
🔸「ホーム画面に追加」でできること 第2回 プッシュ通知とアイコンバッジを使う
🔸AIエージェントのススメ 最終回 AIエージェントを使った開発のまとめ その2
codegrid.net/issues/700/?utm…
#codegrid
【本日公開一覧】CodeGrid今週公開の3本はこちら🎉 明日朝4時まで無料で読めます
🔸CodeGrid 700号記念座談会 前編 2012〜2020年 ライブラリやツールが担った役割は今どこに
🔸「ホーム画面に追加」でできること 第2回 プッシュ通知とアイコンバッジを使う
🔸AIエージェントのススメ 最終回 AIエージェントを使った開発のまとめ その2
codegrid.net/issues/700/?utm…
#codegrid
【本日公開・明日朝まで無料】プッシュ通知のためだけにネイティブアプリを作る必要はありません。インストールしたWebアプリで、通知の購読・サーバーからの送信・Service Workerでの表示を実装し、アイコンバッジまで使う方法を解説します:「ホーム画面に追加」でできること - プッシュ通知とアイコンバッジを使う codegrid.net/articles/2026-p… #codegrid
【本日公開・明日朝まで無料】jQueryやSass、webpackが担っていた役割は、今どこへ行ったのでしょうか。700号記念のエンジニアによる座談会・前編では、2012〜2020年を振り返り、その役割が標準機能や後のツールに引き継がれていった経緯をたどります:CodeGrid 700号記念座談会 - 2012〜2020年 ライブラリやツールが担った役割は今どこに codegrid.net/articles/2026-7… #codegrid
【本日公開・明日朝まで無料】開発者にとって、今は「ボーナスタイム」。でも、それは長くは続かない。開発するだけでは稼げない時代に、何で価値を出すのか、そして「作りたい」という意欲がなぜ何より大切なのかを考える、シリーズ最終回です:AIエージェントのススメ - AIエージェントを使った開発のまとめ その2 codegrid.net/articles/2025-a… #codegrid
【Tips】
npmのパッケージを、インストールもビルドもせずに試せます🎉
ESMで配信しているCDN(esm.shやjsDelivrなど)のURLを、そのまま`import`に書くだけです💡
CDNは混ぜずに1つに揃えると、依存パッケージの二重読み込みを防げます✨
#codegrid #javascript

ALT コード: <script type="module"> import confetti from 'https://esm.sh/[email protected]'; confetti(); </script>
【Tips】
`<script>`のいちばん外側で`const`を宣言すると、別の`<script>`とも名前がぶつかります⚠️
`type="module"`を付けると、宣言はそのscript要素の中だけのものになり、同じ名前を宣言してもエラーになりません✨
即時実行関数(IIFE)で囲む必要もなくなります💡
#codegrid #javascript
【リニューアルのお知らせ】
CodeGridのサイトをリニューアルしました🎉
本文を読みやすく整え、ライト/ダークモードの切り替えに対応。
バックナンバーは月ごとに並ぶようになり、カテゴリーや過去の記事もアーカイブとして整理したので、読みたい記事にたどり着きやすくなっています。
今後もより読みやすくなるように機能を追加していく予定です。
お楽しみに‼️
codegrid.net/
【リニューアル作業終了のお知らせ 】
お知らせしておりましたCodeGridのリニューアル作業は完了しました。
サイトはアクセスできる状態ですので、どうぞご利用ください。
codegrid.net/
#codegrid
【最新公開一覧】CodeGrid先週公開の3本はこちら🎉
🔸複数エージェントの使いこなし 前編 複数エージェントを使い分ける開発の現場
🔸Playwright MCPによるE2Eテストコードの生成 第2回 codegenでSPAのE2Eテストコードを記録する
🔸利用制限とつきあうAIコーディング モデルとエフォートの考え方
codegrid.net/issues/699/?utm…
#codegrid
【本日公開・明日朝まで無料】
AIエージェントの利用制限で手が止まること、ありませんか?
モデルもエフォートも「とりあえず最高設定」が正解とは限りません。
体験談を元に、使い分けるコツを紹介します。
codegrid.net/articles/2026-m…
#codegrid
【本日公開・明日朝まで無料】
AIにE2Eテストを書かせたくても、複雑な管理画面では操作手順を書き出すのがひと苦労!
Playwrightのcodegenなら、ブラウザで操作するだけでテストコードとして記録できます。
codegrid.net/articles/2026-p… #codegrid






