LoginSignup
15
21

More than 5 years have passed since last update.

@ksyunnnn(小橋 俊介)

フロント書くなら確実に知っておくべきCodePenについてのメモ

Posted at

概要

HTML/CSS/JavaScriptが書きたい？じゃあCodePenでしょ！！

ということで基本の使い方とすごいところを語ります。

What is CodePen? :information_desk_person:

HTML/CSS/JSのコードを、ブラウザ上で編集しながら実行結果が確認できる最強ツールです。

コードを保存して公開することもできるので、ポートフォリオとしてコードを公開している人や、誰かの書いた素晴らしいコードを参考にしてコーディングを行うことができます。

How to Start CodePen!:point_up:

1. Sign up ボタンを押します！

【URL】 https://codepen.io/
image.png

2.Free プランをクリックします！

image.png

3.入力＆Submit！

image.png

4.Save&Continueをクリック！

image.png

5.アカウント作成完了！

image.png

他にも色々 :dancers:

フォークする

参考になりそうなコードをフォーク(コピー)して自分のアカウントで編集することができます。

image.png

※フォークして編集したソースコードは、プロフィール一覧の「forked」ラベルで確認できます。
image.png

15
21
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
15
21