タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Zennでは、「記事」や「本のチャプター」のMarkdownエディタのベースにCodeMirrorというライブラリを使っています。これまではCodeMirrorのv5を使っていた(正確にはv5に依存するラッパーライブラリを使っていた)のですが、古いバージョンを使い続けるリスク解消と更なるエディタの拡張性を得るため、CodeMirrorのv6にアップグレードすることにしました。 本記事では、CodeMirror v6の基本的な知識部分から、ZennのMarkdownエディタを実装するまでのカスタマイズ方法を紹介します。 CodeMirrorの基礎知識 はじめに CodeMirrorはWeb上にコードエディタを実装するためのライブラリです。標準で多くのプログラミング言語に対応したシンタックスハイライトや入力補完、折りたたみ、キーマップ、マルチカーソルなど、モダンなコードエディタに必要な機能を備
EngInfraAce, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser I’ve been working on Replit for roughly six years now, and as the team has grown, I’ve focused on the IDE (what we call the workspace) portion of the product. Naturally, I was increasingly preoccupied with the code editor. While we’ve considered creating a code editor that meets our needs, the complexity i
JSer.info #598 - ECMAScript 2022が、2022-06のEcma International GA(総会)で承認され、正式にリリースされました。 Ecma International approves new standards - Ecma International ES2022では、クラスにPublic/Privateクラスフィールド、Top-Level await、StringとArrayにat()、Error Causeなどが追加されています。追加された機能については、次の記事で解説されています。 Ecma International approves ECMAScript 2022: What’s new? 正式仕様リリース! JavaScriptの最新仕様ES2022で追加された「全」新機能 また、同じくJavaScriptの入門書であるjspri
At Replit, our mission is to bring the next billion software creators online. In order to achieve that ambitious goal, we need to make sure that the experience of writing, running, and sharing code is as seamless as possible. At the heart of that experience is the editor itself. As a result, we dedicate a huge amount of time and energy to improving the stability, performance, and accessibility of
なぜブラウザコードエディタなのか DuckDB-Wasm をブラウザで触る場合、コードエディタが欲しい PGLite が出てきたいま、ブラウザで SQL を書く機会がある Wasm との相性が良い LSP がブラウザで利用できると世界が変わる LSP を Rust で開発して Wasm でというのはスタンダードになると思っている Rust で書かれた Postgres LSP も出てきている supabase-community/postgres_lsp: A Language Server for Postgres Playground があるとないでは世界が違う ブラウザで YAML / JSON を書く際、コードエディタがあるないでは全然違う 利益が出ない部分でもあるので、投資されにくいので差別化がしやすい ユースケース home/admin のダッシュボードでの DuckDB-Wa
こんにちは。Synergy!というサービスのフロントエンドを主に開発している渋谷です。 今回はSynergy!でも利用しているCodeMirrorというライブラリの紹介です。 皆さんはCodeMirrorを使ったことがありますか?CodeMirrorとはコードエディターをWeb上で扱うためのライブラリです。WYSIWYGエディタではなく、どちらかといえばVS Codeの内部で利用されているMonaco Editorなどの仲間です。 CodeMirrorではコードエディターの作成以外にも以下のようなtextareaやinputのコンポーネントを作る事ができます。 特定の文字列が入力されたときにその文字列にマークをつけたい 自前で入力補完を実装したい CodeMirrorは非常に柔軟性が高く様々な要件をカバーできる可能性があります。ただ、現在のところあまり記事が出回っていないので、CodeMi
CodeMirror 6 is a new code editor library for the web, a from-scratch implementation based on the experience of building and maintaining versions 1 to 5 for the past 13 years. It aims to be more extensible and accessible than previous versions. As of today, version 6.0 is stable. Going forward, probably at least several years, all new releases will be under the 6 major version, and be backwards co
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く