kanachi-blog

notionでの公開記事をastro-notion-blogを使って公開するよ

LiveShare✖️nglokで快適なモブプロライフを

課題
  • モブプログラミングをやる際にドライバー以外がコードを自由に見て編集することができない
  • ドライバー以外がローカルの開発環境を画面共有以外で見ることができない

LiveShareの使用方法

LiveShareの使用方法は以下を参考にしてください

ngrokの使用方法
  1. ngrokのサイトにアクセスしアカウントを作成
    • 成功すると下記のようなページが出てくる
  2. ngrokコマンドをインストールする

    brew install --cask ngrok

  3. ログイン後のページにある「2. Connect your account」を実行する
  4. 下記のようにローカルホストのポート番号を以下のコマンドで送る

    ngrok http <port>

以下の画面のForwardingのURLからローカルの開発を一時的に外部に公開できる!

まとめ

このようにすることで、ローカル開発のソースコードだけでなく、ローカルで動いているサーバーも共有しながらモブプログラミングすることができます。