Neovim × リアルタイムチャット

Transcript

1. Neovim × リアルタイムチャット @higashi136_2
2. 名前 : higashi 職業 : 高専 4 年生 好きなもの : Vim, Golang, プログラミング GitHub : higashi000 Twitter : @higashi136_2 自己紹介
3. Vim 関係で関わったもの ・sarahck.vim 　→Vim で Slack をするプラグイン ・sleahck.vim 　→Vim で Slack をするプラグイン ・vimdoc-ja-working 　→ドキュメントの翻訳プロジェクト ・slacklog-generator 　→ vim-jp の log を HTML 化するプロジェクト
4. こう思ったことは ありませんか？
5. Vim(Neovim) で .* がしたい！！
6. .* の幅はとても広い... なんでも Vim でやりたくなってしまう... でもスライド一本で .* すべてを Vim でできるようにするのは厳しい...
7. .* の幅はとても広い... なんでも Vim でやりたくなってしまう... でもスライド一本で .* すべてを Vim でできるようにするのは厳しい... →「 Vim で .* がしたい」 のうち 1 つを紹介
8. 今回やりたいこと Vim で リアルタイムチャットが したい！！
9. Vim で WebSocket を使えるようにしよう リアルタイムチャットをするために
10. Vim で WebSocket を使えるようにしよう → if_python3 使えば行ける...？ リアルタイムチャットをするために
11. Vim で WebSocket を使えるようにしよう → if_python3 使えば行ける...？ → websocket-client というライブラリを使うことにした リアルタイムチャットをするために
12. 単純に while True で recv 関数を呼び出してみると... メッセージ受信中は Vim で他の動作ができない リアルタイムチャットをするために
13. 単純に while True で recv 関数を呼び出してみると... メッセージ受信中は Vim で他の動作ができない - メッセージも送信できない リアルタイムチャットをするために
14. 単純に while True で recv 関数を呼び出してみると... メッセージ受信中は Vim で他の動作ができない - メッセージも送信できない →非同期で動かしてあげたい リアルタイムチャットをするために
15. 単純に while True で recv 関数を呼び出してみると... メッセージ受信中は Vim で他の動作ができない - メッセージも送信できない →非同期で動かしてあげたい 非同期処理をうまく実装できなかった；； リアルタイムチャットをするために
16. 諦めるわけには行かない なんとかしてリアルタイムチャットがしたい
17. 諦めるわけには行かない なんとかしてリアルタイムチャットがしたい →Neovim の Remote Plugin ！！
18. Vim で リアルタイムチャットが したい！！
19. Neovim で リアルタイムチャットが したい！！
20. WebSocket でのメッセージ受信部分 Remote Plugin を使うことで受信しながら他の動作を行えるようになった
21. WebSocket でのメッセージ受信部分 Remote Plugin を使うことで受信しながら他の動作を行えるようになった が
22. メッセージの送信ができない
23. メッセージの送信ができない send という関数を使用してメッセージを送信する予定だった
24. メッセージの送信ができない send という関数を使用してメッセージを送信する予定だった 実行してもメッセージを受信する関数が終了しないと送信されない
25. メッセージの送信ができない send という関数を使用してメッセージを送信する予定だった 実行してもメッセージを受信する関数が終了しないと送信されない →いくつかのプラグインのソースコードを読むも解決方法がわからず...
26. メッセージ送信をなんとかしよう VimScript で書いた関数は実行できた
27. メッセージ送信をなんとかしよう VimScript で書いた関数は実行できた →system で外部コマンドを実行すればメッセージの送信ができるのでは...?
28. curl でメッセージを POST して あとはサーバーに任せる！
29. クライアント側　従来の実装 Neovim logo by Jason Long, and license: CC3.0 サーバー メッセージの受信 Python: recv() 他クライアントからのメッ セージ送信 メッセージの送信 Python: send() メッセージ受信 他クライアント 他クライアント 他クライアント
30. クライアント側　従来の実装 Neovim logo by Jason Long, and license: CC3.0 サーバー メッセージの受信 Python: recv() 他クライアントからのメッ セージ送信 メッセージの送信 Python: send() メッセージ受信 他クライアント 他クライアント 他クライアント
31. クライアント側　従来の実装 Neovim logo by Jason Long, and license: CC3.0 サーバー メッセージの受信 Python: recv() 他クライアントからのメッ セージ送信 メッセージの送信 system() + curl メッセージ受信 他クライアント 他クライアント 他クライアント
32. クライアント側　従来の実装 Neovim logo by Jason Long, and license: CC3.0 サーバー メッセージの受信 Python: recv() 他クライアントからのメッ セージ送信 メッセージの送信 system() + curl メッセージ受信 他クライアント 他クライアント 他クライアント
33. サーバー側の改良に着手 元々 Go で実装していたのでそれを改良する
34. サーバー側の改良に着手 元々 Go で実装していたのでそれを改良する → リクエストを受け取ったら接続済みクライアントにメッセージを流す
35. サーバー側の改良に着手 元々 Go で実装していたのでそれを改良する → リクエストを受け取ったら接続済みクライアントにメッセージを流す すんなり終わった
36. 完成...？ ・メッセージの受信 ・メッセージの送信 ともに実装完了 これで試してみることに
37. デモ https://noa.higashi.dev というページを事前に作成しました QR コードの作成には https://qr.quel.jp/ というサイトを使わせていただきました
38. デモ ↑部屋の ID を入力します 今回は gorillavim という ID を使います 入力後，ボタンを押し，部屋に移動します
39. デモ ←表示名 ←発言 ↑送信
40. Neovim クライアントについて GitHub にて公開しています higashi000/noachat.nvim pynvim と websocket-client を pip でインストール必要があります ぜひお試しください
41. 現在の課題点 ・メッセージ受信中は他の Remote Plugin が使えない →使おうとすると Neovim が固まる ・別のバッファに移動すると固まる ・Vim 非対応
42. このプラグインを活かしてできそうなこと ・共同編集 ・Slack RTM API を使用したプラグイン
43. Neovim × リアルタイムチャット @higashi136_2