みなさん、こんにちは、
私は、AIのコーディング用ツールを1か所に集めて整理する小さなWebアプリを作ることで学習しています。この発想は、コードエディタ、コーディングアシスタント、ターミナルベースのエージェントのようなツールを、「何をするのか」「誰向けなのか」「どう違うのか」に基づいて比較しやすくすることです。また、利用は完全に無料にすることにしました。
売り込みたいわけではありません。主に学習プロジェクトとして、次のことを練習しています：
- 検索可能なディレクトリを作ること、
- 似たようなアイテムをたくさん構造化して扱うこと、
- 比較のためのユニークなUIを設計すること、
- そして、最初に表示すべき「実際に役立つ情報」が何かを決めること。
学習の観点から、このプロジェクトへのフィードバックをぜひいただきたいです：
- このようなディレクトリで、どんなデータ項目（フィールド）が最も役立ちますか？
- ツール比較ページを本当に役立つものにするのは何でしょうか？
- もし同様のものを作ったことがあるなら、どんなアーキテクチャやスタックの選択がうまくいきましたか？
この一式は Next.js + Tailwind でコードを書きました。棚（ブックシェルフ）のUIは、できるだけユニークにしたかったので、きちんと設計するのに想像以上に時間がかかりました（最近のほとんどのWebサイトは退屈です）。
また、もし役に立つなら、これまでに作ったものを共有することもできます。Tolop
[link] [comments]
