コードが書けない私がAIとホームページを作った方法【初心者の実録】

コードが書けない私がAIとホームページを作った方法【初心者の実録】

「HTML？ なにそれおいしいの？」というレベルの私が、AIと二人三脚で lalala-books.online を立ち上げました。ここでは、コードを書けない昭和生まれが、どんな手順と考え方でホームページを作ったのかを、そのまま残しておきます。

なぜ、noteだけではなくホームページを持ちたくなったのか

この一年、私はほとんどnoteだけで創作してきました。毎日記事を書き、公開し、ときどきスキやコメントをもらう。その往復はとても楽しくて、「これだけあれば十分かもしれない」と思う瞬間もありました。

それでも、どこかで引っかかっていたのは「流れていってしまう」という感覚です。せっかく積み上げた創作ログや、AIとの対話、Kindle出版の記録が、タイムラインの奥へと沈んでいく。

私は「読み捨てではない場所」が欲しくなりました。
趣味として楽しむだけではなく、これからは収益も見据えたい。そのときに必要だと感じたのが、「自分の拠点」としてのホームページでした。

最初は「自分には無理」だと思っていた

とはいえ、問題が一つありました。私は、HTMLもCSSもわかりません。ブラウザの検証ツールを開けば、謎の英単語と記号が並んでいることくらいはわかるけれど、「ここを直せばこう変わる」という感覚はまったくありません。

サーバー、ドメイン、SSL──その言葉を知識としては見聞きしていても、「じゃあ自分で設定して」と言われたら固まるレベルでした。正直なところ、「こういうのは詳しい人がやるものだ」と思ってきました。

だからこそ、「ホームページを作る」と決めたとき、最初に浮かんだのはワクワクよりも「無理じゃない？」という不安でした。

AIを使うことで、何が変わったのか

そこで登場したのがAIです。私は、最初から「全部自力で理解しよう」とは考えませんでした。その代わりに、「わからない言葉を、その場でAIに聞く」というスタイルを選びました。

• 「サーバーって、今の私にとって何をしてくれる存在？」

• 「独自ドメインとサブドメインの違いを、昭和生まれでもわかるように説明して」

• 「SSLをオンにしないと、何が困るの？」

そんな質問を、恥も外聞もなく投げ続けました。AIは、順番を整理してくれます。
「まずはドメインを決めましょう」「次にサーバーにドメインを追加します」「その後でSSLをオンにします」と、今やるべきことを一つずつ教えてくれました。

さらに、書けないコードや文章のたたき台も用意してくれます。
「トップページ用の導入文を書いて」「初心者向けの手順をh2/h3で分けて」と頼めば、そこから自分の言葉に書き換えればいい。

一人で黙々とググっていたら、きっとどこかで止まっていたはずです。AIと一緒だと、立ち止まる前に質問できる。これが、私にとっての一番大きな変化でした。

実際にやった流れ

1. サイトのテーマを決めた

まず決めたのは、「この場所で何を書くのか」です。
私は、創作とAIと収益化を切り離すことができませんでした。この一年、noteに書いてきたのも、AIと一緒に作ってきたのも、ぜんぶが混ざり合っています。

だから lalala-books.online は、次の3つを軸にした場所にすると決めました。

• 創作のログと作品への導線

• AI活用の記録とプロンプトの共有

• 収益化（A8.netやKindle、noteなど）の実録

テーマを決めることで、「ここには書かないこと」も自然と決まっていきました。

2. サイト名を決めた

次に悩んだのが名前です。
AIに相談しながらいくつか候補を出してもらい、最終的に選んだのが「lalala-books.online」でした。

lalala は、私の中でいつも鳴っている、言葉のリズムのようなもの。そこに books を合わせることで、「本や物語が並ぶ棚」のイメージを込めました。

末尾の .online は、「ここがオンライン上の活動拠点である」という意味をそのまま受け取っています。世界中のどこからでもアクセスできる、小さな本屋兼ラボのような場所。その感覚に、一番しっくりきたのがこの組み合わせでした。

3. ドメインを取った

正直、一番「よくわからない」と感じていたのがドメイン取得です。
でも、AIに手順を整理してもらいながら進めてみると、やること自体は意外とシンプルでした。

• サーバーの管理画面から「独自ドメインの無料特典」を選ぶ

• 欲しい名前が空いているかを確認する

• 利用規約に同意して申し込む

仕組みのすべてを理解していなくても、「このボタンを押すと、このURLが自分の住所になる」というイメージさえ持てれば、実務としては十分でした。

4. トップページの文章を作った

ドメインが通り、SSLを設定して「反映待ち」のあいだにやったのが、トップページの文章づくりです。

私は、デザインより先に言葉を決めることにしました。
「SFの正体」というテキストを軸にしながら、このサイトが何をする場所なのかを一言で伝える導入文を書きました。

• 誰のためのサイトなのか

• ここでどんな記事が読めるのか

• AIと共犯していることをどう表現するか

それらをAIとやりとりしながら、少しずつ整えていきました。

5. 公開できる最低限まで整えた

完璧に仕上がるのを待っていたら、いつまでも公開できないままです。
私は、「まずは見せられる状態」にすることを優先する、と決めました。

• トップページ

• プロフィール（短い一言プロフィール付き）

• この実録記事

この3つがそろった時点で、「よし、一度公開しよう」と決めてアップロードしました。細かいデザインやリンクの調整は、公開後に少しずつ直していけばいい。そう割り切ることで、ようやく lalala-books.online は動き始めました。

初心者が詰まりやすかったポイント

専門用語が多すぎる

サーバー、ドメイン、DNS、SSL、FTP──。
最初に立ちはだかるのは、意味のわからない横文字の壁です。私は、これを「全部わかろう」とはせず、「今の自分に関係するところだけ、AIにかみ砕いてもらう」という方針にしました。

正解がわからない

ドメインの末尾を .com にすべきか .online にすべきか、どのプランを選ぶのか、どの設定がベストなのか──。インターネットには「おすすめ」が溢れていますが、「私にとっての正解」は自分で決めるしかありません。

AIに「それぞれのメリット・デメリットを教えて」と聞き、その上で「今の自分に合う選択」を選ぶ。そうやって、一つずつ進めました。

どこまで作れば公開していいのかわからない

全ページが完成するまで公開しないべきなのか、最低限が整えば出していいのか。これも悩みました。
最終的には、「読んでくれた人に失礼でない状態になったら公開してOK」という自分なりのラインを引きました。

そのラインを定義するのも、AIとの対話がヒントになりました。

それでも、作ってよかったと思う理由

ホームページを持ってみて、一番大きかったのは「自分の拠点ができた」という感覚です。

noteやSNSは、借りている部屋のようなもの。とても便利だし、そこで出会える人もたくさんいます。でも、ルールも仕様も、プラットフォーム側の都合で変わっていきます。

一方で、自分のドメインとホームページは、小さくても「自分の家」です。
好きなように棚を作り、好きな順番で作品を並べ、A8.netなどの実利の配線も、自分の責任で引いていける。

それは、創作を「趣味」から「資産」に変えていく感覚でもありました。
時間をかけて積み上げた記事が、少しずつ検索から読まれ、作品やnote、有料コンテンツへと静かに読者を導いていく。その流れの土台として、ホームページが機能し始めています。

👉 https://lalala-books.online/