ターミナルグラフィックウェブブラウザ!?

ターミナルグラフィックウェブブラウザ!? Kenichiro Matohara(matoken) <[email protected]> 1

Kenichiro Matohara(matoken) https://matoken.org 鹿児島の右下の山奥から参加好きなLinuxディストリビューションは Debian GNU/Linux ActivityPub @[email protected] @[email protected]
matrix @matoken:matrix.org Signal matoken.256 map: © OpenStreetMap contributors 2

最近 SSD利用量99%→87%くらいに BleachBit利用攻殻機動隊を観るためにAmazon Primeに一時的に加入 PCだと止まりがちなのでAndroid PrimeVideoアプリを入れて PCに画面転送して視聴 Pocket Wi-Fiを55円で入手
SIM lock解除して普通に使えそう ircdを久々にに試しているモダン?irc標準でログ残せるしハンドル固定できたりして便利さくらのコミニュティ支援のお返しでEtherpadの記事を書く 3

BleachBitでSSDの容量を空ける Clean Your System and Free Disk Space | BleachBit
ディスクのゴミを探して掃除してくれるもの Windows/Linux対応(Linux各種環境のパッケージあり) Python製GPL-3.0 license 4

BleachBit試してみる AppImage版を利用いきなり動かすのは必要なファイルが消えてしまいそうで怖い → backup 項目を右クリック→プレビューでドライランが走り，対象ファイルリストや空く容量が表示される消して良さそうだとその項目のチェックボックスにチェックしておくと次回すぐ実行できて便利まああまり消すもの無いよねと思いながら色々探す
ディープスキャンで60GBほど空きそう! → 主にRustのビルドキャッシュ 6

SSD交換できるといいけど最近高すぎるのでこれでたまにいらないファイルを消そうかと 7

攻殻機動隊を観るためにAmazon Primeに一時的に加入 PCのウェブブラウザで視聴可能だが止まりがち&CMがうるさく体験が悪い AndroidのPrime Videoアプリだといったんローカルにダウンロードした後(オフラインでも)再生可能で途中で止まらない&CMが少ない?しかし画面が小さいのでPCにscrcpyで転送 Android 12以降だと保護画面は真っ黒になってしまうので11以
前が必要(今回は11のRakuten Hand 5G) scrcpyの—new-display オプションでと思ったけどこのアプリはサブディスプレイ非対応と言われる 9

スマホとPCのアスペクト比が合わないので余白が大きいので真ん中あたりをcropするスマホ解像度は1520x720で1280x720をくり抜くといいと思うので， scrcpy --crop=720:1280:0:$(1520-1280)/2 ※解像度を間違えて無効な内蔵度を指定するとRakuten hand 5Gは再起
動がかかってしまう音がでない?Android 11の制限で画面ロック解除後にscrcpy接続しないと音がでないということでそのように https://scrcpyapp.org/en/guides/audio/ Wi-Fi(2.4GHz 65Mbps)経由だと帯域が足りないらしく?帯域が必要そうな場所で画面が荒れる USB(2.0)接続にしたら安定既定値で音も転送されるので快適 10

HUAWEI Pocket WiFi 506HW ハードオフで55円 2016年のワイモバイルから出た端末 SIMロックされているが解除が可能らしいということで購入 My SoftBankアカウントを取得(要SMS認証)してIMEIを渡して依
頼夜はやってないらしく次の日の09:00以降の対応 09:01にSMSで解除コードが届く端末にSIMを刺して起動すると解除コード入力画面が出せる解除後は再起動しないと圏外のまま? 対応バンドはLTE 1,3,8,41でSoftBank回線向けな感じ 15

閑話休題 19

ターミナルグラフィックウェブブラウザこれまでのターミナルウェブブラウザ Lynx系 w3m(グラフィックス対応) Chawan(CSS/JavaScript対応) Browsh(FirefoxをバックエンドにAAで表現) : 画像対応やCSS/JavaScript対応などの違いはあるがターミナルの文字ベース+画像で表現される
20

Brow6elを知る Brow6el - Terminal Web Browser with Sixel Support バックエンドにChromium
Embedded Framework (CEF)を使い，JavaScriptなども解釈してSixel/Kittyのターミナルグラフックプロトコルを使いターミナル上にウェブページを表示するこれまで使っていたテキストベースウェブブラウザと違い，Sixel or Kitty グラフィックスを使い，文字も含めて全てグラフィックスで表現ぱっと見GUIのウェブブラウザと変わらない C++ & JS製? MITライセンス 21

 Chromiumをターミナルに表示する始めての試みはawritらしい．現在はarchived chase/awrit: A full graphical web browser
for Kitty terminal with mouse and keyboard support 22

Brow6elの導入恐らく現時点ではLinux arm64, aarch64のみの対応 $ git clone https://tangled.org/janantos.tngl.sh/brow6el $ cd
brow6el $ ./download_cef.sh 2 $ ./build.sh 3 $ ./build/run_brow6el.sh https://example.com 4 1 1 source clone 2 CEFをダウンロード 3 build 4 brow6el実行 23

Brow6elを試してみる実行時のターミナルはSixel or Kittyに対応している必要がある今回はSixelに対応した老舗のmltermを利用 Vimライクな操作モードがいくつかあり，操作になれるまで少しかかりそう大抵のページはピクセル単位で表現されるのでCromiumと同じ見た目 YouTubeなどで動画再生も可能
フルスクリーンにしたりすると描画が追いつかなくなる 25

いくつかのサイトの表示例 26

問題の出るサイトとtips YouTubeはOKだが，abema.tv, Tver, ニコニコ動画はうまく動かない? 攻殻機動隊サイトのキービジュアル画像が表示されない? 時事ドットコムのような背景色とフォントの色が近い，同じになってしまうサイトの場合，UserScriptの force-light-mode や
readermode を使うと読みやすくなる( s key → script選択 ) 35

リモートVPSでBrow6elを実行してみるリモートでbuildするのが面倒なので手元でAppImageを作ってコピーする $ ./build_appimage.sh : ✓ AppImage created:
build/brow6el-x86_64.AppImage $ rsync -acvP build/brow6el-x86_64.AppImage ${REMOTE}/bin/  公式AppImageもあるが，手元では動かない?Edge Buildsは起動した 37

リモートの速度で動く 38

terminal-browser macOSで動くBrow6elに似たものでKittyグラフィックスに対応している最近出たv0.5.0からLinuxに対応! Rust+TypeScript製MITライセンス 41

主なBrow6elとの違いターミナルグラフィックはSixel非対応でKittyのみ対応(今回は端末にKittyを利用) バックエンドはChromium Embedded Framework (CEF)ではなくChromium 操作はほぼ通常のChromiumと同じなので学習コストが低いタブにも対応
42

導入例 GitHub Releasesからbinaryを貰ってきて実行 $ wget https://github.com/zenbu-labs/terminal-browser/releases/download/v0.5.8/terminal-browser-linux-x64.tar.gz $ fuse-archive terminal-browser-linux-x64.tar.gz $
terminal-browser-linux-x64/terminal-browser/bin/terminal-browser 43

普通に動く Brow6elだと複数のモードを切り替える必要があるが，terminalbrowserは通常のChromiumと同じような操作感タブにも対応コピーペーストもそのまま使える Brow6elで動作しなかったいくつかのサイトも動作する動作も高速でフルスクリーン(FullHD)でも快適に動作リモートVPSでSSH経由で使うと動きがおかしいことも? 一昨日出たv0.6.0にSSHモードが入った 44

terminal-browserのSSHモード一昨日リリースのv0.6.にSSHモードが入った --ssh ローカルでterminal-browserをsshモードで実行すると，ローカルでウェブブラウザが起動され，ブラウザからのネットワーク要求がリモートから取得されるこれによりKittyグラフィックスや，端末操作がネットワークを流れなくなるその他追加最適化リモートにはsshで繋がりさえすれば他に準備が必要ないのが手軽
45

SSHモードを試してみる $ ~/Downloads/terminal-browser-linux-x64/terminal-browser/bin/terminal-browser --version terminal-browser v0.6.0 1 $ ~/Downloads/terminal-browser-linux-x64/terminal-browser/bin/terminal-browser --ssh
${user}@${remote} 2 1 v0.6.0以降であることを確認 2 --ssh オプションを指定，リモートホスト情報は ~/.ssh/config を見てくれているようなので鍵やポートなどはそちらで設定すると良さそう 46

通信がリモートからローカルに転送されてから描画されるので通信速度はローカルで動かすのと同じくらいになる 47

リモートはx転送でもいいのでは? Brow6elはSixel対応端末があればAppImageを転送して動かせるので手軽 terminal-browserはsshモードを使えばkitty対応端末&sshだけでok x転送の場合はリモートにsshの他にxやウェブブラウザなどを導入する必要があるので初期導入が少し面倒現在のDown 10Mbps前後，Up 1.5Mbpsくらいの回線だと
Brow6elの方が便利かも? x2goなどで解像度や色数を落とすなどすればxの方が軽くなるかも? 49

ざっくりとした比較手軽さ Brow6el > terminal-browser カスタマイズ性 Brow6el > terminal-browser Web互換性
Brow6el < terminal-browser 学習コスト Brow6el < terminal-browser SSH経由での利用 Brow6el ? terminal-browser ※用途次第? 50

ターミナルマルチプレクサ，ターミナルワークスペース上での実行 tmuxはSixelに対応していてBrow6elも問題なく動く ZellijはSixel対応&つい最近Kittyにも対応 Kittyはまだバグがありそうでうまく動いたり描画されなかったりする? 52

tmux上でターミナルを画面分割してウェブラウジング，動画再生 53

x/waylandがない場合での実行環境 mlterm, yaft(-drm), bcon…… 32bit PCやarmlfなんかのモダンウェブブラウザの動かない環境でもリモートの資源を使って楽しめそうリモートデスクトップのほうがいい? 54

まとめターミナルグラフィックウェブブラウザのBrow6elとterminalbrowserを知るバックエンドにChromium等を使い，SixelやKittyグラフィックで全てをターミナル上に描画 Brow6elは操作が少し大変だけどカスタマイズ性が高そう terminal-browserはWeb互換性が高く操作もわかりやすい SSH経由でリモート実行もできるので低スペック端末や細い回線で助かる場面もありそう 55

余録各グラフィックスの動作確認例 Sixel $ magick rose: sixel: $ img2sixel
image.png Kitty $ kitty +kitten icat image.png iTerm2(未確認) $ imgcat image.png 56

奥付発表鹿児島Linux勉強会 2026.08(オンライン開催) 2026-0823(sun) 発表者 Kenichiro Matohara(matoken) 利用ソフトウェア NeoVim
+ textlint + Asciidoctor Reveal.js ライセンス CC BY 4.0 57

ターミナルグラフィックウェブブラウザ!?

ターミナルグラフィックウェブブラウザ!?

More Decks by Kenichiro MATOHARA

Other Decks in Technology

Featured

Transcript