Zeid's Portfolio

あなたが今目にしているこのページ。滑らかなアニメーション、光を帯びたグラスモーフィズムのカード、丁寧に組まれたタイポグラフィ——これらの裏側には、私とAntigravityによる数千行の「対話」が眠っています。 私はコードの文法を暗記するのではなく、「どんな体験を届けたいか」「なぜそのデザインが正しいのか」をAIと議論し続けることで、このサイトを構築しました。 「歩んできた軌跡を、最高に美しい形で残したい」。その純粋な制作意欲をAIという拡張知能と共に火を絶やさず形にし続けた実験場——それがこのポートフォリオサイトです。

最初のデザイン案は、よくある「プロジェクトのサムネイルが格子状に並ぶギャラリー」形式でした。しかし、それは「成果物を見せる」ことはできても「自分という人間を伝える」ことができないと感じ始めたのです。 私がこのサイトを通じて届けたいのは、スキルの羅列ではなく「AIと共にモノを作り続けた人間のストーリー」でした。情報を「見る」体験から「読む」体験へ。この抜本的な方針転換が、ポートフォリオを「ブログ形式の深掘り記事集」へと進化させる出発点となりました。 AIに「noteのような没入感のある読書体験を、ダークモードで実現したい」と投げかけると、即座に文字サイズ、行間、余白のシステム——「Vertical Rhythm（垂直リズム）」の概念を提示してくれました。

AIと一緒に定義した「読みやすさ」を支えるCSSは、驚くほどシンプルに削ぎ落とされています。ポイントは「コンテナ幅」「行間」「フォントサイズ」の三つだけ。しかしその数値の根拠は、人間工学の研究と多くのメディアが実践してきたベストプラクティスに裏打ちされていました。

/* AIと共に設計した、可読性を支えるCSSの核心 */
.article-container {
  /* 一行の最適な文字数（65〜75字）を維持する幅 */
  max-width: 720px;
  margin: 0 auto;
  
  /* 視線の移動を助ける、余裕を持った行間 */
  line-height: 2.0;
  
  /* 英日両対応のフォントスタック */
  font-family: 'Inter', 'Noto Sans JP', -apple-system, sans-serif;
}

/* セクション間の大きな余白で「息継ぎ」を与える */
.section-spacing {
  margin-top: 5rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

どれだけ丁寧にコンテンツを書いても、それが誰に、どのように届いているのか分からなければ、発信は一方通行のままです。そこで、Next.js 14のサーバーサイドレンダリングを阻害しない形でGoogle Analytics 4（GA4）を正確に導入する、精密な計測設計もAIと共に行いました。 「どのページが最も読まれているか」「ユーザーはどこで離脱するか」——これらのデータを見ながらコンテンツを改善していくPDCAサイクルを回せることで、このサイトはただの「展示場」から「フィードバックを得て成長するメディア」へと進化しました。 GA4のイベントトラッキングや、Next.jsのクライアントコンポーネント境界の正しい理解など、AIとの議論を通じて得た技術的な学びは計り知れませんでした。

このサイト制作を通じて確信したのは、「作る」という行為の定義が劇的に変わったということです。以前は「技術力＝実装力」だと思っていました。しかし今は「技術力＝コンテキストを正確に伝え、AIと共に最善の判断を下す能力」だと理解しています。 「グラスモーフィズムを採用し、光の粒が舞うような高級感を演出したい」という抽象的なイメージを、AIは即座に数学的なグラデーションとアニメーションのコードへ変換してくれます。その過程で私は、ひたすら「なぜこのコードなのか」を問い、AIの論理から学び、自分の美意識を磨き続けました。 それはもはや「AIに作らせる」ではなく「AIと共に創る」という、真の意味での協創（co-creation）でした。

このポートフォリオを見て「自分にも何か作れるかもしれない」と感じていただけたなら、それが最大の報酬です。私が証明したかったのは、コーディングスキルがなくても、情熱とAIというパートナーがあれば、プロと遜色ないデジタル体験を作り出せるということです。 重要なのは構文を暗記することではなく、「何を創りたいか」という明確な意志と、それをAIに伝え、共に磨き上げていく粘り強さです。 さあ、一緒に新しいモノづくりの時代を始めましょう。AIは、あなたの想像力に翼を与えるために、いつでもここにいます。