こんにちは！47歳からプログラミングでの独立を目指して学習中の私です。
現在、制作している「南浦の母」のWebサイト。 スマホの縦画面は完璧にできていたのですが、ふと「横向き（ランドスケープ）」にしてみたら……ロゴとメニューが重なって、見るも無惨な状態に。
「よし、AI（Gemini）に直してもらおう！」
そう思ったのですが、そこからが本当の「学習」の始まりでした。
AIも完璧じゃない？もどかしかった「ズレ」
最初はAIに「横向きの崩れを直して」とお願いしました。でも、返ってくるのは思っていたのと違う答えばかり。
- テキストのコードが欲しいのに、なぜか「画像」で返ってくる
- 私のHTMLにはない「知らないクラス名」を使ったコードを提案される
- 修正したはずなのに、反映させると別の場所が崩れる
正直、「AIって意外と完璧じゃないんだな……」と、もどかしさを感じる瞬間もありました。でも、そこで諦めずに「どうすればAIは私の欲しい答えをくれるんだろう？」と考え方を変えてみたんです。
衝撃の発見！コピペをやめて「ファイルごと」見せる
今回、私が辿り着いた突破口は「AIにコードをコピペして送るのをやめること」でした。
今までは、問題がある部分だけをコピーしてプロンプトに貼り付けていました。でも、それだとAIは私のサイトの全体像が見えず、見当違いな答えを出すこともあったんです。
そこで、「Google ドライブ上にコードをファイルごと保存し、そのファイルそのものをAIに確認してもらう」という方法に切り替えました。
- コピペではなく「ファイル参照」： 自分の作業環境を丸ごと共有することで、情報のズレがゼロに。
- 周辺機能のフル活用： Google ドライブを介することで、AIが私の「専属エンジニア」として隣でコードをチェックしてくれているような感覚になれました。
「AIにどう書けば伝わるか」と悩むより、「AIが正確に判断できる環境を整えてあげる」。この周辺機能を使いこなす学習ができたことが、今回何よりの成果だと思います。
1pxの妥協が、エンジニアとしての信頼に
周辺機能を総動員してAIと向き合った結果、あんなに重なっていたヘッダーが、スマホを横にしても1pxの狂いもなく美しく収まりました！
今回得た一番の成果は、CSSが直ったことだけではありません。 「周辺機能を使いこなして、自分の思い通りの答えをAIから引き出す力」。これこそが、これから案件を獲得していく上で大きな武器になると確信しました。
まとめ：AIは最高の「相棒」
AIは魔法をかけてくれる道具ではなく、こちらの伝え方次第で最高の仕事をしてくれる「相棒」です。
「AIが思った答えをくれない」と嘆くのではなく、ドライブなどを活用して「どうすればAIが正しく理解できるか」という環境を整える。この「ディレクション力」を磨くことが、独立への近道だと実感した出来事でした。
一歩ずつ、でも確実に。案件獲得に向けて、また一つ自信がつきました！
コメント