じっくりと一緒に歩いてみると目標点に到達します！
疲れて大変な時、楽しくて嬉しい時みんなみんな一緒にします🎈

学習して気になる点が生じたら、前後両側の気楽に聞いてみてください！ 😊

---

基本編集テンプレート(変剣ver.)

必須確認事項

• できるだけ便検テンプレートを活用してください。 ( --- /notice-box /notice-box-blue /notice-box-red /text-box /text-box-grayなど)
• 細かい余白（margin/padding）、フォントサイズの修正などは、便検テンプレートのデザインを損なわない線でエディタが自律的に進行します。

メインカラーパレット

• ＃00c471 -グリーン
• ＃343a40 -ブラック
• #0075ff -ブルー
• #e5503c -赤

Heading1

#Heading1後[Bold]

 

Heading2

## Heading2後[Bold]

 

Heading3

### Heading3後[Bold]

 

Heading4

#### Heading4後[Bold]

 

italic

*italic*

 

bold

**bold**

 

code

`code`

 

 

code

「コード

 

 

• unorderedlist

- unorderedlist
 * unorderedlist

 

 

1. orderedlist

1. orderedlist

 

 

---

---

基本テンプレート命令(変検ver.)

パラグラフ

/header *モバイルベースで2行以内で作成

 

 

パラグラフ

/gradiant-header *モバイルベースで2行以内で作成

 

 

 

/gap

gap命令を使用すると40pxが表示されます。
編集ではピンク色で表示されますが、実際には透明な色なので心配せずにお使いください。

 

 

_{画像の説明}

/img+caption *にキャプションを依存させる

 

/card2 *にキャプションを依存させる

card2には2つのレッスンカードがリストされています。

 

 

/card3 *にキャプションを依存させる

card3には3つのレッスンカードが表示されます。エディタと実際に見える画面が異なる場合がありますが気にしなくても構いません。

 

 

/card4 *にキャプションを依存させる

card4 は 4 つのレッスンカードがリストされます。エディタと実際に見える画面が異なる場合がありますが気にしなくても構いません。

 

/notice-box *講義の注意事項、参考事項など

 

/notice-box-red *講義の注意事項、参考事項など

 

/notice-box-blue *講義の注意事項、参考事項など

 

/qna-box *よくある質問

 

ここに入力してください

/button *ランディングページを移動するためのボタン

 

ここに入力してください

/large-button *ランディングページを移動するためのボタン

 

/image

中央揃えになった画像を入れたいときに使用してください。

 

/flex-box *2段画像/テキスト配列

 

/flex-box-right *2段テキスト/画像配列

 

/flex-hook *2段画像/テキスト配列

 

/flex-hook-right *2段テキスト/画像配列

 

/text-box *区切り領域などに活用

 

/text-box-gray *区切り領域などに活用

 

/feature-4 *受講ターゲット、多段スキル表現などに活用 (Bulma参照)

/profile *知識共有者のプロフィールなどに活用

 

ショートカットなし*リクエスト予定*モバイルで画像が壊れる

レスポンシブボックス *現在のショートカットなし、コードを掻いて使用してください

 #1.
ここにタイトルを
入力してください



ここに内容を入力してください

---

ボタンのない錠剤（1個）

#ピル

#ピル

ボタンレスピル（複数個）

#ピル # ピル # ピル

#ピル # ピル # ピル

ボタン付きピル（1個）

#ピル

#ピル

ボタン付きピル（複数個）

#ピル # ピル # ピル

#ピル # ピル # ピル

#ピル # ピル # ピル
#ピル # ピル # ピル

---

四角い箱の中に灰色の箱を入れる

内容を入力してください。
内容を入力してください。

内容を入力してください。
内容を入力してください。

---

モバイルレスポンシブボックス：写真2枚（フレックスボックス）

 

モバイルレスポンシブボックス:写真+投稿(フレックスボックス)

 

      
      
      
    

内容を入力してください。
内容を入力してください。
内容を入力してください。
内容を入力してください。
内容を入力してください。
内容を入力してください。

---

講義詳細紹介