段落と改行

ヘッダー

行の先頭に#をつけることでH1〜H6まで作成することが可能。

フォーマット

文字自体の表示を変更することができます。

• 太字表現
• 強調表現
• 下線あり
• リンク付き(リンク先は私のTwitter垢です)
• 打ち消し線 ：[ ~~ ]で文字を囲っています。

以下に関しては「設定」>「Markdown」>「文法サポート」で有効にした場合、反映されます。

コードブロック

記事内に[ ``` ]と記入することでコードブロックを挿入することが可能です。また、先頭の記号の後に言語名を入れることで、（その言語がサポートされていれば）シンタックスハイライトが適用されます。

int hoge = 10;

引用

「>」文字を先頭につけることで引用ブロックが作成されます。

これが引用ブロックです。

リスト

[ - ]又は[ * ]を文の先頭につけることで通常のリストが作れます。

• Hoge
• Piyo
  • インデントPiyo

また、[1.]を文の先頭につけることで順序付きリストを作成できます。

1. Hoge
   1. インデントHoge
2. Piyo

[ - [ ] ]と記述することでタスクリストも作ることができます。[x]とすることでチェック付きの表示となります。

• タスク
• 完了タスク

数式の挿入

数式を[ $ ]で挟むことでインライン数式を書くことができます。

（例：$X^2$←こんな感じです）

数式（LaTeX）を[ $$ ]で挟むことでディスプレイ数式を書くことができます。

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$

尚、Qiitaなどではコードブロックにてmathを指定し記述することでも、ディスプレイ数式となります。

\left( \sum_{k=1}^n a_k b_k \right)^{!!2} \leq
\left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)

テーブルの作成

列と行を指定してテーブルを作成することができます。作成したテーブルはTypora上でテーブル編集時に表示されるツールチップを使う事で簡単にリサイズを変更する事ができます。

また、WYSIWYNG機能によって行/列の並び替えも簡単に行う事ができます。

脚注

[^xxx]と書くことで脚注をつける事ができます。脚注内容は脚注にカーソルを合わせると脚注内容が表示されます。

: 君死にたまふことなかれ¹

水平線の追加

[ *** ]か[ --- ]を入力してEnterを押下する事で水平線が描画されます。

目次の追加

[toc]と入力してEnterを押下する事で目次が追加されます。

Typoraの操作

基本操作に便利なショートカットキー

サイドバーについて

フォルダ内にある文書一覧を表示する「リスト表示」と、現在開いているファイルの階層構造を表示する「アウトライン表示」を切り替えて確認する事ができます。

アウトライン表示では、任意の見出しをクリックする事で素早くその位置まで移動する事が可能です。

モード切り替え

Typoraでは、よりユーザーが集中して文章を書く事ができるように、いくつかのモードを用意しています。

• ソースコードモード：プレビューモード（default）で書いた内容を、ソースコード表示にして確認する事ができます。また、そのまま編集することも可能です。

• フォーカスモード：現在の行またはブロック以外の文章を暗くすることで、現在編集している箇所にのみ視点を集中しやすくなります。
  

• タイプライターモード：メカニックタイプライターの動作を模倣します。編集している箇所が常にTyporaの作業ウィンドウの真ん中に位置されるよう固定されます。

テーマの切り替え

Typoraにはいくつかテーマがあり、それらはメニューバーから変更する事が可能です。個人的にはNightがオススメです（暗くて目が疲れにくいので）。

スペルチェックについて

Typoraにはスペルチェック機能があり、「Edit」からスペルチェックの機能を有効/無効に切り替える事ができます。とても便利な機能なので有効にしておいてもいいかもしれません。

図の作成

コードブロックにて[ sequence ]を指定して記述する事でシーケンス図が作れます。
※コードは公式チュートリアルより引用

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!

また、コードブロックにて[ flow ]を指定して記述する事でフローチャートを作ることも可能です。
※コードは公式チュートリアルより引用

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

st->op->cond
cond(yes)->e
cond(no)->op

この他にもガントを作成することもできます。
※画像は公式チュートリアルより引用

HTMLの埋め込み

HTMLを埋め込んで文字の色を変更することも可能です。

<span style="color:red">赤文字</span>

ここではそこまで掘り下げませんが、使う人はがっつり使うと思います。

最後に

今まではVSCodeを使ってMarkdownを書いていましたが、このTyporaも記事執筆用のツールとしてはとても良い選択肢であると知り、今後はこちらも使って行こうかなと考えています。この記事が皆さんのアウトプットに関する作業効率を上げるためのツール選びに参考と慣れれば幸いです。そして皆でTyporaを使って一人アドカレをしましょう。わいわい。