他にも開発用にDenoやらDockerやら色々使っていますが、割愛します。 技術選定 ReactはTypeScriptとの親和性が良く、書き味の点で評価の高いフレームワークです。Vueという選択肢もありますが、フロントエンドをちゃんとやっている知り合いがいないので、細かい困りごとでもネットで解決できるReact一択でした。 なおWebアプリの側面もあるので、当然SPAを前提としています。 Firebase (Firestore)を使う決め手となったのは、バックエンドの開発コストを抑えるためです。それ以外の点でFirebaseを利用するうま味は最近ないので、手が空いているときにgoとかでサーバーを書こうかなと思っています。ISUCONもありますし、練習になるので。 まくらぎエディタ まくらぎサービスを支えるコア機能でもある小説執筆エディタ部分は、Monaco EditorというVSCodeの
for ginza.js#7 @mizchi このスライドツールの作者 今はワケあってこの会場の会社にいる(Plaid) お品書き VSCode をハックしようとして敗北した MonacoEditor をハックしてる フロントエンドの仕事、ブラウザだけで完結するはず、と思ったことないですか？ フロントエンドのおしごと コンポーネントを作る ビルドする テストする ブラウザで確認する フロントエンドのおしごと コンポーネントを作る(ブラウザでできる？) ビルドする(ブラウザでできる?) テストする(ブラウザでできる) ブラウザで確認する(ブラウザでできる) 経緯: コンパイラを作った フロントエンドでフロントエンドをビルドする で、ブラウザ上で動くコンパイラ作った 今日は、このコンパイラを動かすためのエディタを作ってる話 @mizchi/web-compiler (仮)ができること サンプル
Bringing the power of the Monaco Editor to nteract - Python
The Python team is excited to announce the introduction of our popular Monaco Editor in nteract, the open-source organization that builds SDKs, applications, and libraries to make the most of interactive notebooks. Over the past few months, we have been working with the help of the nteract community to bring this editor to your notebook. Our team at Microsoft has actively embraced nteract in our n
技書博では東京ラビットハウスというサークルでEffective React Hooksという本を出そうと執筆中のerukitiです。今回はその執筆過程ででてきたものを記事にしています。 Monaco Editor で CMD/CTRL + S をセーブっぽい挙動にする - Qiitaと関連する記事なのですが、タイトルの通りです。 Monaco Editorにフォーマッタを登録する monaco.languages.registerDocumentFormattingEditProvider('javascript', { async provideDocumentFormattingEdits(model) { const prettier = await import('prettier/standalone') const babylon = await import('prettie
自身が作成したウェブサイト上に、ユーザーが自由に入力してコードの挙動を確かめることができるエディターを設置したい場合があるかと思います。その場合、最も基本的な方法はcontenteditable属性を用いることかと思いますが、この方法で実装するのはめちゃくちゃ骨が折れます。。。 ウェブサイトに埋め込めるエディターであるAceエディターやMonaco Editorを用いると、かなり楽です。 今回はVS codeのソースをもとにウェブブラウザー上で動くよう作成されたMonaco Editorの基本的な使い方を説明します。 画像はマイクロソフトの公式のMonaco Editorページより 前提 chrome（バージョン: 101.0.4951.67） Monaco Editor version 0.33.0. Monaco Editorとは？ Microsoft社のオープンソース Monaco
Bottom Line Up Front I use a slightly modified version of the steps mentioned in this GitHub comment. Modifications were necessary because I use TailwindCSS with Next.js. YouTube recording (18 mins) Dev.to Embed: Motivations Monaco Editor is the open source editor used in VS Code, which itself is open source. I used to write my blogposts in VS Code, and as I make my own Dev.to CMS, I wanted to hav
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vscodeのエディタ(Monaco Editor)でオンライン小説エディタサービスを作った話
Monaco Editor をハックする - Qiita
Monaco Editorでprettierをフォーマッタとして登録する - Qiita
Monaco Editorの基本的な使い方 - Qiita
How To Add Monaco Editor to a Next.js app