2026年8月18日火曜日

WSL2へAndroid Studioのインストール

1.まずは、準備
必要なライブラリをインストール
$ sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386
Reading package lists... Done
Building dependency tree... Done
Reading state information... Done
E: Unable to locate package libc6:i386
E: Unable to locate package libncurses5:i386
E: Unable to locate package libstdc++6:i386
E: Couldn't find any package by regex 'libstdc++6'
E: Unable to locate package libbz2-1.0:i386
E: Couldn't find any package by glob 'libbz2-1.0'
E: Couldn't find any package by regex 'libbz2-1.0'

いきなり、エラーに
なんか、i386パッケージを入れるためには事前のおまじないが必要みたい
$ sudo dpkg --add-architecture i386 ←おまじない
$ sudo apt update パッケージ情報を更新して
Hit:1 http://archive.ubuntu.com/ubuntu resolute InRelease
Hit:2 http://security.ubuntu.com/ubuntu resolute-security InRelease
Get:3 http://archive.ubuntu.com/ubuntu resolute-updates InRelease [137 kB]
Get:4 http://security.ubuntu.com/ubuntu resolute-security/main i386 Packages [166 kB]
Hit:5 http://archive.ubuntu.com/ubuntu resolute-backports InRelease
Get:6 http://archive.ubuntu.com/ubuntu resolute/main i386 Packages [1069 kB]
Get:7 http://security.ubuntu.com/ubuntu resolute-security/universe i386 Packages [87.0 kB]
Get:8 http://security.ubuntu.com/ubuntu resolute-security/restricted i386 Packages [13.7 kB]
Get:9 http://security.ubuntu.com/ubuntu resolute-security/multiverse i386 Packages [2408 B]
Get:10 http://archive.ubuntu.com/ubuntu resolute/universe i386 Packages [8511 kB]
Get:11 http://archive.ubuntu.com/ubuntu resolute/restricted i386 Packages [13.6 kB]
Get:12 http://archive.ubuntu.com/ubuntu resolute/multiverse i386 Packages [135 kB]
Get:13 http://archive.ubuntu.com/ubuntu resolute-updates/main amd64 Packages [458 kB]
Get:14 http://archive.ubuntu.com/ubuntu resolute-updates/main i386 Packages [195 kB]
Get:15 http://archive.ubuntu.com/ubuntu resolute-updates/universe i386 Packages [115 kB]
Get:16 http://archive.ubuntu.com/ubuntu resolute-updates/universe amd64 Packages [237 kB]
Get:17 http://archive.ubuntu.com/ubuntu resolute-updates/restricted i386 Packages [13.7 kB]
Get:18 http://archive.ubuntu.com/ubuntu resolute-updates/multiverse i386 Packages [2408 B]
Get:19 http://archive.ubuntu.com/ubuntu resolute-backports/universe i386 Packages [640 B]
Fetched 11.2 MB in 4s (2535 kB/s)
2 packages can be upgraded. Run 'apt list --upgradable' to see them.

再度、挑戦
$ sudo apt install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386
Error: Unable to locate package libncurses5:i386

また、エラーが1つ
「libncurses5:i386」は古いみたいので「libncurses6:i386」をインストール
alfaalfa@DESKTOP-GBLESOQ:~$ sudo apt install libncurses6:i386

これで準備OK
ホームディレクトリ上で、ダウンロードしてきたAndroid Studioのファイルを展開
$ tar -zxvf android-studio-quail3-linux.tar.gz

$ android-studio/bin/studio.sh で起動してみたら、自分の環境では、画面に黒い枠のようなものが表示された
【原因は?】
-Dsun.awt.wl.Shadow=false は、WSL2(WSLg)のWayland環境(WLToolkit)で
JetBrainsなどのJavaアプリケーションを実行した際に、UI全体やメニューに不自然な影や黒い描画バグ
(シャドウアーティファクト)が発生する問題を修正するためのJVMオプションです。
設定方法
IDE(Android Studio)のメニューから Help > Edit Custom VM Options... を開きます。
改行して次のコードを追加します:text-Dsun.awt.wl.Shadow=false
ファイルを保存し、IDE(Android Studio)を 再起動 します。
これで、解消された

WSL2上へAndroid CLIのインストール

2026/08/18:追記
OpenJDK 17以上 をインストールして環境変数を設定し、
その後公式の Android Studio CLI Guide を参考に
コマンドラインツールを導入します。とのこと。
1.OpenJDK のインストール
$ sudo apt update
$ sudo apt install openjdk-26-jdk
2.バージョンの確認:
$ java --version
openjdk 26.0.1 2026-04-21
OpenJDK Runtime Environment (build 26.0.1+8-2-26.04.2-Ubuntu)
OpenJDK 64-Bit Server VM (build 26.0.1+8-2-26.04.2-Ubuntu, mixed mode, sharing)

3.環境変数(JAVA_HOME)の設定
インストールされた場所確認
$ ll /usr/lib/jvm/
total 20
drwxr-xr-x 4 root root 4096 Aug 18 14:49 ./
drwxr-xr-x 64 root root 4096 Aug 18 14:49 ../
-rw-r--r-- 1 root root 1842 Apr 26 18:46 .java-1.26.0-openjdk-amd64.jinfo
lrwxrwxrwx 1 root root 21 Apr 26 18:46 java-1.26.0-openjdk-amd64@ -> java-26-openjdk-amd64
drwxr-xr-x 9 root root 4096 Aug 18 14:49 java-26-openjdk-amd64/
drwxr-xr-x 2 root root 4096 Aug 18 14:49 openjdk-26/

「.bashrc」に下記を追記
# Added by OpenJDK
export JAVA_HOME=/usr/lib/jvm/java-26-openjdk-amd64
export PATH=$JAVA_HOME/bin:$PATH

Android CLIをユーザアカウントでのインストール
$ curl -fsSL https://dl.google.com/android/cli/latest/linux_x86_64/install.sh | bash
Installing android...
Downloading...
Installing to /home/alfaalfa/.local/bin...
Added /home/alfaalfa/.local/bin to PATH in /home/alfaalfa/.bashrc
Please run 'source /home/alfaalfa/.bashrc' or restart your terminal to apply.
Downloading Android CLI...
----------------------------------------
✅ Success! android is ready to use.
----------------------------------------

「.android」フォルダ、「.local」フォルダ、「.bashrc」にパスが追加されたみたい

2026年8月4日火曜日

nvmでnodeのバージョンを指定

・今のバージョンを確認
$ node -v
v22.23.1

・他にインストールされているnodeのバージョンを確認
$ nvm ls
-> v22.23.1
v24.18.0
default -> 22 (-> v22.23.1)
iojs -> N/A (default)
unstable -> N/A (default)
node -> stable (-> v24.18.0) (default)
stable -> 24.18 (-> v24.18.0) (default)
lts/* -> lts/krypton (-> v24.18.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.12 (-> N/A)
lts/fermium -> v14.21.3 (-> N/A)
lts/gallium -> v16.20.2 (-> N/A)
lts/hydrogen -> v18.20.8 (-> N/A)
lts/iron -> v20.20.2 (-> N/A)
lts/jod -> v22.23.1
lts/krypton -> v24.18.0

・バージョン「24.18.0」を使用するように変更
$ nvm use 24.18.0
Now using node v24.18.0 (npm v11.16.0)

・変更後のバージョンを確認
$ node -v
v24.18.0

・これだと、デフォルトが「22.23.1」のまま
$ nvm ls
v22.23.1
-> v24.18.0
default -> 22 (-> v22.23.1)
iojs -> N/A (default)
unstable -> N/A (default)
node -> stable (-> v24.18.0) (default)
stable -> 24.18 (-> v24.18.0) (default)
lts/* -> lts/krypton (-> v24.18.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.12 (-> N/A)
lts/fermium -> v14.21.3 (-> N/A)
lts/gallium -> v16.20.2 (-> N/A)
lts/hydrogen -> v18.20.8 (-> N/A)
lts/iron -> v20.20.2 (-> N/A)
lts/jod -> v22.23.1
lts/krypton -> v24.18.0

・デフォルトを変更
$ nvm alias default 24.18.0
default -> 24.18.0 (-> v24.18.0)

・デフォルトが変更されたのを確認
$ nvm ls
v22.23.1
-> v24.18.0
default -> 24.18.0 (-> v24.18.0)
iojs -> N/A (default)
unstable -> N/A (default)
node -> stable (-> v24.18.0) (default)
stable -> 24.18 (-> v24.18.0) (default)
lts/* -> lts/krypton (-> v24.18.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.12 (-> N/A)
lts/fermium -> v14.21.3 (-> N/A)
lts/gallium -> v16.20.2 (-> N/A)
lts/hydrogen -> v18.20.8 (-> N/A)
lts/iron -> v20.20.2 (-> N/A)
lts/jod -> v22.23.1
lts/krypton -> v24.18.0
以上

2026年7月28日火曜日

Node.jsのインストール

WSL2のUbuntu上にNode.jsをインストールした。
1.nvmのインストール
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

$ nvm --version
0.40.1
2.設定を反映
source ~/.bashrc
3.Node.jsのインストール
最新の安定版(LTS)をインストールする場合(推奨)
$ nvm install --lts
Installing latest LTS version.
Downloading and installing node v24.18.0...
Downloading https://nodejs.org/dist/v24.18.0/node-v24.18.0-linux-x64.tar.xz...
################################################################################################################# 100.0% Computing checksum with sha256sum
Checksums matched!
Now using node v24.18.0 (npm v11.16.0)

4.Windows 11(ホストOS)からWSL2上のプロジェクトをVSCで使えるように

$ code --version
Installing VS Code Server for Linux x64 (1b6a188127eeaf9194f945eb6eb89a657e93c54c)
Downloading: 100%
Unpacking: 100%
Unpacked 3602 files and folders to /home/alfaalfa/.vscode-server/bin/1b6a188127eeaf9194f945eb6eb89a657e93c54c.
Looking for compatibility check script at /home/alfaalfa/.vscode-server/bin/1b6a188127eeaf9194f945eb6eb89a657e93c54c/bin/helpers/check-requirements.sh
Running compatibility check script
Compatibility check successful (0)
1.130.0
1b6a188127eeaf9194f945eb6eb89a657e93c54c
x64
試しに、WSL2から「code .」すると、Windows 11(ホストOS)上のVisual Studio Codeが開いた。
$ code .

2026年7月25日土曜日

Claude Codeのインストール

チャットタイプや、Visual Studio Codeでのコード提案等の次は、自律型AIエージェントです。
環境はWSL2上で、Ubuntuを動かして、その中で、Ollama(LLM:quen3:8b)を既にインストールしました。
ここに、Claude CodeのCLI版をインストールして動かしてみたいと思います。
1.【Claude Codeのインストール】
WSL2のターミナルから以下のコマンドを実行してClaude Codeをインストール
alfaalfa@DESKTOP-GBLESOQ:~$ curl -fsSL https://claude.ai/install.sh | bash
Setting up Claude Code...

✔ Claude Code successfully installed!

Version: 2.1.218

Location: ~/.local/bin/claude


Next: Run claude --help to get started

⚠ Setup notes:
● Native installation exists but ~/.local/bin is not in your PATH. Run:

echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.bashrc && source ~/.bashrc

✅ Installation complete!

インストールされたのを、バージョン確認
alfaalfa@DESKTOP-GBLESOQ:~$ claude --version
2.1.218 (Claude Code)

2.OllamaとClaude Codeの連携(WSL設定)
WSLからWSL上のOllama(http://localhost:11434)へ接続するように環境変数を設定します。
WSLの ~/.bashrcの末尾に上記 export の行を追記し、source ~/.bashrc で反映させます。
これにより、デフォルトでローカルのOllamaが使用されるようになります。
export ANTHROPIC_BASE_URL="http://localhost:11434"
export ANTHROPIC_API_KEY="ollama"
export ANTHROPIC_AUTH_TOKEN="ollama"

ここで、Ollamaを最新版にバージョンアップをしときましょう。
【Ollamaのバージョンアップ】 まずは、今のバージョンを確認
alfaalfa@DESKTOP-GBLESOQ:~$ ollama --version
ollama version is 0.30.6

再度、インストールスクリプト実行することでバージョンアップします。
alfaalfa@DESKTOP-GBLESOQ:~$ curl -fsSL https://ollama.com/install.sh | sh
>>> Cleaning up old version at /usr/local/lib/ollama
[sudo] password for alfaalfa:
>>> Installing ollama to /usr/local
>>> Downloading ollama-linux-amd64.tar.zst
######################################################################## 100.0%
>>> Adding ollama user to render group...
>>> Adding ollama user to video group...
>>> Adding current user to ollama group...
>>> Creating ollama systemd service...
>>> Enabling and starting ollama service...
>>> Nvidia GPU detected.
>>> The Ollama API is now available at 127.0.0.1:11434.
>>> Install complete. Run "ollama" from the command line.

インストールされたのを、バージョン確認
alfaalfa@DESKTOP-GBLESOQ:~$ ollama --version
ollama version is 0.32.3

それ以外では、Ollamaのコンテキスト長を拡張しましょう。
Ollamaのデフォルトは 4096。
Claude Code(エージェント系)では 最低 32K、推奨 64K。
export OLLAMA_CONTEXT_LENGTH=64000を「.bashrc」に追記

3.Claude Codeを起動
alfaalfa@DESKTOP-GBLESOQ:~$ ollama launch claude
使用するモードを選択
LLMを選択する画面が出たら、「quen3:8b」を選択

画面の赤枠のところに、ローカルのOllama(LLM:quen3:8b)に接続されているのを確認出来ました。
今回は、ここまで。

2026年7月20日月曜日

VST3 GUI画面編集

VST3のプロジェクトを作成して、GUIの画面も表示されたけど、Visual Studioで画面をエディットするのを探しても見つからない。
Googleでググったところ、「Inline UI Editor for VST3」で編集するってことが分かった。
デバッグ版でビルドして、「vsthost」アプリで作成したvst3を実行して「Pugin Edit」で画面を表示させて
表示させた画面を右クリックして「Open UIDescription Editor」をクリックすると
「Inline UI Editor for VST3」の編集画面が表示された。
そんなん、分かるか!って言いたいけど、昔、Macのアプリを作成するときに、画面とロジックが完全に分かれてたのを思い出して、なるほどなって腑に落ちた。

VST3 ビルド環境

Visual Stadioでcmakeを使えるようにする。
最初、cmakeが見つからなくて悩んだ。
「x64_x86 Cross Tools」で「where cmake」としても見つからなかった。
Visual Studio Installerを起動して、「変更」から「C++によるデスクトップ開発」にはチェックが入ってる。
もう1つ。「C++を使用したLinux、Mac、埋め込み開発」にもチェックが必要。
結果は下記のようになった。

次は、「HelloWorld」に該当するテストプロジェクトを作成&ビルド&実行だ。
cmake用のプロジェクトを作成してくれる「VST3 Project Generator」ってのがあるらしい。
こんなやつ
最初にVST3 SDKとcmakeの場所を設定する。
次に、「Create Plug-in Project」タブで、作成したいプロジェクトの情報を入力して、Createをクリックする。良い時代になったもんだ。手作業で作成してたのがウソみたい。
Visual Stadioまで自動で起動してきた...
そして、ビルド
「\HelloWorld\build\VST3\Debug\HelloWorld.vst3\Contents\x86_64-win\HelloWorld.vst3」にvst3ファイルが作成された。
手持ちのDAW(Ableton Live)で動作確認しようと思ったが、vsthostっていう簡単に動作させるツールがあるらしい。
さっそく、vsthostを使って実行
とりあえず、HelloWorld的な動作確認まで完了!