gebetwins の random note

個人的な雑記帳

Windows11（WSL）にDocker Desktop for Windowsを設定する方法

環境

  • Windows 11 Pro バージョン 23H2 OS ビルド 22631.3155
  • vs-code 1.86.1
  • PowerShell 7.4.0 ※WSLは設定済みです。

Docker Desktop のダウンロード

Install Docker Desktop on Windows | Docker Docs

[Docker Desktop for Windows]アイコンをクリックし、インストーラーをダウンロードします。

インストール

  1. ダウンロードした「Docker Desktop Installer.exe」を起動します。
  2. 「Configuration]画面は、「Use WSL 2 instead of Hyper-V(recommended)」と「Add shortcut to desktop」にチェックし、［Ok］をクリックします。
  3. 「Installation succeeded」画面は、［Close and restart］をクリックします。
  4. 再起動後の、「Docker Subscription Service Agreement」画面は、［Accept］をクリックします。
  5. 「Welcome to Docker Desktop」画面は、［Continue without signing in］をクリックします。
  6. 「Welcome Survey」画面は、下の［Skip survey］をクリックします。
  7. 「Your running containers show up here」画面で完了です。

確認

PS C:\Users\admin> docker -v     
Docker version 25.0.2, build 29cf629

VS CodeにWLS拡張機能をインストールする

以上です。

Windows11にWSLを設定する方法

環境

  • Windows 11 Pro バージョン 23H2 OS ビルド 22631.3007
  • vs-code 1.86.1
  • PowerShell 7.4.0

WSLのインストール

参考：

1 つのコマンドを使用して、WSL を実行するために必要なすべてのものをインストールできるようになりました。

  1. インストール
wsl --install
インストール中: 仮想マシン プラットフォーム
仮想マシン プラットフォーム はインストールされました。
インストール中: Linux 用 Windows サブシステム
Linux 用 Windows サブシステム はインストールされました。
インストール中: Ubuntu
Ubuntu はインストールされました。
要求された操作は正常に終了しました。変更を有効にするには、システムを再起動する必要があります。
  1. 再起動後、ユーザー名とパスワードを設定します。
Ubuntu は既にインストールされています。
Ubuntu を起動しています...
Installing, this may take a few minutes...
Please create a default UNIX user account. The username does not need to match your Windows username.
For more information visit: https://aka.ms/wslusers
Enter new UNIX username: test
New password:
Retype new password:
  1. インストールが完了したら、exitで終了します。
Installation successful!
To run a command as administrator (user "root"), use "sudo <command>".
See "man sudo_root" for details.

Welcome to Ubuntu 22.04.3 LTS (GNU/Linux 5.15.133.1-microsoft-standard-WSL2 x86_64)

 * Documentation:  https://help.ubuntu.com
 * Management:     https://landscape.canonical.com
 * Support:        https://ubuntu.com/advantage

This message is shown once a day. To disable it please create the
/home/test/.hushlogin file.

VS CodeにWLS拡張機能をインストールする

  • Remote Development v0.25.0

このリモート開発拡張パックには、次の 4 つの拡張機能が含まれています。
- Remote-SSH
- Remote-Tunnels
- Dev Containers
- WSL

WSLバージョンの確認

PS C:\Users\admin> wsl --list --verbose
  NAME      STATE           VERSION
* Ubuntu    Stopped         2

パッケージの更新とアップグレード

PS C:\Users\admin> wsl
test@VJS121C12N:/mnt/c/Users/admin$ sudo apt update && sudo apt upgrade -y

Ubuntuのバージョン確認

test@VJS121C12N:/mnt/c/Users/admin$ cat /etc/os-release
PRETTY_NAME="Ubuntu 22.04.3 LTS"
NAME="Ubuntu"
VERSION_ID="22.04"
VERSION="22.04.3 LTS (Jammy Jellyfish)"
VERSION_CODENAME=jammy
ID=ubuntu
ID_LIKE=debian
HOME_URL="https://www.ubuntu.com/"
SUPPORT_URL="https://help.ubuntu.com/"
BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/"
PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy"
UBUNTU_CODENAME=jammy

以上です。

Ubuntu Desktop 23.10をVirtualBox（Windows11）へインストールする方法

環境

Ubuntu Desktop 23.10の推奨システム

2024 年 7 月までの 9 か月間のセキュリティおよびメンテナンスのアップデートが付属しています。 推奨システム要件は Ubuntu 22.04 LTS と同じです。

  • 2 GHzデュアルコアプロセッサ以上
  • 4 GBシステムメモリ
  • 25 GBのハードドライブ空き容量

https://ubuntu.com/download/desktop

ダウンロード

Ubuntu 23.10 日本語 Remix リリース | Ubuntu Japanese Team

なお、公式版では新しいインストーラーが採用されていますが、日本語Remixは従来のインストーラーを利用したものとなっています。 これは、新しいインストーラーには、どの言語を選択してもライブセッションが英語になるという問題が確認されているためです。

仮想マシンの設定

  1. Oracle VM VirtualBoxマネージャーの［新規］アイコンをクリックします。
  2. 「仮想マシンの名前とOS」は、以下を入力し、［次へ］をクリックします。
    • 名前：Ubuntu2310
    • Folder：C:\Users\■■■\VirtualBox VMs（規定値のまま）
    • ISO Image：C:\Users\■■■\Downloads\ubuntu-ja-23.10-desktop-legacy-amd64.iso
    • タイプ：Linux
    • バージョン：Ubuntu(64-bit)
    • 「自動インストールをスキップ」は、チェックします
  3. 「ハードウェア」は、以下を入力し、［次へ］をクリックします。
    • メインメモリー：4096
    • Processors：2
  4. 「仮想ハードディスク」は、［仮想ハードディスクを作成する］を選択し、「ディスクサイズ」を［40GB］へ変更し、［次へ］をクリックします。
  5. 「概要」は、［完了］をクリックします。
  6. Oracle VM VirtualBoxマネージャーに戻りましたので、［設定］アイコンをクリックします。
  7. 左メニュー［一般］>［高度］タブをクリックし、以下を入力します。
  8. 左メニュー［ディスプレイ］>［スクリーン］タブは、以下を入力します。
    • ビデオメモリー：128MB（最大）
    • グラフィックスコントローラ：VMSVGA
  9. ［OK］をクリックします。

Ubuntu Desktop 23.04のインストール

  1. Oracle VM VirtualBoxマネージャーに戻りましたので、［起動］アイコンをクリックします。
  2. ［Try or Install Ubuntu］をクリックします。
  3. 「ようこそ」は、左メニュー［日本語］を選択（規定値のまま）し、［Ubuntuをインストール］をクリックします。
  4. 「キーボードレイアウト」は、［Japanese］>［Japanese］を選択（規定値のまま）し、［続ける］をクリックします。
  5. 「アップデートと他のソフトウェア」は、以下を選択し、［続ける］をクリックします。
    • Ubuntuのインストール中にアップデートをダウンロードする
    • グラフィックスとWi-Fiハードウェアと追加のメディアフォーマットのサードパーティ製ソフトウェアをインストールする
  6. 「インストールの種類」は、［ディスクを削除してUbuntuをインストール］を選択（規定値のまま）し、［インストール］をクリックします。
  7. 「ディスクに変更を書き込みますか？」は、［続ける］をクリックします。
  8. 「どこに住んでいますか？」は、［Tokyo］（規定値のまま）で［続ける］をクリックします。
  9. 「あなたの情報を入力してください」は、以下を入力し、［続ける］をクリックします。
    • あなたの名前：■■■
    • コンピューターの名前：■■■-VirtualBox
    • ユーザー名の入力：■■■
    • パスワードの入力：■■■
    • パスワードの確認：■■■
  10. 「インストールが完了しました」は、［今すぐ再起動する］をクリックします。
  11. 再起動中に「Please remove the installation medium, then press ENTER」で、Enterキーを押してインストールメディアを取り出します。
  12. 「オンラインアカウント」は、［スキップ］をクリックします。
  13. 「Ubuntu の改善を支援する」は、［いいえ、送信しません］を選択し、［次へ］をクリックします。
  14. 「プライバシー」は、何も選択せず、そのまま［次へ］をクリックします。
  15. 「準備が完了しました！」は、［完了］をクリックします。

Guest Additionsのインストール

  1. 仮想マシンのツールバー［デバイス］>［Guest Additions CD イメージの挿入］をクリックします。
  2. 「"VBox_GAs_7.0.12"には自動的に起動するソフトウェアが含まれています。実行しますか？」は、［実行］をクリックします。
  3. 「認証が必要です」は、パスワードを入力し、［認証］をクリックします。
  4. インストールが失敗します。
    「このシステムは現在、カーネル モジュールを構築するように設定されていません。
    ディストリビューションから gcc make perl パッケージをインストールしてください。（Google翻訳）」
    と表示されたので、パッケージをインストールします。
  5. インストーラ画面を一旦閉じ、画面左下の［アプリケーションメニュー］>［端末］を起動します。 sudo apt update sudo apt -y upgrade sudo apt install -y gcc make perl reboot
  6. 仮想マシンのツールバー［デバイス］>［Guest Additions CD イメージの挿入］をクリックします。
    （すでにCDがメニューに表示されている場合は、CDアイコンをダブルクリックし、開いた画面の右上［ソフトウェアの実行］をクリックします。）
  7. 「"VBox_GAs_7.0.12"には自動的に起動するソフトウェアが含まれています。実行しますか？」は、［実行］をクリックします。
  8. 「認証が必要です」は、パスワードを入力し、［認証］をクリックします。
  9. 「Press Return to close this window...」で画面右上の［×］をクリックします。
  10. Dockに表示されているCDアイコンを右クリックし、［取り出す］をクリックします。

以上です。

VS CodeをUSB（PortableApps）で利用する方法

VS Codeは、Portable Modeをサポートしているので、解凍したファイルをUSBにコピーすればそのまま利用できますが、PortableAppsのランチャーから利用できるようにしてみました。

環境

  • Windows 11 Pro：22H2（OSビルド22621.1992）

PortableApps．com Platformのインストール

ダウンロード

PortableApps.com 日本語 (Japanese) | PortableApps.com

インストール

  1. ダウンロードしたPortableApps.com_Platform_Setup_26.0.paf.exeを起動します。
  2. 「installer Language」の画面は、［日本語］（規定値のまま）を選択し、［OK］をクリックします。
  3. 「このウィザードはPortableApps．com Platformのインストールをご案内します。」は、［次へ］をクリックします。
  4. 「使用許諾契約」は、［同意する］をクリックします。
  5. 「インストールの種類」は、［新規インストール］を選択（規定値のまま）し、［次へ］をクリックします。
  6. 「インストールする場所」は、［ポータブル］を選択（規定値のまま）し、［次へ］をクリックします。
  7. 「ポータブル装置にインストール」は、［インストール先を選択...］を選択（規定値のまま）し、［次へ］をクリックします。
  8. 「インストール先の選択」は、「インストール先のフォルダ」で［USBドライブ］を選択し、［次へ］をクリックします。
  9. 「インストールの確認」は、［インストール］をクリックします。
  10. 「PortableApps．com Platform セットアップの完了」は、［PortableApps．com Platformを実行］のチェックを外し、［完了］をクリックします。

VS Codeのインストール

ダウンロード

Visual Studio Code - Code Editing. Redefined

  1. ［Downloadfor Windows］をクリックせず、その下の［other platforms］をクリックします。
  2. 「Windows」の［.zip x64］をクリックし、zip版をダウンロードします。

インストール

  1. ダウンロードしたVSCode-win32-x64-1.80.0.zipを解凍します。
  2. 解凍したフォルダVSCode-win32-x64-1.80.0を、USBのフォルダPortableApps内へコピーします。
  3. Start.exeをクリックし、PortableAppsを起動します。
  4. 「このプラットフォームについて」は、［閉じる］をクリックします。
  5. ランチャーのフォルダ［その他］をクリックすると、［Visual Studio Code］が表示されます。

VS CodeのPortable Modeを有効にする

  1. USBのVS CodeにUSB用の設定を保持したい場合は、USBのフォルダVSCode-win32-x64-1.80.0内に、フォルダdataを作成します。
  2. tmpフォルダもOSのtmpフォルダではなく、USBのVS Code専用で利用したい場合は、フォルダdata内にフォルダtmpを作成します。
   USB
    |- PortableApps
    |   |- PortableApps.com
    |   |- VSCode-win32-x64-1.80.0
    |   |   |- data
    |   |   |   |- tmp

参考：Portable Mode in Visual Studio Code

以上です。

Firefoxで「最近のブックマーク」を表示させない方法

アプリケーションメニューから［ブックマーク］を開くと、登録されたブックマークが「最近のブックマーク」に表示され、非表示にできない。

環境

回避策

userChrome.cssの有効化

  1. アドレスバーにabout:configと入力します。
  2. 「注意して進んでください！」は、［危険性を承知の上で使用する］をクリックします。
  3. 「設定名を検索」に、toolkit.legacyUserProfileCustomizations.stylesheetsを入力します。
  4. ［false］の場合は、［true］に変更します。

userChrome.cssの作成

  1. アドレスバーにabout:supportと入力し、「トラブルシューティング情報」を表示します。
  2. 左メニューの「プロファイルフォルダー」にある［フォルダを開く］をクリックします。
  3. chromeフォルダを作成し、そこに以下のuserChrome.cssを作成します。 #panelMenu_recentBookmarks,#panelMenu_bookmarksMenu{display:none!important;}
  4. Firefoxを再起動します。

以上です。

Local（Local by Flywheel）をWindows11へインストールする方法

環境

  • Windows 11 Pro：22H2（OSビルド22621.1778）

ダウンロード

Local - Local WordPress development made simple

  1. 画面右上の［DOWNLOAD］、または画面中央の［Or download for Free］をクリックします。
  2. 「Download Local」は、プルダウンで［Windows］を選択、必須項目の「Work Email」にメールアドレスのみ入力し、［GET IT NOW!］をクリックします。

インストール

  1. ダウンロードしたlocal-6.7.2-windows.exeをダブルクリックします。
  2. 「インストールオプションの選択」は、［現在のユーザーのみにインストールする］（規定値のまま）を選択し、［次へ］をクリックします。
  3. 「インストール先を選んでください。」は、インストール先フォルダを選択（規定値のまま）し、［インストール］をクリックします。
  4. 「Local セットアップウィザードは完了しました。」は、［Localを実行］にチェック（規定値のまま）し、［完了］をクリックします。
  5. 「We've updated Local's Terms of Service!」は、［I have read and agree to Local's Terms of Service］にチェックし、［I agree］をクリックします。
  6. 「Welcome to Local!」は、画面右上の［×］をクリックします。
  7. 「Is it ok to enable error reports?」は、［No,thanks］をクリックします。
  8. 「Is it ok to enable usage reporting?」も、［No,thanks］をクリックします。

Localで新規作成したWordPressサイトを日本語化

  1. ［+ Create a new site］をクリックし、WordPressサイトを新規作成します。
  2. 「Create a site」は、［Create a new site］を選択し、［Continue］クリックします。
  3. 「What's your site's name?」は、サイト名を入力し、［Continue］クリックします。
  4. 「Choose your environment」は、［Preferred］を選択（規定値のまま）し、［Continue］クリックします。
  5. 「Set up WordPress」は、以下を入力し、［Add Site］をクリックします。
  6. WordPress username：■■■
  7. WordPress password：■■■
  8. WordPress e-mail：dev-email@wpengine.local（規定値のまま）
  9. 画面右上の［WP Admin］をクリックするとWordPress管理画面にログインできますが、英語です。
  10. 画面上の［Open site shell］をクリックします。
  11. WP-CLIが起動したら、以下を入力します。 wp core language install ja --activate 以下が表示されればOKです。 Language 'ja' installed. Success: Language activated. Success: Installed 1 of 1 languages.
  12. 再度、画面右上の［WP Admin］をクリックすると、WordPress管理画面が日本語になっています。

以上です。

Ubuntu Desktop 23.04をVirtualBox（Windows11）へインストールする方法

環境

Ubuntu Desktop 23.04の推奨システム

  • 2 GHzデュアルコアプロセッサ以上
  • 4 GBシステムメモリ
  • 25 GBのハードドライブ空き容量

https://jp.ubuntu.com/download

ダウンロード

Ubuntu Desktop 日本語 Remixのダウンロード | Ubuntu Japanese Team

仮想マシンの設定

  1. Oracle VM VirtualBoxマネージャーの［新規］アイコンをクリックします。
  2. 「Virtual machine Name and Operating System」は、以下を入力し、［次へ］をクリックします。
    • 名前：Ubuntu2304
    • Folder：C:\Users\■■■\VirtualBox VMs（規定値のまま）
    • ISO Image：C:\Users\■■■\Downloads\ubuntu-ja-23.04-desktop-legacy-amd64.iso
    • タイプ：Linux
    • バージョン：Ubuntu(64-bit)
    • 「Skip Unattended installation（無人インストールをスキップする）」は、チェックします
  3. 「Hardware」は、以下を入力し、［次へ］をクリックします。
    • メインメモリー：4096
    • Processors：2
  4. 「Virtual Hard disk」は、［Create a Virtual Hard Disk Now］を選択、「Disk Size」を［40GB］へ変更し、［次へ］をクリックします。
  5. 「概要」は、［完了］をクリックします。
  6. Oracle VM VirtualBoxマネージャーに戻りましたので、［設定］アイコンをクリックします。
  7. 左メニュー［一般］>［高度］タブをクリックし、以下を入力します。
  8. 左メニュー［ディスプレイ］>［スクリーン］タブは、以下を入力します。
    • ビデオメモリー：128MB（最大）
    • グラフィックスコントローラ：VBoxSVGA
  9. ［OK］をクリックします。

Ubuntu Desktop 23.04のインストール

  1. Oracle VM VirtualBoxマネージャーに戻りましたので、［起動］アイコンをクリックします。
  2. ［Try or Install Ubuntu］をクリックします。
  3. 「ようこそ」は、左メニュー［日本語］を選択（規定値のまま）し、［Ubuntuをインストール］をクリックします。
  4. 「キーボードレイアウト」は、［Japanese］>［Japanese］を選択（規定値のまま）し、［続ける］をクリックします。
  5. 「アップデートと他のソフトウェア」は、以下を選択（規定値のまま）し、［続ける］をクリックします。
    • あらかじめどのアプリケーションをインストールしますか？：通常のインストール
    • その他のオプション：Ubuntuのインストール中にアップデートをダウンロードする
  6. 「インストールの種類」は、［ディスクを削除してUbuntuをインストール］を選択（規定値のまま）し、［インストール］をクリックします。
  7. 「ディスクに変更を書き込みますか？」は、［続ける］をクリックします。
  8. 「どこに住んでいますか？」は、［Tokyo］（規定値のまま）で［続ける］をクリックします。
  9. 「あなたの情報を入力してください」は、以下を入力し、［続ける］をクリックします。
    • あなたの名前：■■■
    • コンピューターの名前：■■■-VirtualBox
    • ユーザー名の入力：■■■
    • パスワードの入力：■■■
    • パスワードの確認：■■■
  10. 「インストールが完了しました」は、［今すぐ再起動する］をクリックします。
  11. 再起動中に「Please remove the installation medium, then press ENTER」が表示されたら、Enterキーを押してインストールメディアを取り出します。
  12. Ubuntuが起動しないので、一旦、停止（シャットダウンシグナルの送信）します。
  13. Oracle VM VirtualBoxマネージャーで停止中の仮想マシンの［設定］から、左メニュー［ディスプレイ］>［スクリーン］タブをクリックします。
  14. 「グラフィックスコントローラ」を［VMSVGA］へ変更し、 ［OK］をクリックします。
  15. Oracle VM VirtualBoxマネージャーの［起動］アイコンをクリックします。
  16. 「オンラインアカウント」は、［スキップ］をクリックします。
  17. 「Ubuntu の改善を支援する」は、［いいえ、送信しません］を選択し、［次へ］をクリックします。
  18. 「プライバシー」は、何も選択せず、そのまま［次へ］をクリックします。
  19. 「準備が完了しました！」は、［完了］をクリックします。

Guest Additionsのインストール

  1. 仮想マシンのツールバー［デバイス］>［Guest Additions CD イメージの挿入］をクリックします。
  2. 「"VBox_GAs_7.0.8"には自動的に起動するソフトウェアが含まれています。実行しますか？」は、［実行］をクリックします。
  3. 「認証が必要です」は、パスワードを入力し、［認証］をクリックします。
  4. インストールが失敗します。
    「このシステムは現在、カーネル モジュールを構築するように設定されていません。
    ディストリビューションから gcc make perl パッケージをインストールしてください。（Google翻訳）」
    と表示されたので、パッケージをインストールします。
  5. インストーラ画面を一旦閉じ、画面左下の［アプリケーションメニュー］>［端末］を起動します。 sudo apt update sudo apt -y upgrade sudo apt install -y gcc make perl reboot
  6. 仮想マシンのツールバー［デバイス］>［Guest Additions CD イメージの挿入］をクリックします。
    （すでにCDがメニューに表示されている場合は、CDアイコンをダブルクリックし、開いた画面の右上［ソフトウェアの実行］をクリックします。）
  7. 「"VBox_GAs_7.0.8"には自動的に起動するソフトウェアが含まれています。実行しますか？」は、［実行］をクリックします。
  8. 「認証が必要です」は、パスワードを入力し、［認証］をクリックします。
  9. 「Do you wish to continue? [yes or no]」は、yesを入力します。
  10. 「Press Return to close this window...」で画面右上の［×］をクリックします。
  11. Dockに表示されているCDアイコンを右クリックし、［取り出す］をクリックします。

以上です。