未経験がAIと一緒にホームページを作った話。驚きとストレスの全記録

こんにちは、見習いエンジニアです。

今日、ホームページを作りました。ただ、正直に言うと、ホームページが作りたかったわけではありませんでした。

AIがどこまでできるのかを試したかった。それだけです。

結果として、ココナラに出品できるレベルのものが完成しました。驚きもありました。腹が立つこともありました。その全部を書きます。

ゴールも意味もわからないまま始めた

正直に言うと、私はホームページを作りたかったわけではありませんでした。

始めた本当の理由は、AIがどこまでできるのかを試したかったからです。自分で動いている感覚が欲しくて、その実験台としてホームページ制作を選んだ。それが本音です。

だから、完成形のイメージもありませんでした。「こういうサイトにしたい」という要望もない。何のために作るのかも、正直ぼんやりしていました。ゴールがないまま、ただ手を動かしていました。

作りながら、ずっと実感がありませんでした。ボタン一つ配置するにも、それが最終的に何になるのか分からない。意味を感じられないまま進めている、やらされているような感覚でした。

今振り返れば、これは自分のミスです。「どんなサイトを作りたいか」というゴールを、最初にAIに伝えておけば、もっとストレスなく進められたはずでした。ゴールがない状態で作り始めたから、迷いながら進むことになった。

ただ、結果を先に言うと。ゴールもなく始めたこのサイトが、最終的には人に見せられるレベルのものになりました。

AIへの質問の精度が全てだった

AIを使ってみて、最初に気づいたのは「質問の精度で結果が全く変わる」ということでした。

特にそれを感じたのは、細かい調整を頼むときです。画像の中の文字の色を変えたい。お問い合わせフォームの設定を細かく決めたい。こういう繊細な部分ほど、伝え方でズレが出ました。

AIは、ドンピシャで意図を読み取るというより、大枠を捉えて動く感覚です。たとえるなら、ジャンケンを始めるときの合図に近いと思いました。「最初はグー」で始めるのか、「ジャンケンポン」で始めるのか。その合図を言わずに進めると、いざ実践したときにズレる。

最初からそこまで指示していれば、ズレは起きません。逆に、前提を省略すると、AIはその空白を自分の解釈で埋めてしまう。だから細かい部分ほど、最初にどこまで具体的に伝えられるかが勝負でした。

質問の精度が大事だというのは、こういうことかと実感しました。

一番驚いたこと:CSSで直接プログラムできた

今日一番驚いたのは、CSSに直接コードを書くことで、ボタンの見た目を変えられたことです。

WordPressの管理画面でボタンをいじっても、思い通りにならない場面がありました。色が反映されない、文字が見えない、配置がずれる。設定画面の中でどれだけ触っても解決しないことを、AIに相談したところ、返ってきたのはCSSのコードでした。

やることはシンプルでした。AIが生成した4行程度のコードを、WordPressの子テーマのスタイルシートに貼り付ける。それだけでした。

その瞬間、思ったのは「誰でもできるんじゃないか」ということでした。

ボタンの設定画面を触る必要はない。プログラムに数行足すだけで、見た目が変わる。コードを自分で書いたわけではありません。AIが生成したものをそのまま使っただけです。それでも「プログラムが動いた」という実感がありました。

設定画面でできないことが、コード4行で解決する。この体験が、今日一番の衝撃でした。

腹が立ったこともある

腹が立ったこともあります。正直に書きます。

完成した後に全体を見渡して、「ここ直してほしい」「これ追加できる?」と頼み始めた時です。一応完成しているサイトに手を加えるということは、他の部分にも影響が出る場合があります。ただ、私はそんな構造を知りません。知らないまま、ズカズカとお願いしまくりました。

うまくいかない時、私がやったのは同じ文章をもう一度送ることでした。「なんで?」と繰り返す。一歩も進まない時間が続きました。

ただ、これは正直に言うと私の怠惰でした。「ここまでできるなら、言わなくても分かってくれるだろう」という甘えです。AIは文脈を読んでくれますが、前提を省略した分だけズレが出る。それは前のセクションで気づいたことと同じでした。

試行錯誤の中で、伝え方を変えました。「これを直す場合、他にも直す場所がある?工程が3つ以上あるならそのままでいい」と伝えると、しっかり返ってきました。

条件を先に伝える。自分の許容範囲を最初に示す。これだけで、ストレスが激減しました。AIへの指示は繊細です。その繊細さを理解していない段階でのやり取りは、本当にストレスでした。ただその原因は、AIではなく自分の伝え方にありました。

それでも完成した。AIで何ができるかを実験していく

それでも、完成しました。

ゴールもなく、AIがどこまでできるのかを試すつもりで始めたサイトが、最終的にはококоナラに出品できるレベルのものになっていました。結果論です。ただ、結果として商品になったのは事実です。

今日一日でわかったことがあります。AIは道具です。使い方次第で結果が全く変わる。ゴールを伝えれば近道になる。前提を省略すればズレる。条件を先に示せばストレスが減る。これは全部、今日手を動かして初めて分かったことでした。

次にやりたいことがあります。AIにプログラミングをさせてみたいです。どこまでのものが作れるのか、どこが限界なのか。今日CSSのコード4行で驚いた自分が、もっと複雑なものを頼んだらどうなるのか。それを実験していきます。

AIで何ができるかは、まだ自分には分かっていません。ただ、今日の体験で「思っていたより遥かにできる」という感覚は持ちました。その感覚を信じて、手を動かしながら調べていきます。

コメント

タイトルとURLをコピーしました