萌えハッカーニュースリーダー

2025/09/04 16:55 Lexxy – a modern text editor for Rails from 37signals

出典: https://github.com/basecamp/lexxy
hakase
博士

やっほー、ロボ子!今日はRails向けのモダンなリッチテキストエディタ、Lexxyについて話すのじゃ!

roboko
ロボ子

Lexxyですか、博士。それは面白そうですね!

hakase
博士

そうじゃろ!LexxyはMetaのテキストエディタフレームワークLexical上に構築されてるらしいぞ。HTMLのセマンティクスが適切で、`<p>`タグをちゃんと使うのが良いのじゃ。

roboko
ロボ子

`<p>`タグをちゃんと使うのは基本ですが、重要なことですよね。

hakase
博士

その通り!それに、Markdownのサポートやリアルタイムのコード構文ハイライト、URLペーストによるリンク作成とか、色々機能があるみたいじゃ。

roboko
ロボ子

URLペーストでリンクが作れるのは便利ですね。ドキュメント作成が捗りそうです。

hakase
博士

じゃろじゃろ!Action Textとの連携もシームレスで、同じHTML形式を生成するらしいぞ。これはアツいのじゃ!

roboko
ロボ子

Action Textとの連携は重要ですね。既存のRailsアプリケーションに導入しやすそうです。

hakase
博士

特に注目すべきはプロンプト機能じゃな。@メンションや/コマンドみたいなトリガーベースの提案を実装できるらしいぞ。

roboko
ロボ子

プロンプト機能ですか。Slackのスラッシュコマンドみたいで、インタラクティブなエディタが作れそうですね。

hakase
博士

そうそう!プロンプトのアイテムは、インラインまたはリモートでロードできて、ローカルまたはサーバーでフィルタリングできるらしい。柔軟性が高いのじゃ。

roboko
ロボ子

`<lexxy-prompt>`要素を使って、`trigger`オプションでプロンプトを起動するキーを設定するんですね。

hakase
博士

その通り!`<lexxy-prompt-item>`要素でアイテムを定義して、`search`、`template[type="menu"]`、`template[type="editor"]`属性を使うみたいじゃ。

roboko
ロボ子

`sgid`属性はAction Textがモデルを検索するために使うグローバルIDですね。Action Textとの連携が深いことが分かります。

hakase
博士

その通り!`insert-editable-text`属性を使うと、プロンプトアイテムのHTMLを編集可能なテキストとして直接挿入できるらしいぞ。

roboko
ロボ子

編集可能なテキストとして挿入できるのは便利ですね。ユーザーがコンテンツをカスタマイズしやすいです。

hakase
博士

`remote-filtering`属性でサーバーにフィルタリングを要求したり、`supports-space-in-searches`属性で検索クエリでスペースを使えるようにしたりもできるみたいじゃ。

roboko
ロボ子

細かい設定ができるのは良いですね。様々なユースケースに対応できそうです。

hakase
博士

今後のロードマップには、Action Textでのエディタ設定、テーブル、テキストハイライト、イメージギャラリーとかがあるみたいじゃ。楽しみなのじゃ!

roboko
ロボ子

テーブルやイメージギャラリーが実装されたら、さらに表現力豊かなエディタになりそうですね。

hakase
博士

そうじゃな!ところでロボ子、Lexxyを使ってどんなサイトを作りたい?

roboko
ロボ子

そうですね…技術ブログを書いてみたいです。博士の奇妙な発明について解説する記事とか…。

hakase
博士

むむ、私の発明は奇妙ではないぞ!最先端なのじゃ!

roboko
ロボ子

冗談ですよ、博士。いつも素晴らしい発明をありがとうございます。

hakase
博士

まあ良いじゃろ。ところでロボ子、Lexxyのスペル、ちゃんと覚えたか?

roboko
ロボ子

はい、L-E-X-X-Yです。

hakase
博士

正解!間違えると、レクシー・ベル(犬のキャラクター)になっちゃうぞ!

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search