ブログ
Product UpdatesThemesBrandingPageless EditorNextDocsv1.3.0

テーマ機能とページレス・ドキュメント・エディタのご紹介

4 min
テーマ機能とページレス・ドキュメント・エディタのご紹介

テーマ機能とページレス・ドキュメント・エディタのご紹介

本日、ブランドの一貫性とドキュメントの柔軟性に焦点を当てたリリース、NextDocs v1.3を公開しました。ブランド化されたドキュメントを作成するための完全なテーマシステムに加え、レポート、提案書、記事などの流動的なコンテンツに適した新しいページレスエディタを構築しました。

あなたのドキュメント。あなたのブランド。あなたの思い通りに。

Theme Creation Dialog


🎨 テーマ — ブランドの一貫性をシンプルに

すべての組織にはブランドアイデンティティがあります。あなたを象徴する色。個性を伝えるフォント。NextDocsでは、そのアイデンティティを再利用可能な「テーマ」として定義できるようになりました。

テーマが重要な理由:

  • 一貫性 — すべてのドキュメントが組織の公式な制作物として統一されます
  • スピード — プロジェクトごとに色やフォントを手動で設定する手間が省けます
  • プロフェッショナリズム — 定義済みのパレットにより、視覚的な調和が保証されます
  • 柔軟性 — ワンクリックでドキュメント全体のルック&フィールを切り替えられます

12種類の組み込みテーマ — すぐに利用可能

幅広いスタイルとユースケースをカバーする12種類のプロフェッショナルなテーマを用意しました。各テーマは、調和のとれたカラーパレットと補完的なフォントの組み合わせで慎重に構成されています。

テーマ 最適な用途
Academic Ivory 専門的な文書、ビジネスレポート、フォーマルなプレゼンテーション
Midnight Blue テクノロジー関連のプレゼン、製品デモ、モダンな企業資料
Terracotta Professional クリエイティブエージェンシー、デザインポートフォリオ、温かみのあるブランディング
Dark Minimal 開発者向けドキュメント、テックスタートアップ、洗練されたモダンなスタイル
Ocean Breeze ヘルスケア、ウェルネス、フレッシュで親しみやすい印象
Sunset Glow マーケティング資料、イベントの招待状、温かく活気のある表現
Forest Twilight 環境、サステナビリティ、穏やかで自然な雰囲気
Soft Black プレミアムブランド、高級製品、洗練されたスタイル
Rose Gold 美容、ファッション、エレガントで洗練された印象
Lavender Dream クリエイティブなプロジェクト、芸術的なプレゼンテーション
Cool Slate エンタープライズ、コンサルティング、プロフェッショナルでニュートラル
Paper White クラシックな文書、伝統的なスタイリング、時代を超越したデザイン

ワンクリックで適用。 ドキュメント全体が瞬時に生まれ変わります。


独自のテーマを作成 — ブランドを定義する

組み込みテーマは使い始めるのに最適ですが、あなたのブランドは唯一無二です。あなたらしさを正確に表現するカスタムテーマを作成しましょう。

フォント — タイポグラフィによる表現

各テーマでは2つのフォントファミリーを定義します:

プライマリフォント(Primary Font) 見出し用のフォント。以下の場所で使用されます:

  • ドキュメントのタイトル
  • セクションの見出し
  • 重要なコールアウト
  • 目立たせたいすべての要素

ブランドの個性を伝えるフォントを選んでください。テック企業ならクリーンで幾何学的なサンセリフ、法律事務所ならエレガントなセリフ体、クリエイティブエージェンシーなら大胆で表現力豊かなフォントが適しているかもしれません。

セカンダリフォント(Secondary Font) 本文用のフォント。以下の場所で使用されます:

  • 段落と本文テキスト
  • リストと箇条書き
  • キャプションと説明文
  • 読者がじっくり読むすべての部分

これは、小さなサイズでも高い可読性を持つ必要があります。本文テキストではスタイルよりも明快さを優先してください。読者にとっての読みやすさが最も重要です。

50種類以上のGoogle Fontsが利用可能。 ドキュメントで美しく映えるプロフェッショナルなフォントを厳選しました。すべてのフォントは自動的に読み込まれ、PDFやGoogle Slidesへの書き出しも完璧に行われます。


カラー — ビジュアルアイデンティティ

テーマは、完全なコントロールを維持しながら視覚的な調和を保証する、構造化されたカラーシステムを使用しています。

コアカラー(必須)

すべてのテーマには、以下の4つの色が必要です:

背景色(Background) コンテンツが配置されるキャンバス。通常、ドキュメントでは白または非常に明るい色が選ばれますが、プレゼンテーションにはダークテーマも美しく映えます。

対応形式:

  • 単色(Hex値)
  • 線形グラデーション(上下、角度指定)
  • 円形グラデーション(中心から外側へ)

前景色(Foreground) メインのテキストカラー。可読性を確保するため、背景色に対して強いコントラストを持つ必要があります。通常は黒、濃いグレー、またはダークテーマの場合はオフホワイトが選ばれます。

プライマリカラー(Primary) ブランドのメインカラー。パレットの主役です。以下の場所で使用されます:

  • メインの見出し
  • 重要なアクセント要素
  • 重要なハイライト
  • インタラクティブな要素

多くの場合、ロゴの色や主要なブランドカラーが指定されます。

セカンダリカラー(Secondary) プライマリを補完するサブのアクセントカラー。以下の場所で使用されます:

  • 小見出し
  • 二次的なハイライト
  • 補助的な視覚要素
  • ホバー状態

プライマリカラーと相性の良い色を選んでください。コントラストのための補色、あるいは調和のための類似色が適しています。


拡張カラー(任意)

より精密なコントロールのために、追加の色を定義できます。これらを指定しない場合、NextDocsはコアカラーから自動的にこれらを派生させます。

ターシャリカラー(Tertiary) バリエーションを増やすための第3のアクセント。以下の用途に便利です:

  • チャートやデータの可視化
  • タグ付けやカテゴリ分け
  • 多色使いのハイライト

未設定の場合: プライマリカラーの色相を60度回転させて生成されます。

アクセントカラー(Accent) インタラクティブな要素やリンク用。圧倒することなく注意を引きます。

未設定の場合: デフォルトでプライマリカラーが使用されます。

ミュートカラー(Muted) 控えめな背景色として:

  • サイドバーの背景
  • コールアウトボックス
  • セクションの区切り
  • 微妙な強調

未設定の場合: 背景色から派生します(テーマの明るさに応じて12%明るく、または暗くなります)。

ミュート前景色(Muted Foreground) 二次的な情報のテキストカラー:

  • キャプションやメタデータ
  • タイムスタンプ
  • ヘルプテキスト
  • 重要度の低いラベル

未設定の場合: 前景色と背景色を40%の割合でブレンドして生成されます。

カード(Card) コンテンツカードやブロックの背景色:

  • 情報ボックス
  • 機能のコールアウト
  • グループ化されたコンテンツセクション

未設定の場合: 背景色から派生します(15%明るく、または暗くなります)。

ボーダー(Border) 仕切り、アウトライン、セパレーター用:

  • セクションの区切り線
  • テーブルの境界線
  • カードのアウトライン

未設定の場合: 背景色の彩度を下げて派生させます。

シャドウ(Shadow) ドロップシャドウや奥行き効果の色。

未設定の場合: テーマの明るさに応じて、半透明の黒または白になります。


スマートな機能 — 自動カラー派生

このシステムの強力な点は、すべての色を定義する必要がないことです。

4つのコアカラーを指定するだけで、NextDocsが残りの色をインテリジェントに算出します。この派生ロジックは明るさを認識します:

  • ライトテーマ(明るい背景): 派生色はわずかに暗くなります
  • ダークテーマ(暗い背景): 派生色はわずかに明るくなります

これにより、カード、ボーダー、ミュート背景が常に適切なコントラストを持つよう、自動的に調整されます。

より詳細にコントロールしたいですか? 派生された色を正確な値で上書きすることも可能です。常にあなたの指定が優先されます。


AIテーマ生成 — ブランドを言葉で伝える

どこから始めればいいか迷っていますか?AIに任せてみましょう。

希望するスタイルの説明を入力してください:

"青いアクセントが効いた、クリーンでミニマルなモダンテックスタートアップ"

"コーヒーショップのような、アースカラーのブラウンとクリーム色を使った温かく居心地の良い雰囲気"

"大胆でエネルギッシュ、明るい色使いで若々しくダイナミック"

"伝統的で信頼感のある、ネイビーとゴールドを使ったプロフェッショナルな法律事務所"

NextDocs AIは以下のことを行います:

  1. 厳選されたコレクションから適切なフォントを選択
  2. 説明に一致する調和のとれたカラーパレットを生成
  3. すぐに使える完全なテーマを作成

素早く試行錯誤。 結果が気に入らなければ、再生成するか、個別の値を微調整してください。

Theme Selector Panel


あらゆる場所でテーマを — キャンバスとページレス

テーマは両方のドキュメントタイプで機能します:

キャンバスドキュメント(プレゼン、ポスター、チラシ)

テーマはビジュアルエディタと統合されています:

  • 図形の塗りつぶしにテーマカラーが反映されます
  • テキストにテーマフォントが使用されます
  • 背景色がスライドに適用されます
  • Google Slidesへの書き出し時もテーマが保持されます

ページレスドキュメント(レポート、提案書、記事)

テーマが流動的なコンテンツをスタイリングします:

  • 見出しにプライマリフォントとプライマリカラーが使用されます
  • 本文にセカンダリフォントと前景色が使用されます
  • コードブロックやテーブルにテーマカラーが反映されます
  • PDFへの書き出し時もスタイリングが保持されます

📝 ページレスエディタ — 境界のないドキュメント

すべてのドキュメントに改ページが必要なわけではありません。

新しいページレスエディタは、流動的なコンテンツのための連続したドキュメント形式です。GoogleドキュメントやNotionのような感覚で、NextDocsのAIパワーを活用した作成が可能です。

ページレスを使用すべき場面

以下に最適です:

  • ビジネスレポートと分析
  • プロジェクト提案書
  • 技術ドキュメント
  • 会議の議事録とアジェンダ
  • ブログ記事とコラム
  • リサーチのまとめ
  • 社内メモ

以下にはキャンバスが適しています:

  • スライド形式のプレゼンテーション
  • 精密なレイアウトが必要なマーケティング資料
  • ポスターやチラシ
  • ビジュアル重視のドキュメント

ページレスの特徴

改ページなし コンテンツが自然に流れます。セクションの途中で不自然に途切れることはありません。レイアウトの制約を気にせず、必要なだけ書き進められます。

フルテーマサポート 組み込みまたはカスタムのテーマを適用できます。フォント、色、スタイリングがドキュメント全体に適用されます。

AIによる執筆 チャットを使用してコンテンツの生成や編集が可能です:

  • 「エグゼクティブサマリーを書いて」
  • 「このセクションをより詳細に広げて」
  • 「もっと簡潔にして」
  • 「結論を追加して」

AIは連続したフォーマットを理解し、適切な流動的コンテンツを生成します。

豊富な書式設定 プロフェッショナルなドキュメントに必要なすべてが揃っています:

  • 見出し(H1からH6)
  • 太字、斜体、下線、打ち消し線
  • 箇条書きと番号付きリスト
  • 書式設定可能なテーブル
  • シンタックスハイライト付きのコードブロック
  • 画像とメディア
  • 引用ブロック
  • 水平区切り線

リアルタイム保存 作業内容を失うことはありません。編集に合わせてドキュメントは自動保存され、保存ステータスが表示されるので常に安心です。

バージョン履歴 時間の経過に伴う変更を追跡します。AIが生成したもの、自分が編集したものを確認し、必要に応じて以前のバージョンを復元できます。


書き出しオプション

ページレスドキュメントをどこへでも持ち出せます:

PDF書き出し 適切なスタイリングを施したプロフェッショナルな出力:

  • テーマのカラーとフォントを保持
  • 印刷に適したクリーンなページ割り
  • 高品質なレンダリング

HTML書き出し ウェブ対応フォーマット:

  • 中央揃えの読みやすいレイアウト
  • レスポンシブなスタイリング
  • クリーンなマークアップ

Googleドキュメント Googleのエコシステムで編集を継続:

  • 書式を保持
  • 容易な共同作業
  • 慣れ親しんだインターフェース

🖼️ 画像フィルター — プロフェッショナルな写真編集

キャンバスドキュメント内のあらゆる画像に、プロ仕様のフィルターを適用できます。

利用可能なフィルター

ぼかし(Blur) 画像を柔らかくして背景効果を出したり、焦点を強調したりします。微かなソフト効果から強いぼかしまで強度を調整可能です。

明るさ(Brightness) 画像全体の明るさをコントロールします。暗い写真を明るくしたり、露出オーバーのショットを落ち着かせたりできます。

コントラスト(Contrast) 明暗の差を調整します。コントラストを高くしてパンチを効かせたり、低くして柔らかな印象にしたりできます。

グレースケール(Grayscale) 白黒に変換します。統一感のあるビジュアルスタイルを作成したり、カラー要素を際立たせたりするのに最適です。

反転(Invert) すべての色を反転させてクリエイティブな効果を出します。ネガのような表現や芸術的な加工に便利です。

セピア(Sepia) 温かみのあるヴィンテージ調のトーンを適用します。ノスタルジックな雰囲気や歴史的な美学に最適です。

使い方

  1. キャンバスドキュメント内の画像を選択します
  2. 画像ツールバーからフィルターパネルを開きます
  3. フィルターを選び、スライダーで強度を調整します
  4. リアルタイムで変更をプレビューできます

正確な書き出し

書き出し時もフィルターは保持されます:

  • PDF書き出しでもフィルター適用済みの画像が正しく表示されます
  • Google Slides書き出しでもフィルター効果が維持されます
  • 書き出しプロセスで品質が低下することはありません

🐛 バグ修正と改善

このリリースには、多くの安定性とパフォーマンスの向上が含まれています:

  • Google Slidesのテーマ書き出しに関する問題を修正
  • ツールバーの読み込みと安定性の問題を修正
  • カラーピッカーの挙動を改善
  • ドキュメントのテーマ選択に関する問題を修正
  • エディタのパフォーマンスを強化
  • アプリ全体の信頼性を向上

v1.3を使い始める

組み込みテーマを試す

  1. 新しいドキュメント(キャンバスまたはページレス)を作成します
  2. フッターにあるテーマセレクターをクリックします
  3. 12種類の組み込みテーマをブラウズします
  4. クリックして適用 — 瞬時に変化します

最初のカスタムテーマを作成する

  1. テーマセレクターを開きます
  2. 「テーマを作成」をクリックします
  3. フォントとコアカラーを定義します
  4. (任意)精密なコントロールのために拡張カラーを設定します
  5. 保存して、任意のドキュメントに適用します

ページレスエディタを試す

  1. 「新規ドキュメント」をクリックします
  2. ドキュメントタイプとして「ページレス」を選択します
  3. テーマを選びます
  4. 執筆を開始するか、AIにコンテンツ生成を依頼します

今後の予定

テーマシステムのさらなる拡張を予定しています:

  • ユーザーフィードバックに基づいた組み込みテーマの追加
  • 組織内でのテーマ共有機能
  • 特定の業界向けのテンプレートテーマ
  • グラデーションやパターンの背景機能の強化

ページレスエディタについては:

  • 共同編集機能
  • コメントと提案機能
  • 目次の自動生成
  • 高度な書き出しオプション

リリースのハイライト

テーマ機能

  • プロがデザインした12種類の組み込みテーマ
  • フォントと色によるカスタムテーマ作成
  • テキストの説明からのAIテーマ生成
  • テーマ管理(編集、複製、削除)
  • テーマごとのAI指示設定
  • キャンバスとページレスの両方に対応

ページレスエディタ

  • 連続ドキュメント形式(改ページなし)
  • フルテーマサポート
  • AIによるコンテンツ生成
  • 豊富な書式設定とテーブル機能
  • バージョン履歴付きのリアルタイム保存
  • PDF、HTML、Googleドキュメントへの書き出し

画像フィルター

  • 6種類のプロフェッショナルフィルター(ぼかし、明るさ、コントラスト、グレースケール、反転、セピア)
  • 強度調整が可能
  • 書き出し時も効果を保持

バグ修正

  • 全体的な安定性とパフォーマンスの向上

ブランド化されたドキュメントを作成する準備はできましたか?

今すぐ NextDocs v1.3 を試す

ご質問やフィードバックはこちらまで: hello@nextdocs.io


NextDocsをご利用いただきありがとうございます。素晴らしい創作を!

— NextDocsチーム