#codegrid Suchergebnisse

【先週公開一覧】CodeGrid最新号（第650号）はこちら👇 🔸AI時代のプロフェッショナル プロフェッショナルの条件とスキル 🔸Playwrightでラクして行うブラウザ動作確認 第2回 🔸非デザイナーのための図版作成入門［後編］ codegrid.net/issues/650/ #codegrid

【本日公開一覧】CodeGrid最新号（第650号）公開🎉 2025年10月9日発行の3本はこちら👇 🔸AI時代のプロフェッショナル プロフェッショナルの条件とスキル 🔸Playwrightでラクして行うブラウザ動作確認 第2回 🔸非デザイナーのための図版作成入門 後編 codegrid.net/issues/650/ #codegrid

【本日公開】図版を作る時に、なんとなくで色をつけたり、なんとなくで配置していませんか。実は、しっかり考えて行うことで、見る人に図版の意図を伝えることができるのです。：非デザイナーのための図版作成入門 - レイアウトや色で伝える codegrid.net/articles/2025-… #codegrid

【本日公開】AIがコードを書く時代に、人間のエンジニアが果たす役割とは何か？ 問いを立て、判断し、責任をもってAIと協働する。そんな新しいプロのかたちを考えます：AI時代のプロフェッショナル - プロフェッショナルの条件とスキル codegrid.net/articles/2025-… #codegrid

【本日公開】E2Eテストって大変そう…？ ならば、テストフレームワークを使って、まずはお手軽に「ゆるE2E」から始めてみませんか？ 意外と、「簡単…かも」と思えるかもしれません ：Playwrightでラクして行うブラウザ動作確認 - Playwright導入と最初のテスト codegrid.net/articles/2025-… #codegrid

【先週公開一覧】CodeGrid最新の3本はこちら！ 🔸スクロールの状態ごとにスタイルを指定するCSS 第1回 scroll-state()で判定できる3つの状態 🔸Svelte 5入門 第9回 スタイリングの基本 - 2 🔸現場で役立つ、SVGアイコン調整術 最終回 codegrid.net/issues/649/ #codegrid

【本日公開一覧】CodeGrid今週公開の3本はこちら！ 🔸スクロールの状態ごとにスタイルを指定するCSS 第1回 scroll-state()で判定できる3つの状態 🔸Svelte 5入門 第9回 スタイリングの基本 - 2 🔸現場で役立つ、SVGアイコン調整術 最終回 codegrid.net/issues/649/ #codegrid

【本日公開】SVGアイコンの余白を自在に調整するには、viewBoxとwidth/height属性の関係性の理解が欠かせません。アイコンの余白の増減を自由に制御できる手法を具体例で解説します：現場で役立つ、SVGアイコン調整術 - SVGアイコンの余白の調整 - 3 codegrid.net/articles/2025-… #codegrid

【本日公開】:global()を使ったグローバルなスタイル指定を解説します。さらにSvelteのスタイル最適化の原則や注意点も紹介。削除されたくないスタイルの回避方法も理解し、実務で適切なスタイリングを行いましょう：Svelte 5入門 - スタイリングの基本 - 2 codegrid.net/articles/2025-… #codegrid

【本日公開】スクロール中にヘッダーをアレコレするときにJavaScriptで監視しなくても、CSSだけで実装できるように🙌　まずは、scroll-state() の基本を抑えましょう：スクロールの状態ごとにスタイルを指定するCSS - scroll-state()で判定できる3つの状態 codegrid.net/articles/2025-… #codegrid

【先週公開一覧】CodeGrid最新の3本はこちら！ 🔸セレクトボックスの現在とこれから（前編）：セレクトボックスの基本と区切り線 🔸AIエージェントのススメ（第1回） 🔸JSXで実装するUIライブラリに依存しないコンポーネント（第9回） codegrid.net/issues/648/ #codegrid

セレクトボックスの現在とこれから - セレクトボックスの基本と区切り線 codegrid.net/articles/2025-… #codegrid

【本日公開一覧】CodeGrid今週公開の3本はこちら！ 🔸セレクトボックスの現在とこれから（前編）：セレクトボックスの基本と区切り線 🔸AIエージェントのススメ（第1回） 🔸JSXで実装するUIライブラリに依存しないコンポーネント（第9回） codegrid.net/issues/648/ #codegrid

【本日公開】React/Vueのような一般的なUIライブラリでは標準的に備わっている、真偽値系属性やstyle/class属性の柔軟な指定、配列形式による子要素配置を実現します：JSXで実装するUIライブラリに依存しないコンポーネント - JSXをDOMにトランスパイルする方法 - 5 codegrid.net/articles/2024-… #codegrid

【本日公開】AIで調べ物やコード補完をすることはありますが、AIエージェントは使っていますか？ Claude Codeで「仕事の仕方が劇的に変わった！」と語る高津戸の記事です：AIエージェントのススメ - AIエージェントって何ですか？ codegrid.net/articles/2025-… #codegrid

【本日公開】セレクトボックスはよく見かけるUIですが、CSSでのカスタマイズは限られていました。しかし、新たな仕組みの導入も進んでいるので、おさらいしつつ見てみましょう：セレクトボックスの現在とこれから - セレクトボックスの基本と区切り線 codegrid.net/articles/2025-… #codegrid

【先週公開一覧】CodeGrid最新の3本はこちら！ 🔸デザイナーに知ってほしいWebの基本 第3回 ボタン・リンクの状態 🔸現場で役立つ、SVGアイコン調整術 第3回 SVGアイコンの余白の調整 - 2 🔸Svelte 5入門 第8回 スタイリングの基本 - 1 codegrid.net/issues/647/ #codegrid

【ワークショップ情報】 「CodeGridのワークショップ 2025 秋」が、11月21日に開催されます！ 「Astro × GitHub × Cloudflare Pagesで学ぶモダンWeb開発」 🗓️ 11月21日（金）13時〜（オフラインで開催） 🪑 東京：表参道 codegrid.net/workshops/2025… #codegrid #codegrid_ws

【本日公開一覧】CodeGrid今週公開の3本はこちら！ 🔸デザイナーに知ってほしいWebの基本 第3回 ボタン・リンクの状態 🔸現場で役立つ、SVGアイコン調整術 第3回 SVGアイコンの余白の調整 - 2 🔸Svelte 5入門 第8回 スタイリングの基本 - 1 codegrid.net/issues/647/ #codegrid

Svelteのスタイルは、原則的にはコンポーネント単位でスコープ化します。スタイルの衝突を防ぐ仕組みを理解しつつ、スタイリングの基礎知識をしっかり身につけられます：Svelte 5入門 - スタイリングの基本 - 1 codegrid.net/articles/2025-… #codegrid

「階層は跨がないのかよ！」と調べたら とても良い図の記事があった z-index再入門 - z-indexの仕組み codegrid.net/articles/z-ind… #codegrid

【ワークショップ準備進行中！】 5/23開催のCodeGridワークショップには、100ページ超えのオリジナルテキストが紙とPDFで用意されます。 ただいま、表紙のデザイン検討中〜。どちらにしよう!? 表紙も内容も、まだまだこのあと詰めていきますよ！ codegrid.net/workshops/2025…  #codegrid #codegrid_ws

【Tips】 CSSで親要素にクエリーコンテナを定義します。このとき、子要素と孫要素の幅の指定を、cpiで指定した場合と、％で指定した場合に違いはあるのでしょうか？ （続） #codegrid #css

【Tips】 PNG8は半透明をサポートしていないと思っていませんか❓ PNG8もPNG24同様に半透明フィルターをサポートしているので、「色数が少ない半透明付き画像」であれば、PNG8を利用するのがおすすめ🎨 ロスレスWebPやPNG24よりも軽量です⚖️ #codegrid

【ワークショップ情報】 CodeGridワークショップのテキストはこのボリューム。 参加申し込みは7月22日までです！ 「Astro × GitHub × Cloudflare Pagesで学ぶモダンWeb開発」 🗓️ 8月1日（金）13時〜（オフラインで開催） 🪑 東京：表参道 codegrid.net/workshops/2025… #codegrid #codegrid_ws

【イベント予告】 CodeGrid初のワークショップ開催決定🚀 💡 テーマ： Astro × GitHub × Cloudflareで学ぶモダンWeb開発 🗓️ 5月23日（金）13時〜（オフラインで開催） 詳細＆参加募集はもうすぐ公開！ 予定を空けて続報を待て！ #codegrid #codegridws

【イベント準備ちら見せ】 5/23のCodeGrid13周年記念パーティーでは、LTが復活！ 今日はスタッフで会場の下見をしてきました。飲食スペースのとなりのこの場所で、LTの予定ですよ！ LT申込みもまだまだ受付中です。 codegrid.net/events/13/  #codegrid #codegrid13th

【イベントスタッフコメント】 「CSS Gridサブグリッド入門」記事が人気の坂巻（ @GeckoTang ）からの、CodeGrid13周年記念パーティーへのコメントです！ 5/23のパーティーへのご参加、お待ちしております〜 codegrid.net/articles/2024-… codegrid.net/events/13/ #codegrid #codegrid13th

【イベントスタッフコメント】 CodeGrid執筆者、高津戸（ @Takazudo ）からの、CodeGrid13周年記念パーティーへのコメントです！ 5/23のパーティーでお待ちしております〜。 高津戸の人気無料公開記事はこちら！ codegrid.net/articles/2023-… codegrid.net/events/13/ #codegrid #codegrid13th

【Tips】この実装、一見OKに見えるけど… ❌ フォーカスできない ❌ Enter/Space効かない ❌ フォーム送信されない button要素を使えばこれらの機能は備わっていて、こちらを使うほうが適切です。 「なんでもdiv」は卒業！ #codegrid

【イベント】 5/23のCodeGrid13thパーティーでは、CodeGrid執筆者もみなさまをお待ちしております〜。執筆者の声を一部お届け！ あ、今年はLT大会も復活ですよ〜。 ご参加、お待ちしております😊 codegrid.net/events/13/ #codegrid13th　#codegrid

【ワークショップ情報】 CodeGridワークショップは、少人数で質問しやすい雰囲気です。 参加申し込みは7月22日まで！ 「Astro × GitHub × Cloudflare Pagesで学ぶモダンWeb開発」 🗓️ 8月1日（金）13時〜（オフラインで開催） 🪑 東京：表参道 codegrid.net/workshops/2025… #codegrid #codegrid_ws

【ワークショップ準備進行中！】 5/23のCodeGridワークショップ「stro×GitHub×Cloudflareで学ぶモダンなWeb開発」の、オリジナルテキスト（100ページ超え！）の作成も進行中！📕 目次をちら見せいたします👀 （でも、目次はこれで全部じゃないのですよ〜！） buff.ly/3W9ukSL #codegrid…

【イベント予告】 5月23日（金）はCodeGridで楽しむ！ 🛠️ ワークショップ（13時〜）で学び、 🎂 13周年パーティー（19時〜）で交流しよう！ 詳細＆参加募集は後日公開！ 購読していなくても参加OK！どなたでも大歓迎👐 予定を空けて、続報をお楽しみに！ #codegrid #codegrid13th

【Tips】 以前はページ全体のヘッダーに該当するheader要素にrole="banner"を指定することがありましたが、現在では不要です🙅‍♀️ なぜならば、body要素の文脈で存在するheader要素は自動的にbannerロールが付与されるから。HTML要素が持っているロールを理解した上で指定を行いましょう💪 #codegrid

【ワークショップ講師ご紹介】 5/23開催のワークショップ「Astro×GitHub×Cloudflareで学ぶモダンなWeb開発」の講師の小山田（ @yomotsu ）と中野（ @uchoco898 ）が、先日は進行の練習中……。声をかけると、きりっとポーズしてくれました😆 codegrid.net/workshops/2025… #codegrid #codegrid_ws

【CodeGridパーティースタッフコメント】 「知っておきたい、CSS Nesting仕様」記事が人気の矢倉（ @myakura）からは、 「マークアップとかCSSとか話したい方、しましょう」 5月23日のCodeGridパーティーでお待ちしています！ codegrid.net/articles/2024-… codegrid.net/events/13/ #codegrid…

【Tips】 Arc Browserは、ただ開いただけのタブは12時間で消えるので、タブが開きすぎてごちゃつくということがありません。 使ってみると、意外と消えて困るタブというのはほとんどないかも!? もちろん、この機能をオフにすることも可能です。 #codegrid

【スタッフコメント】 CodeGrid執筆者、宇野（ @cancer6 ）からの、CodeGrid13周年記念パーティーへのコメントです。 宇野の人気無料公開記事「いまどきの配列操作」はこちら！ codegrid.net/articles/2024-… 5/23にお待ちしております〜。 codegrid.net/events/13/ #codegrid #codegrid13th

【Tips】 genericというセマンティックな意味を持たないロールが仕様書にはありますが、コンテンツ制作者が使うのはNG。これはブラウザなどUAの実装者向けのロールです。 もし、ロールを上書きで「特に意味のない要素」にしたい場合は、他のrole属性値を使いましょう。 #codegrid