Codepenとは？
Codepenはブラウザ上でHTML/CSS,JavaScriptのコーディング＆結果確認ができる
「楽・早・得」の3つが揃った小さなIDE(統合開発環境)です。
メリット
・テキストエディターを準備せずにコーディングができる
・コーディングした結果をリアルタイムで確認できる
・ブログにCodepenを埋め込むことができる
デメリット
・登録しなければ保存できない
・コーディングの補助機能が利用できない
・バックエンド(PHPやRubyなど)はコーディングできない
登録方法
①Codepen公式サイトにアクセス!!
②Sign Upボタンをクリック!!
③今回はEmailで登録します!!
④必要項目を入力していく
⑤登録完了!!
⑥トップページのPenを選択し作成!!
使ってみた！
こんな感じに、
HTML/CSSの入力欄とResultに結果が表示されました！
See the Pen COLOR完成版 by Suke (@SukePLOG) on CodePen.
Codepenを上手く使いながら
楽しく学習していきたいですね！
以上です、ありがとうございました。
コメント