【Tips】 ネストの深い配列を平坦化するにはArray.prototype.flat()が便利‼️ 引数には数値を指定し、たとえば、flat(2)ならば2階層まで、flat(Infinity)で全階層を平坦化できます。 深いデータ構造を扱うときの必須メソッド✨ #JavaScript #配列操作 #codegrid pic.x.com/S4debReYun

【本日公開一覧】CodeGrid今週の3本はこちら！ 🔸Astro技術解説座談会 - Astroの特徴を知る 🔸JSXで実装するUIライブラリに依存しないコンポーネント - CSSの型チェックとビルドの連携 🔸グリオ君と考えるJavaScriptドリル - オブジェクトのディープコピーの作成 codegrid.net/issues/605/ #codegrid

【本日公開】CSS Modulesのインポートで発生する型チェックエラーを適切にハンドリングできるようにしましょう。さらにTypeScriptとCSSの型チェックをビルドに統合します。：JSXで実装するUIライブラリに依存しないコンポーネント - CSSの型チェックとビルドの連携 codegrid.net/articles/2024-… #codegrid

【本日公開】なんだか次はAstroというWebフレームワークがいいらしい？ Next.jsも流行っているようだけれど、どう違う？ 今さら聞けないと思う人に、Astroの特徴を座談会形式で読みやすくお届けします！：Astro技術解説座談会 - Astroの特徴を知る codegrid.net/articles/2024-… #codegrid

【本日公開】ChatGPTに書かせたコードを、先生といっしょに見ていく、入門者のグリオ君。見ていく中、ChatGPTとの付き合い方が少しわかってきたようで…。最終課題、どうなる!?：グリオ君と考えるJavaScriptドリル - オブジェクトのディープコピーの作成 codegrid.net/articles/2024-… #codegrid

【Tips】 CSSのフォント単位、emとremの違いを知っている？🧐 emは親要素のフォントサイズに対する相対値、remはルート要素（通常はHTML）のフォントサイズに対する相対的な値です。親要素の影響を受けたくないときはremを使いましょう。 #CSS #codegrid

【Tips】 Array.from()に非同期イテラブルオブジェクトを渡した場合、その返り値はPromiseの配列なので、Promiseの配列からデータを取り出すためにPromise.allやfor await...ofが必要。 でもArray.fromAsync()なら、返り値は単一のPromiseオブジェクトなので一発でデータ取得完了します。 #codegrid pic.x.com/NuhfXk8Tc7

【先週公開一覧】CodeGrid最新の3本はこちら！ 💥ピクセルグリッドのお問い合わせフォーム - お問い合わせフォームの実装ポイント 💥Supabaseで作る記録アプリ - データベースへのデータの追加 💥React AriaでつくるUIコンポーネント - Tailwind CSSと組み合わせる codegrid.net/issues/604/ #codegrid

【10月の記事ランキング】 いよいよ年末迫る、11月🍂 CodeGridで10月に人気が高かった記事シリーズのトップ3はこちらです！ #1 ボタンとリンクの使い分けと、そのデザイン codegrid.net/series/2024-bu… #2 2024年のESLintとPrettier codegrid.net/series/2024-es… （続） #codegrid pic.x.com/NmAtSf3GZo

【本日公開一覧】CodeGrid今週の3本はこちら！ 🔸ピクセルグリッドのお問い合わせフォーム - お問い合わせフォームの実装ポイント 🔸Supabaseで作る記録アプリ - データベースへのデータの追加 🔸React AriaでつくるUIコンポーネント - Tailwind CSSと組み合わせる codegrid.net/issues/604/ #codegrid

【本日公開】モーダルコンポーネントと、実務でもしばしば使われるTailwind CSSとコンポーネントを組み合わせます。tailwindcss-animateを使うことで、開閉時のアニメーションも設定できます：React AriaでつくるUIコンポーネント - Tailwind CSSと組み合わせる codegrid.net/articles/2024-… #codegrid

【本日公開】ピクセルグリッドの会社サイトにあるお問い合わせフォームはシンプルなデザインですが、お客様との大切な窓口です。そこに込められた工夫を解説します：ピクセルグリッドのお問い合わせフォーム - お問い合わせフォームの実装ポイント codegrid.net/articles/2024-… #codegrid

【本日公開】筋トレ記録アプリに、トレーニングデータを記録する機能を実装し、仕上げていきます。フロントエンドエンジニアも馴染みやすいBaaSの「Supabase」を紹介するシリーズの最終回です！：Supabaseで作る記録アプリ - データベースへのデータの追加 codegrid.net/articles/2024-… #codegrid

【 お詫びとご報告 】先ほどお伝えした記事の一部が正常に閲覧できない不具合は、現在は解消しました。ご不便をおかけして大変申し訳ありませんでした。 #codegrid

【 お詫び 】現在、CodeGridサイトの最新記事などが正常に閲覧できない状態になっています。調査中ですので、しばらくお待ちください。ご不便をおかけして申し訳ありません。 #codegrid

ボタンとリンクの使い分けと、そのデザイン - それボタンですか？ それともリンク？ codegrid.net/articles/2024-… #codegrid

実装時もよく迷うので、興味深い記事でした 見た目は同じでも振る舞いが違うので、区別は大事 ボタンとリンクの使い分けと、そのデザイン - それボタンですか？ それともリンク？ codegrid.net/articles/2024-… #codegrid

【本日公開】この指定はボタンでしょうか？ リンクでしょうか？ それはどうやって区別されるのでしょう？ということを考える記事です：ボタンとリンクの使い分けと、そのデザイン - それボタンですか？ それともリンク？ codegrid.net/articles/2024-… #codegrid pic.x.com/qIvwYENm2Y

【本日公開】変化が激しいフロントエンドの技術に合わせて、サイトをメンテナンスしてアップデートしていくことは必要不可欠です。メンテナンスの重要性を考えてみます：フロントエンドのメンテナンス - プロジェクトを持続的に進化させるためのポイント codegrid.net/articles/2024-… #codegrid

【本日公開】文字列をキャメルケースに変換する関数を作成します。正規表現を使っていきますが、グリオ君、よくわかっていないようで……：グリオ君と考えるJavaScriptドリル - 文字列をキャメルケースに変換 codegrid.net/articles/2024-… #codegrid

【お知らせ】本日のCodeGridの配信はありません。10月の木曜日は5日あるため、お休みとなります。次回は来週24日（木）の配信です。 #codegrid

読んだー！ちょと安心した！！変遷が渡辺さんと一緒でした🙌🏻（VSCodeユーザー） ピクセルグリッドの開発環境サーベイ 2024 - あなたのエディタ、なんですか？ codegrid.net/articles/2024-… #codegrid