# Novel AI自動補完に対応したヘッドレスNotion風エディター - Findings24: - ウェブサイト: - 料金: Freemium - カテゴリー: AI開発者ツール, AIライティングアシスタント ## Novelとは？ Novelは、開発者向けのヘッドレスなNotion風WYSIWYGエディタです。ホームページではAI搭載の自動補完機能を備えたエディタとして紹介されており、ドキュメントではアプリケーションにインストールして使用できるコンポーネントとして説明されています。 TiptapとVercel AI SDKで構築されており、ドキュメントにはTypeScript、Radix UI、Cmdkも含まれています。公開ページでは、単体のライティングアプリとして使うというより、製品にエディタを組み込むことに重点が置かれています。 ## Novelでできること ### スラッシュメニューとバブルメニュー コンテンツの挿入と書式設定のために、スラッシュメニューとバブルメニューを備えたNotion風の編集画面を提供します。 ### AI自動補完 \`++\` を入力するか、スラッシュメニューから選択することで起動できるAI自動補完を提供します。 ### 画像アップロード対応 ドラッグ＆ドロップ、コピー＆ペースト、またはスラッシュメニュー経由で画像のアップロードをサポートします。 ### Tweet埋め込み コマンドメニューからツイートを挿入でき、利用可能な場合は埋め込みツイートの内容を表示できます。 ### LaTeX対応 数式表記やディスプレイ数式のためのLaTeX表現をサポートします。 ### 開発者向けスタック サイトとドキュメントによると、Tiptap、TypeScript、Radix UI、Cmdk、OpenAI、Vercel AI SDKを基盤に構築されています。 ## 利用シーン ### アプリ内エディタを埋め込む フォーマット、埋め込み、構造化コンテンツが必要な製品に、これらを一から構築せずにリッチテキストエディタを追加します。 ### 構造化コンテンツの下書き エディタ内でスラッシュコマンド、ブロック挿入、AI自動補完を使って、ドキュメント、メモ、ナレッジベースのコンテンツを作成します。 ### 数式を使う技術文書作成 本文やその他の埋め込みコンテンツとあわせて、LaTeX表記を使う技術資料や教育コンテンツを作成します。 ### マルチメディアの作成 貼り付けられた画像や埋め込みツイートを含むユーザー生成コンテンツを収集し、それらを文書フロー内に保持します。 ## よくある質問 ### Novelはどのようにインストールして使いますか？ NovelはReactコンポーネントとしてセットアップされています。ホームページには、\`novel\` パッケージからの \`Editor\` のインポートと、\`npm i novel\` による簡単なインストール手順が示されています。 ### Novelはどのような製品ですか？ ソースでは、NovelはNotion風、またはヘッドレスなNotion風WYSIWYGエディタとして説明されています。単体のライティングアプリではなく、エディタを組み込みたい開発者向けです。 ### Novelはどのようなワークフローをサポートしますか？ NovelにはAI自動補完、スラッシュメニュー、バブルメニュー、画像アップロード、ツイート埋め込み、LaTeX対応が含まれており、構造化された書式設定やより豊かなコンテンツブロックを必要とする編集ワークフローに適しています。 ### 公開サイトではどのような情報が表示されていませんか？ 公開ドキュメントにはコアエディタと短い機能一覧が表示されていますが、利用可能なページには詳細なチーム機能、価格、プラン情報は掲載されていません。 ## クイック情報 - **カテゴリ**: 開発者向けツール - **製品タイプ**: ヘッドレスWYSIWYGエディタ - **主な利用者**: アプリ内エディタを構築する開発者 - **ソースドメイン**: novel.sh - **主要ワークフロー**: パッケージをインストールし、エディタコンポーネントをレンダリングして、AI自動補完とスラッシュメニューのコンテンツブロックを使います - **価格**: 利用可能なページには表示されていません