CodePen

 CodePenは、ブラウザ上でHTML、CSS、JavaScriptなどのコードをリアルタイムで書いて表示確認できるサービスです。基本的には無料で使えます（私も無料で使っています）。コードと実装結果が両方表示されており、コードを書いたら即座に反映されます（約3秒程度の遅延があります）。

簡単なものなら開発環境を構築せずに、プログラミングやコーディングの練習をすることができます。以下にCodePenでできることを解説します:

1. ブラウザ上でコーディング: HTML、CSS、JSなどを直接ブラウザ上で書いてリアルタイムで確認できます。
2. ソースコードの共有: コードを共有できます。
3. コードのストック: 作成したコードを保存できます。
4. ブログやNotionに埋め込み: 作成したコードをWebサイトに埋め込めます。