2
2

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 1 year has passed since last update.

KITAdvent Calendar 2021

Day 10

UbuntuのデスクトップをMac風にカスタムしてみた(拡張機能編)

Posted at

はじめに

今回筆者がMacBookProを買うお金が無かったが為にMacBookProが無いなら見た目だけでも作ればいいじゃないということで実際にMac風のデスクトップ環境を再現したときの手順を記したものです。

環境

筆者が実際に使用した環境は以下の通りです。

  • OS: Ubuntu 20.04 LTS
  • デスクトップ環境: Gnome 3.36.8

完成品

Screenshot from 2021-11-24 13-54-35.png

手順

Gnomeの拡張機能を使用可能にする

まずGnomeをカスタマイズするためにGnomeの拡張機能を有効化するためのプログラムをインストールします。
シェルで以下のコマンドを実行してください。

sudo apt install -y chrome-gnome-shell

プログラムのインストールが完了したら、次に拡張機能をインストールするためにブラウザの拡張機能を有効化します。
Screenshot from 2021-11-24 23-43-00.png
画像上にある"ここをクリックしてブラウザー拡張機能をインストールしてください"をクリックして各ブラウザのストアから"GNOME Shell integration"を追加してください。これで拡張機能をインストールする準備ができました。

Tweaksのインストール

Gnomeの拡張機能が利用可能になったら、次は拡張機能を管理するために用意されているTweaksをインストールします。
シェルで以下のコマンドを実行してください。

sudo apt install -y gnome-tweaks

Screenshot from 2021-11-24 23-51-12.png

インストールが完了するとアプリケーション一覧に画像のようにTweaksが追加されます。

拡張機能のインストール

拡張機能を使用する準備が整ったので、必要な拡張機能をインストールしていきます。
https://extensions.gnome.org/
↑のサイトにアクセスしてください。

今回インストールする拡張機能は以下の通りです。

  • Dash to dock
  • Big sur status area
  • Fildem global menu
  • Logo menu
  • User themes

これらの拡張機能を検索してインストールします。

Screenshot from 2021-11-24 23-59-27.png

画像のページは例です。拡張機能をインストールするにはインストールしたい拡張機能のページの右上にあるトグルボタンをクリックしてONにすることでインストールすることができます。

拡張機能の設定

Fildem global menu

Fildem global menuは拡張機能をインストールしただけでは動作しません。
https://github.com/gonzaarcr/Fildem/releases
↑から最新版のFildem global menuのdebファイルをダウンロードしてきます。
シェルを開いてダウンロードしたdebファイルのあるディレクトリへ移動します。
移動できたら以下のコマンドを実行してください。

sudo apt install ./fildem_*.deb

するとPCにFildem global menuがインストールされます。
次に、設定ファイルを作成します。ホームディレクトリに以下の内容のファイルを作成します。

~/.gtkrc-2.0
gtk-modules="appmenu-gtk-module"

~/.config/gtk-3.0/settings.iniが存在すれば以下の内容を貼り付けてください。ない場合は作成してください。

~/.config/gtk-3.0/settings.ini
[Settings]
gtk-modules="appmenu-gtk-module"

これでPCを再起動するとfildemコマンドが使用可能となりfildemとシェルに入力して実行すると拡張機能が有効化されます。
しかし、毎回fildemコマンドを入力しなければいけないため不便です。
そのため、PCを起動した際に自動でfildemコマンドが実行されるようにしましょう。
シェルにて以下のコマンドを実行してください。

gnome-session-properties

Screenshot from 2021-11-25 00-19-27.png
※画面では自動起動が既に設定されています。

すると自動起動するアプリケーションの設定画面が起動します。追加ボタンをクリックして以下のように入力してください。

Screenshot from 2021-11-25 00-21-38.png

保存ボタンをクリックして保存すると次回起動時からはfildemコマンドが自動で実行されるようになります。

Logo menu

Logo menuは拡張機能をインストールすれば、機能的には使用可能です。しかし、標準では画面左上にAppleのロゴアイコンを表示させることができません。そのため手動でAppleのロゴアイコンを表示できるようにします。
Appleのロゴアイコンのsvgファイルを入手したら、以下のディレクトリにsvgファイルを入れてください。(svgファイル以外では未検証)
~/.local/share/gnome-shell/extensions/logomenu@aryan_k/Resources/
~/.local/share/gnome-shell/extensions/logomenu@aryan_k/Resources/hicolor/16×16/

PCを再起動してアプリケーション一覧からTweaksを起動して拡張機能を選択してください。拡張機能一覧からLogo menuの歯車マークをクリックしてください。

Screenshot from 2021-11-25 00-32-28.png

iconの中から追加したAppleロゴアイコンをクリックすると画面の左上にAppleのロゴアイコンが表示されるはずです。

Dash to dock

アプリケーション一覧からTweaksを起動して拡張機能を選択してください。拡張機能一覧からDash to dockの歯車マークをクリックしてください。以下のように設定してください。

Screenshot from 2021-11-25 00-36-31.png

Screenshot from 2021-11-25 00-36-47.png

Big sur status area

アプリケーション一覧からTweaksを起動して拡張機能を選択してください。拡張機能一覧からBig sur status areaの歯車マークをクリックしてください。以下のように設定してください。

Screenshot from 2021-11-25 00-38-40.png

設定

Gnomeの設定アプリを開いて、外観から"Dockを自動的に隠す"を有効化してください。
デスクトップの背景はネットからMacっぽい画像をダウンロードしてきて設定してください。

Tweaks

Tweaksを開いてウィンドウタイトルバーの設定へ移動します。位置の項目を左に設定してください。

ここまでの設定による進捗

Screenshot from 2021-11-25 00-44-01.png

最後に

ここまでで拡張機能によるMacの再現は完了しました。
残りはアプリケーションテーマ・カーソル・アイコン・Gnome Shellの見た目のカスタマイズです。
続きはまた気が向いたらということで。

2
2
0

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
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?