ConoHa VPSでの Jitsi meet GUI開発の構築記録







# 記録開始
# サーバーステータス
|  |  |
|:-:|:-:|
| メモリ  | 2GB  |
| SSD  | 100GB  |


# ドメインの設定
ドメインを入力するところにサーバのIPアドレス入力すればいい気もしますが...~~やってないからわからない~~



## ドメインの購入
管理の面倒くささが面倒なのでConoHaにあるドメインを買いました。
ここでは仮に`example.com`を買ったとしています。




## DNSの設定
Jitsi meetに用いるドメイン名を`meet.example.com`とします。
DNSのドメインリストに
名称：meet
値　：サーバのアドレス（123.456.789.1011 みたいな「.」区切りの数字）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/83704b2b-842d-61cc-00d8-9c89141100ae.png)

そしたらブラウザのURLにドメイン名入れてみてください

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/64793fcb-a05e-b5cb-304a-1d69634c3408.png)














nginxのデフォルトページが出てきません？？

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/e6429e3f-6124-4ad0-0284-62ab619b3216.png)























## 数分待ってもNginxページが出てこないなら

ドメイン->ドメインリスト->取得したドメイン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/b1071a25-43be-fad2-9e52-d874ed9dc319.png)

ネームサーバー設定とかホスト設定にJitsiアプリのドメインを付け足してみる（変わる気はしない）

**結局のところJitsi-meet起動した時に使えればOKです。**




















# サーバ起動
### ログイン
rootでログインし、パスワードを入力
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/2954f646-df46-f74f-e37c-64a7532675d5.png)











白塗りはIPアドレスです


# もうコンソールはいやだ
今後Jitsi meetを改造することも考えて、GUIを使いたいんです
~~結局はほぼ全部コマンド操作なんですがね~~
このサイト通りに進めます
>
> [ConoHaのUbuntuにGUIを導入してどこからでもデスクトップ](https://foolean.net/index.html@p=1128.html)



## アップデート更新
い　つ　も　の

```
# apt-get update
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/89e446dc-7702-09e0-d6e6-ba70c13ae495.png)










```
# apt-get upgrade
```
途中許可を求めてくるので`y`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/9dc8b9c1-880a-b225-168e-d4caf796ce02.png)










途中バージョンを聞いてくるので`y`

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/1cad0571-16ad-dd53-d018-977970b9cd54.png)












## ユーザの追加
>次にGUI化後のログインに使用する一般アカウントを登録します。Ubuntuの仕様上、rootアカウントでログインすることはできないため、この作業を行わないとログインができなくなってしまいます。一応抜け道もあるみたいですが、めんどくさいだけ得することは無いので、一般アカウントを作っていきます。
>アカウントの追加及びアカウントにrootコマンドの実行権限を与えるためには以下のコマンドです。コマンド内の”[ユーザ名]”はご自身でお好きな名前を決めてください。また”adduser”を行った時に”そのアカウントのパスワードを入れろ”と要求されると思うので、適当に入力してください
>```
> $ adduser [ユーザ名]
> $ usermod -G sudo [ユーザ名]
> ```

だそうなので、ユーザ名`nekocan`でやりま
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/8683bff4-77c5-5a44-8fd2-a81791af4b1c.png)















した！
フルネームや電話番号はパスしました。

作ったユーザをグループに
**※`sudo`をつけないと一般ユーザでsudoが使えなくなります**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/f22976ad-fb39-b0b6-e97a-5532768c754e.png)













## ユーザの確認
> 正しくアカウントが作成できたかの確認は、以下のコマンドでアカウントを変更し、適当なsudoコマンドを試してみればいいと思います。
> ```
> $ su - [ユーザ名]
> ```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/00ad47ee-a1ba-12f6-4576-03aecd4de95c.png)

`[ユーザ名]@サーバアドレス:~$`になっていることから、ユーザの確認ができました

rootに戻しておきます

```
# su -
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/ce854e76-b48d-9f7e-1bd9-8037f636b0a5.png)
































# GUIインストール
> さて、ここまできてやっとGUI化の作業です。再びrootアカウントでログインします。そのあと以下のコマンドを実行してGUIもどきの画面を出します。
> ```
> $ tasksel
> ```

待ってましたGUI先生

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/60eddfc2-cb7f-879a-b15d-9de6baa3e49b.png)













`「tasksel」なんてコマンドはないよ`
`「apt install tasksel」でインストールできるよ`

あっ、はい

```
# apt install tasksel
```
途中「y」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/be18b703-08de-8b51-bb1a-335037861590.png)














今度こそ

```
# tasksel
```

**出　ま　し　た**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/972eb701-8382-3f56-ede0-2dded8c7d6e6.png)

> “tasksel”を使うと事前に用意してもらっているサーバ環境を簡単に構築することができます。今回はデスクトップのインストールに使用しましたが、LAMP環境やSSHなんかも簡単にインストールすることができます。
> 今回はLXDEのデスクトップをインストールしたいので、”Lubuntu Desktop”スペースキーで選択し、エンターキーで確定してください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/bb625d58-49cb-4cd1-dc5b-2ac5bce43d47.png)
**Lubuntu Desktop の項目に[*]が入ってることを確認**

**Enter**

数分待って、ローディング画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/ee6b9f29-bea5-19f2-008a-eb5ceeca773b.png)











ここから数十分待ちます

100%になって
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/772ec93a-4d1f-afde-27f7-a0d00116dd09.png)









なんか長いなって思ったら


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/28698a7d-dbba-76cc-27b8-5173a8f26d8a.png)







**ス　ク　ロ　ー　ル　で　き　た　し　終　わ　っ　て　た　し**




## では、日本語設定
> しばらくして、処理が完了したら、以下のコマンドを実行して日本語入力の設定をしてください。
>
> ```
> $ aptitude -y install language-pack-ja-base language-pack-ja ibus-mozc
> $ update-locale LANG=ja_JP.UTF-8 LANGUAGE="ja_JP:ja"
> $ source /etc/default/locale
> ```

## 再起動
> これまで終わったら再起動します。再起動には以下のコマンドです。
>
> ```
> # reboot
> ```
> ConoHaのコンソールを使っているなら、そのままデスクトップが表示されるはずです。
とりあえず今回はこれでおしまいです。

ConoHaのコンソールを閉じて、開き直します
バージョンの違いなのか、構築した時によって画面が違いました。
画面1
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/2dea1fd5-5ec7-8834-5f13-e81422886234.png)









この記事ではこちらの画面2で進めます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/97244eb0-ea43-c5af-3eca-5fdb63c281a8.png)









# rootでログイン


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/85d55c5c-5b2a-b353-e94e-d54875af196f.png)











この画面のログインだとrootログインできなさそうなので、

- コマンドに須藤(sudo)つけていく
- コマンドでrootに入る

のどちらかになります








# Jitsi meet の構築
## 資料
ここら辺見ながらやっていきます

 - [Self-Hosting Guide - Debian/Ubuntu server](https://jitsi.github.io/handbook/docs/devops-guide/devops-guide-quickstart)
和訳：セルフホスティングガイド-Debian / Ubuntuサーバー

 - [Jitsiメートハンドブック - 開発者ガイド（Web）](https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-web)

 - [[How to] How to build Jitsi Meet from source: A developer’s guide](https://community.jitsi.org/t/how-to-how-to-build-jitsi-meet-from-source-a-developers-guide/75422)
和訳：[方法]ソースからJitsiMeetを構築する方法：開発者ガイド

翻訳はハイセンスな日本語を生成するG○○gle先生でやっていきます


## セルフホスティングガイド-Debian / Ubuntuサーバー
とりあえずターミナル
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/f165a7ab-f4fc-ff9f-3e0e-9c647c7b8a4f.png)







rootじゃないとできないことがあるかもしれないかもしれないので
rootユーザになっておきます

```
su -
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/093a3618-6945-2542-45f4-f95d23d3a0d0.png)











### 必要なパッケージとリポジトリの更新
> 次のパッケージが必要になります。
>
> - gnupg2
> - sudo ＃sudoを使用する場合にのみ必要
> システムが最新であり、必要なパッケージがインストールされていることを確認してください。
>
> ```
> # Run as root or with sudo
> # Retrieve the latest package versions across all repositories
> apt update
> # Ensure support for apt repositories served via HTTPS
> apt install apt-transport-https
> ```

とりあえず`apt update`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/e74ff0c4-5a77-585d-c340-dc1c9e4b4123.png)






と`apt install apt-transport-https`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/238c51a6-01cc-c25b-0b4e-34b170f4ea97.png)











> Ubuntuシステムでは、JitsiはUbuntuのuniverseパッケージリポジトリからの依存関係を必要とします。これが有効になっていることを確認するには、次のコマンドを実行します。
>
> ```
> sudo apt-add-repository universe
> # Retrieve the latest package versions across all repositories
> sudo apt update
> ```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/53672072-d784-11ab-df42-e796b3fe87d7.png)






`"universe" ディストリビューションコンポーネントは、すべてのソースですでに有効になっています。`
だそうなのでとりあえずOKそう






```
apt update
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/4fd11291-8220-66e4-c1b0-246fe19376e7.png)










### JitsiMeetをインストールする
#### サーバーのドメインとDNSの設定
> #### サーバーのドメインとDNSの設定
> サーバーが使用するドメインを決定します。たとえば、`meet.example.org`。
> 以下を使用して、そのドメインのDNSAレコードを設定します。
>
> - サーバーに独自のパブリックIPがある場合は、サーバーのパブリックIPアドレス。または
> - サーバーにプライベート（RFC1918）IPアドレス（例：192.168.1.2）があり、ネットワークアドレス変換（NAT）を介してルーター経由で接続している場合は、ルーターのパブリックIPアドレス。
>
>コンピューター/サーバーまたはルーターに動的IPアドレスがある場合（IPアドレスは常に変化します）、代わりに動的DNSサービスを使用できます。

DNSの設定はできているのでそのドメイン名を設定します

#### 完全修飾ドメイン名（FQDN）の設定（オプション）
> #### 完全修飾ドメイン名（FQDN）の設定（オプション）
> Jitsi Meetインスタンスをホストするために使用されるマシンのFQDN（たとえばmeet.example.org）がDNSにすでに設定されている場合は、次のコマンドで設定できます。
>
> ```
> sudo hostnamectl set-hostname meet
> ```

今回ドメイン名は`example.com`で、Jitsi meet用のドメインを`meet.example.com`としているので
この場合もコマンドは

```
hostnamectl set-hostname meet
```

ですね
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/e9fc33c1-71e1-2616-229c-6e2ebe2ccaa8.png)








なにも出ないんね

>
> 次に、同じFQDNを/etc/hostsファイルに追加し、ループバックアドレスに関連付けます。
>
> ```
> 127.0.0.1 localhost
> x.x.x.x meet.example.org meet
> ```
>
注：`x.x.x.x`はサーバーのパブリックIPアドレスです。

etcフォルダの中に`hosts`というファイルがあるので編集します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/6db5749f-1f21-af6c-ff89-6fcb36d7219b.png)





127.0.0.1 localhostが2行あるので2行目を書き換えて保存します

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/fbf5cb76-db50-13cf-c6bc-6d264bf9c133.png)










![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/f3b26676-f963-5998-0b8f-c81d057fa17b.png)










まぁ保存できないんですけどね
別の方法で書き換えます
とりあえず`ls -a`で現在のディレクトリの中身を表示します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/bfbae7c9-649e-4033-54f5-68d3c16cb758.png)








今rootにいるので確認できないんですがね

```
cd ..
```

で上に移動して表示させるとどこにいるかわかりやすいかと
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/7a677904-2768-5348-db58-186e090557ea.png)









コンピュータ/FileSystemが今のターミナルでの位置ですね
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/d2feefc8-2b3f-fb00-aff0-88e88b97237d.png)










なので`etc`フォルダに移動します

```
cd etc
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/6698344c-5f36-e07f-12d9-5f7e2ea466cd.png)










ありましたね

viエディタで編集します

```
vi hosts
```

`hosts`ファイルの中が表示されました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/64531485-6063-52b0-bcda-89755f08a3df.png)











viコマンドはご覧の参考でお送りいたします。
[ｖｉエディタの使い方](https://prev.net-newbie.com/linux/commands/vi.html)

起動直後は**コマンドモード**であるため、方向キーで編集したいところまで移動します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/71e03878-5522-89e2-a258-f8ea7e6e5071.png)

`x`で1文字削除できるので2行目の`127.0.1.1 localhost`を左端のまで消します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/f37b0369-2299-bec3-a44c-312d724881c2.png)




`i`を押すと挿入できるようになります
左下に`-- 挿入 --`と出てきたら**編集モード**になってます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/ba90c801-d41b-38c3-4acf-1a59650b10f1.png)

文字を打つと入力されるので、IPアドレスとドメイン名を入力

```
x.x.x.x meet.example.com
```

もし誤字をしたら
~~`Esc`で**コマンドモード**に戻って`x`~~
`Back space`が使えました
で削除してください

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/1a8b7b60-94f6-5a6d-5eb9-4c5a1411a516.png)











打ち終わったら`Esc`で**コマンドモード**に戻ってください
左下の`-- 挿入 --`が消えたら**コマンドモード**の証です

**もし修正不可能なほどぐちゃぐちゃになったら**
`Esc`→`:q!`で**保存せずに終了**できます（何度でも挑戦できるね）

**保存して終了**は
`:wq`なので、終了しOKならコマンド打ちます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/0c619a7a-8f1a-4c0f-7069-a09912fb4272.png)


んで確認してみると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/4aa253e6-a2c3-292f-d5f3-ea03220bac3a.png)
反映されてました めでたしめでたし




> 最後に、FQDNにpingを実行できるのと同じマシンテストで、次のようにします。
> `ping "$(hostname)"`
> すべてが期待どおりに機能した場合は、次のように表示されます。 `meet.example.com`

打ちます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/dd2ebab3-0181-2b42-0ed1-fe9bad3803d2.png)








んで`Ctrl`+`C`でpingを止めます


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/eaab6e2c-68c0-8483-74a0-732cfbac6e85.png)










きちんと送受信できているので大丈夫そうですね





#### Jitsiパッケージリポジトリを追加します
> #### Jitsiパッケージリポジトリを追加します
> これにより、jitsiリポジトリがパッケージソースに追加され、JitsiMeetパッケージが利用可能になります。
>
> ```
> curl https://download.jitsi.org/jitsi-key.gpg.key | sudo sh -c 'gpg --dearmor > /usr/share/keyrings/jitsi-keyring.gpg'
> echo 'deb [signed-by=/usr/share/keyrings/jitsi-keyring.gpg] https://download.jitsi.org stable/' | sudo tee /etc/apt/sources.list.d/jitsi-stable.list > /dev/null
> ```
> update all package sources
> ```
> sudo apt update
> ```
まず、ディレクトリを移動しておきます

```
cd ~
```

リポジトリの追加

```
curl https://download.jitsi.org/jitsi-key.gpg.key | sudo sh -c 'gpg --dearmor > /usr/share/keyrings/jitsi-keyring.gpg'
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/489ea213-c93b-d0cc-1d07-9e70ac9f70b7.png)











```
echo 'deb [signed-by=/usr/share/keyrings/jitsi-keyring.gpg] https://download.jitsi.org stable/' | sudo tee /etc/apt/sources.list.d/jitsi-stable.list > /dev/null
```


各パッケージのアップデート

```
apt update
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/9e40cc62-1bcd-9e7b-0db7-9528f406cdff.png)














#### ファイアウォールをセットアップして構成します
> #### ファイアウォールをセットアップして構成します
> Jitsi Meetサーバーへのトラフィックを許可するには、ファイアウォールで次のポートを開く必要があります。
> - 80 TCP-Let'sEncryptを使用したSSL証明書の検証/更新用
> - 443 TCP-JitsiMeetへの一般的なアクセス用
> - 4443 TCP-フォールバックネットワークのビデオ/オーディオ通信用（たとえば、UDPがブロックされている場合）
> - 10000UDP-一般的なネットワークビデオ/オーディオ通信用
> - 22 TCP-SSHを使用してサーバーにアクセスする場合（22でない場合は、それに応じてポートを変更します）
>
> 使用している場合はufw、次のコマンドを使用することができます。
>
> ```
> sudo ufw allow 80/tcp
> sudo ufw allow 443/tcp
> sudo ufw allow 4443/tcp
> sudo ufw allow 10000/udp
> sudo ufw allow 22/tcp
> sudo ufw enable
> ```
>
> 次の方法でファイアウォールのステータスを確認します。
>
> ```
> sudo ufw status verbose
> ```

サーバに接続するにあたってもちろんどのポート番号に対して接続を許可するって設定をするもんです
で、ConoHaの設定では一応`全て許可`にしてますが、一応コマンド打っておきます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/2900b807-dd90-74d1-52fa-999778b0cc64.png)











![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/44b57f92-b9ad-7f58-165b-d9b5a11fbd76.png)












ステータス確認

```
ufw status verbose
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/29756595-f15b-8131-d78c-a56c2c2ba841.png)
大丈夫そうですかね















#### TLS証明書
はJitsi-meetのインストール後の話だし、自己署名証明書使うので一旦パスです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/913e5a90-d114-2828-3a22-2204a3361ccb.png)





























#### JitsiMeetをインストールする
> #### JitsiMeetをインストールする
> 注：インストーラーは、[Nginx](https://nginx.org/)または[Apache](https://httpd.apache.org/)が（この順序で）存在するかどうかを確認し、JitsiMeetを提供するために検出したWebサーバー内に仮想ホストを構成します。上記のいずれも見つからない場合は、デフォルトでNginxになります。
> 同じマシンのポート443ですでにNginxを実行している場合、現在のポート443と競合するため、ターンサーバーの構成はスキップされます。
> ```
> # jitsi-meet installation
> sudo apt install jitsi-meet
> ```
> **SSL / TLS証明書の生成：SSL / TLS証明書の生成** について尋ねられます。詳細については、上記を参照してください。
> **ホスト名：** JitsiMeetインスタンスのホスト名も入力するように求められます。ドメインがある場合は、特定のドメイン名を使用します`meet.example.org`。次に例を示します 。または、マシンのIPアドレスを入力することもできます（静的または変更されない場合）。
> このホスト名は、Jitsi Meet内の仮想ホスト構成に使用されます。また、あなたとあなたの特派員は、このホスト名を使用してWeb会議にアクセスします。

インストールコマンドを打ち込み

```
apt install jitsi-meet
```


しばらくすると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/4f43d066-29b4-b127-9279-7c9c709b6728.png)

























jitsi-videobridgeの起動画面が出てきます
ので
ドメイン名を入力します















![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/a476edbd-52ec-f567-25ac-c81b071212ea.png)









`Enter`したら

TLS証明書の設定について
自己署名証明書を使うので上を選択します（自身のJitsiを使う時にサイトからの警告が出ますが問題ないです）
`Generate a new self-signed certificate (You will later get a chance to ...`
を選択した状態で`Enter`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/9914cb48-34e2-72de-04c6-fce818aac056.png)

















# 起動
家のPCでもいいので、ブラウザで設定したドメイン名にアクセス！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/45b473d9-534b-7309-ccd0-20a02e2e5908.png)










自己署名だから怒られる！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/b1f914d1-f43b-d1e8-c4b4-6c2d62309d6a.png)















詳細を開いて **meet.example.com に進む（安全ではありません）**をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/37ca5d86-b8b5-c465-f96b-edc5d92d1c5d.png)
















テッテレー
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/e869af5a-4888-a015-baee-deb3f0f9201a.png)
















## Let's Encrypt証明書を生成する（オプション、推奨）
今のところきちんと動いているし、下手なことしたくないけど、やってみる
（先に言っておくと、問題なく動きました）
> #### Let's Encrypt証明書を生成する（オプション、推奨）
> 通信を暗号化するには、TLS証明書が必要です。
> 最良の方法は、認証局によって署名された証明書を作成することです。このようにして、自己署名証明書の問題を回避できます（詳細については上記を参照してください）。最も簡単な方法は、Let'sEncryptを使用することです。
> シェルで以下を実行するだけです。
> ```
> sudo /usr/share/jitsi-meet/scripts/install-letsencrypt-cert.sh
> ```


打ってみる

そしたら

~~ナンパされた~~
メアド聞かれた
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/56f3f776-c7eb-9344-b6b8-8ae0437bc6ff.png)



























メアド入力して、いろいろ処理したら、




なんか出てきた
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/ad82f7fe-4745-9859-9d58-ceb1ac77a41c.png)
















































以下原文
> IMPORTANT NOTES:
>  - Congratulations! Your certificate and chain have been saved at:
   /etc/letsencrypt/live/ドメイン名/fullchain.pem
   Your key file has been saved at:
   /etc/letsencrypt/live/ドメイン名/privkey.pem
   Your cert will expire on 2021-01-24. To obtain a new or tweaked
   version of this certificate in the future, simply run certbot
   again. To non-interactively renew *all* of your certificates, run
   "certbot renew"
 - Your account credentials have been saved in your Certbot
   configuration directory at /etc/letsencrypt. You should make a
   secure backup of this folder now. This configuration directory will
   also contain certificates and private keys obtained by Certbot so
   making regular backups of this folder is ideal.
 - If you like Certbot, please consider supporting our work by:
>
>    Donating to ISRG / Let's Encrypt:   https://letsencrypt.org/donate
   Donating to EFF:                    https://eff.org/donate-le














で[DeepL先生](https://www.deepl.com/ja/translator)で翻訳したら↓

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/0c358880-b19c-2788-eaa6-a27417bb9ee1.png)





























**重要なお知らせ**　に続き、
**おめでとうございます**　の`迷惑メール感`が否めない

Certbotというのは証明書の発行ができるものだそうです
んでこの場合2021/01/24まで証明書が使えます（期限内ならサイト警告が出ない）
期限過ぎてもまた証明書したいなら再度Certbot起動してね（またコマンドを打つ）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/f9d202a6-04da-3005-411e-57f7ed54eb83.png)








































なので、とりあえず構築完了です


# UIの変更（改造）
jitsi-meetが起動できることが確認できました
ここからは
[[How to] How to build Jitsi Meet from source: A developer’s guide](https://community.jitsi.org/t/how-to-how-to-build-jitsi-meet-from-source-a-developers-guide/75422)
のサイト通りに進めていきます
和訳は[DeepL先生](https://www.deepl.com/ja/translator)です

## Full Server Development Setup（フルサーバー開発のセットアップ）
> ## フルサーバー開発のセットアップ
> フルサーバーでの開発を始めるには、ハンドブックの[開発者ガイド](https://jitsi.github.io/handbook/docs/devops-guide/devops-guide-quickstart)を読んでください。これはマスターリファレンスと考えられており、変更される可能性がありますので、まずそちらを読んでください。

開発者ガイドはこれからやる内容に近いので、保留します。


### 1. Setup your Jitsi Meet server & test meetings（1. Jitsi Meetサーバの設定とミーティングのテスト）
>
> ### 1. Jitsi Meetサーバの設定とミーティングのテスト
> [クイックインストール](https://jitsi.github.io/handbook/docs/devops-guide/devops-guide-start)では、**サーバーが完全にデプロイ**されている必要があります。
> チェックアウトしたりコードを変更したりする前に、サーバーを使用して 3 人 (またはブラウザタブ) 間のミーティングに参加できることを確認してください。これが正しく動作しない場合は、ここで止めて、基本的な操作をトラブルシューティングしてから続行してください。

クイックインストールは、Docker,Ubuntu server,マニュアルインストール（非推奨）のインストール方法のリンクがあり、Ubuntu serverを選択すると結局もうやったところのサイトに飛ぶのでスルー

3人以上で使ってみる必要があるとのことなので、

meet.example.comに複数のタブで同じ部屋に入って試しました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/32095863-eb66-bb0f-6636-1ee1c75f5c72.png)













































































カメラも使えているので大丈夫そうです













### 2. Install the right version of npm and node.（2. 正しいバージョンのnpmとnodeをインストールします。）
>
> ### 2. 正しいバージョンのnpmとnodeをインストールします。
> :triangular_flag_on_post: これは重要なステップです。何かを作ろうとする前に、これが正しいことを確認してください。最新のLTSバージョンのnpmとnodeを入手するには、以下のように実行します。
> ```
> sudo apt-get install curl
> curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
> sudo apt-get install nodejs
> ```
>> 2020年8月21日（ニューヨーク）現在、nodeの最新の「長期サポート」（LTS）バージョンは12.xです。最新バージョンは[こちら](https://nodejs.org/en/download/)で確認してください。

インストールしたいnodejsのバージョンは`12.19.0`ですね
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/2733de0a-d43a-07a9-9c12-f08237e429b1.png)


























npmとnodejsというのをインストールする必要があり、npmのバージョンが4.xだと不具合が発生するそうな↓
[Developer Guide (Web)](https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-web)
> ローカルの lib-jitsi-meet リポジトリを変更した後、npm run install で再構築すれば、jitsi-meet リポジトリはその変更されたライブラリを使用するようになります。
注意: ノードバージョン4.xを使用している場合、jitsi-meetのmakeファイルはnpm updateを行い、リンクを削除します。バージョン6.xではそのようなことはなくなりました。

まずは、インストールで
（この先でrootユーザは使うなと言われるので、一般ユーザを使います）

```
sudo apt-get install curl
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/d805d40e-cf43-0a3d-e8aa-58cbd78476c4.png)




























```
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/13dbb048-07f5-60cd-71b0-630e49dcc73b.png)






















`sudo apt-get install -y nodejs`でバージョン12.xがインストールできますってさ
`-y`は`問い合わせがあった場合はすべて「y」と答える`だそうです
[【 apt-get 】 パッケージを取得してインストール/アップデートする](https://xtech.nikkei.com/it/article/COLUMN/20060227/230709/)より

で、nodejsをインストールする前に、

```
sudo apt-cache madison nodejs
```

というコマンドを打ってインストールするバージョンを確認します


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/e4e5048d-b115-6632-ca6a-6a0548499146.png)










きちんと`12.19.0`がインストールできそうですので進めます

```
sudo apt-get install nodejs
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/95d6d66a-b0d2-6dd6-85fc-c83ba33311bc.png)











> では、インストールしたバージョンを確認します。以下のコマンドを実行すると、必要に応じてNode.js >= 12、npm >= 6のバージョンが出力されます。
>
```
node -v && npm -v
```

nodejs とnpm のバージョンを確認するコマンドですね

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/3b73a87e-d693-5b21-d84d-4a9534101c10.png)
















で、サイトでは

> ✓ Result Looks Good:
>
> ```
> v12.18.3
> 6.14.6
> ```

と出ればOKと書いているので大丈夫ですね






### 3. Clone jitsi-meet src from git, update & install（3. jitsi-meet srcをgitからクローンし、アップデートしてインストールします。）
>
> ### 3. jitsi-meet srcをgitからクローンし、アップデートしてインストールします。
> 
> ```
> cd ~
> git clone https://github.com/jitsi/jitsi-meet.git
> cd ~/jitsi-meet/
> npm update && npm install
> ```

少し下にスクロールすると
>
> :triangular_flag_on_post: Do not run these as the root user. Run all commands from a normal user.
`これらをルートユーザで実行しないでください。すべてのコマンドを通常のユーザで実行してください。`

前述しました、rootユーザは避けましょう


もし、ユーザディレクトリにいない場合に移動するコマンドですね

```
cd ~
```


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/82f533bf-b7d5-fa4c-ab14-6aaf5bb60f02.png)





jitsi-meetのソースコードがあるgithubからダウンロードします

```
git clone https://github.com/jitsi/jitsi-meet.git
```


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/8c757112-9343-829b-8f17-0126babee9be.png)







終わったらファイルマネージャーを開いてみると
`/home/[ユーザ名]`に`jitsi-meet`というフォルダが出現
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/c3fa1db4-9e90-abe0-d830-cd6bbed7d9ad.png)
GitHubのソースコードが中に入ってます






今ダウンロードしたフォルダに移動します

```
cd jitsi-meet
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/c37e8c8f-fe7f-4792-4d75-e9ff964ed39b.png)







移動したら

```
npm update && npm install
```

ちょっと待ちます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/23d96aff-2c7a-b8da-0d3d-58dccf9ca52b.png)










### 4. Clone lib-jitsi-meet src from git & link with jitsi-meet（4. lib-jitsi-meet の src を git からクローンし、jitsi-meet とリンクします。）
>
> ```
> cd ~
> git clone https://github.com/jitsi/lib-jitsi-meet.git
> ```





移動して

```
cd ~
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/ebd586a1-9b48-1790-f59a-4c7317b35860.png)




















































jitsiのソースコードをクローンします
さっきやったGitに`lib`が増えたデータ
違いはローカルで扱うのが`lib`だと思ってます

```
git clone https://github.com/jitsi/lib-jitsi-meet.git
```



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/3fbc8d08-7cfe-4b95-c335-f8f2de2722e2.png)






>
> 次に、ローカルコピーの `lib-jitsi-meet` を `jitsi-meet` にリンクします - このステップを省略した場合 (省略可能)、npm は自動的に `github:jitsi/lib-jitsi-meet` からプルします。
> 1. パッケージファイルを編集します: `vi ~/jitsi-meet/package.json`
> 1. 検索して変更します。`"lib-jitsi-meet". "github:jitsi/lib-jitsi-meet"` → `"lib-jitsi-meet". "file:../lib-jitsi-meet"` (はい、`file:../`が正解です)

jitsi-meetをビルドする時に使うデータをローカルのデータにリンクすることで、開発で変更した箇所が反映されるようにします

また`viエディタ`の出番

```
vi ~/jitsi-meet/package.json
```

ズラーっと出ます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/fc4081a0-ea2f-7cd8-7bbe-0a061435dca9.png)



















































































検索

```
?"lib-jitsi-meet": "github:jitsi/lib-jitsi-meet
```
で出ます
（一応全部確認しましたが他に一致するものもなかったので、検索で出たので大丈夫そうです）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/7f286eed-1226-2281-6403-55bbb7dc25d9.png)

























これを変更するっと
まずカーソルを `"g`に移動
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/32c03ba2-b4c3-455c-7ea9-90df2d32aaaa.png)






















`/`まで`x`を押して削除していきます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/d8d07d1f-173d-3b12-1509-5dc1ae2acdf5.png)




`i`を押して**挿入モード**になり`file:..`と記述
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/3bc7d946-228e-cec2-c6c0-1193d4bbb682.png)






















































後ろについてた`#3dfd...`を削除
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/cfe6e00a-0a77-7621-fe19-43a211a819e7.png)















`esc`で**編集モード**になり、`:wq`と打って保存&終了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/fcebfdc6-3da1-2d48-ecd3-0afc762e5b9d.png)










> 次に、このプロジェクトの npm update も実行します。
>
> ```
> cd ~/lib-jitsi-meet
> npm update
> ```

ファイルに変更を加えたので、更新します
ディレクトリを移動
お間違えの無いように
**`cd lib-jitsi-meet`**

```
cd ~/lib-jitsi-meet
```

更新を反映

```
npm update
```


特にエラーも出てないので大丈夫そうです

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/6110c526-27cc-c331-731a-68b8022c5709.png)


























































### 5. Run make（5. makeを実行します。）
>
> ###5. makeを実行します。
>
> ```
> cd ~/jitsi-meet/
> npm install lib-jitsi-meet --force && make
> ```





まず移動

```
cd ~/jitsi-meet/
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/cf352cca-083a-36ab-fbe8-3e36182022b4.png)










ビルドします

```
npm install lib-jitsi-meet --force && make
```

そしてエラーします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/af654dbc-d7c5-032f-c7e7-185ea6939efa.png)






















































[なぜNodeモジュールが.stagingフォルダーに入るのですか？](https://www.it-swarm-ja.tech/ja/node.js/%E3%81%AA%E3%81%9Cnode%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8Cstaging%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80%E3%83%BC%E3%81%AB%E5%85%A5%E3%82%8B%E3%81%AE%E3%81%A7%E3%81%99%E3%81%8B%EF%BC%9F/831841940/)
いわく、package-lock.jsonとnode_modulesフォルダを削除してinstallもっかいやったらいけるらしい

> 1. Package-lock.jsonを削除します
> 1. Node Modulesフォルダーを削除します
> 以下のコマンドを使用してインストールしてみてください（オープンネットワークにある必要があります）
>
> ```
> npm install
> ```

だそうなので
jitsi-meet/node_modules
jitsi-meet/package-lock.json
を削除します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/60402fd5-499f-d756-bb90-e31757e86c77.png)






































































































































































































































































そして

```
npm install
```

そしたら途中にこういう表示が出たらまあまあOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/336a5e75-b4b3-c658-0789-114bb63eddd3.png)

























































































![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/13d1d673-6890-2280-1a3e-f4f451c5e583.png)






























![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/35c9d9d4-4fc3-0d83-a5b3-a1de7bce486c.png)



















































































































































































































































リベンジ

```
npm install lib-jitsi-meet --force && make
```







いけた

そして

なんかダメだった

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/8ad954b8-9ecf-5be3-2400-e80a19e1246a.png)


























言われるがままに`make`コマンドが実行できるようにインストール

```
sudo apt install make
```



aptデータを更新しておきます

```
sudo apt update
```



Re:リベンジ

```
npm install lib-jitsi-meet --force && make
```

















無事通りました！ありがとうございます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/5fe11197-575c-19c8-abd1-d3de8e3bcd3b.png)





















<details>
<summary>ここら辺でエラーが出た場合（私のメモ）</summary>
<div>

コアダンプやらこのエラーやら↓が出たら

```
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
```

そんなあなたはメモリ1GBではないでしょうか。私は1GBから2GBにすることでエラーしなくなりました。
~~やはりお金~~


```
Error:Cannnot find module `webpack-bundle-analyzer`
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/f353eb04-e64d-aed0-22db-c8747aaaf59a.png)

このエラーが出たら以下の方法はどうでしょう

- `node_module`フォルダを削除してもう1回makeしてみる
- lib-jitsi-meetのフォルダを削除して、ここまでもう1回やる
- 別個インストールしてからmakeしてみる
    1. npm cache clean (でダメですって言われたら→ npm cache verify)
    1. npm link webpack
    1. npm install --save-dev webpack-cli
    1. npm install --save-dev webpack-dev-server
    1. npm install webpack-bundle-analyzer --save-dev

参考

- [webpackのインストール](https://webpack.js.org/guides/installation/)
- [Cannot find module 'webpack-bundle-analyzer' #608](https://github.com/pnp/sp-dev-fx-webparts/issues/608)
- [エラー：モジュール 'webpack'が見つかりません](https://www.it-swarm-ja.tech/ja/node.js/%E3%82%A8%E3%83%A9%E3%83%BC%EF%BC%9A%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB-'webpack'%E3%81%8C%E8%A6%8B%E3%81%A4%E3%81%8B%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93/1052624412/)

他にはこんなエラー

```
make: ./node_modules/.bin/webpack:コマンドが見つかりませんでした
make: *** [Makefile:20 compile] エラー 127
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/020bd151-d389-8a5e-0082-40bc4c4b124a.png)






や
make ディレクトリが見つかりません
make コマンドが見つかりません
となったら

```
sudo apt --purge remove make
```

して`make`をアンインストールのち
サーバーを再起動して↓のコマンドを打つ

```
npm install lib-jitsi-meet --force && make
```

コマンド`makeが見つかりませんとなり

```
sudo apt install make
```

を繰り返すといけました（なぜなのか）


エラー対策に使ったコマンドとか

npm cache clean

npm cache verify

npm link webpack

npm run postinstall

npm install -D

npm install --save-dev webpack-cli

npm install --save-dev webpack-dev-server


そのようなファイルやディレクトリがありません。

rm -R ~/jitsi-meet/node_modules/lib-jitsi-meet && cd ~/jitsi-meet/ && npm install lib-jitsi-meet --force && make



</div></details>

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
ここまでエラー対策メモ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

### 6.Configure nginx to use your local folder（nginxがローカルフォルダを使用するように設定します。）
> nginxのconfファイルを編集します。
> `sudo vi /etc/nginx/sites-available/meet.domain.com.conf`
> あなたのローカルユーザーがubuntuと呼ばれていると仮定すると、あなたのconfファイルは次のようになります。
>
> ```meet.example.com.conf
> server
> {
>     listen meet.domain.com:443 ssl http2;
>     server_name meet.domain.com;
>     （中略）
>     ssl_certificate /etc/ssl/meet.domain.com.crt;
>     ssl_certificate_key /etc/ssl/meet.domain.com.key;
>
>     # 次の行をコメントアウトすることで、必要に応じて後で元に戻すことができます。
>     #root /usr/share/jitsi-meet;
>    
>     # この新しい行を下に追加します。
>     root /home/ubuntu/jitsi-meet;
> ...
> }
> ```

> :pushpin: `confファイル全体を確認し、/usr/share/jitsi-meetの他の関連する出現を置き換えることを確認してください /home/ubuntu/jitsi-meet`

まずはフォルダ移動します

```
cd ..
```

```
cd ..
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/91c9b2c9-1994-8740-f9b3-0204f8d644c2.png)

そしたら

```
sudo vi /etc/nginx/sites-available/ドメイン名だよ.conf
```

で開きます
少しスクロールするとそれらしい部分が出てきます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/73cfe17a-130c-3f96-7386-507fa272ebcb.png)



















ここを
`root /home/[ユーザ名]/jitsi-meet`に変更します
念のためコメントアウトして

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/bdcd774a-6b36-0ff0-c50c-05fd91d088e5.png)










他にも上の方に
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/0b373da1-a667-3c24-25da-53ae4be55465.png)



















あと少し下の方に2箇所
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/c6e6cb2f-89a9-40bf-0e3c-7559de56abfc.png)


合計4箇所変更します。

### 7.Restart nginx and verify（nginxを再起動して確認します。）
>
> ### 7.nginxを再起動して確認します。
>
> 1. nginx の再起動: sudo service nginx restart
> 1. 新しいミーティングをいくつかのタブで開いて、ページの読み込みを確認してください。ここまで来ていない場合は、先に進まないでください。
>
> :bulb:コードの変更を始める前に、ミーティングが実際にソースから読み込まれているかどうか、すべてが正しく動作しているかどうかを確認する必要があります。





![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/d361caf3-c0a4-2f02-06ce-21480dcf1a23.png)











きちんと変更していれば
~~`;`忘れとか変更忘れとか~~





### 8.Edit code & remake make to verify your changes.（コードを編集してリメイクし、変更点を確認します。）
> ### 8.コードを編集してリメイクし、変更点を確認します。
>
>では、簡単なものを変更して、リビルドしてリロードしていきます。ホームページのappDescriptionのテキストを変更してみましょう。
>
>言語ファイルを編集します:` vi ~/jitsi-meet/lang/main.json`で `"appDescription "`を検索し、"Go ahead, video chat... "の前に "Hello!"を追加します。
>
>`"appDescription": "Hello! Go ahead, video chat with the whole team. In fact, invite everyone you know. {{app}} is a fully encrypted, 100% open source video conferencing solution that you can use all day, every day, for free — with no account needed.",`
>
> After you save, rerun make:
>
> ```
> cd ~/jitsi-meet/
> npm install lib-jitsi-meet --force && make
> ```





~~やっと~~いよいよ改造開始です

まず`vi`エディタで編集します。

```
vi ~/jitsi-meet/lang/main.json
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/8c5d8940-3010-a3ea-28bc-0df71d8685db.png)






検索をかけて移動します

```
?appDes
```

見つけた箇所で`Enter`を押して編集します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/e6d341f4-f1b1-ac73-8e82-3ca8be416415.png)















`o na ka su i ta yo ne`と入力しました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/a3ebb7f5-007a-f4b2-e181-7fac93a46581.png)








入力終えたら`Esc`押して、`:wq`




`jitsi-meet`フォルダで

```
npm install lib-jitsi-meet --force && make
```





![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/8c86433e-0e6d-e825-c0cb-979b642e2389.png)











![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/582dc9a2-41d3-e4b2-9c6f-b68f8c06abd1.png)














**o na ka su i ta yo ne!!**








なお`Teraterm`先生を使えば日本語入力もできます

[ターミナルソフトを使ってみよう](https://support.conoha.jp/v/study-04/)
Teratermのコピペショートカットはこちら
[TeratermでCtrl+vが効かない時のTIPS](https://floatfish.net/treater-paste/)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/37d94caf-5b5e-8083-54f8-a60e5098708d.png)



変更したのに反映されない**Chrome使ってる**人は
`Shift + Ctrl + R`でキャッシュクリアリロードできます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554244/faa5984f-6315-d514-6a98-13d7357b577c.png)












また、日本語バージョンのメイン画面を改造するなら
`main-ja.json`ファイルなので遊んでくださいね