ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能! (5/7ページ)
また、ソースコードを表示するだけでなく、そのコードをユーザーが実行できるボタンの設定やコンソールログの表示もできます。
実際に、本文へ埋め込むとこんな感じになります!
「CodePen」や「JSFiddle」のように、HTML / CSS / JSを連携させたプログラムの表示や実行も可能!
また、複数のプログラミング言語をタブ化し、1つにまとめて表示するような方法も利用できます。
これは複数言語の比較や、書き方の違い、Web APIの取得方法を言語別に紹介するようなケースで役立ちそうです。
(各言語それぞれの実行ボタンも設置可能)
他にも、JSON形式のデータを入力することでグラフやチャートの作成もOK!
理解度を深めるために選択式の「ミニクイズ」を作って埋め込むこともできます。