Writing / Archive
Article archive.
Notes on frontend engineering, interface design, browser behavior, and lessons found while building.
16 entries
Current index
All writing
- React アプリを AI で開発するための設計指針AI にフロントエンドのコードを書かせると一貫性のないコードベースが出来上がりがちです。コロケーション、ロジックの集約、UI の実装方針、MCP の活用という 4 つの設計指針で AI を導く方法をまとめました。frontendreact
- 知識を編むブログや登壇を通じて断片的な知識を体系化し、汎用的な力を身につける方法を解説します。テーマの明確化、ユーザーレベルの意識、登壇とブログの使い分けなど、効果的な情報発信のポイントをまとめました。poem
- Better to write bad codeDRY 原則や関心の分離で語られるように不必要な繰り返しを避けた小さなコードは綺麗と言われます。ただし現実的にその観点から悪いコードを書くのが良い場合もあります。poem
- React で状態をあつかうReact でどのようにすれば状態をより良く扱えるかについてfrontendreact
- React でプロジェクトを今、はじめるならみたいな話React でプロジェクトを始める方法と、ちょっと良いコードを書く方法についてです。frontendtalk
- Next.js で Zod を利用してきたNext.js と Zod を利用する機会があったので備忘録ですfrontendzodnextjs
- HTMLのinput[type=number] の扱いを間違えていた話自分が思っていた使い方ではなく、どのような要件で利用すべきかのドキュメントまであったのにそれを見落としていたので自戒を込めて記述します。frontendnote
- React アプリでエラーハンドリングと付き合うReact でどのようにエラーを扱うべきかについて考えていましたfrontendnote
- Astro v3 にアップデートしましたブログの核であるAstroを更新したので、View Transition 周りの調整について書きます。frontendastro
- JavaScriptでURLのクエリと向き合う検索ページなどでURLのクエリを取得したり変更したりさまざまなことが起こり得ますが、型のチェックなど結構大変だったので備忘録的な感じでまとめました。frontendnote
- Next.js のServer Actions の所感を登壇してきました。Next.js → GraphQL みたいな構成でPoCを作成しており、その際にNext.js の新機能であるServer Actions を試しました。frontendtalk
- フロントエンドの話で登壇してきましたフロントエンドの仕事から学んだことについて登壇機会がありそこで話したことについてまとめていきます。frontendtalk
- フロントエンドの新しいテストツールとかフロントエンドのテストでほしいことを考えたり、Storybookのアップデートでさまざまな考えが出てきたのでまとめました。frontendtesting
- 横スクロールバーのデザインを調整するサイトのデザインで横スクロールが必要になり、かつ常にスクロールバーを表示したいみたいな要件に対応するためにどのような調整が必要になるかを取りまとめました。frontend
- Core Web Vitals から調整する画像の改善お仕事でLighthouseを確認しながら改善を進めていたタイミングで画像に関する知見が少し溜まったのでそれをまとめますfrontend
- Reactを利用したアプリのディレクトリを設計するReact でどのようなディレクトリ構成にすれば破綻することなく開発を続けられるかfrontendreact