tmuxでSixelグラフック

発表:: 東海道らぐ・鹿が道頓堀でアレするライトニングトーク大会 https://tokaidolug.connpass.com/event/301300/
source:: https://gitlab.com/matoken/tokaido-2023.11/-/blob/main/slide/slide.adoc

Transcript

1. tmuxでSixelグラフッ ク Kenichiro Matohara(matoken) <matoken@kagolug.org> 1
2. matoken 南隅から参加(鹿児島の右下) 好きなLinuxディストリビューションはDebian 鹿児島らぐもやってます → Next 2023-11-19(sun) map: © OpenStreetMap contributors Kenichiro Matohara(matoken) https://matoken.org https://inari.opencocon.org/@matoken https://www.kagolug.org/ 2
3. tmux でもSixel tmux ターミナルマルチプレクサ デタッチ，アタッチ機能で作業の続きを別の端末，回線, 画面縦横分 割,　ステータス表示等々 Byobu や mosh/ssh と組み合わせるととても便利 Sixel DEC発の端末でグラフックを表示する形式 最近?様々な環境にサポートされていっている 3
4. tmux 例 — (左)nvim でスライド編集，(右上)w3m でプレビュー，(右下)コマン ド操作 4
5. tmux 設定 初期設定はちょっと面倒，みんなのblog などから設定を引用して秘 伝のタレ的な…… Canonical発のByobu を使うとGNU screnn/tmux が即実用的 な構成に → https://www.byobu.org 5
6. 端末でのグラフック 基本的にascii art と色 6
7. 画像をascii art に変換 $ ascii-image-converter ./2023_logo_rectangle_tran.png 7
8. 動画をasciiart で視聴(mplayer+caca) 8
9. 地図表示(MapSCII) 9
10. Sixel を利用すると $ convert ./2023_logo_rectangle_tran.png sixel: $ img2sixel ./2023_logo_rectangle_tran.png 10
11. 🦊 11
12. tmux + Sixel — tmux で画面分割している．(左)LiveCamの最新画像を定期的に取 得して表示，(右上)雨雲レーダーのWebを定期的に表示，(右 下)sayakaでMisskeyのローカルタイムラインをストリーミング 12
13. Zellij  ターミナルマルチプレクサ機能のあるターミナルワークスペースのZell Sixel に対応している "Zellij" "ターミナルワークスペースのZellij - Speaker Deck" https://zellij.dev/ https://speakerdeck.com/matoken/taminaruwakusup 13
14. tmux でSixel を使うには Sixel に対応した端末が必要 今回はmlterm，VS Code でも設定変更で対応可能(らしい) "Are We Sixel Yet?" tmux 8月の Git commit 以降で ./configure -- enable-sixel することで対応 まだリリースはされていない( 2022-06-22 の tmux 3.3a が 最新リリース ) https://www.arewesixelyet.com/ dfbc6b1 14
15. Debian のtmux パッケージバージョン unstable(sid) 以前は非対応バージョン experimental は対応バージョン $ rmadison tmux tmux | 2.8-3 | oldoldstable | source, amd64, arm64, armel, armhf tmux | 3.1c-1~bpo10+1 | buster-backports | source, amd64, arm64, armel, armhf tmux | 3.1c-1~bpo10+1 | buster-backports-debug | source tmux | 3.1c-1+deb11u1 | oldstable | source, amd64, arm64, armel, armhf tmux | 3.1c-1+deb11u1 | oldstable-debug | source tmux | 3.3a-3~bpo11+1 | bullseye-backports | source, amd64, arm64, armel, armhf tmux | 3.3a-3~bpo11+1 | bullseye-backports-debug | source tmux | 3.3a-3 | stable | source, amd64, arm64, armel, armhf tmux | 3.3a-5 | testing | source, amd64, arm64, armel, armhf tmux | 3.3a-5 | unstable | source, amd64, arm64, armel, armhf tmux | 3.3a-5 | unstable-debug | source tmux | 3.4~git20230924-1 | experimental | source, amd64, arm64, armel, armhf tmux | 3.4~git20230924-1 | experimental-debug | source 15
16. Debian experimental のtmux はSixel 対応 $ wget http://deb.debian.org/debian/pool/main/t/tmux/tmux_3.4~git20230924-1.debian.tar.xz $ tar xvf ./tmux_3.4~git20230924-1.debian.tar.xz $ grep sixel debian/rules dh_auto_configure -- --enable-utempter --enable-systemd --enable-sixel $ curl -s https://metadata.ftp-master.debian.org/changelogs//main/t/tmux/tmux_3.4~git20230924- tmux (3.4~git20230924-1) experimental; urgency=medium * New upstream snapshot, from Git commit b777780720. * Enable Sixel support. 16
17. Debian 12 bookworm / sid でのSixel 対応tmux build 例 1 tmux build 依存パッケージ導入 2 関連パッケージ導入 3 tmux source 入手 4 sixel を有効にして( --enable-sixel ) configure && make $ sudo apt build-dep tmux $ sudo apt install vlock build-essential git $ git clone https://github.com/tmux/tmux $ cd tmux $ ./configure --enable-sixel $ make 1 2 3 4 17
18. tmux でSixel が使えるのを確認  Sixel 非対応の場合lsix で Error: Your terminal does not report having sixel graphics support. $ ./tmux -V tmux next-3.4 $ ./tmux $ echo ${TERM_PROGRAM} tmux $ sudo apt install imagemagick $ wget https://github.com/hackerb9/lsix//releases/latest/download/lsix $ chmod u+x ./lsix $ ./lsix 18
19. まとめ tmux がグラフックを扱えるSixel に対応 Sixel が使えると端末上で画像確認ができて便利 リモートの画像をコピーせずに端末で表示して確認したり Sixel 対応tmux で端末で画面分割したりしながら画像を扱えて楽し い (実用度もそこそこある……と思う) 19
20. 奥付 発表 2023-11-11(sat) 発表者 利用ソフトウェア ライセンス 東海道らぐ・鹿が道頓堀でアレするライトニングトーク大会 Kenichiro Matohara(matoken) Asciidoctor Reveal.js CC BY 4.0 20