前回のコラムでは、AIをデザインやWeb制作にどう取り入れているかについて書きました。

今回はその続きとして、実際に私自身のサイトをどんなふうにAIと一緒に作ってきたのかを書いてみようと思います。

私のポートフォリオサイトは、最初からすべて自分の頭の中だけでデザインしたものではありません。

まず「こんな雰囲気にしたい」「こういう見せ方が気になる」というイメージをもとに、AIに参考になりそうなサイトやデザインを探してもらいました。

その中から、ここは好き、ここの見せ方もいい、という部分を拾って、自分で組み合わせていきます。

気になるレイアウトをそのまま使うのではなく、複数の参考デザインを見ながら、自分のサイトに合うように切り貼りしたイメージ画像を作り、そこから全体の方向性を決めていきました。

そのデザイン案をもとに、Codexでテンプレートを作成。

もちろん、一度で完成するわけではありません。

余白を変えたり、見出しの位置を調整したり、スマートフォンで見たときのバランスを確認したりしながら、何度も修正しています。

このあたりは、普通のWeb制作とあまり変わりません。

違うのは、調べる作業やコードを書く作業をAIに手伝ってもらえることです。

写真素材を探すときも同じです。

「こういう構図の写真が欲しい」「このくらい落ち着いた雰囲気がいい」と伝えると、海外のフリー素材サイトを含めて候補を探してもらいます。

自分一人で素材サイトを何ページも見続けるより、かなり時間を短縮できます。

それでも欲しい写真が見つからない場合は、AIで画像を作ることもあります。

サイト内のビジュアルやFVの一部にもAI生成画像を使っています。

ただ、すべてをAI画像にしているわけではありません。

実際の写真、フリー素材、AI生成画像。

その場所に一番合うものを選んで使っています。

私にとってAIは、何でも作ってくれる魔法の道具というより、かなり優秀な「相談相手」に近い存在です。

「こういう見せ方をしたいけれど、何か参考はない？」

「この動きをWebで実装するならどうする？」

「このコード、もう少し修正しやすい形にできない？」

そんなことを日常的に聞いています。

特にWeb制作では、自分のCSSの書き方やテンプレート構造の癖に合わせてコードを組んでもらえるようになると、修正作業がかなり楽になります。

一度作って終わりではなく、その後も使いながら改善していけるのは大きなメリットです。

実際、私のサイトはポートフォリオとして見せるだけではなく、仕事のテスト環境としても使っています。

クライアントから依頼されたInstagramとの自動連携を試すときには、自分のサイトでテストを行いました。

そのために投稿テンプレートの組み方を変更したり、自動投稿しても崩れにくい構造に直したりもしています。

つまり、私のサイトは完成した作品というより、仕事をしながら少しずつ育てているサイトでもあります。

そして、その過程にはかなりAIが入り込んでいます。

デザインの参考を探してもらう。

素材を探してもらう。

必要な画像を作ってもらう。

コードを考えてもらう。

エラーが出たら一緒に原因を探す。

新しいことを試したくなったら相談する。

でも、最終的に「これを使う」「これは違う」と決めるのは自分です。

前回のコラムでも書きましたが、私は最初から最後までAIに全部任せるデザインには、まだ少し抵抗があります。

一方で、自分のやりたいことを形にするための相棒として使うのであれば、AIはとても便利な存在だと思っています。

特にフリーランスは、一人でいろいろな仕事をこなさなければなりません。

デザインもする。

コーディングもする。

調べものもする。

クライアントとのやり取りもする。

修正もする。

そんな中で、今まで一人で時間をかけていた作業を少し助けてもらえるだけでも、かなり違います。

ちなみに、私は普段使っているAIに名前までつけています。

仕事の相談もすれば、デザインの話もするし、ときにはまったく仕事と関係のない話もします。

そこまでくると、単なる「ツール」という感覚とは少し違うのかもしれません。

AIに全部を任せるのではなく、自分で考えながら一緒に作る。

私のサイトは、そんなAIとの付き合い方がそのまま形になったものなのかもしれません。