🔍
「正規表現」と「後方参照」の言葉の意味を調べてみた話
Next.jsでのサイト制作を学ぶ中で出会った「正規表現」と「後方参照」という言葉。英語で調べてみたら、意外とシンプルな意味でした。プログラミング用語は英語で理解すると楽になる実例を紹介します。
Tech Blog
最新のWeb技術、開発Tips、チュートリアルなど、実践的な技術情報をお届けします
{'<>'}
</>
🔍
📱
React Server Componentsの実践的な使い方
Next.js 14で本格的に使えるようになったReact Server Components。実際のプロジェクトでの活用方法と、パフォーマンス改善のポイントを解説します。
🎨
モダンCSS設計：Container QueriesとHas()セレクタ
従来のメディアクエリの限界を超える、Container QueriesとHas()セレクタ。これらの新機能を使った、より柔軟でメンテナブルなCSS設計手法を紹介します。
⚡
Astroで作る爆速サイト：実装から最適化まで
静的サイトジェネレーターAstroを使って、パフォーマンススコア100点のサイトを作る方法。実際のプロジェクトで得た知見と最適化テクニックを共有します。
🤖
AI時代のWeb制作者に求められる専門性の進化
AIツールの進化により変わるWeb制作の現場。コーダーとデザイナーに求められる新しいスキルセットと、キャリア形成の方向性について考察します。
🚀
TypeScriptの型パズル：高度な型プログラミング入門
TypeScriptの型システムを使った高度なプログラミングテクニック。Conditional Types、Template Literal Types、型の推論を駆使した実践例を紹介します。
🎯
ヘッドレスCMSとJamstackで作る次世代Webサイト
microCMSやContentfulなどのヘッドレスCMSと、Next.jsやAstroを組み合わせた、モダンなWebサイト構築手法。実装例とベストプラクティスを解説します。