タイトル Typora記述例

１章

Typoraでは基本Markdown形式でドキュメントを編集する。たとえば、冒頭「タイトル」はMarkdownの"# "を、「１章」は"## ”を使用する。なお、Typoraの特徴は、ソースコードレベルではなく表示レベルでも直接編集できるところにある。

また、"# "の深さで構成されたドキュメント全体に対し、冒頭に"[toc]”を置くだけで、自動的に目次が構成される。

２章

フロー図

ref. https://qiita.com/snova301/items/037ebb66658b181e659c

シーケンス図

シーケンス図を生成するにはsequenceライブラリを利用する。以下の```で始まるコードブロックに対し、``` sequence指定を行うことで、実際の描画が開始される。


Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow

Note left of A: Note to the\n left of A
Note over A: Note over A
Note over A,B: Note over both A and B

participant E

フロー図


st=>start: Start :>http://www.google.com[blank]
op1=>operation: My Operation
io=>inputoutput: catch something...
sub1=>subroutine: My Subroutine
cond=>condition: Yes 
or No?
e=>end

st(right)->op1(right)->io(right)->sub1(right)->cond
cond(yes)->e
cond(no)->op1

mermaid


sequenceDiagram

Alice->>Bob: Hello Bob, how are you?
alt is sick
Bob->>Alice: Not so good :(
else is well
Bob->>Alice: Feeling fresh like a daisy
end
opt Extra response
Bob->>Alice: Thanks for asking
end

mermaid(flowchart)


graph TB

A[Hard edge] -->B(Round edge)
B -.-> C{Decision}

C -->|One| D["dec char:#9829;"]

C -. Two .-> E(fa:fa-spinner)
E --> G

C ==>|PASS| F((Circle))
F ==> G>Goal]

C ---|Three| H[four]
subgraph sub1
H -.-> I[five]
style I fill:#fff,stroke:#000,stroke-width:1px
end
I --> C

Gantt


xxxxxxxxxx
gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid

section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d

section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison          :crit, done, after des1, 2d
Create tests for parser             :crit, active, 3d
Future task in critical line        :crit, 5d
Create tests for renderer           :2d
Add to mermaid                      :1d

section Documentation
Describe gantt syntax               :active, a1, after des1, 3d
Add gantt diagram to demo page      :after a1  , 20h
Add another diagram to demo page    :doc1, after a1  , 48h

section Last section
Describe gantt syntax               :after doc1, 3d
Add gantt diagram to demo page      : 20h
Add another diagram to demo page    : 48h

Cross Reference

$x+1\over\sqrt{1-x^2}\label{ref1}\tag{1}$ $\ref{ref1}$

Auto Numbering

数式


xxxxxxxxxx
$$
\begin{align*}
y = y(x,t) &= A e^{i\theta} \\
&= A (\cos \theta + i \sin \theta) \\
&= A (\cos(kx - \omega t) + i \sin(kx - \omega t)) \\
&= A\cos(kx - \omega t) + i A\sin(kx - \omega t)  \\
&= A\cos \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) + i A\sin \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big)  \\
&= A\cos \frac{2\pi}{\lambda} (x - v t) + i A\sin \frac{2\pi}{\lambda} (x - v t)
\end{align*}
$$

\begin{aligned} y = y (x, t) & = A e^{i θ} \\ = A (\cos θ + i \sin θ) \\ = A (\cos (k x - ω t) + i \sin (k x - ω t)) \\ = A \cos (k x - ω t) + i A \sin (k x - ω t) \\ = A \cos (\frac{2 π}{λ} x - \frac{2 π v}{λ} t) + i A \sin (\frac{2 π}{λ} x - \frac{2 π v}{λ} t) \\ = A \cos \frac{2 π}{λ} (x - v t) + i A \sin \frac{2 π}{λ} (x - v t) \end{aligned}

を書く。

線形代数


xxxxxxxxxx
$$
A =
\begin{matrix}
a & b \\
c & d
\end{matrix}
$$

\begin{matrix} (1) & \begin{matrix} A = \begin{matrix} a & b \\ c & d \end{matrix} \end{matrix} \end{matrix}


xxxxxxxxxx
$$
A = \left(
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right)
$$

\begin{matrix} (2) & \begin{matrix} A = (\begin{matrix} a & b \\ c & d \end{matrix}) \end{matrix} \end{matrix}


xxxxxxxxxx
$$
A = \left[
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right]
$$

\begin{matrix} (3) & \begin{matrix} A = [\begin{matrix} a & b \\ c & d \end{matrix}] \end{matrix} \end{matrix}


xxxxxxxxxx
$$
A = \left\{
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right\}
$$

\begin{matrix} (4) & \begin{matrix} A = {\begin{matrix} a & b \\ c & d \end{matrix}} \end{matrix} \end{matrix}


xxxxxxxxxx
$$
A = \left|
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right|
$$

\begin{matrix} (5) & \begin{matrix} A = | \begin{matrix} a & b \\ c & d \end{matrix} | \end{matrix} \end{matrix}


xxxxxxxxxx
$$
A = \begin{Vmatrix}
a & b \\
c & d
\end{Vmatrix}
$$

\begin{matrix} (6) & \begin{matrix} A = ‖ \begin{matrix} a & b \\ c & d \end{matrix} ‖ \end{matrix} \end{matrix}


xxxxxxxxxx
$$
A=\begin{pmatrix}
a_{11} & \cdots & a_{1i} & \cdots & a_{1n}\\
\vdots & \ddots & & & \vdots \\
a_{i1} & & a_{ii} & & a_{in} \\
\vdots & & & \ddots & \vdots \\
a_{n1} & \cdots & a_{ni} & \cdots & a_{nn}
\end{pmatrix}
$$

\begin{matrix} (7) & \begin{matrix} A = (\begin{matrix} a_{11} & \dots & a_{1 i} & \dots & a_{1 n} \\ ⋮ & ⋱ & ⋮ \\ a_{i 1} & a_{i i} & a_{i n} \\ ⋮ & ⋱ & ⋮ \\ a_{n 1} & \dots & a_{n i} & \dots & a_{n n} \end{matrix}) \end{matrix} \end{matrix}


xxxxxxxxxx
$$
\boldsymbol{M} =
        \left[\begin{array}{c|cc}
            % 横並びは&を挟む
            1 & 2 & 4 \\
            % 水平線は\\hlineを使う
            \hline
            2 & 3 & 5 \\
        \end{array}\right] \quad \tag{100}
$$

\begin{matrix} (100) & \begin{matrix} M = [\begin{array}{ccc} 1 & 2 & 4 \\ 2 & 3 & 5 \end{array}] \end{matrix} \end{matrix}

$|x|$ $|x|$

$||x||$ $||x||$

$\vec{a} \perp \vec{b}$ $\vec{a} \perp \vec{b}$

$\vec{a} \parallel \vec{b}$ $\vec{a} \parallel \vec{b}$

$\boldsymbol{A}^{\mathrm{T}}$ $\boldsymbol{A}^{\mathrm{T}}$

${}^t\!\boldsymbol{A}$ $ {}^t!\boldsymbol{A}$

$\vec{a} \cdot \vec{b}$ $\vec{a} \cdot \vec{b}$

$\boldsymbol{A} \times \boldsymbol{B}$ $ \boldsymbol{A} \times \boldsymbol{B}$

連分数


xxxxxxxxxx
$$
\frac{x}{y+\frac{1}{2}}
$$

\begin{matrix} (8) & \frac{x}{y + \frac{1}{2}} \end{matrix}


xxxxxxxxxx
$$
\frac{x}{y+\displaystyle\frac{1}{2}}
$$

\begin{matrix} (9) & \frac{x}{y + \frac{1}{2}} \end{matrix}


xxxxxxxxxx
\frac{x}{y+\cfrac{1}{2}}

\begin{matrix} (10) & \frac{x}{y + \frac{1}{2}} \end{matrix}


xxxxxxxxxx
$$
\sqrt{2}=1+\cfrac{1}{2+\cfrac{1}{2+\cfrac{1}
{2+\cfrac{1}{1+\sqrt{2}}}}}
$$

\begin{matrix} (11) & \sqrt{2} = 1 + \frac{1}{2 + \frac{1}{2 + \frac{1}{2 + \frac{1}{1 + \sqrt{2}}}}} \end{matrix}


xxxxxxxxxx
$$
\sqrt{2}=1+\dfrac{1}{2+\dfrac{1}{2+\dfrac{1}
{2+\dfrac{1}{1+\sqrt{2}}}}}
$$

\begin{matrix} (12) & \sqrt{2} = 1 + \frac{1}{2 + \frac{1}{2 + \frac{1}{2 + \frac{1}{1 + \sqrt{2}}}}} \end{matrix}

場合分け


xxxxxxxxxx
$$
f(x) = \left\{
\begin{array}{ll}
1 & (x \geq 0) \\
0 & (x \lt 0)
\end{array}
\right.
$$

\begin{matrix} (13) & \begin{matrix} f (x) = {\begin{cases} 1 & (x \geq 0) \\ 0 & (x < 0) \end{cases} \end{matrix} \end{matrix}

和＆積


xxxxxxxxxx
$$
a = \sum_{i=0}^{n}2a \quad
    b = \prod_{i=0}^{n}2b
$$

\begin{matrix} (14) & a = \sum_{i = 0}^{n} 2 a b = \prod_{i = 0}^{n} 2 b \end{matrix}

$\sum_{n=1}^{a}$ $\sum_{n=1}^{a}$で表現した場合。

微分


xxxxxxxxxx
$$
\frac{d}{d x} x^2 = 2x \\
    \frac{\partial}{\partial x} x^2 + a = 2x
$$

\begin{matrix} (15) & \begin{matrix} \frac{d}{d x} x^{2} = 2 x \\ \frac{\partial}{\partial x} x^{2} + a = 2 x \end{matrix} \end{matrix}


xxxxxxxxxx
$$
\lim_{n \to 0}
$$

\begin{matrix} (16) & lim_{n \to 0} \end{matrix}


xxxxxxxxxx
$$
\lim_{n \to \infty}
$$

\begin{matrix} (17) & lim_{n \to \infty} \end{matrix}

積分


xxxxxxxxxx
$$
\int \\
\int_{b}^{a} \\
\iint \\
\iiint \\
\idotsint \\
\oint
$$

\begin{matrix} (18) & \begin{matrix} \int \\ \int_{b}^{a} \\ \iint \\ ∭ \\ \int \dots \int \\ \oint \end{matrix} \end{matrix}

数式を揃える


xxxxxxxxxx
$$
\left\{
  \begin{align}
    &\begin{split}
      AAA&=□□□□□□□□□□□□□□□□□□□□□□\\
      &=○○○○○○○○○○○○○○○○○○○○○○○○
    \end{split}\\
    &\begin{split}
      A&=□□□□□□□□□□□□□□□□□□□□□□\\
      &=○○○○○○○○○○○○○○○○○○○○○○○○
    \end{split}
  \end{align}
\right.
$$

\begin{matrix} {\begin{aligned} (19) & \begin{aligned} A A A & = □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ \\ = ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ \end{aligned} \\ (20) & \begin{aligned} A & = □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ \\ = ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ \end{aligned} \end{aligned} \end{matrix}

演算子

【関係演算子】

$\neq \; \equiv \; \fallingdotseq \; \risingdotseq$ $ \neq \; \equiv \; \fallingdotseq \; \risingdotseq$

$\sim \; \simeq \approx$ $\sim \; \simeq \approx$

$\geq \; \geqq \; \leq \; \leqq \; \gg \; \ll$ $\geq \; \geqq \; \leq \; \leqq \; \gg \; \ll$

【二項演算子】

$\times \ast \div \pm \mp \oplus \ominus \otimes \oslash \circ \ltimes \rtimes$ $\times \ast \div \pm \mp \oplus \ominus \otimes \oslash \circ \ltimes \rtimes$

【集合の記号】

$\in \ni \notin$ $\in \ni \notin$

$\subset \supset \subseteq \supseteq \nsubseteq \nsupseteq \subsetneq \supsetneq$ $\subset \supset \subseteq \supseteq \nsubseteq \nsupseteq \subsetneq \supsetneq$

$\cap \cup \emptyset \varnothing$ $\cap \cup \emptyset \varnothing$

$\N \Z \Q \R$ $\N \Z \Q \R$

【論理の記号】

$\lnot \land \lor$ $\lnot \land \lor$

$\to \Rightarrow \Leftarrow \Leftrightarrow$ $\to \Rightarrow \Leftarrow \Leftrightarrow$

$\models \equiv$ $\models \equiv$

$\exist \forall$ $\exist \forall$

数式の書体

\boldsymbol


xxxxxxxxxx
$$
\boldsymbol{ABCDEFabcdefg0123}
$$

\begin{matrix} (21) & A B C D E F a b c d e f g 0123 \end{matrix}

\mathbf

\begin{matrix} (22) & ABCDEFabcdefg 0123 \end{matrix}

\mathsf

\begin{matrix} (23) & ABCDEFabcdefg 0123 \end{matrix}

\mathit

\begin{matrix} (24) & ABCDEFabcdefg 0123 \end{matrix}

\mathtt

\begin{matrix} (25) & ABCDEFabcdefg 0123 \end{matrix}

\mathrm

\begin{matrix} (26) & ABCDEFabcdefg 0123 \end{matrix}

\mathfrak

\begin{matrix} (27) & ABCDEFabcdefg 0123 \end{matrix}

\mathcal

\begin{matrix} (28) & ABCDEFabcdefg 0123 \end{matrix}

\mathscr

\begin{matrix} (29) & ABCDEFabcdefg 0123 \end{matrix}

\mabb

\begin{matrix} (30) & ABCDEFabcdefg 0123 \end{matrix}

\begin{matrix} (31) \end{matrix}

数式修飾

アクセント

$\hat{a}$ $\acute{a}$ $\bar{a}$ \bar{a}

$\dot{a}$ $\breve{a}$ $\check{a}$ \check{a}

$\grave{a}$ $\vec{a}$ $\ddot{a}$ \ddot{a}

数式への修飾

$\widetilde{abc}$ $\widehat{abc}$ \widehat{abc}

$\overleftarrow{abd}$ $\overrightarrow{abc}$ \overrightarrow{abc}

$\overline{abc}$ $\underline{abc}$ \underline{abc}

$\overbrace{abc}$ $underbrace{abc}$ \underbrace{abc}

$\overbrace{a_1\cdots a_n}^{n}$ \overbrace{a_1\cdots a_n}^{n}

$\underbrace{a_1\cdots a_n}^{n}$ \underbrace{a_1\cdots a_n}^{n}

$\sqrt{abc}$ $\sqrt[n]{abc}$ \sqrt[n]{abc}

ギリシャ文字

$\alpha \; \beta \; \Gamma, \varGamma \gamma \; \Delta, \varDelta \; \delta$ $\alpha \; \beta \; \Gamma, \varGamma \gamma \; \Delta, \varDelta \; \delta$

$\epsilon,\varepsilon \; \zeta \; \eta \; \Theta,\varTheta \; \theta,\vartheta \; \iota \; \kappa,\varkappa$ $\epsilon,\varepsilon \; \zeta \; \eta \; \Theta,\varTheta \; \theta,\vartheta \; \iota \; \kappa,\varkappa$

$\Lambda,\varLambda \; \lambda \; \mu \; \nu \; \Xi,\varXi \; \xi \; \Pi,\varPi \; \pi,\varpi$ $\Lambda,\varLambda \; \lambda \; \mu \; \nu \; \Xi,\varXi \; \xi \; \Pi,\varPi \; \pi,\varpi$

$\rho,\varrho \; \Sigma,\varSigma \; \sigma,\varsigma \; \tau$ $\rho,\varrho \; \Sigma,\varSigma \; \sigma,\varsigma \; \tau$

$\Upsilon,\varUpsilon \; \upsilon \; \Phi,\varPhi \; \phi,\varphi \; \chi \; \Psi,\varPsi \; \psi \; \Omega,\varOmega \; omega$ $\Upsilon,\varUpsilon \; \upsilon \; \Phi,\varPhi \; \phi,\varphi \; \chi \; \Psi,\varPsi \; \psi \; \Omega,\varOmega \; omega$

$\pi \exp(x)\delta \odot$ $\pi \exp(x)\delta \odot$


xxxxxxxxxx
$$
\log x \\
\log_a x \\
\ln x
$$

\begin{matrix} (32) & \begin{matrix} \log x \\ \log_{a} x \\ \ln x \end{matrix} \end{matrix}

矢印

$\leftarrow$

$\rightarrow$

$\Leftarrow$

$\Leftrightarrow$

$\mapsto$

$\hookleftarrow$

$\leftharpoonup$

$\rightleftharpoons$

iframe


xxxxxxxxxx
<iframe src='./Tree.html'>
  HTMLファイルの埋め込み
</iframe>


xxxxxxxxxx
<iframe width="761" height="428" src="https://www.youtube.com/embed/rGTRCNWaZwY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>