iPhoneだけで快適で本格的なWeb開発環境をつくる!

システム構築の背景

日常でノートパソコンを持ち歩かないで、手ぶらで身軽な装備でかつクイックにいつでWebサービスやCMSを開発、運用したいとおもい構築してみた。

大まかなシステムフロー

  1. スマホのアプリでマークダウン形式の記事を作成。

    SSH接続などでスマホアプリからhugoのpost内記事を作成する。

  2. 記事は保存されると自動でプレビューに反映されるので、iPhoneのサファリなどで確認。

    WEBコンテンツ生成はGolang、HugoをPCにセット

  3. 本番リリースは事前に用意したスクリプトでアップロード

環境構築のポイント

- Hugo Web Serverのバインド設定
Lan内の他の端末からプレビュー用にWebが見れる様にした。 

hugo server -D --theme=○○○ --buildDrafts  --baseURL="192.168.1.○○○" --bind 0.0.0.0	
# --bund 0.0.0.0を追加するのがポイント
  • Markdownで記事コンテンツを追加、編集させたい。
  • シェルスクリプトで本番サーバーにアップロード