<div class="box-warning">Twist エディターは、現在モバイル端末ではご利用いただけません。恐れ入りますが、<a href="#markdown">マークダウン</a>を使ってコメントまたはメッセージに書式を設定してください。</div>

<p class="wysiwyg-text-align-left">Twist の便利なエディターを使って、説得力があり、思慮に富んだわかりやすい投稿とメッセージを作成しましょう！</p>

<p><img src="https://get.twist.help/hc/article_attachments/5636255264786" alt="Composing a post" width="1000" height="500"></p>

<h2>Twist エディターの使い方ガイド</h2>

<p>エディターの最下部にあるアイコンが何かご存じない場合は、以下の概要をご覧ください（各詳細についてはリンクをクリックしてください！）：</p>

<ul>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402394695826" alt="Web-Format-quick-actions.svg" width="39" height="39" data-inline=""><strong>クイック アクション</strong> メニューにアクセスする</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395343890" alt="Web-Attachment.svg" width="56" height="56" data-inline=""> 投稿に<a href="https://twist.com/help/articles/share-files,-photos-and-attachments-in-a-thread-YMVdo6Fp">ファイルを添付する</a>
</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395438738" alt="Web-Reaction.svg" width="42" height="42" data-inline=""> 投稿に<a href="https://twist.com/help/articles/add-emoji-InUM1dz2">絵文字を追加する</a>
</li>
</ul>

<h3>テキストの書式設定</h3>

<p>書式のオプションを表示するには、書式を設定したいテキストをハイライトして、以下のオプションから選択します：</p>

<ul>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402400386962" alt="Web-Format-bold.svg" width="53" height="53" data-inline=""> テキストを<strong>太字</strong>にする</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395167762" alt="Web-Format-italic.svg" width="57" height="57" data-inline=""> テキストを<em>斜体</em>にする</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395172498" alt="Web-Format-strikethrough.svg" width="46" height="46" data-inline=""> テキストに取り消し線を入れる</li>
<li>
<p><img src="https://get.twist.help/hc/article_attachments/4402395344914" alt="Web-Format-h1.svg" width="50" height="50" data-inline=""> テキストのサイズを H1 にする</p>
</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395344530" alt="Web-Format-h2.svg" width="57" height="57" data-inline=""> テキストのサイズを H2 にする</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395345938" alt="Web-Format-quote.svg" width="65" height="65" data-inline=""> テキストを引用する</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395343506" alt="Web-Format-code.svg" width="77" height="77" data-inline=""> テキストを<code>コード</code>にする</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395168402" alt="Web-Format-list-bulleted.svg" width="54" height="54" data-inline=""> 箇条書きを作成する</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395169554" alt="Web-Format-list-numbered.svg" width="49" height="49" data-inline=""> 番号付きリストを作成する</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395438994" alt="Web-Link.svg" width="29" height="29" data-inline=""><a href="https://twist.com/help/articles/share-links-93Pphf95">リンクを追加する</a>
</li>
</ul>

<div class="box-tip">コメントやメッセージに画像を追加したい場合は、コピー＆ペーストするか、ドラグ＆ドロップで画像を表示させたい場所に貼り付けます。<p><a name="markdown"></a></p>
<h2>Twist でマークダウンを使う</h2>
<p>マークダウンを使って書式を設定する方法もあります。マークダウンをよく知らないという方は、<a href="http://commonmark.org/help/">CommonMark で学ぶことができます（所要時間：60秒程度）</a>。または、下記の概要をご参照ください：</p>
<table style="width: 719px;"><tbody>
<tr>
<td style="width: 383px;">
<p>マークダウン</p>
</td>
<td style="width: 330px;">
<p>結果</p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>_斜体_</p>
</td>
<td style="width: 330px;">
<p><em>斜体</em></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>**太字**</p>
</td>
<td style="width: 330px;">
<p><strong>太字</strong></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>[リンク](http://link.com)</p>
</td>
<td style="width: 330px;">
<p><a href="http://link.com">リンク</a></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p># 見出し 1</p>
</td>
<td style="width: 330px;">
<h2><img src="https://get.twist.help/hc/article_attachments/360010037539" alt="Screenshot_2020-03-17_at_17.01.55.png" width="97" height="34"></h2>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>## 見出し 2</p>
</td>
<td style="width: 330px;">
<h2><img src="https://get.twist.help/hc/article_attachments/360010029620" alt="Screenshot_2020-03-17_at_17.02.03.png" width="80" height="22"></h2>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>* 松</p>
<p>* 竹</p>
<p>* 梅</p>
</td>
<td style="width: 330px;">
<ul>
<li style="font-weight: 400;">松</li>
<li style="font-weight: 400;">竹</li>
<li style="font-weight: 400;">梅</li>
</ul>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>1. 松</p>
<p>2. 竹</p>
<p>3. 梅</p>
</td>
<td style="width: 330px;">
<p>1. 松</p>
<p>2. 竹</p>
<p>3. 梅</p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>&gt; 引用</p>
</td>
<td style="width: 330px;">
<p><img src="https://get.twist.help/hc/article_attachments/360010029640" alt="Screenshot_2020-03-17_at_17.02.12.png" width="52" height="27"></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>![画像の説明文](https://twist.com/image.png)</p>
</td>
<td style="width: 330px;">
<p><img src="https://get.twist.help/hc/article_attachments/360001255059" alt="Embedded_image.png" width="150" height="84"></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>`コード`</p>
</td>
<td style="width: 330px;"><img src="https://get.twist.help/hc/article_attachments/360010037559" alt="Screenshot_2020-03-17_at_17.02.26.png" width="51" height="40"></td>
</tr>
<tr>
<td style="width: 383px;">
<p>```</p>
<p>コード ブロック</p>
<p>```</p>
</td>
<td style="width: 330px;"><img src="https://get.twist.help/hc/article_attachments/360001255039" alt="Code_block.png" width="95" height="52"></td>
</tr>
<tr>
<td style="width: 383px;">
<p>水平線: --- <em>または</em> ***</p>
</td>
<td style="width: 330px;"><img src="https://get.twist.help/hc/article_attachments/360023913420" alt="Screenshot_2021-03-19_at_09.36.00.png" width="578" height="32"></td>
</tr>
</tbody></table>
</div>

コメントまたはメッセージに書式を設定する

Neil Vidyarthi

https://get.todoist.help/system/photos/218209405/profile_image_10390663705_784249.jpg