前回の記事では:focus-visibleによるフォーカスインジケーターのカスタマイズ、カラーコントラスト、visually-hiddenパターンについて紹介しました。今回はその続編として、CSSを用いたアクセシビリティ対応のポイントをさらに3つ紹介します。https://zenn.dev/gemcook/articles/css-accessibility-tips2 prefers-contrastを使ったハイコントラストモード対応みなさんはOSの「コントラストを上げる」設定を使ったことはありますか？前回の記事ではCSSで色を定義する際にコントラスト比を確保する方法を紹介...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/04/05 ~ 2026/04/11 の変更 Wrangler 4.81.0マイナーアップデートwrangler email routing / wrangler email sending コマンド群を追加Email Routin...

こんにちは、村中（@wage790）です。春ですね。!本記事の内容は2026年4月14日時点のものです。プラグインの仕様や対応ツールは変わる可能性があります。AWSがAIコーディングアシスタント向けに公式プラグイン集「Agent Plugins for AWS」を出しています。Claude Code、Cursor、Codexに対応していて、その中のdeploy-on-awsというプラグインが気になりました。自然言語で指示するだけで構成選定からCDKコード生成、デプロイまでやってくれるらしいです。https://aws.amazon.com/jp/blogs/developer/...

みなさん、AIを活用したチャットアプリケーションを開発したことはありますか？最近ではVercel AI SDKなどを利用して開発する方も多いかと思いますが、TanStackチームが提供するTanStack AIを使うと、型安全かつフレームワーク非依存なAIチャットアプリケーションを簡単に構築することができます。さらに、今回はAnthropicが提供するClaude Codeを活用し、AIにコードの生成・修正を任せながら開発を進めました。本記事では、TanStack AIとClaude Codeを組み合わせてチャットアプリを作成した手順やポイントについて紹介します。!執筆時点（2...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/03/29 ~ 2026/04/04 の変更 Wrangler 4.79.0マイナーアップデートwrangler ai-search コマンドネームスペースを追加create、list、get、update、delete、sear...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/03/22 ~ 2026/03/28 の変更 Wrangler 4.77.0マイナーアップデートsecrets 設定プロパティの wrangler deploy / wrangler versions upload サポートを追加...

みなさん、Reactアプリケーションのルーティングにはどのライブラリを使用していますか？Next.jsのファイルベースルーティングを利用している方が多いかと思いますが、最近注目されているルーティングライブラリとしてTanStack Routerがあります。TanStack Routerは、TanStack Query（旧React Query）やTanStack Tableなどを開発しているTanStackチームが提供する型安全なルーティングライブラリです。ファイルベースルーティング、検索パラメータの型安全な管理、自動コード分割など、モダンなReactアプリケーション開発に必要な機...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/03/15 ~ 2026/03/21 の変更 Wrangler 4.76.0マイナーアップデートwrangler containers list を Dash API エンドポイントに移行/dash/applications エン...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/03/08 ~ 2026/03/14 の変更 Wrangler 4.73.0マイナーアップデートwrangler containers ssh の SSH パススルーフラグを非推奨化--cipher、--log-file、--es...

みなさん、jQuery使っていますか？「え、今さらjQuery？」と思った方も多いかもしれません。React や Vue が主流の今、jQueryという名前を聞くと少しノスタルジックな気持ちになる方もいるのではないでしょうか。しかし、2026年1月17日にjQuery 4.0.0が正式リリースされました。約10年ぶりのメジャーバージョンアップです。https://blog.jquery.com/2026/01/17/jquery-4-0-0/W3Techsの調査によると、2025年6月時点でjQueryは全Webサイトの約73.5%で使用されており、JavaScriptライブラ...

前回の記事ではクリッカブルエリアの調整とprefers-reduced-motionを利用したアニメーションの制御について紹介しました。今回はその続編として、CSSを用いたアクセシビリティ対応のポイントをさらに3つ紹介します。https://zenn.dev/gemcook/articles/css-accessibility-tips :focus-visibleを使ったフォーカスインジケーターのカスタマイズキーボードでwebサイトを操作した時に、今どの要素にフォーカスが当たっているかわからなくなった経験はありませんか？フォーカスインジケーター（フォーカスリング）は、キーボ...

はじめに「やばい、今すぐに意思決定をしないと取り残される」——そう感じたのは、このポストをきっかけに社長と話していた時でした。https://x.com/tsuchinao83/status/2021730479997956553?s=20社長に「Cursor・Windsurf・Claude Code、Devinとかとりあえず色々手を出して使ってるけど、社内のAIリテラシーを標準化して、メンバー全員がAIを等しく使えるくらいの環境を作っていかないと時代に取り残される。最新のツールへのチャレンジも必要だし、流行りがコロコロ変わる中での意思決定は難しいと思うが、全社導入を急いで欲し...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/03/01 ~ 2026/03/07 の変更 Wrangler 4.71.0マイナーアップデートHyperdrive で MySQL 固有の SSL モードとカスタム CA をサポートREQUIRED、VERIFY_CA、VERIF...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/02/22 ~ 2026/02/28 の変更 Wrangler 4.69.0マイナーアップデートcache 設定オプションを追加（実験的）cache.enabled: true を設定すると、Worker 実行前にキャッシュ動作が...

はじめに2026年2月28日、東京都港区浜松町で開催された「React Tokyoフェス2026」に足を運びました。弊社がベーシックスポンサーとして協賛していることもあり、「せっかくなら行ってみようかな」という軽い気持ちで参加してみたのですが、予想以上に充実した時間を過ごすことができました。 広くシームレスな会場によるお祭り感会場は数百人規模のエンジニアを収容できる広さがあり、メインとなる大会場とその他のセッションエリアが物理的な壁なしにシームレスに繋がっています。「どこにいてもいい」「好きな場所で参加していい」という自由な雰囲気が全身に伝わってくる開放感とお祭り感があっ...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/02/15 ~ 2026/02/21 の変更 Wrangler 4.67.0マイナーアップデートwrangler pipelines setup にバリデーションリトライループを追加パイプライン名・バケット名・フィールド名のバリデー...

はじめに最近は日々、AI の便利な活用術が SNS や記事で紹介されていますね。私も何か面白い活用術を見つけられないかと考えていたところ、ふとひらめきました。Slack の投稿を、そのまま Gemini や NotebookLM に渡せたら便利そうだなと。実際にやってみた結果がこちらです。Slack のスレッドを画像付きで読み込み要約する Geminiなんと画像内の文字まで拾って、いい感じにサマリを作ってくれました。「これ、もしかして…… かなり便利なのでは？」ネタバラシをすると、やっていることはとても単純です。GAS で Slack の投稿を Google ドキュ...

はじめにみなさん、Reactでフルスタックなwebアプリケーションを開発する際にどのフレームワークを使用していますか？Next.jsを利用している方が多いかと思いますが、最近注目されているフレームワークとしてTanStack Startがあります。TanStack Startは、TanStack Query（旧React Query）やTanStack Routerなどを開発しているTanStackチームが提供するフルスタックReactフレームワークです。ViteとTanStack Routerをベースに構築されており、SSR、ストリーミング、サーバー関数、APIルートなど、...

こんにちは、あさひです 🙋‍♂️ 今週の Cloudflare のアップデートをまとめていきます！ この記事の主旨この記事では、前週に Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2026/02/08 ~ 2026/02/14 の変更 Wrangler 4.65.0マイナーアップデートwrangler pages dev に Pages 固有の環境変数を自動注入CF_PAGES、CF_PAGES_BRANCH、CF_...

はじめにClaude Codeを使っていると、自分専用のコーディング規約（CLAUDE.local.md）や、作業効率化のための自作コマンド（Custom Commands / Skills）を追加したくなることがあります。これらをリポジトリ内に追加すると、自分の個人設定ファイルが「未追跡のファイル」としてGitの差分に表示されてしまいます。これらをコミット対象に含めず、管理する方法をご紹介します。 問題： .gitignoreではファイルの存在が検知されてしまう「追加したCustom CommandsやSkillsディレクトリやファイルを追加したことをGitから追跡され...