普通はローカル(自分のパソコン)に開発環境を用意してコーディングしますが、面倒だったりできない場合に便利なのがクラウドIDE。ブラウザ上で簡単にコーディング&表示確認ができます。
今回は数あるクラウドIDEのなかでも一番ライトに使えるCODEPENをご紹介します。
メリット
・開発環境の構築が不要
・色々なエンジニアの作品を参考にできる
See the Pen 三次元回転体 by たかたか (@koutaka) on CodePen.
これは私のpenですが、このようにコーディング&表示確認が一画面でできて便利ですよね!
右上のCODEPENアイコンから本サイトに移動し、メニューの「Fork」をクリックすると、私の作品をあなたのワークスペースにコピーしてコーディングすることもできます。模写がボタン一発で!
Vue.jsはこちらのサンプルなんていかがでしょう?
See the Pen Credit Card Form - VueJs by Muhammed Erdem (@JavaScriptJunkie) on CodePen.
コーディングの上達方法は、見本のコードを模写してイジり倒すこと!
では、より良いエンジニアライフを!
おしまい