✏️ エディター
みんなのニュースレターのエディター機能を徹底解説。テキスト装飾から埋め込み、有料記事設定まで、すべての機能を使いこなしましょう。
📋このガイドでわかること
- •エディターの画面構成と基本操作
- •テキスト書式設定（見出し、太字、リスト、引用など）
- •画像のアップロードと編集方法
- •SNS・動画・音声の埋め込み方法（16種類以上）
- •テーブル、数式、アンケートの作成
- •有料記事（ペイウォール）の設定方法
- •ショートカットキーと効率的な操作法
🖥️エディターの全体像
画面構成
みんなのニュースレターのエディターは、直感的で使いやすい構成になっています。
エディター画面：上部にツールバー、中央にコンテンツ作成エリア
ツールバー（上部）
- 書式設定ボタン
- 埋め込みメニュー
- 画像アップロード
- テーブル・数式挿入
コンテンツエリア（中央）
- タイトル入力欄
- 本文編集エリア
- ドラッグ&ドロップ対応
- リアルタイムプレビュー
自動保存機能
エディターには自動保存機能が搭載されています。編集中の内容は自動的に保存され、 万が一ブラウザが閉じてしまっても、下書きを復元できます。
ヒント： オフライン時も編集可能です。インターネット接続が復旧すると自動的に同期されます。
📝テキスト書式
ブロック書式
ツールバーのドロップダウンから、テキストのブロック書式を選択できます。
書式ドロップダウン：標準、H1見出し、H2見出し、引用、コードから選択
| 書式 | 用途 | 見た目 |
|---|---|---|
| 標準 | 通常の本文テキスト | 通常サイズのテキスト |
| H1 見出し | セクションの大見出し | 大きな見出し |
| H2 見出し | サブセクションの見出し | 中見出し |
| 引用 | 引用文、強調したい文章 | 引用テキスト |
| コード | プログラムコード | code block |
インライン書式
テキストを選択して、以下の装飾を適用できます。
Ctrl/Cmd + B
Ctrl/Cmd + I
Ctrl/Cmd + U
ツールバーから選択
ツールバーから選択
Ctrl/Cmd + K
📋リスト
リストの種類
箇条書きリスト
- 項目1
- 項目2
- 項目3
ツールバーの「・」ボタンで作成
番号付きリスト
- 手順1
- 手順2
- 手順3
ツールバーの「1.」ボタンで作成
インデント（字下げ）
リスト項目は最大7段階までインデントできます。
- レベル1
- レベル2
- レベル3
- レベル2に戻る
- レベル1に戻る
インデント： Tabキー または ツールバーの「→」ボタン
アウトデント： Shift+Tab または ツールバーの「←」ボタン
↔️配置（アライメント）
テキストや画像の配置を変更できます。
左揃え（デフォルト）
テキストが左側に揃います
中央揃え
テキストが中央に揃います
右揃え
テキストが右側に揃います
両端揃え
テキストが左右両端に揃います。長い文章の場合、単語間のスペースが調整されて、行の両端が揃った見た目になります。
🖼️画像
画像のアップロード
ツールバーの画像アイコンをクリックするか、画像ファイルを直接ドラッグ&ドロップしてアップロードできます。
対応フォーマット
画像の編集
アップロードした画像をクリックすると、編集オプションが表示されます。
リサイズ
画像の角をドラッグしてサイズを調整
代替テキスト（Alt）
アクセシビリティとSEOのために設定
キャプション
画像の下に説明文を追加
リンク設定
画像をクリックした際のリンク先を設定
🔗埋め込み機能
ツールバーの「埋め込み」ボタンから、さまざまなコンテンツを埋め込むことができます。 URLを貼り付けるだけで、自動的に埋め込みコンテンツが生成されます。
埋め込みメニュー：SNS、動画、音声、インタラクティブ機能など16種類以上
📱 SNS埋め込み
XX（旧Twitter）
ツイートを記事に埋め込みます。
手順：
- 埋め込みメニューから「X」を選択
- ツイートのURLを貼り付け
- 「埋め込む」をクリック
例：https://twitter.com/username/status/1234567890
@Threads
Threadsの投稿を記事に埋め込みます。
手順：
- 埋め込みメニューから「Threads」を選択
- ThreadsのURLを貼り付け
- 「埋め込む」をクリック
IGInstagram
Instagramの投稿を記事に埋め込みます。
手順：
- 埋め込みメニューから「Instagram」を選択
- 投稿のURLを貼り付け
- 「埋め込む」をクリック
TTTikTok
TikTok動画を記事に埋め込みます。
手順：
- 埋め込みメニューから「TikTok」を選択
- 動画のURLを貼り付け
- 「埋め込む」をクリック
🎬 動画埋め込み
▶YouTube
YouTube動画を記事に埋め込みます。再生可能なプレイヤーが表示されます。
手順：
- 埋め込みメニューから「YouTube」を選択
- 動画のURLを貼り付け
- 「埋め込む」をクリック
例：https://www.youtube.com/watch?v=XXXXXXXXXXX
🎵 音声埋め込み
♪Spotify
Spotifyのエピソードやショーを埋め込みます。
対応コンテンツ：
- ポッドキャストエピソード
- ポッドキャストショー
- 楽曲・アルバム
Sstand.fm
stand.fmの音声コンテンツを埋め込みます。
VVoicy
Voicyの音声コンテンツを埋め込みます。
📄 コンテンツ埋め込み
nnote
noteの記事を埋め込みます。
Mみんなのニュースレター
他のニュースレターの記事やニュースレター自体を埋め込みます。 クロスプロモーションに便利です。
対応コンテンツ：
- 記事（Post）
- ニュースレター（Newsletter）
🎯 インタラクティブ機能
📬 購読ボタン
ニュースレターの購読ボタンを記事内に設置できます。 記事の途中でも読者に購読を促すことができます。
活用例： 記事の冒頭や結末に設置して、新規読者の獲得につなげましょう。
🔘 カスタムボタン
任意のテキストとリンク先を設定したボタンを作成できます。
設定項目：
- ボタンのテキスト
- リンク先URL
📊 アンケート（Poll）
読者参加型のアンケートを作成できます。読者のエンゲージメントを高めるのに効果的です。
機能：
- 質問文の設定
- 複数の選択肢
- 結果のリアルタイム表示
- 編集・削除が可能
質問と選択肢を入力してアンケートを作成
📁 ファイルダウンロード
PDFやExcelなどのファイルをダウンロード可能な形式で添付できます。
活用例： テンプレート、チェックリスト、資料などを読者に提供する際に便利です。
✨ 特殊機能
💼 スポンサー広告
記事内にスポンサー広告枠を設置できます。
注意： この機能は認定ライター（verified_writer）または管理者のみ利用可能です。
📊テーブル
テーブルの作成
ツールバーのテーブルアイコンから、行数と列数を指定してテーブルを作成できます。
作成オプション
- 行数と列数を指定
- ヘッダー行の有無を選択
テーブルの編集
行・列の追加/削除
テーブルを選択してコンテキストメニューから操作
列幅の調整
列の境界をドラッグしてリサイズ
セルの編集
セルをクリックして内容を編集
マークダウンからインポート
マークダウン形式のテーブルを貼り付け可能
テーブルの例
| プラン | 価格 | 機能 |
|---|---|---|
| 無料 | ¥0 | 基本機能 |
| プレミアム | ¥500/月 | 全機能 |
🔢数式
数式の挿入
KaTeX/LaTeX構文を使って数式を挿入できます。数学、物理、統計などの技術的なコンテンツに便利です。
使用例
E = mc^2
→ アインシュタインの質量エネルギー等価式
\frac{a}{b}
→ 分数 a/b
\sqrt{x}
→ xの平方根
\sum_{i=1}^{n} x_i
→ 総和記号
🔒有料記事設定（ペイウォール）
ペイウォールの挿入
記事の途中にペイウォール（有料境界線）を挿入することで、 その下のコンテンツを有料購読者のみに公開できます。
手順：
- 有料コンテンツを開始したい位置にカーソルを置く
- ツールバーの「ここから有料記事」ボタンをクリック
- ペイウォールラインが挿入される
注意： ペイウォール機能を使用するには、認定ライター（verified_writer）または管理者権限が必要です。 また、事前にStripe連携による収益化設定が必要です。
効果的な有料コンテンツ配置
✅ 推奨
- 導入部分は無料で公開し、価値を示す
- 本題や詳細情報から有料にする
- 目次を無料部分に含める
❌ 避けるべき
- 記事の冒頭すぐにペイウォールを置く
- 無料部分が短すぎて価値が伝わらない
➖区切り線
セクション間の区切りとして水平線を挿入できます。 視覚的にコンテンツを分離し、読みやすさを向上させます。
上のセクション
下のセクション
⌨️ショートカットキー一覧
ショートカットキーを使うことで、より効率的に記事を作成できます。
| 操作 | Windows/Linux | Mac |
|---|---|---|
| 太字 | Ctrl + B | Cmd + B |
| 斜体 | Ctrl + I | Cmd + I |
| 下線 | Ctrl + U | Cmd + U |
| リンク挿入 | Ctrl + K | Cmd + K |
| 元に戻す | Ctrl + Z | Cmd + Z |
| やり直し | Ctrl + Shift + Z | Cmd + Shift + Z |
| 保存 | Ctrl + S | Cmd + S |
マークダウンショートカット
マークダウン記法を入力すると、自動的に書式が適用されます。
| 入力 | 結果 |
|---|---|
| # テキスト | H1 見出し |
| ## テキスト | H2 見出し |
| - テキスト | 箇条書きリスト |
| 1. テキスト | 番号付きリスト |
| > テキスト | 引用 |
| **テキスト** | 太字 |
| *テキスト* | 斜体 |
💾自動保存とリカバリー
自動保存機能
エディターは編集内容を自動的に保存します。
- ✓定期的な自動保存
- ✓ブラウザのローカルストレージにバックアップ
- ✓オフライン編集対応
下書きの復元
ブラウザが予期せず閉じた場合でも、次回アクセス時に下書きを復元できます。 エディターを開くと、保存されていない変更がある場合は復元を促すメッセージが表示されます。
ヒント： 重要な編集中は、定期的に「保存」ボタンをクリックしてサーバーに保存することをお勧めします。
