# オーサリングツール > デザインスキル不要のドラッグ＆ドロップエディタ、テンプレート・マルチメディア対応。 - 最終更新日: 2026-08-27 - 原文URL: https://www.touchclass.com/ja/content-editor - MarkdownミラーURL: https://www.touchclass.com/markdown.php/ja/content-editor.md - 言語: 日本語 - 分類: コア機能 ## 要点 - デザインスキル不要のドラッグ＆ドロップエディタ、テンプレート・マルチメディア対応。 ## 機能詳細（構造化データ） ### 機能概要 - No-code WYSIWYG authoring tool for combining text, images, video, audio, HTML, quizzes, tests, and surveys into training content. ### 詳細機能 - three-column editor structure - desktop, tablet, and mobile preview widths - reusable paragraph and element library - AI text upgrade, summary, translation, spell check, and tone change - 10 AI image styles - curriculum-level content copying ### 効果 - lets HRD, field, and business teams create training without development resources - supports same-day updates for urgent operational changes - reduces dependence on external content vendors ### 出典URL - https://www.touchclass.com/ja/content-editor - https://www.touchclass.com/ja/content-efficiency ## 本文 *以下の本文は原文ページをレンダリングして抽出したものです。* エディター ## コード不要。 プロ品質の研修コンテンツをつくる テキスト、画像、動画、クイズをドラッグ＆ドロップするだけ。AI内蔵のエディターで、誰でもプロ品質の研修コンテンツを作成できます。 10 コンテンツ要素 ドラッグ＆ドロップ AI Built-in テキスト・画像 自動生成 3 Devices デスクトップ・タブレット・モバイル リアルタイムプレビュー [エディター デモ](https://www.touchclass.com/form/contact) 提案書ダウンロード ## 直感的なエディターインターフェース - 3ペインレイアウト 左ペインでカリキュラム管理、中央でWYSIWYG編集、右ペインでファイル管理。1画面で構成と中身を同時に編集できます。 カリキュラム・エディター・ファイル 3ペイン - カリキュラム＆ページ管理 カリキュラムもページも、ドラッグ＆ドロップで自在に並べ替え。既存コンテンツのインポートや、カリキュラム全体の一括コピーにも対応します。 - リアルタイムレスポンシブプレビュー 制作中にデスクトップ（800px）・タブレット（650px）・モバイル（425px）を即座に切り替え。学習者の画面を、その場で確認しながらつくれます。 - 統合ファイルライブラリ 画像（jpg/png/gif）・動画（mp4）・音声（mp3/wav）をアップロードし、フォルダで整理。アーカイブに保存した段落や要素は、別のコースでもそのまま使い回せます。 TouchClass エディター — 3ペインレイアウト 1 あなたの強みを見つける 1カリキュラム 1ページ 保存 プレビュー ↶ 30↷ 0 コンテンツインポート 全ページを折りたたむ ▾ 1 あなたの強みを見つける 1 強みを発見する 2 強みの見つけ方 3 まとめ + ページを追加 + 新しいカリキュラムを作成 新しい段落を作成 ▶ 本日のトピック 画像の説明をここに入力してください。 あなたの強みを見つける あなたの強みをご存知ですか？ ほとんどの性格テストはネガティブ面に焦点を当てますが、ポジティブな強みを発見するテストを見つけました！ 段落分割 カラム分割 保存ログ ファイル一覧 アーカイブ ファイルアップロード 24ファイル · All Image Video Audio work_life.png foot_title_201.png page_back.png foot_title_200.png 2025-09-08 (52) ① 左: カリキュラム管理 ② 中央: WYSIWYG編集 ③ 右: ファイルライブラリ カリキュラム＆ページ管理 ↶ 30 ↷ 0 コンテンツインポート 全ページを折りたたむ 1 あなたの強みを見つける ⋮⋮ 1 強みを発見する ⋮⋮ 2 強みの見つけ方 ⋮⋮ 3 まとめ + ページを追加 + 新しいカリキュラムを作成 タイトル編集・書式適用 あなたの強みを見つける B I U ● レスポンシブプレビュー — 3デバイスリアルタイム切替 🖥 デスクトップ 📱 タブレット 📱 モバイル ▶ 本日のトピック あなたの強みを見つける あなたの強みをご存知ですか？ Most personality tests focus on classifying negatives... 800px デスクトップ ▶ 本日のトピック あなたの強みを見つける あなたの強みをご存知ですか？ 650px タブレット Find Your Strengths Do you know your strengths? 425px モバイル ✅ 編集中にデバイスを即座に切り替え PCとモバイルで学習者画面をリアルタイムにプレビュー ファイルライブラリ ファイル一覧 アーカイブ 📤 ファイルアップロード 新規フォルダ ✏ 名前変更 削除 ☰ ▦ 24ファイル すべて 画像 動画 音声 名前 ▾ ホーム / work_life.png foot_title_201.png page_back.png 🎬 beach_video.mp4 2025-09-08 ポートフォリオ (52) 対応フォーマット jpg png gif mp4 mp3 wav ## 10種類のコンテンツ要素 - テキスト＆AIエディター 多言語フォント（日・英・韓・中）と書式ツールを標準搭載。テキストの文章改善・要約・翻訳・スペルチェック・トーン調整は、AIエディターがワンクリックで行います。 AIテキスト自動生成 - 画像＆AI生成 アップロード、またはファイルライブラリからドラッグで挿入。AIは水彩画・油絵・ピクセルアート・フォトリアル・アニメーション調など、10種類のスタイルで画像を生成します。 AI画像 10スタイル - 動画・音声・HTML 動画（mp4）や音声（mp3/wav）は、ループ再生やダウンロード許可の切替付きで配置。HTML要素のiframeから、YouTube動画の埋め込みも可能です。 - クイズ・試験・アンケート 問題バンクから設問を選び、ドラッグで順序を入れ替え。試験は配点設定に対応し、クイズには解答確認ボタンも組み込めます。 テキスト＆AIエディター Noto Sans Body Size (Default) B I U T↑ T↓ T̲ ≡ ≡ ≡ ↔ ✎ 済州特別自治道は、韓国の南海に浮かぶ島々を管轄する特別自治道です。韓国最大の島である済州島をはじめ、馬羅島、牛島、楸子群島など有人島8島と無人島55島で構成されています。 ✦ AIエディター 文章改善 要約 翻訳 スペル＆文法チェック 短縮 拡張 トーン変更 簡略化 ✦ AIに文章作成・編集を依頼 YouTubeを始めたばかりですか？コンテンツのアイデアは溢れているのに、制作方法が分からない？ 生成結果 YouTubeを始めたばかりですか？アイデアは溢れているけど、どこから制作を始めればいいか分からない？PPTスライドを背景として使用できます… ✓ エディターに適用 ↻ 再生成 Noto Sans Nanum Gothic Nanum Barun Hanna Noto Sans JP SC Simplified TC Traditional 画像＆AI生成 画像ファイルをクリックしてアップロード、または ファイルライブラリから画像をドラッグしてください。 （フォーマット: png, jpg, jpeg, gif） 📎 複数選択＆ドラッグ → 画像スライドショーに自動変換 ① ギャラリー フルスクリーン表示 ② リンク URL遷移 ③ SSO LMS連携 ✦ AI画像生成 画像の説明を入力 教室でノートPCで学習する社員、明るい照明、モダンなオフィス 画像スタイルを選択 水彩画 油絵 ピクセルアート リアル アニメ コラージュ クレイ フラット 鉛筆 ドローイング ⚠ AI画像生成にはトークンを使用します（追加料金なし）。 画像ビューアー: ON ダウンロード: OFF 動画・音声・HTML 🎬 動画 ▶ 0:00 3:24 🔊 ▶ ← 動画 + 画像（サムネイル） ループ: OFF ダウンロード: ON サムネイル: 設定済み 🔊 音声 ▶ waves.mp3 1:42 / 2:50 🔊 ループ: OFF mp3・wav対応 HTML — YouTube動画を埋め込み HTMLタグをここに入力してください。 YouTube「共有 > 埋め込み」→ コードをコピー → 貼り付け クイズ・試験・アンケート 問題を選択 Compliance Training × 全7問 検索 1 以下のうち、個人データの定義に該当しないものはどれですか？ MCQ 2 発達障害のある方と接する際の関係構築方法... MCQ 3 以下のうち、視覚障害のある方について述べているものは... 選択済み ✓ 4 以下のうち、障害者差別に該当しないものはどれですか？ MCQ クイズ 解答確認ボタン ✓ 順序表示 試験 配点設定対応 スコア/解答公開 アンケート 解答チェックなし 手動/自動提出 試験合計スコア 現在のページ 4 pts / Total 4 pts ● 現在の段落に挿入 ○ 新しい段落として挿入 ## エディター 主要機能 研修担当者がプロ品質のコンテンツをつくるために、必要なものをひと揃え ### AIテキスト エディター 文章改善、要約、翻訳、スペル修正、トーン調整。執筆も編集も、AIが隣で手伝います。 ✦ AI テキスト生成 文章改善 要約 翻訳 トーン変更 ### AI画像 自動生成 水彩画・油絵・ピクセルアートなど10種類のスタイル。欲しい画像の説明を入れるだけで、AIが研修用のビジュアルを仕上げます。 10スタイル・説明入力 → 自動生成 ### 段落＆カラム レイアウトシステム 段落の幅・高さ・背景・枠線を自由に調整。カラム分割で、マルチカラムのレイアウトもすぐに組めます。 段落分割 · カラム分割 · Background Settings ### コンテンツ インポート カリキュラム単位で既存コンテンツをそのままコピー。再利用を前提に設計されているため、制作時間を大きく短縮できます。 コンテンツ一覧 ☑ コンプライアンス：職場の障害者理解 ← コピー ### コンテンツ設定 ＆問題ポリシー カテゴリー、タイトル、カバー画像をまとめて設定。クイズ・試験・アンケートの番号付けや書式も、一括で管理できます。 カテゴリー タイトル カバー ### アーカイブから 要素を再利用 よく使う段落や要素はアーカイブに保存。別のコンテンツでも、ワンクリックで呼び出してそのまま使えます。 All (3) 段落 (1) 要素 (2) ## 関連資料 - [ソーシャルラーニング](https://www.touchclass.com/markdown.php/ja/social-learning.md): TouchTogetherでSNSスタイルのチームコミュニティ、ディスカッション、ピアラーニング。 - [ライブストリーミング](https://www.touchclass.com/markdown.php/ja/live.md): リアルタイムチャット・投票・QR出席・チャンネル単位のアクセス制御を備えたインタラクティブなライブ研修。検証済みの規模は韓国大手銀行での18,000名同時接続の負荷テスト1件であり、公開済みのテスト結果です。保証される常時収容量は契約条件に応じて別途算定します。 - [ゲーミフィケーション](https://www.touchclass.com/markdown.php/ja/gamification.md): ポイント・バッジ・リーダーボード・チーム対抗戦でエンゲージメント向上。 - [CBT評価](https://www.touchclass.com/markdown.php/ja/cbt.md): 自動採点・問題バンク・ランダム出題・詳細分析を備えたコンピュータベーステスト。 - [管理者ダッシュボード](https://www.touchclass.com/markdown.php/ja/dashboard.md): 修了率・エンゲージメント・ROIをリアルタイムで可視化。 - [修了管理](https://www.touchclass.com/markdown.php/ja/completion.md): コース修了追跡、証明書発行、コンプライアンスレポートを自動化。 > 出典・表現方針: https://www.touchclass.com/data/source-governance.json · LLM向け全体コンテキスト: https://www.touchclass.com/ja/llms-full.txt · 構造化データ: https://www.touchclass.com/data/capability-effects.json, https://www.touchclass.com/data/solution-use-cases.json