MacOS・ツール小ネタ3発

# 【投稿2本目】Mac・開発ツール小ネタ集
今日はさくっと記事です。

めっちゃ初歩的なんですが、プログラマとして働いて1年弱で知った知識をちょこっと載せていきます！
最近はiMacでの業務なので今回はMacOSと開発ツール編:raised_hands:！

### 目次
1. MacからMacにリモート接続する方法
2. シェルスクリプトを簡単に.app化する方法
3. Visual StudioCodeで自分のコードをリアルタイムでシェアする方法（ペアプロ・モブプロ向け）　**イチオシ:raised_hands::raised_hands::raised_hands:！**


## MacからMacにリモート接続する方法
私はチームの上長にお聞きしたんですがもしかしたら知らないMacユーザーがいるかもしれない！と思ったので記載します！
どちらもMacOS、そして同じネットワーク内に存在していることは大前提ですー！
![ 2020-08-27 18.21.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/4adb9a13-7e61-c3dd-d0a6-3e7726143f90.png)
設定することは、「システム環境設定＞共有」だけ。
リモートで制御される側のMacBの端末で、以下の設定をします。
![ 2020-08-27 18.33.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/9f3e3563-771c-5930-0db3-14fe4261c998.png)
![ 2020-09-29 18.53.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/348f86bf-1c66-53c9-109c-cc02497516da.png)
端末利用者間でコンピュータ設定からPWを設定すればセキュリティ的にも安心！

![ 2020-10-09 13.44.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/45dc0313-e841-48b2-f6ab-6e728d748836.png)

とりあえず、画面共有とリモートログインにチェックが入っていればOK！
接続したいMacAで**Finder**を開き、**⌘+K**を同時に押します！
![ 2020-08-27 18.39.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/f5e13b49-dc25-9e1c-ea53-9a8f951a1f12.png)

そしてMacBで許可したユーザー情報を入力し、接続が完了です！
お疲れ様でした！思う存分リモート作業を行いましょう！

## シェルスクリプトを簡単に.app化する方法
簡単な処理を自動化するために、シェルスクリプトを書いて、それをApplication化する方法です！

AutomatorというMacOSにデフォルトで入っている？入っているツールを使えば、
ちょいちょいっとApplication化することができるってご存知ですか？!

```
#!/bin/sh

osascript -e 'display dialog "Hello,World!" with title "Hello,World!" with text buttons {"Hello","World!"}'
exit 0
```

こんなソースを作って、「AutomatAutomator.appを起動」。
アプリケーションを選択後、「シェル」と検索して「シェルスクリプトを実行」を選びます！
![ 2020-09-28 18.43.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/f0c16a82-43c7-036d-cf46-22ea27613abf.png)
入力欄にコードを貼り付けて**⌘+s**で名前をつけて保存したらOK！
![ 2020-09-28 18.44.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/e2d3c5aa-19b1-47fd-345e-b8ef5d85fe48.png)
任意のディレクトリに保存されたappをクリックするとこんな感じでシェルスクリプトが実行されます！
コマンドなどに馴染みのない方へのアプリの配布がある場合はAutomatorを使うと簡単にシェルをapp化できます！
権限の問題や、Macに合わせたディレクトリ構成にする必要がある場合もあるのでそのあたりはお気をつけて！
![ 2020-09-28 18.48.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/b37cd57c-3dcc-eebb-4f4b-8c7fdc9a715f.png)

## 自分のコードをリアルタイムでシェア！（ペアプロ・モブプロ向け）
最後はLive Shareのご紹介！

### Live Shareのオススメポイントは以下の3つ！
==================================================================================================================

1. ホストのプロジェクトファイル編集のみならず、ローカルサーバの共有やターミナルの共有が可能！(もちろん権限を絞ってRead-Onlyにも設定可能！)
2. ホストの編集しているファイルに関わらず、プロジェクトファイル内の移動が可能！
3. 自分以外のユーザーのファイル間の動きを、ストーカー可能！

==================================================================================================================

人数が多くなると、接続が難しい場合などもありましたが、少人数でのソースコードレビューや開発にはかなりオススメします！
私は使用していませんが、ペアプロ・モブプロに必要不可欠なチャットまで付属してますよー:point_up:


## 利用手順
Visual Studio Codeの拡張機能で「Live Share」をインストールします。
![ 2020-09-28 18.53.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/177eabd2-eff3-3bc6-67cc-9fe90843c5e8.png)
あとは、シェアしたいフォルダでサイドバーから「Live Share」のアイコンをクリックし、「コラボレーションセッションの開始」をクリックし、マイクロソフトアカウントでログイン！（急にアカウント必要って言ってごめんなさいw）
![ 2020-09-29 18.55.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/9f703ab2-0645-0a65-9910-0421d1305c3b.png)
ブラウザとかでログインして「Visual Studio Codeを開く」をクリックします！
![ 2020-09-29 18.58.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/e2ac6af4-38e6-aa21-d7c7-c815e2d77bba.png)
何度かブラウザやらアプリやら行ったりきたりはする場合もあるのですが、ログインに成功した場合は、シェア用のリンクを共同作業者に共有すればOKです！
![ 2020-09-29 19.00.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/33a4af11-2522-3975-512c-c7b7cbf47fb1.png)

あとは、思う存分、1つのソースをみんなで開発していきます！
これがあれば同じソースコードみながらあーだこーだいう時に、**「違う！そうじゃなくてこう！」**ってタイミングですぐ伝えることが可能ですねー！

![ 2020-09-29 18.52.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/642236/8fccc041-35ae-2046-66cc-81e0701d96f0.png)


細かい部分は結構端折っていますが、詳細は公式サイトやら、他のQiitaやらに載っていますのでご確認ください（笑）

最後まで読んでいただきありがとうございましたー！

ご意見・ご感想などのコメントおまちしておりますー！
褒められたらにんまり:relaxed:します！間違いの指摘はありがたく:bow_tone1:お聞きして修正します！

次は1つのネタでしっかり書く予定です〜:sunny:！