このページの本文へ

CodePenだけじゃない!ブラウザー上でサクッとコードを書けるプレイグラウンド7選

2017年10月04日 12時12分更新

記事提供:WPJ

  • この記事をはてなブックマークに追加
本文印刷

コードの動きをすぐに確かめたいときに便利なのが、Webブラウザーで使えるプレイグラウンドサービス。主要な7つのサービスを紹介します。

フロントエンドのコードを試せるサービスは数多くあります。多くはクイック&ダーティ(汚くても良いから手早く)で、クライアント側のコードをほかの人と共有します。

主な機能は、

  • 色分けされたHTML、CSS、JavaScriptのエディター
  • プレビューウィンドウで更新せずに変更が確認できる
  • HTMLプリプロセッサー、たとえばHAMLなどに対応
  • CSSプリプロセッサー、LESS、SASS、Stylusなどに対応
  • 人気のJavaScriptライブラリーが使える
  • 開発者用コンソールと検査ツール
  • ショートURLによる共有
  • 別ページへの埋め込みによるデモ
  • コードのフォーク
  • 基本は無料(プレミアム機能のみ有料)
  • 世の中にあなたの腕前を見せつける

です。

この記事をWPJのサイトで読む

Web Professionalトップへ

Web Professionalトップページバナー

WebProfessional 新着記事

ASCII.jp会員サービス 週刊Web Professional登録

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

Webディレクター江口明日香が行く

ランキング