Writing / Archive
Article archive.
Notes on frontend engineering, interface design, browser behavior, and lessons found while building.
14 entries
Current index
frontend
- 01React アプリを AI で開発するための設計指針AI にフロントエンドのコードを書かせると一貫性のないコードベースが出来上がりがちです。コロケーション、ロジックの集約、UI の実装方針、MCP の活用という 4 つの設計指針で AI を導く方法をまとめました。frontendreact
- 02React で状態をあつかうReact でどのようにすれば状態をより良く扱えるかについてfrontendreact
- 03React でプロジェクトを今、はじめるならみたいな話React でプロジェクトを始める方法と、ちょっと良いコードを書く方法についてです。frontendtalk
- 04Next.js で Zod を利用してきたNext.js と Zod を利用する機会があったので備忘録ですfrontendzodnextjs
- 05HTMLのinput[type=number] の扱いを間違えていた話自分が思っていた使い方ではなく、どのような要件で利用すべきかのドキュメントまであったのにそれを見落としていたので自戒を込めて記述します。frontendnote
- 06React アプリでエラーハンドリングと付き合うReact でどのようにエラーを扱うべきかについて考えていましたfrontendnote
- 07Astro v3 にアップデートしましたブログの核であるAstroを更新したので、View Transition 周りの調整について書きます。frontendastro
- 08JavaScriptでURLのクエリと向き合う検索ページなどでURLのクエリを取得したり変更したりさまざまなことが起こり得ますが、型のチェックなど結構大変だったので備忘録的な感じでまとめました。frontendnote
- 09Next.js のServer Actions の所感を登壇してきました。Next.js → GraphQL みたいな構成でPoCを作成しており、その際にNext.js の新機能であるServer Actions を試しました。frontendtalk
- 10フロントエンドの話で登壇してきましたフロントエンドの仕事から学んだことについて登壇機会がありそこで話したことについてまとめていきます。frontendtalk
- 11フロントエンドの新しいテストツールとかフロントエンドのテストでほしいことを考えたり、Storybookのアップデートでさまざまな考えが出てきたのでまとめました。frontendtesting
- 12横スクロールバーのデザインを調整するサイトのデザインで横スクロールが必要になり、かつ常にスクロールバーを表示したいみたいな要件に対応するためにどのような調整が必要になるかを取りまとめました。frontend
- 13Core Web Vitals から調整する画像の改善お仕事でLighthouseを確認しながら改善を進めていたタイミングで画像に関する知見が少し溜まったのでそれをまとめますfrontend
- 14Reactを利用したアプリのディレクトリを設計するReact でどのようなディレクトリ構成にすれば破綻することなく開発を続けられるかfrontendreact