BLOG
ブログ

2021.06.23

codepenのようなコード共有​サイト「CodeSandbox」が便利

コードを他の人と共有したい場合、CODEPENを利用する場合が多くありますが、CodeSandboxも便利だったのでご紹介します。

サイト「Create Sandbox」を押すと以下の画面になります。
ReactやVueや知らないものまで多くのテンプレートから選べます。

Vueを選択しますとVue Cliで作成した時のようなテンプレートが準備されてすぐにコーディングを始めることができます。

パッケージも「Dependency」という所から検索してすぐに入れられます。
sassとsass-loaderを入れたらscssがすぐに使えました。
外部のリソースやGoogleFontもすぐに入れられます。

Embedボタンを押すとiframeのソースが表示されるので外部サイトへの埋め込みも簡単です。

ちょっとしたものを試す場合やコードを共有したい場合、便利なので今後も使いたいと思います。

阿部

CONTACT

下記のフォームに必要事項を記入してください。※お問い合わせの際には個人情報保護方針のご確認をお願い致します。

会社名
お名前必須
ご住所
郵便番号
都道府県
市区町村
町名番地等
建物名
お電話番号必須
- -
メールアドレス必須
お問い合わせ内容必須
メッセージ