hacko-log

娘と遊びながらiPhoneだけでブログを立ち上げた話

なぜいまさらブログを始めたのか。技術スタックの選定からドメイン取得、デプロイまで、ほぼiPhoneだけで1日でやり切った話。

ほぼiPhoneだけで作った。

娘と遊びながら、合間にiPhoneをポチポチいじって。PCのキーボードは一切触っていない。というか、そのPCにはキーボードもモニターも繋がっていない。完全なリモート専用機だ(なぜそうなったかはまた別の記事で)。

自分でもやってみるまで半信半疑だった。

hacko-logのトップページ

なぜブログを始めたのか

個人で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を作り込んでいるかもしれないが、それはそれで。

記事一覧に戻る