イイダリョウのブログ。JS先日、Youtubeで初ライブ配信を行いました!いつも愛用しているCodePenを紹介しつつ、HTML、CSS、JSの基本を解説しました。こちらに概要とソースコードを掲載します。CodePenのおすすめ設定やYoutubeでライブ配信する方法についてもご紹介。最後にクモコツ一人もくもく会-1今回上げた動画はこちら。「CodePenでHTML、CSS、JSを体験しよう」というテーマ。※参考:YouTube画面共有によるコーディング実況で作った。1時間以上と長いのでindexも作った。【動画のindex】CodePenについてHTML、CSS、JSの役割HTMLについてCSSについてカラーコードJSについてCSS:classとidJS:分岐と反復CodePenを埋め込むCodePen今回作ったCodePenはこちら。Pen」を押すといきなりアラートが立ち上がるw今回の内容は基本的に以前書いた「HTML、CSS、JSの書式」シリーズをなぞった内容になっている。動画では解説しきれていない内容もあるので、詳細はこちらの過去記事を見てください。クモのようにコツコツとCodePenのおすすめ設定(2019/10/10追記)CodePenをいろいろ触っていて「こういうことできないかな?」と設定したいことがあった。調べたらいくつかは実現できたのでご紹介。レイアウトを変更できるので、コード欄を左側にする。次に右上のアイコンから選べる「Settings」を開く。