Tiptap is the headless and open source editor framework. Integrate over 100+ extensions and paid features like collaboration and AI agents to create the UX you want.
Improving the Developer Experience with the Ruby LSPThe Ruby LSP is a new language server built at Shopify that makes coding in Ruby even better by providing extra Ruby features for any editor that has a client layer for the LSP. In this article, we’ll cover how we built the Ruby LSP, the features included within it, and how you can install it. Ruby has an explicit goal to make developers happy. H
The Theia IDE is a modern, AI-native IDE for cloud and desktop built on the Theia Platform. The Theia Platform is a framework for building custom, tailored cloud & desktop IDEs. Learn about the latest 1.65 Release and the latest Community Release (2025-08). Stay up-to-date: follow us on Twitter and register to the "Friends of Theia" mailing list. TheiaCon is almost here! Join the 2025 TheiaCon — a
11 月 11 日 dddraft は「エディ太郎」に名前が変更になりました 🙏 https://editaro.com チャットとかメールでメッセージを送る前に、まずテキストエディタで下書きを書くという方、いると思います。 相手に「入力中…」という表示を見せたくないときもあるし、入力中に送信されてしまう不安もある。 「Command + Enter」で送信なのか「Shift + Enter」なのか、はたまた「Enter」だけで送られてしまうのかわからないテキストボックスで文字を書くのは本当に良くない体験です。※1 さらに、メールに文章をコピペしたら背景色まで付いた気持ち悪い HTML メールになってしまったという経験、あると思います。※2 全部消して書き直してもなぜかテキストメールに戻せないし、「Shift + Command + v」でペーストしたのに文字のフォーマット消えないし。
もう人生で何個目かわからない markdown エディタ作った。が、今回のは結構気に入っている。 https://markdown-buffer.netlify.com/ で遊べる。 用途としては、GitHub か Qiita か はてなブログかわからないが、なにか書こうと思ったときに、どのサービスも中途半端に重いので、とりあえずのバッファが必要、という感じで作った。なので速度重視。 ブラウザのストレージで永続化してる。オフラインで動く。できるだけエディタとしてはスコープを大きくせず、単に編集バッファ(textarea)でしかない、というのを意識している。 結構頑張って作り込んでしまった https://nedi.app が色々肥大化してしまっていて入力時にラグを感じるので、編集体験を見つめ直す自戒もある。 機能 数式対応 コードハイライト対応 バックグラウンドで自動保存 改行を br に
AWS Cloud9を始めとしたCloudIDE。結構昔からあるけど、パフォーマンス的にも機能的にもまだまだ実用にならないなと思っていたら、ここ1年ぐらいで本当に開発に使えるクラスのものが出てき始めた。 デスクトップ用のエディタが、AtomやVSCodeのようにブラウザ技術を使ったものが主流になって開発が加速しているのも一因だろうし、Dockerなどのコンポーネント技術によって開発環境のポータビリティがあったのも大きな要因だと思う。 CloudIDEのいいところは、ローカルのOSなどに依存しないことと、開発環境そのものの共有が可能なこと、環境の構築と破壊が簡単なところなどが上げられる。 私はノート２台と、デスクトップ、iPadを行き来するので、その時にいちいちGitにPushする必要がないのも大変助かる。 いくつかのCloudIDEはLive機能を持っていて、講習会やHands onなどで
PWA-Editor(仮) デザインとかは適当なんだけど、コンセプト的にどこまで実装可能かの検証を一通り終えた。頑張れば本格的なものが作れそう、という手応えがある。 IndexedDB バックエンドに fs 動かして ismorphic-git を動かしている。 UIは全然足りないが、 ポテンシャル的には GitHub に push できることも検証済み。ServiceWorker でオフラインで動くようになっている。 デプロイ先は https://nervous-kilby-73c9b0.netlify.com/ 開発中のものなので、予告なく互換が壊れることがある。 動機 Chromebook 買ったんだけど、やはり開発機として使うには厳しい気持ちがあった。主にまっとうなエディタがないのが辛い。cloud9 とか試したけど、辛かった。 フロントエンドのツール周りはJSで完結して PWA
これは、個人でどんなエディタを使うべきか、ではなく、「チームとして」新しいものを採用するとき、あるツールがエディタ横断で便利かどうかを考える必要がある。 自分個人としては、基本はAtomを使って、TypeScriptを書くときだけVS Code を使っている。ターミナルでは Vim。 環境でエディタを選ぶ 最近の新規プロジェクトでは、とくにブロッカーがなければ TypeScript を使っていいと思う。TypeScript を使うなら当然 VS Code を使うことになる。Atom や Vim でもいいが、TypeScriptのエディタとしては、流石に完成度が頭一つ抜けてる。JavaならJetBrains 的なノリで、TSならVSCode、そういうものと思ったほうが楽。 TS以外なら、エディタはなんでもいいが、ある程度流行ってるものでないとエコシステムに追いついてくれない。 prettie
はじめに 皆さんはGoogleドキュメントやHackMDを使ったことはあるでしょうか。これらのツールは「ネット越しに同時に複数の人で1つのドキュメントを編集できる」という特徴を持っています。お互いの編集がリアルタイムに反映されるので、相手が何を書くのかを意識することなく、簡単にドキュメントを複数人で編集することができます。これを実現するためには、同時編集に参加しているユーザ全員の編集内容がネットワークの延滞に影響されることなく、それぞれの編集内容をうまい具合にマージして反映してくれるような賢いアルゴリズムが必要になります。今回はこのアルゴリズムに関して書きます。 編集内容のマージとは 編集内容をうまい具合にマージしなければいけないケースを考えてみます。 AさんとBさんが次のドキュメントを同時編集するとします。最初は、お互いブラウザ上では次のように見えています。当然、この状態ではお互いに見え
幾つかの Web サービスや Electron ベースのアプリに組み込むエディタを実装するにあたって、Draft.js、Slate.js、CodeMirror を試してきて得た情報について、個人の感想を述べる。今更感があるので、ライブラリそのものについての解説はしない。 Draft.js冒頭で挙げている三つのライブラリの中では、単純に Server-Side Rendering してもエラーを出さず、普通に動くところが良かった。単純に動かないタイプのライブラリでは、例えば React ではライフサイクルイベントのコールバックである ComponentDidMount メソッドを利用するなどして、クライアントサイドのみでエディタが描画されるように工夫しなければならない。 Draft.js でエディタのスタイルを変更するには、Decorator という、描画前の内部データを DOM 要素へと変
Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors. It does this by implementing a WYSIWYG-style editing interface for documents more constrained and structured than plain HTML. You
家で野生のカビゴンが出てきて無事にGetできて、ここ最近で一番興奮した中村です、こんにちは。 今日は、リアルタイムでテキスト共同編集ができるMarkdownエディタ「HackMD」というOSSツールをhackしてみたので、そのhack方法についてご紹介します！ HackMDは、ヌーラボのリモートワークやミーティングでの議事録ツールとしても活用しており、導入の背景や他のツールとの使用比較についてもまとめました。 背景：オンラインでのリアルタイムコミュニケーションを円滑に ヌーラボは、国内だけでも福岡・東京・京都、さらに海外も含めるとニューヨーク・台湾・シンガポールなど、各地域に拠点があり、たくさんのスタッフがいます。拠点間でも、朝会など日常的にコミュニケーションが発生するので、face to faceじゃなくともオンラインでうまくコミュニケーションできる仕組みを必要としています。 今ヌーラボ
Meguro.es #4 @wantedlyでのトーク内容です
Track lines of code generated by AI in your repos See time spent per project, file, or feature Compare time in meetings vs coding Identify bottlenecks in your codebase Compete with leaderboards and goals I’ve always needed a plugin that silently judged my coding habits behind my back. WakaTime is the judgmental friend inside my IDE.
Preview画面とエディタ画面の両方を並べてリアルタイムプレビューとかやるのはだるいけど、かといってWYSIWIGエディタを使ってボタンをクリックしたりキーボードショートカットを覚えるのもだるい。Markdownを書いているつもりで記述したら勝手にWYSIWYGのようにスタイルが適用されてくれるエディタは無いかなと思って、既存のものを調べたあと試しに酷く簡単なものをつくってみた。 既存の実装 検索して見つけた近いものはこの辺り。 Pen - What You See Is What You Get (WYSIWYG) ZenPen ~ Minimal Distraction, Maximim Zen grande.js Medium.js ZenPenはシンプルなWYSIWYGエディタを実現するための実装。文書の編集にはcontentEditable属性とdesignMode属性を利用。
この記事はVisual Studio / Visual Studio Code Advent Calendar 2015の21日目の記事です。 12月20日担当のたなかさんの記事はこちらです。 いよいよAdvent Calendar最後の週に入りましたね。今年も多くのご参加ありがとうございます！ VSShare βさて去年の私は、VS Advent Calendarでこんな記事を公開しました。 VSで書いているコードをリアルタイムに共有できるサービスを作りましたというわけで、今年は**Visual Studio Codeにも対応した、マルチセッション可能な『リアルタイムコード共有サービス』を作りました。名前は『VSShare β』**です。 さらに、この度、VSShare関連のすべてのソースコードをオープンソースとして公開しました。ソースコードはすべてGitHub上で管理しています。リポジ
Tern is a stand-alone code-analysis engine for JavaScript. It is intended to be used with a code editor plugin to enhance the editor's support for intelligent JavaScript editing. Features provided are: Autocompletion on variables and properties Function argument hints Querying the type of an expression Finding the definition of something Automatic refactoring Tern is open-source (MIT license), wri
GitHub Copilot CLI Agent Start CLI Agent Session MailList.tsx MailListItem.tsx Extract MailListItem into standalone component import { For, createSignal, createMemo } from "solid-js"; import { useNavigate, useParams } from "@tanstack/solid-router"; import { getEmailsForMailbox } from "~/data/emails"; import { MailListItem } from "~/components/MailListItem"; export function MailList() { const param
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く