62
44

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2019-10-25

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

内容

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

最終的にはこんな感じになります.
Screenshot from 2019-10-25 12-09-42.png

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

ChromeをInstallする

LINEをubuntuで使うにはChromeの拡張機能を使う必要があります.
Ubuntu18.04LTSにChromeを導入する方法を3パターン解説
こちらを参考にinstallしましょう.

Chromeの拡張機能でLINEを追加する

chrome ウェブストア-lineでLINEを追加しましょう.
"評価する"となっていますが, ここは"Chromeに追加"となっているはずです.
Screenshot from 2019-10-25 11-28-48.png

すると右上のバーにLINEのアイコンが表示されるはずです.
Screenshot from 2019-10-25 11-30-37.png

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

App化する

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

Screenshot from 2019-10-25 11-27-41.png

するとLINEの所にIDが出るはずです.
Screenshot from 2019-10-25 11-32-30.png

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

$ cd /home/"username"/.local/share/applications
$ ls

で現在あるAppを表示しておきましょう.
"" で囲んだ部分は人によって変わる部分です.
次にchromeの先程表示したLINEのショートカットを作成しましょう.
Screenshot from 2019-10-25 11-44-33.png

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

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

Screenshot from 2019-10-25 11-46-20.png

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

Screenshot from 2019-10-25 11-31-17.png

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

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

# 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が安全です1.

#!/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

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

62
44
9

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
62
44

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?