みなさん、こんにちは！てつです。

いつも「てつblog」を読んでいただき、ありがとうございます。

すでにお気づきの方もいるかもしれませんが……この度、「てつblog」を大幅にリニューアルしました！

お世話になったBloggerを卒業し、**Hugo（ヒューゴ）**という表示スピードが爆速な仕組みでお引越しをしたんです。

でも、実は僕から皆さんに衝撃の告白があります。

今回のリニューアル、僕はプログラミングのコードを一切書いていません。

すべて**「Antigravity」というAI**に指示を出して、全部丸投げで作ってもらったんです！

今回は、「コードが書けない素人でも、AIの力でここまで本格的なブログが作れるのか！」という感動と、途中で起きたとんでもない大惨事（笑）を含めた、ドタバタなブログ構築の全記録をお届けします。

AIに「前のブログを完コピして！」とお願いする

まずは新しいブログの「ガワ（見た目）」作りからです。

でも、ゼロからデザインを考えるのも、コードを書くのも僕には無理。

そこでAntigravity（AI）に、既存のBlogger時代のURLとスクリーンショットをそのままドン！と渡しました。

**「これと同じ見た目のブログをHugoで作って！」**と指示したわけです。

するとAIが、サイトの骨格をサクサクと作ってくれました。あとは細かい位置やリンクの設定を「ここ、もう少し右にして」と口出しするだけで、あっという間にベースが完成！

……と喜んでいたのも束の間。

後になって、**「あ！サイドバーの『アーカイブ』と『ラベル』機能を作るのを完全に忘れてた！」**と気づき、慌ててAntigravityに追加実装してもらいました（笑）。AIは優秀ですが、指示を出す人間がうっかりしているとこうなります。

記事のお引越しと「Obsidian」での快適執筆環境

Bloggerからバックアップデータをダウンロードし、記事を移動。さらに、てつblogの画像を全部一括ダウンロードして、新しいブログの記事内に綺麗に挿入するようにお願いしました。

そして今後のために、記事の執筆や管理を**「Obsidian（オブシディアン）」**という超便利なノートアプリ（Markdownエディタ）で出来るように設定！

これで、これからのブログ執筆がめちゃくちゃ快適になります。

装飾と機能追加、そして…【大アクシデント発生！】

順調に進んでいたブログ構築。ここからさらに「てつblog」を使いやすく仕上げていきます。

• 「自己紹介」「スワップ＆評価損益」「プライバシーポリシー」などの特定ページを作成。
• 画像の位置やサイズ、見出しの色、テキストサイズ、おしゃれなリンクカードなどの装飾を追加。

そして、「長文だと読みにくいから、記事に自動で目次が付くようにして」とAIに指示を出した、その直後でした。

……えっ？

画面から、今まで引っ越しさせた全記事が消えました。

そう、全・削・除です。

パニックになりながら原因を調べてみると、AIに作ってもらった「記事を書き換えるプログラム」に致命的な欠陥がありました。

本来なら、

「①中身を読み込む」→「②文字を置換する」→「③ファイルに上書き保存する」

という順番で処理しないといけないですよね。

ところが、僕がAIにうまく指示を出せなかった（＆僕のプログラミング知識が皆無だった）せいで、

「①まず上書き保存の準備（書き込みモードでファイルを開く）」

という処理が一番最初に実行される構造になっていたんです。

これ、「中身を読む前に、新しい白紙の状態でファイルを開いちゃった」状態。つまり、中身が全部消え去ってしまったんです…。

泣く泣く、「ステップ2（記事の移動）」から全部やり直すハメになりました。AIへの丸投げの恐ろしさを知りました（笑）。

気を取り直して…サイト運営の必須機能を追加

大惨事を乗り越え、いよいよ終盤戦です。ブログとしてちゃんと機能するように、裏側の設定を詰めていきます。

• 記事をX（Twitter）でシェアしやすいように共有ボタンを設置。
• 読者さんからのメッセージを受け取れる**「お問い合わせフォーム」**を設定。
• サイトのアクセス状況を把握するための**「Google アナリティクス」と「サーチコンソール」**の導入。
• 読者さんが更新情報をキャッチできるように**「RSS出力」**も設定。

そして、作業の過程で散らかってしまった余分なファイルをクリーンアップし、「パスワードなどの秘密の情報はGitHubに公開しないよ」という設定もバッチリAIにやってもらいました。

いざ本番公開！…あれ？画像がない？

すべてのデータを「GitHub」にプッシュ（送信）し、リポジトリを作成。いよいよ「Cloudflare Pages」というサービスを使って全世界に公開！

「よし！これで新生てつblogの誕生だ！！」

……と、喜んで公開されたページを見てみると、なぜか画像が1枚も表示されていません。

またしてもアクシデントです（笑）。

原因は先ほどの「秘密のファイルは公開しないよ」という設定でした。なんと、間違えて**「画像フォルダ」まで非公開にする設定になっていた**んです。

そりゃあ、本番ページに画像が出るわけないですよね。

慌てて設定を修正し、画像をアップロードし直して……今度こそ、本当に完成です！！

おわりに

いかがだったでしょうか？

「コードを一切書かずにAntigravity（AI）に丸投げする」という現代的な方法でブログを作ってみましたが、結果的に「サイドバーの付け忘れ」や「記事全消滅」といったドタバタ劇の連続でした（笑）。

でも、URLとスクショだけでここまで忠実にBlogger時代を再現し、さらに爆速で動くブログを作ってくれたAIの凄さには本当に驚かされました。

大惨事を含めて、自分で（AIと二人三脚で）試行錯誤して作ったブログは、やっぱり愛着が湧きますね！

みなさんは、AIを使って何かを作ってみたことはありますか？「こんな失敗したよ！」なんてエピソードがあれば、ぜひX（Twitter）やお問い合わせフォームから教えてください！

新しくなった（？）「てつblog」を、これからもよろしくお願いします！