タイトル Typora記述例1章2章フロー図シーケンス図フロー図mermaidmermaid(flowchart)GanttCross ReferenceAuto Numbering数式線形代数連分数場合分け和&積微分積分数式を揃える演算子【関係演算子】【二項演算子】【集合の記号】【論理の記号】数式の書体\boldsymbol\mathbf\mathsf\mathit\mathtt\mathrm\mathfrak\mathcal\mathscr\mabb数式修飾アクセント数式への修飾ギリシャ文字矢印iframe
Typoraでは基本Markdown形式でドキュメントを編集する。たとえば、冒頭「タイトル」はMarkdownの"# "を、「1章」は"## ”を使用する。なお、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
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
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
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
Here is a labeled equation:
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*}
$$
を書く。
xxxxxxxxxx
$$
A =
\begin{matrix}
a & b \\
c & d
\end{matrix}
$$
xxxxxxxxxx
$$
A = \left(
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right)
$$
xxxxxxxxxx
$$
A = \left[
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right]
$$
xxxxxxxxxx
$$
A = \left\{
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right\}
$$
xxxxxxxxxx
$$
A = \left|
\begin{matrix}
a & b \\
c & d
\end{matrix}
\right|
$$
xxxxxxxxxx
$$
A = \begin{Vmatrix}
a & b \\
c & d
\end{Vmatrix}
$$
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}
$$
xxxxxxxxxx
$$
\boldsymbol{M} =
\left[\begin{array}{c|cc}
% 横並びは&を挟む
1 & 2 & 4 \\
% 水平線は\\hlineを使う
\hline
2 & 3 & 5 \\
\end{array}\right] \quad \tag{100}
$$
xxxxxxxxxx
$$
\frac{x}{y+\frac{1}{2}}
$$
xxxxxxxxxx
$$
\frac{x}{y+\displaystyle\frac{1}{2}}
$$
xxxxxxxxxx
\frac{x}{y+\cfrac{1}{2}}
xxxxxxxxxx
$$
\sqrt{2}=1+\cfrac{1}{2+\cfrac{1}{2+\cfrac{1}
{2+\cfrac{1}{1+\sqrt{2}}}}}
$$
xxxxxxxxxx
$$
\sqrt{2}=1+\dfrac{1}{2+\dfrac{1}{2+\dfrac{1}
{2+\dfrac{1}{1+\sqrt{2}}}}}
$$
xxxxxxxxxx
$$
f(x) = \left\{
\begin{array}{ll}
1 & (x \geq 0) \\
0 & (x \lt 0)
\end{array}
\right.
$$
xxxxxxxxxx
$$
a = \sum_{i=0}^{n}2a \quad
b = \prod_{i=0}^{n}2b
$$
文中で
xxxxxxxxxx
$$
\frac{d}{d x} x^2 = 2x \\
\frac{\partial}{\partial x} x^2 + a = 2x
$$
xxxxxxxxxx
$$
\lim_{n \to 0}
$$
xxxxxxxxxx
$$
\lim_{n \to \infty}
$$
xxxxxxxxxx
$$
\int \\
\int_{b}^{a} \\
\iint \\
\iiint \\
\idotsint \\
\oint
$$
xxxxxxxxxx
$$
\left\{
\begin{align}
&\begin{split}
AAA&=□□□□□□□□□□□□□□□□□□□□□□\\
&=○○○○○○○○○○○○○○○○○○○○○○○○
\end{split}\\
&\begin{split}
A&=□□□□□□□□□□□□□□□□□□□□□□\\
&=○○○○○○○○○○○○○○○○○○○○○○○○
\end{split}
\end{align}
\right.
$$
xxxxxxxxxx
$$
\boldsymbol{ABCDEFabcdefg0123}
$$
xxxxxxxxxx
$$
\log x \\
\log_a x \\
\ln x
$$
\leftarrow
\rightarrow
\Leftarrow
\Leftrightarrow
\mapsto
\hookleftarrow
\leftharpoonup
\rifhtleftharpoons
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>
©2021 symbolics.jp