H1タイトル

H2タイトル

内容・リンク・別ウィンドウリンク・ボールド・イタリック

Ctrl + S  = スタイル記号表示

※注意

注釈表示
注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈注釈

ノート表示
ノートノートノートノートノートノートノートノートノートノートノートノートノートノートノートノートノートノートノートノートノートノート

センター

右寄せ

• 項目１
• 項目２
  • 項目２－１
    • 項目２－１－１
• 項目３

1. 数字付き項目
2. ２
3. ３
4. ４

H2タイトル２

フローチャートは flowchart.js

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

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

コードのシンタックスハイライト

<?php
namespace realpitcommon\dt\processor;

use DB;

class DtProcessorSpecData extends DtProcessor
{
    public function proc($val){
        
        if(starts_with($val, "{")){
            $data = json_decode($val);
            
            $ins_dat = [];
            $ins_dat["item_code"] = $data->item_code;
            
            DB::table("spec_product")->where("item_code",$data->item_code)->delete();
            foreach($data->data as $code => $value){
                $ins_dat["spec_class_code"] = explode(":",$code)[0];
                $ins_dat["spec_id"] = explode(":",$code)[1];
                $ins_dat["value"] = $value;
                
                DB::table("spec_product")->insert($ins_dat);
            }
            
            return $data->spec_type_code;
        }else{
            return $val;
        }
        
    }
}

図の作成

mermaid.js を利用しています。

フロー図縦の例

graph TD;
    Aの処理-->Bの処理;
    Aの処理-->Cの処理;
    Bの処理==>Dの処理;
    Dの処理-.->Eの処理;
    Cの処理-.コメント.->Dの処理;

graph TD;
    Aの処理-->Bの処理;
    Aの処理-->Cの処理;
    Bの処理==>Dの処理;
    Dの処理-.->Eの処理;
    Cの処理-.コメント.->Dの処理;

フロー図横の例

graph LR;
    Aの処理-->Bの処理;
    Aの処理-->Cの処理;
    Bの処理-->Dの処理;
    Cの処理-->Dの処理;
    Bの処理-->E;

graph LR;
    Aの処理-->Bの処理;
    Aの処理-->Cの処理;
    Bの処理-->Dの処理;
    Cの処理-->Dの処理;
    Bの処理-->E;

シーケンス図

sequenceDiagram

    Aさん->>Bさん: こんにちは

    loop 返答
        Bさん->Bさん: 思考ループ
    end

    Note right of Bさん: 考えています
    Bさん-->>Aさん: こんにちは・・
 

sequenceDiagram

    Aさん->>Bさん: こんにちは

    loop 返答
        Bさん->Bさん: 思考ループ
    end

    Note right of Bさん: 考えています
    Bさん-->>Aさん: こんにちは・・
 

ガントチャート

gantt
        dateFormat  YYYY-MM-DD
        title ガントチャート
        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

H1-2コンテンツ

H2第二の内容

コンテンツ内容

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

H2第二の内容２

コンテンツ内容

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.