---
title: "エディタの使い方"
source: "https://vibely.site/docs/manual/editor-guide"
section: "操作マニュアル"
category: "コースとチャプター"
updated: "2026-06-04"
---

# エディタの使い方

本記事では、vibelyでの教材格納やブログ記事作成時に用いる、テキストエディタの使い方について解説します。

![テキストエディタの使い方](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540548655-145e68a0-560c-4cc6-8496-185e7fadbb7c.png)

## 見出し

![見出し](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540551875-c04c7c5a-56b7-46d4-8152-540aa1fc2c7a.png)

見出し2（h2）と見出し3（h3）が使えます。
※ 見出し1（h1）は記事タイトルに用いられます。

## 文字スタイル

![文字スタイル](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540553708-40ae487f-c658-40ae-afc3-f4a7fd69146c.png)

文字の装飾ができます。

## コードブロック

![コードブロック](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540555424-024d199d-3e5b-4f3b-bd10-41452a93af38.png)

プログラムコードなどを書く場所です。

> **メモ**
>
> 現在未対応ですが、将来的にプログラム言語に合わせたシンタックスハイライトにも対応予定です。

## 箇条書き

![箇条書き](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540558057-9e84530d-5786-401a-b162-04b322af7c04.png)

普通のリストと、番号付きリストの２種類があります。

## 表

![表の挿入](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540563398-87b6830c-6352-46ab-b505-92c6b881056d.gif)

表を挿入できます。
Notionやスプレッドシートから表をコピー＆ペーストで挿入することも可能です。

## コールアウト

![コールアウト](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540559933-aec8ed99-6220-4845-82f1-438c0b1ea515.png)

２種類のコールアウトが使えます。

## 画像

![画像の挿入](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540561525-052af227-9d3d-4e19-8dcf-531f69d2c177.png)

画像を挿入して、代替テキスト（altテキスト）を設定したり、画像自体をリンクにする場合はURLを設定し、画像下部に引用元などの説明文を追加できます。
画像は、`control + v` でのペーストや、ドラッグ＆ドロップでも挿入できます。

## リンク挿入

![リンク挿入](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540567755-482aec37-ca52-4001-9ff4-c83e04bfd88c.gif)

URLを本文内に直接挿入すると自動的にリンクになりますが、日本語テキストをリンク化したい場合は、リンクボタンから設定可能です。

## コンテンツ埋め込み

![コンテンツ埋め込み](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540570511-599b012e-bef1-47ba-ba54-d40fb6d0f85d.gif)

URLをテキストで挿入する代わりに、埋め込みコンテンツも挿入できます。
通常のWebサイトであればリンクカードが生成され、動画サイトであれば動画の埋め込みにも対応しています。

![Figmaなどの埋め込み](https://xzivcqbzwwetyrrkazll.supabase.co/storage/v1/object/public/app-public/public/document-articles/1780540573024-0c16311f-e34b-4828-af25-e4666ebfe45c.gif)

Figma等、ブラウザ上で動作するツールには大体対応しています。