CodeGridもご紹介いただきありがとうございます！ お話中に出てきた、奥野さん執筆のCodeGridの記事「プログラミングにおける名付けの考え方」はこちらです！ www.codegrid.net/articles/202... #リファラジ #codegrid

【最新エピソード】 #106 最終回直前！おたより紹介&総括 思い出の回をふりかえる いよいよ来週でシーズン1最終回！おたより・コメント紹介やお気に入りの回についてふりかえります。よろしくお願いします Spotify: open.spotify.com/episode/5olw... YouTube: youtu.be/wKouj0khwS4 #リファラジ

【 🎄アドベントカレンダー2025 🦌 】 23日目の記事が公開されています！ www.codegrid.net/articles/202... ここでしか読めない、Web開発者のAIエージェント活用記事です CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【先週公開一覧】CodeGrid最新の記事3本はこちら！ 🔸行く2025年、来る2026年 Webフレームワークとその周辺動向編 🔸ES2025におけるimport文の拡張 インポート属性の仕組みとセキュリティ 🔸デザイナーに知ってほしいWebの基本 セレクトボックス・サジェストの状態 codegrid.net/issues/659/ #codegrid

【 🎄アドベントカレンダー2025 🦌 】 21日目の記事が公開されています！ www.codegrid.net/articles/202... CSS Gridはコンテンツのレイアウトに使う…だけじゃないんです！ CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 20日目の記事が公開されています！ www.codegrid.net/articles/202... Astroベースでドキュメントサイトが手軽につくれるStarlightをざっくり紹介します CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 19日目の記事が公開されています！ www.codegrid.net/articles/202... 「あれ？ なんか違う」と思ったUIに対して、的確なフィードバックやレビューが行えるためのステップとは？ CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【本日公開一覧】CodeGrid今週公開の3本はこちら！ 🔸行く2025年、来る2026年 Webフレームワークとその周辺動向編 🔸ES2025におけるimport文の拡張 インポート属性の仕組みとセキュリティ 🔸デザイナーに知ってほしいWebの基本 セレクトボックス・サジェストの状態 codegrid.net/issues/659/ #codegrid

【本日公開】ES2025で標準化されたJSONインポートでは、インポート属性を使ってファイルタイプを明示します。背景には、意図しないコード実行を防ぐためのセキュリティ上の理由があるのです：ES2025におけるimport文の拡張 - インポート属性の仕組みとセキュリティ www.codegrid.net/articles/202... #codegrid

【本日公開】読めば今年のWeb業界の動向がざっくりわかる、恒例のエンジニア座談会シリーズが始まります！ まずは、今年のWebフレームワークや周辺ツールのアップデート状況を確認しましょう：行く2025年、来る2026年 - Webフレームワークとその周辺動向編：前編 www.codegrid.net/articles/202... #codegrid

【本日公開】セレクトボックスやサジェストの標準デザインはシンプル。でもアクセシビリティまでを考えると奥が深いUIです。状態設計の勘所やブラウザ標準と独自実装の違いを整理しました：デザイナーに知ってほしいWebの基本 - セレクトボックス・サジェストの状態 www.codegrid.net/articles/202... #codegrid

【 🎄アドベントカレンダー2025 🦌 】 18日目の記事が公開されています！ www.codegrid.net/articles/202... Astro 5で実装されたコンテンツを管理する機能、Contents collectionsを解説します CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 17日目の記事が公開されています！ www.codegrid.net/articles/202... プログラマーにとって重要なスキルのひとつ、デバッグのスキルを磨きましょう CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 16日目の記事が公開されています！ codegrid.net/articles/202... 単に文字列ではなく構文パターンから検索できるast-grepが便利です CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 15日目の記事が公開されています！ www.codegrid.net/articles/202... CSSのoklch()関数を中心とした新しい色指定方法、知っていますか？ CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【先週公開一覧】CodeGrid最新号（第658号）はこちら！ 🔸 Tailwind CSSの現在地 2025　Tailwind CSSをさまざまなアングルで眺めてみる 🔸 ES2025におけるimport文の拡張（前編）JSONファイルのインポート 🔸 Node.js v24/v25 新機能 Node.js v24/v25 後編 www.codegrid.net/issues/658/ #codegrid

【 🎄アドベントカレンダー2025 🦌 】 14日目の記事が公開されています！ www.codegrid.net/articles/202... シンプルなデザイン＝シンプルな実装とはならない理由をエンジニアが解説。Webデザイナーのみなさんに届け！ CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 13日目の記事が公開されています！ www.codegrid.net/articles/202... エンジニアに、「転機になった本、印象に残っている本」を聞いています。年末のお休みに読む本の参考に。 CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 12日目の記事が公開されています！ www.codegrid.net/articles/202... SVGアイコンの余白がうまく調節できぬぅぅ！を解消しましょう CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【本日公開一覧】CodeGrid最新号（第658号）はこちら！ 🔸 Tailwind CSSの現在地 2025　Tailwind CSSをさまざまなアングルで眺めてみる 🔸 ES2025におけるimport文の拡張（前編）JSONファイルのインポート 🔸 Node.js v24/v25 新機能 Node.js v24/v25 後編 www.codegrid.net/issues/658/ #codegrid

【本日公開】ES2025でJSONファイルのインポートが標準化され、JSONファイルをモジュールとして扱えるようになりました。JS実行前にJSONファイルの存在を保証したいというニーズに応えてくれる機能です：ES2025におけるimport文の拡張 - JSONファイルのインポート www.codegrid.net/articles/202... #codegrid

【本日公開】Tailwind CSSを多角的に語り合った座談会。デザイントークン運用、ReactやSvelteとの相性に関する考察、AIエージェントとの相性など、現場のリアルな知見を凝縮しました：Tailwind CSSの現在地 - Tailwind CSSをさまざまなアングルで眺めてみる www.codegrid.net/articles/202... #codegrid

【本日公開】Node.js実行時にTSファイルであれば型を除去するという警告が出ていましたが、v24からは出なくなりました。そのほか、v24/v25の「マニアックな」変更もお伝えします：Node.jsのバージョンアップによる新機能 - Node.js v24/v25 後編 www.codegrid.net/articles/201... #codegrid

【 🎄アドベントカレンダー2025 🦌 】 11日目の記事が公開されています！ www.codegrid.net/articles/202... 「このコードでいいのか不安」というなら、テストを書きましょう。その基本がわかります CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 10日目の記事が公開されています！ www.codegrid.net/articles/202... React AriaとTailwind CSSを組み合わせたスタイリングの紹介です。アニメーションの付与もできる！ CodeGridアドベントカレンダー2025 adventar.org/calendars/12... #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 9日目の記事が公開されています！ adventar.org/calendars/12... そもそもAstroって？ というところから、エンジニアが解説します。Astroが気になる人はぜひ！ #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 8日目の記事が公開されています！ adventar.org/calendars/12... フォーム依存を減らし、シンプルに送信処理を実装できる手段として再評価されているFormDataについての記事です。 #codegrid #adventcalendar2025

【最新号一覧】CodeGrid 最新号（2025/12/4配信）はこちら🎉 🔸 Node.jsのバージョンアップによる新機能 第15回 Node.js v24/v25 前編 🔸 タイムゾーンで失敗しないDate APIの使い方　前編：日時処理の基礎知識 🔸 Floating UI Reactで作るUIコンポーネント　第6回 セレクトボックスUI www.codegrid.net/issues/657/ #codegrid

【 🎄アドベントカレンダー2025 🦌 】 7日目の記事が公開されています！ adventar.org/calendars/12... 逆角丸デザインって、見かけたことはありませんか？ 角丸と、逆に角丸を当てている要素からせり出したような角丸の2つを組み合わせて作る、あれを実装する方法の解説です。 #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 6日目の記事が公開されています！ adventar.org/calendars/12... コンテンツの上に覆い被さって何かを表示することがHTMLだけでもできる、ポップオーバーAPI についての記事です。 #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 5日目の記事が公開されています！ adventar.org/calendars/12... 静的サイトのビルド時のボトルネックの見つけ方と改善方法を考える記事です。 #codegrid #adventcalendar2025

【本日公開一覧】CodeGrid 最新号（2025/12/4配信）はこちら🎉 🔸 Node.jsのバージョンアップによる新機能 第15回 Node.js v24/v25 前編 🔸 タイムゾーンで失敗しないDate APIの使い方　前編：日時処理の基礎知識 🔸 Floating UI Reactで作るUIコンポーネント　第6回 セレクトボックスUI www.codegrid.net/issues/657/ #codegrid

【本日公開】ある瞬間の日時は地域によって変化することがあります。日時を意図どおりに扱うためにポイントとなる時差・タイムゾーン・PCの時間管理システムとDateオブジェクトの関係を整理します：タイムゾーンで失敗しないDate APIの使い方 - 日時処理の基礎知識 www.codegrid.net/articles/202... #codegrid

【本日公開】【本日公開】Floating UI Reactなら、自作では大変なセレクトボックスUIのリストナビゲーションのキーボード操作も、ライブラリの機能で実装できます：Floating UI Reactで作るUIコンポーネント - セレクトボックスUI：キーボード操作とアクセシビリティ対応、コンポーネント化 www.codegrid.net/articles/202... #codegrid

【本日公開】今年もやってきました、Japan Node.js Association 代表理事の古川さんによる、Node.js v24/25の注目ポイント記事！ 「キラキラした新機能はない」と言っていますが、さてその中身は？：Node.jsのバージョンアップによる新機能 - Node.js v24/v25 前編 www.codegrid.net/articles/201... #codegrid

【 🎄アドベントカレンダー2025 🦌 】 4日目の記事が公開されています！ adventar.org/calendars/12... デザイントークンとは、デザイナーとエンジニアがひとつのチームとして連携するための大切なツール ですよね。 #codegrid #adventcalendar2025

【 🎄アドベントカレンダー2025 🦌 】 3日目の記事が公開されています！ adventar.org/calendars/12... 一口に「Webに画像を載せる」と言っても、方法はさまざま。CodeGridの例を元に、画像の配信方法を考えてみます。 #codegrid #adventcalendar2025

【お知らせ】 「CodeGrid無料公開記事 Advent Calendar 2025」を始めました🎄 毎日1記事ずつ、新たに無料公開になった記事をお届けします！ ぜひ毎日チェックください🦌 adventar.org/calendars/12... #codegrid #adventcalendar2025

【新機能】CodeGridの記事に、「記事をMarkdown形式でコピー」ボタンと「記事をMarkdown形式で表示」ボタンが実装されました！ 記事をAIで活用する際などにもご活用ください。（※購読者向けの機能です） #codegrid

【先週公開一覧】CodeGrid最新号（第656号）はこちら！ 🔸セレクトボックスの現在とこれから 最終回 ドロップダウン部分のカスタマイズ（國仲 義則） 🔸プログラミングにおける名付けの考え方 最終回 名前は納得感で決まる（奥野 賢太郎） 🔸図を使いこなす開発術 後編 AI利用時にも役立つMermaid基礎知識（大杉 充） codegrid.net/issues/656/ #codegrid

【本日公開一覧】CodeGrid最新号（第656号）はこちら！ 🔸セレクトボックスの現在とこれから 最終回 ドロップダウン部分のカスタマイズ（國仲 義則） 🔸プログラミングにおける名付けの考え方 最終回 名前は納得感で決まる（奥野 賢太郎） 🔸図を使いこなす開発術 後編 AI利用時にも役立つMermaid基礎知識（大杉 充） codegrid.net/issues/656/ #codegrid

【本日公開】カスタマイズにJavaScriptが必要だったセレクトボックスUIですが、HTMLやCSSだけでちょっとしたアニメーションの付与や項目名へのアイコンの利用の実装が進んでいます：セレクトボックスの現在とこれから - ドロップダウン部分のカスタマイズ www.codegrid.net/articles/202... #codegrid

【本日公開】AIでMermaid記法の図を作ることもできますが、その場合でも「基本」を押さえておくと、効率的です。開発時にも役立つフローチャートとシーケンス図を取り上げて紹介します：図を使いこなす開発術 - AI利用時にも役立つMermaid基礎知識 www.codegrid.net/articles/202... #codegrid

【本日公開】コードがわかりやすくなる瞬間は、名前に納得できたとき。名付けはAIに頼れても、判断するのは人間です。既存のAPIや人気OSSに触れることが、納得感ある名付けのヒントになります：プログラミングにおける名付けの考え方 - 名前は納得感で決まる www.codegrid.net/articles/202... #codegrid

【登壇情報】 日本のAstroユーザー向けコミュニティAstro Japan Communityのキックオフイベント「Astro Meetup Japan #0 」に、ピクセルグリッドの中村 @kyosuke.jp が登壇します🚀 開催は来年2月4日の19:15からで、現在参加者を募集中のようですよ〜。 astrojp.connpass.com/event/376291/

【本日公開一覧】CodeGrid今週公開の3本はこちら！ 🔸Floating UI Reactで作るUIコンポーネント ポップオーバー化と画面内への収め方 🔸プログラミングにおける名付けの考え方 開発者間で識別可能な名前とは？ 🔸Playwrightでラクして行うブラウザ動作確認 タブの切り替えを追加してテストを拡張する www.codegrid.net/issues/655/ #codegrid

【本日公開】テストフレームワークのPlaywrightでテストを拡張します。エラー監視を一度設定してしまえば、あとは「ユーザー操作をどう表現するか」を考えるだけで拡張できるのです：Playwrightでラクして行うブラウザ動作確認 - タブの切り替えを追加してテストを拡張する www.codegrid.net/articles/202... #codegrid

【本日公開】名前はただのラベルではなく、思考の入口になります。一例として、開発者同士がプログラムの工程を捉えられる名前かどうかを考えてみます：プログラミングにおける名付けの考え方 - 開発者間で識別可能な名前とは？ www.codegrid.net/articles/202... #codegrid

【本日公開】Floating UI Reactの機能を使い、「浮いたパネル」になるようなセレクトボックスUIにしていきます。リストが長くてもスクロールで収まるようにしてみましょう：Floating UI Reactで作るUIコンポーネント - セレクトボックスUI：ポップオーバー化と画面内への収め方 www.codegrid.net/articles/202... #codegrid

CodeGridサイトが以下の時間帯、利用しているCloudflareの障害のため動作しない状態にありました。現在はすべて復旧しております。ご不便をおかけして申し訳ありませんでした。 期間：11月18日（火）20:00〜11月19日（水）2:06 主な影響：記事の閲覧、購読のお申し込み、購読料のお支払いができない