Wasmで拡張できる軽量マークアップ⾔語Brack(後編)

第14期サイボウズ・ラボユース成果発表会
https://cybozu.connpass.com/event/347931/

上野 幹太

Transcript

1. Wasmで拡張できる 軽量マークアップ言語 Brack (後編) 第14期サイボウズ・ラボユース成果発表会 2025.03.28 上野幹太 @uekann_ GitHub
2. 自己紹介 31 @uekann @uekann_ https://uekann.com (準備中) 上野 幹太（Kanta Ueno） 🎓 所属 ・筑波大学情報学群情報科学類 B3 🐣 興味があること ・ブラックボックス最適化（CMA-ESなど） ・なんだろう...... 🍳 趣味 ・写真、スキー、散歩、音楽など
3. 概要 32 ・開発中のマークアップ言語についてお話しします 📚 目次 マークアップ言語を自作する背景 1. ブログジェネレータの実装 2. ビルドツールの実装 3. プラグインシステムの実装 4. 展望とまとめ（前半） 5. Language Serverの導入 6. パーサの概要 7. エラートレラントなパーサの実装 8. 展望とまとめ（後半） 9.
4. 6. Language Serverの導入 33
5. Language Serverとは 34 コード補完や診断、リファクタリング支援を行うバックエンド rust-analyzerなどが有名 入力補完 エラー表示 6. Language Serverの導入
6. https://code.visualstudio.com/api/language-extensions/language-server-extension-guide LSP (Language Server Protocol) 35 Microsoftが規定したLanguage Serverの通信仕様 (Language ServerそのものをLSPと呼ぶ風潮もありそう) 6. Language Serverの導入
7. LSP (Language Server Protocol) 36 Microsoftが規定したLanguage Serverの通信仕様 VSCodeでのエラー表示 Neovimでのエラー表示 6. Language Serverの導入
8. LSP (Language Server Protocol) 37 Microsoftが規定したLanguage Serverの通信仕様 → BrackもLanguage Serverを作ろう！ Brackに関するドキュメントが充実していなくても、 Language Serverから得られる情報によって、 執筆体験が損なわれないようにしたい 6. Language Serverの導入
9. Language Serverの実装 38 作りました！ 🥳 コンパイルエラー 存在しないプラグイン、コマンド 入力補完 etc... 6. Language Serverの導入
10. Language Serverの実装 39 困りごと これはLanguage Serverの問題ではなく、コンパイラそのものが抱える問題 今回はLanguage Serverを実装したタイミングで表面化した 構文エラーが1つしか表示されない → 構文エラーが複数ある場合、1つ直すと別のエラーが出てくる。(つらい) 複数の構文エラーを同時にキャッチできるパーサを作ろう！ 6. Language Serverの導入
11. 7. パーサの概要 40
12. 抽象構文木とは 41 構文としての意味を持つ木構造 言語の意味に関係ない情報を取 り除いた構文木 document stmt curly module command arg stmt expr square 7. パーサの概要
13. 再帰下降パーサ 42 document stmt curly { std . * Hello } 7. パーサの概要
14. 再帰下降パーサ 43 document stmt curly module { std . * Hello } 7. パーサの概要
15. 再帰下降パーサ 44 document stmt curly module command { std . * Hello } 7. パーサの概要
16. 再帰下降パーサ 45 document stmt curly module command arg { std . * Hello } 7. パーサの概要
17. document stmt curly module command arg エラートレラントなパース 46 パースに失敗しても読み飛ばしてエラーを回収したい 7. パーサの概要
18. document stmt curly module command arg エラートレラントなパース 47 パースに失敗しても読み飛ばしてエラーを回収したい ・どこまでASTを遡って ・どこまでトークンを読み飛ばして パースを再開する？ ? 無限に条件分岐が必要... 7. パーサの概要
19. 8. エラートレラントなパーサの実装 48
20. 解決策 49 ASTを構成する際に、すでに木構造があれば解決！ document stmt curly module command arg stmt expr square 8. エラートレラントなパーサの実装
21. 具象構文木(CST)の導入 50 document stmt curly module command arg stmt expr square document ? stmt? curly? module? command? arg? stmt? expr? square? ゆるい規則に基づいて木構造(CST)を構成 ASTへの変換を試みる 8. エラートレラントなパーサの実装
22. CSTの規則 51 ・任意のトークン列から構成可能 ・正しい構文のドキュメントは正しく解釈する ・誤った構文のドキュメントも“可能な限りそれっぽい”木構造に落とす 8. エラートレラントなパーサの実装
23. 具象構文木(CST)の導入 52 ASTのBNF(一部) CSTのBNF(一部) 規則、作りました お気持ち 上位のノードはできる限り 正しくあってほしいので、 厳しめの規則 8. エラートレラントなパーサの実装
24. Language Serverでの表示 53 8. エラートレラントなパーサの実装
25. 9. 展望とまとめ（後半） 54
26. 55 展望（後半） ・Language Serverの機能拡充 Hover、Rename、補完... ・型チェック(？)の導入 tableコマンドなどの引数に特定のコマンドを指定したい場合などがある →コンパイラでチェックしたい 現在ASTから実行までの間に中間表現を導入することを検討し、 実装を始めているが、メリットが怪しくなってきました ・デバッグ環境、テスト環境の整備 現在毎回printデバッグをしていてつらい テストも抜けていたりする 9. 展望とまとめ（後半）
27. 56 まとめ（後半） ・Language Serverを実装 パースエラーの表示、簡単な入力補完、引数の情報などを渡せるようになった 引数の個数が間違っている等の、パースエラー以外のコンパイルエラーを複数表示し たり、フォーマットやより賢い入力補完などは今後実装していきたい ・複数のパースエラーの検知 再帰下降パーサでは、パースに失敗した時どこまで処理を遡って再開すれば良いかわ からないので、ASTを構成することで一度別の木構造に落としておくことで、ASTへ の変換に失敗した場合でも次にどこを見ればいいかわかるようにした 9. 展望とまとめ（後半）