主にWeb関連の個人開発をしている際に心がけていることを書きます。
月末に近づくにつれ、AIの利用上限に達してしまうことがあります。
その状況になった時、以下のいずれかの選択肢が私の中では残っています。
費用はできれば安く済ませたいので、課金は最終手段です。
無料モデルが使えるなら とりあえず無料モデルを使ってやり過ごします。ただ、有料モデルに比べて性能が比較的低いため、期待しないレスポンスにストレスが増えてしまうことがあります。
かといって、何もしないと前に進みません。
そこで、利用上限に達した際にやるべきリストを残しておくと良さそう、というのが最近の私の考えです。
AIにやってもらうことと、私がやることを分けています。
AIには、新機能開発を積極的に作って貰い、詳細部分は粗くさせています。
ただし粗すぎては困るので、最低限守って貰いたいことは AGENTS.md を書いておきます。
未使用コードの除去や静的解析・型チェック・テスト・ビルド といったプロセスを厳格にしておけば、そこさえ守らせていけばOK としています。
私がやることべきリストは、以下のものを残しています。
主に 人間の目で じっくり見る・考えたいところは残しています。
コピー（文章）は、コピーライティングという職業があるほど 大事なものです。読んでいる状況と、伝えたいことを踏まえた上で文章を練って考えたいです。文章といっても、ボタンのラベルなど文字になるものは全て対象です。
インタラクション（動き）は、タグをクリックしたら どういう挙動になって欲しいかなど、操作した際に期待する挙動について 凝りたいと思っています。インタラクションに統一性がないと、ユーザーは混乱してしまいます。
リンク（動線）は、Web上でドキュメント間を繋いで回遊して貰う大事な要素です。行き止まりにならないか、訪問しているページに欲しいリンクが過不足しないか、を考えたいです。
スタイル（見た目）は、デザイントークンやUIライブラリを整えたとしても、余白設計や配色などがごちゃごちゃしていると残念です。世界観を大事にしつつ、自然と読みやすい形を丁寧に作り込んでいきたいです。
AI の得意とすることには全力で取り組んでもらいつつ、人間が得意とすること は人間が取り組む。
分業しておけば、上限が達した際でも私の仕事は残っています。
-
タグ「フロントエンド」の記事
最近、iframeを使っています。 クライアントサイドで埋め込む想定で、iframeを使おうとしています。 色々と苦労したことがあったので、書いて残しておこうと思います。 レスポンスヘッダー 前提として、ウェブアプリケーションをプロダクショ
紙を積んだイラストをSVGで書こうとしていました。 （当たり前ですが）図形を表現するためには数学の知識が必要で、学生の頃の記憶を思い出したので疲れました。 所感について、諸々書こうと思います。 成果物 実際に完成したのは、以下の画像ができま
2026年02月17日
以下の記事で書いた CSSをテストする方法について、試してみました。 https://zenn.dev/silverbirder/articles/df6752b230f04c ソースコードは、以下に置いています。 https://gith
タグ「AI」の記事
最近、AI エージェントに Playwright MCP を設定した状態で、CSS の調整作業を行っていました。 デザイン上どうしても原因を特定できず、修正に行き詰まっていたスタイルがあったのですが、Playwright MCP を使って調
なんでやねん！AIに指摘をしたとき、なんかモヤっとする。「するどい指摘です！」とか言われると、褒められてるようでいて、微妙にずれてる感じ。反論しても不毛なので、冷静に淡々と指示を出そう。「いい気づきです！」みたいな返事もあるけれど……ぬぬぬ。
2025年11月11日
AIが生成するコードは、必ずレビューしましょう。この記事では、AIが生成CSSをレビューする際の7つのポイントを紹介します。CSSのレビューをする際に参考にしてください。