娘と遊びながらiPhoneだけでブログを立ち上げた話
なぜいまさらブログを始めたのか。技術スタックの選定からドメイン取得、デプロイまで、ほぼiPhoneだけで1日でやり切った話。
ほぼiPhoneだけで作った。
娘と遊びながら、合間にiPhoneをポチポチいじって。PCのキーボードは一切触っていない。というか、そのPCにはキーボードもモニターも繋がっていない。完全なリモート専用機だ(なぜそうなったかはまた別の記事で)。
自分でもやってみるまで半信半疑だった。
なぜブログを始めたのか
個人でWebサイトを作ることへの憧れはずっとあった。
ただ腰が重かった。フロントエンド、インフラ、デプロイ……考えることが多すぎる。趣味でやるにはそれなりの覚悟がいる。
一度トライしたことがあった。ドメインも取って、公開までこぎつけた。ただ、そこに至るまでの長い道のりで疲れ切ってしまい、結局続かなかった。
それがAIのおかげで状況が変わってきた。「わからないことはAIに聞けばいい」どころか、「やってもらえばいい」というレベルになってきた。やるなら今だと。
なぜブログ形式・自作なのか
個人でWebといえばブログ、という単純な動機。加えて、自分の記録として残しておきたかった。ガジェットを買って試したこと、生活の中で見つけた便利なこと。書くことで思考も整理される。
WordPressや既存サービスを使わなかったのはUI/UXを自由にいじりたかったから。テンプレートの制約なしに、好きなように作れる環境が欲しかった。
実際にどうやったか
使ったのはみんな大好きClaude Code。iPhoneのClaudeアプリからWindowsのPCで動いているClaude Codeにリモートで指示できてしまう。手元にiPhoneさえあれば開発が進められる。
やったこと:
- 技術スタックの選定
- 開発環境の構築
- ドラフト版の作成
- フォント・カラー・レイアウトなどデザインの細かい調整
- ドメイン名を考えてhackolog.comを取得
- Cloudflare Pagesへのデプロイ
全部で1日。ずっと集中していたわけでもなく、娘と遊びながら合間にClaudeと壁打ちしていただけ。
Cloudflareがとにかく凄い
昔Herokuの無料枠で超簡素なWebサイトを動かしたことがあったので、今回もどこかの無料枠でスロースタートしようと思っていた。
そのつもりでClaudeに相談したら、Cloudflare Pagesを紹介してきた。Cloudflareがまさかホスティングまでやっているとは思っていなかった。
しかも以下が全部ついてくる。
- ホスティング
- CDN
- DNS管理
- DDoS対策(業界最強クラス)
これが全部無料。ドメインの取得費用は必要だったけど。
昔のホスティングといえば月数千円のレンタルサーバーが当たり前だった。いい時代になったもんだ。
とはいえ、事前準備は必要
正確には「環境が整っていたから1日でできた」。事前に揃っていたもの:
- iPhoneからWindowsをリモートコントロールできる環境
- 外出先からも繋がるようにTailscaleで整備済みのネットワーク
- WSL2(Windows上でLinuxが動く環境)
- Claude Codeの実行環境
- GitHubのアカウントとリポジトリ
加えて、Web開発・ネットワーク・インフラ各方面のうっすらとした基礎知識はあった方がスムーズ。なくても何とかなるかもしれないが、あると会話が早い。
スマホでClaude Codeを使いたい人へ
ニッチすぎてやる人がいるかわからないが、一応ざっくり構成をメモしておく。詳しい手順はAI(GeminiでもChatGPTでも)に「Claude Codeをスマホから使いたい」と聞けば教えてくれる(と思う)。
- Claudeのアカウント(有料プラン) — Pro または Max が必要。これがないと始まらない
- スマホ — iPhoneで確認済み。たぶんAndroidでも可
- 開発用PC — 私はWindowsだが、Linuxの方がセットアップは楽。物理的なPCがなくてもVPSで代替できるはず。VPSを使う場合はセキュリティ回りに注意
- Tailscale — 外出先から利用したい場合。自宅のみなら不要
- スマホからPCにリモート接続するアプリ — ホントにPCを直接触りたくない人は必要。操作性は悪いが、セットアップが済めばマジでパソコンを直接触らなくてよくなる
- 遠隔起動の構成(WoLやスイッチボットプラグミニなど) — PCの電源ボタンに絶対触りたくない潔癖症な方や、外出先から開発PCを起動したい人は必要。私はAlexaから起動できるようにしている
これから
書きたいネタはいくつかある。ガジェットのレビュー、生活の中のハック、AI活用の話など。娘が寝た後の時間を使って、ぼちぼち書いていく。
もしかしたら記事より先にサイトのUIを作り込んでいるかもしれないが、それはそれで。