コードブロックを追加して、ページのようなコースを実行することができます。コードスニペットは、コンピューティングコードの例で学習コンテンツを説明しながら、その言語指定型式を維持します。



コードブロックの挿入方法

  1. ページを開きます

  2. をクリックして、ドロップダウンメニューリストの下にあるコードスニペットを選択します



  3. それから、言語を選択します



    初めてコードブロックを挿入する時には、デフォルト言語はJavaScriptです。残りのコードブロックは、最後に選択した言語になります

  4. コードのフラグメントをブロックに貼り付けます



    よくできました！コードスニペットを追加できました。

ブロック内でコードを編集する方法

シンタックスハイライト、背景色、タブ、フォントサイズをお好きなように変更することで、コードをフォーマットし続けることができます。

  1. コードブロックを選択します

  2. 他の設定 をクリックします



  3. それから、提案されたオプションかパレットから背景色を選択します



  4. ブロック周りのスペースを拡大/縮小する必要がある場合には、ドロップダウンリストからサイズを選択します



  5. ドロップダウンメニューから別のプログラミング言語を選んで、別のシンタックスハイライトを適用することも可能です



  6. ブロック内でフォントサイズを拡大/縮小するためには、リストからお好みのサイズを選択します

文章にコードを挿入する方法

コードフラグメントを追加する別の方法は、コードという名の新しいスタイルを使う方法です。これは、テキストスタイルタブで利用できます。

  1. プログラミングコードが入っている文章の一部にハイライトを入れます



  2. フォントスタイル をクリックします



  3. コード (<>) を選択します



    よくできました！文章の一部をコードに変換できました