【UbuntuでLINE!?】 UbuntuでLINEを使う方法を画像付きで説明する

[追記]
@k_zoo様にアイコンの画像が公式で用意されていることをご教授頂きまして反映しました.

# 内容
ubuntuにはLINEのAppがありません.
今回は, ubuntuでもWindowsやMacのようにAppとしてLINEを使えるようにしてみましょう.

最終的にはこんな感じになります.
![Screenshot from 2019-10-25 12-09-42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/071637e6-1bdf-4f69-1235-05899a14aadc.png)


- 環境
    - ubuntu18.04 LTS
    - 2019/10/25
        - ubuntu20.04 LTSでも動作確認
        - 2021/07/10

# ChromeをInstallする
LINEをubuntuで使うにはChromeの拡張機能を使う必要があります.
[Ubuntu18.04LTSにChromeを導入する方法を3パターン解説](https://www.sejuku.net/blog/82940)
こちらを参考にinstallしましょう.

# Chromeの拡張機能でLINEを追加する
[chrome ウェブストア-line](https://chrome.google.com/webstore/search/line?hl=ja)でLINEを追加しましょう.
"評価する"となっていますが, ここは"Chromeに追加"となっているはずです.
![Screenshot from 2019-10-25 11-28-48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/26244425-1515-d86c-9616-918bef14ddf7.png)

すると右上のバーにLINEのアイコンが表示されるはずです.
![Screenshot from 2019-10-25 11-30-37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/3a82f351-9f01-9134-b33f-8095df5ea5bd.png)

これをクリックしてアカウント情報を入力すれば, とりあえずはLINEを使うことが出来ます.

# App化する
このままでもよいですが, Appのように使えるようにしましょう.
URLのところに、"chrome://extensions/"と打ち込んだページ先で, 右上の**デベロッパー モード**をonにしましょう.

![Screenshot from 2019-10-25 11-27-41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/2af48f79-3367-bcd4-6cc8-da01536705a3.png)

するとLINEの所にIDが出るはずです.
![Screenshot from 2019-10-25 11-32-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/e5362c92-890f-dbba-a00c-78bb5bc71529.png)

次に`chrome-extension://"LINEのID(先程のID)"/index.html`を入力するとweb版のLINEのページが表示されます.
ここでterminalを開き,

```shell
$ cd /home/"username"/.local/share/applications
$ ls
```
で現在あるAppを表示しておきましょう.
`""` で囲んだ部分は人によって変わる部分です.
次にchromeの先程表示したLINEのショートカットを作成しましょう.
![Screenshot from 2019-10-25 11-44-33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/8248504a-1378-6ef6-c5c8-da1d98434ee3.png)

`その他のツール(L) > ショートカットを作成...` から操作でき, **ウィンドウとして開く**にチェックしましょう.

名前は別に何でも大丈夫です. 今回はLINEとしてみましょう.

![Screenshot from 2019-10-25 11-46-20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/a79285e5-bfa5-204b-86ee-386c71d0b10f.png)

すると新たなウィンドウとして開けるようになります.

![Screenshot from 2019-10-25 11-31-17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/15f8ea60-df96-e428-6850-e805ba421b47.png)

ここでもう一度, terminalで`$ ls`すると, `chrome-"app-id"-Default.desktop` というものが新たに作られているはずです.
この時点で `アプリケーションを表示する` からAppとして起動できるようになっているはずです.

しかしアイコンがLINEぽくないので変更します.
terminalで, 利用する公式のLINEのアイコン画像のpathを確認します.

```shell
# tabで補完していけばいずれ辿り着くはずです
$ cd /home/"username"/.config/google-chrome/Default/Extensions/"app-id"/"app-ver"/res/img/ 
```
この場所にアイコンの画像が複数あります.
自分は `line_logo_128x128_on.png` という名前のアイコン画像を使うことにしました.

次に, `/home/""username""/.local/share/applications/chrome-"app-id"-Default.desktop` を編集します.
Iconのpathは絶対pathが安全です[^path].

```shell
#!/usr/bin/env xdg-open
[Desktop Entry]
Version=1.0
Terminal=false
Type=Application
Name=LINE
Exec=/opt/google/chrome/google-chrome --profile-directory=Default --app-id="xxx"

# この部分を変える
# 画像ファイルの名前は先ほど確認したアイコンのpathを書いてください
Icon=/home/"username"/.config/google-chrome/Default/Extensions/"app-id"/"app-ver"/res/img/line_logo_128x128_on.png

StartupWMClass=crx_pbpoojghcbigbheeamegjbdailkaeglf
```

しっかりとLINEのアイコンになっています!
![Screenshot from 2019-10-25 12-07-01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/324488/e05b23fb-7945-a37a-3366-1ae77aca493f.png)

[^path]: 原因は分かりませんが、アイコンまでのpathとして、`~/.config/...(略) `では上手くアイコンが反映されませんでした.