- Git
- Conventional Commits
- Workflow
個人開発を加速させるConventional Commitsの導入とコミット粒度の設計
Conventional Commitsのprefixと破綻しにくいブランチ運用を、レビュー可能なコミット粒度とともに整理する。
Practical notes for web apps
Webアプリ開発の判断を、
再利用できる形にする。
Astro、TypeScript、HTML、CSSを中心に、Webアプリ開発で迷いやすい実装と設計の判断を、コードと検証結果に分けて整理する技術ノート。
Latest
新着記事
- Astro
- Image Optimization
- Web Performance
Astro公式の`<Image />`コンポーネントを活用した画像最適化とWebP配信
astro:assetsのImageコンポーネントで形式、寸法、レスポンシブ表示を管理し、画像由来のCLSを防ぐ。
- TypeScript
- REST API
- Error Handling
フロントエンドにおけるREST APIエラーハンドリングの設計パターン
通信失敗とHTTPエラーを分類し、通知と有限回リトライを分離するフロントエンド設計を解説する。
- CSS
- Tailwind CSS
- Responsive Design
FlexboxとCSS Gridの実践的な使い分け：カードUIとヘッダーレイアウトの設計
一次元のヘッダーにはFlexbox、二次元のカード一覧にはGridを使う判断基準をCSSとTailwindで示す。
- TypeScript
- Web Storage
- Browser API
localStorageとsessionStorageの使い分けと安全なラッパークラスの作成
Web Storage APIをSSR環境でも安全に扱い、JSON破損や容量超過を分類するTypeScript実装を解説する。