Monaco Editor をハックする - Qiita
for ginza.js#7 @mizchi このスライドツールの作者 今はワケあってこの会場の会社にいる(Plaid) お品書き VSCode をハックしようとして敗北した MonacoEditor をハックしてる フロントエンドの仕事、ブラウザだけで完結するはず、と思ったことないですか？ フロントエンドのおしごと コンポーネントを作る ビルドする テストする ブラウザで確認する フロントエンドのおしごと コンポーネントを作る(ブラウザでできる？) ビルドする(ブラウザでできる?) テストする(ブラウザでできる) ブラウザで確認する(ブラウザでできる) 経緯: コンパイラを作った フロントエンドでフロントエンドをビルドする で、ブラウザ上で動くコンパイラ作った 今日は、このコンパイラを動かすためのエディタを作ってる話 @mizchi/web-compiler (仮)ができること サンプル
monaco-editor 周りの調査
素の manoco-editor は webpack plugin を要求してきて辛いが @monaco-editor/loader を使えば jspm の prebuilt されたJSで読み込める。ただその分CDN経由で遅い。 monaco-languageclient の使い方 サーバーを建てずにブラウザで完結して monaco で補完したい。JS製の LSP Server をローカルで動かす monaco-languageclient を使いたい。そのために調べたこと。 基本的には https://github.com/TypeFox/monaco-languageclient/tree/master/examples/browser を見ればよい 概念整理 LSP: Language Server Protocol - エディタで補完を行うためのプロトコル。基本的にはコードとカーソ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - satya164/monaco-editor-boilerplate: A simple boilerplate for Monaco editor with React.
Building a code editor with Monaco
GitHub - microsoft/monaco-editor: A browser based code editor
https://dev.decoupled.com/docs-magic-webWorker-example-monaco
