Eyes on Claude Code

2026/01/14 めぐろLT#34
TMUX + ClaudeCode開発環境の可観測性を高める
(Enhancing Observability for TMUX + Claude Code Development)

Transcript

1. Eyes on Claude Code 2026/01/14 Ί͙ΖLT#34 TMUX + ClaudeCode։ൃ؀ڥͷՄ؍ଌੑΛߴΊΔ (Enhancing Observability for TMUX + Claude Code Development) @joe_re
2. About me ▸ X: @joe_re ▸ GitHub: @joe-re ▸ Working for PeopleX Inc. ▸ ࢓ࣄͰ͸ର࿩AIΞϓϦέʔγϣϯΛ ࡞͍ͬͯ·͢
3. 2026๊ෛʂʂੜ੒AI࣌୅ɺࣗ෼ʹ߹Θ ͤͨπʔϧΛؾܰʹ࡞͍ͬͯͧ͘ʂʂ
4. ීஈ͸Ghostty + TMUXͰ Cursor CodeΛෳ਺ىಈͯ͠։ൃΛ͍ͯ͠·͢ɻ ಛʹOpus4.5͕ొ৔ͯ͠Ҏ߱ɺ Claud CodeͰ࡞ۀ͢Δ͜ͱ͕ଟ͘ͳΓ·ͨ͠ɻ
5. ͦΜͳதɺෳ਺ͷTMUXϖΠϯͰ ෳ਺ͷClaude CodeΛฒߦىಈͯ͠։ൃ͍ͯ͠Δͱɺ ετϨεΛײͯ͘͡Δ͜ͱ͕͋Γ·ͨ͠ɻ
6. ௨஌ͷޮ཰ͱ ࡞ۀίϯςΩετͷ૕ࣦ • ϚϧνλεΫͷฐ֐ ෳ਺ϓϩδΣΫτ΍git worktreeΛ࢖ͬͯฒߦ։ൃΛߦ͍ͬͯΔͱɺ ͲͷTMUXϖΠϯͰClaude Code͕ಈ͍͍ͯΔͷ͔Λ୳͢ͷ͕ࠔ೉ ʹͳΔ • ௨஌ͷޮ཰Խ ࡞ۀ׬ྃͨ͠ηογϣϯ͸ҰཡͰ೺Ѳ͍ͨ͠ɻ ࡞ۀ׬ྃ࣌ʹ౎౓௨஌͞ΕΔ͚ͩͰ͸ɺͦͷ৔Ͱݟʹߦ͔ͳ͍৔߹ ʹঢ়ଶΛ೺Ѳ͢Δͷ͕ࠔ೉ʹͳΔ • ։ൃϑϩʔͷܧଓ ࡞ۀ׬ྃͨ͠Claude Codeͷηογϣϯʹର͠ɺεϜʔζʹ࡞ۀܧ ଓ͍ͨ͠ɻϨϏϡʔ(ࠩ෼νΣοΫ)΍௥ՃͷࢦࣔΛҰݩ؅ཧ͞Εͨը ໘͔Βߦ͍͍ͨ
7. Eyes on Claude Code https://github.com/joe-re/eyes-on-claude-code
8. Ͱ͖Δ͜ͱ
9. Ͱ͖Δ͜ͱ • Claude Codeͷηογϣϯͷ؂ࢹɺঢ়ଶͷՄࢹԽ(Active/Waiting input/ Waiting permission/Completed) • ࡞ۀ݁ՌͷՄࢹԽ(Di f itΛར༻ͨࠩ͠෼දࣔ) • ΞϓϦέʔγϣϯ಺ͰͷTMUXϖΠϯͷϛϥʔϏϡʔ
10. ηογϣϯͷ؂ࢹͱҰཡ(μογϡϘʔυ) • Claude Code HooksΛར༻ͯ͠ɺ࡞ ۀঢ়ଶΛ೺Ѳͯ͠Ұཡදࣔ͢Δ • ࢦࣔ଴ͪ/࡞ۀ׬ྃ࣌ʹ͸ԻΛ໐Β͢ • ৗʹىಈ͍ͯ͠Δ͜ͱΛ૝ఆ͍ͯ͠ ΔͨΊɺͳΔ΂͘अຐΛ͠ͳ͍Α͏ ʹඇΞΫςΟϒͳ࣌ͱΞΫςΟϒͳ ࣌ʹ͸ͦΕͧΕಁա཰ΛઃఆՄೳʹ ͍ͯ͠Δ(ඇΞΫςΟϒ࣌ʹ͸ಁա཰ Λڧ͘͢Δ) ௨஌ͷޮ཰Խͱ࡞ۀͷ೺Ѳ
11. ࠩ෼ͷදࣔ • Di f itΛىಈͯ͠ɺࠩ෼ද͕ࣔͰ͖Δ • Gitͷঢ়ଶ͔ΒҎԼͷࠩ෼Λμο γϡϘʔυ͔Βىಈͯ֬͠ೝͰ͖Δ • unstaged • staged • last commit • main branch ࡞ۀ݁ՌͷϨϏϡʔ
12. TMUXϖΠϯͷϛϥʔϏϡʔΛදࣔ • ىಈ͍ͯ͠ΔCCηογϣϯͷ TMUXϖΠϯΛΞϓϦέʔγϣϯ ্Ͱදࣔ͠ɺ࡞ۀ݁Ռͷ֬ೝɺ ௥ՃͷࢦࣔΛߦ͑Δ • ෳ਺ηογϣϯΛىಈ͍ͯ͠Δ ͜ͱʹΑͬͯൃੜ͢Δɺର৅ͷ TMUXηογϣϯΛ୳͢खؒΛղ ফ͢Δ ࡞ۀͷܧଓੑͷ޲্
13. ಈ࡞ͷ࢓૊Έ
14. Πϕϯτ৘ใͷ࿈ܞ • DesignPhilosophyɿ தؒαʔόΛཱͯΔΑ͏ͳෳࡶͳϓϩηεؒ࿈ܞ͸ආ͚Δ • Log-basedEventSourcingɿ௨৴͸͢΂ͯϩʔΧϧͷϩάϑΝΠϧΛհͯ͠ߦ͏
15. Claude Code hooksΛ࢖ͬͯΠϕϯτ ৘ใΛ࿈ܞ͢Δ • Claude Code͸hooksΛఏڙ͍ͯͯ͠ɺϥΠϑα ΠΫϧͷભҠΛτϦΨʔʹͯ͠ॲཧ(shell commands)Λ࣮ߦͤ͞Δ͜ͱ͕Ͱ͖Δ • ͜ΕΛར༻ͯ͠ɺηογϣϯͷঢ়ଶΛऔಘ͢Δ • Hooks͸ClaudeCodeηογϣϯͷ؀ڥͰ࣮ߦ͞ ΕΔͷͰɺ௨ৗλʔϛφϧͷ؀ڥʹͳΔ • σεΫτοϓΞϓϦ͔ΒͰ͸npxͷύε(di f itͷ ىಈʹ࢖༻)΍tmuxϖΠϯͷ৘ใͳͲΛऔಘ͢Δ ͜ͱ͸ࠔ೉͕ͩɺhooks͔Β͸औಘ͕༰қͳͷ Ͱɺ͜͜Ͱऔಘͨ͠৘ใΛΞϓϦέʔγϣϯʹ ࿈ܞ͢Δ
16. TMUXηογϣϯͷ࠶ݱ • ର৅ͷTMUXϖΠϯΛhooksͷ؀ڥม਺͔Βಛఆ͢Δ • TMUXͰ͸TMUX_PANEͱ͍͏؀ڥม਺ʹର৅ͷTMUXϖΠϯͷID͕อ࣋͞Ε͍ͯΔ • ͜ΕΛhooksͰऔಘͯ͠ΞϓϦέʔγϣϯʹ࿈ܞ͢Δ • WebView্ͰͷTMUXͷ಺༰ͷදࣔ(ϛϥʔϏϡʔ) • tmux capture-paneίϚϯυͰදࣔ৘ใΛऔಘ͠ɺΞϓϦέʔγϣϯ্ͷWebViewͰදࣔ • ansi_up.jsΛར༻ͯ͠৭ͷϨϯμϦϯά΋ߦ͍ɺterminalͷମݧʹدͤΔ • ϖʔδߋ৽͸ϙʔϦϯάͷΞϓϩʔνΛͭͭ͠ɺΩʔೖྗ࣌ʹ͸ଈ࣌ߋ৽͢Δ(ମݧͷ޲্) • WebView্ͰͷΩʔೖྗରԠ • hiddenͷinputΛ༻ҙͯ͠ɺೖྗ͞ΕͨจࣈΛtmux send-keysίϚϯυͰΩʔ৘ใͷೖྗΛߦ͏ • ೔ຊޠͳͲͷ֬ఆಈ࡞͕IME্ͰߦΘΕΔ΋ͷʹରͯ͠͸ɺKeyboardEvent.isComposingͰςΩε τม׵͕ಈ࡞தͰ͋Δ͔Λ൑அ͠ɺ֬ఆ࣌ʹsend-keysΛୟ͘Α͏ʹௐ੔ • ม׵தͷ΋ͷ͸inputͱ͸ผʹstate؅ཧͯ͠ɺը໘্ʹΦʔόʔϨΠͱͯ͠දࣔ͢Δ
17. ݸਓతʹ͸ศརʹ࢖͑ͯ·͢ɻ ։ൃϫʔΫϑϩʔ͕ࣗ෼ͱ͍ۙਓͰڵຯ͕͋Δํ ͸ͥͻ࢖ͬͯΈ͍ͯͩ͘͞ɻ🙏
18. Thank you for listening !