Chrome拡張機能版のCodePen!! ブラウザでHTMLやCSS、JSのテストができる『Web Maker』



ブラウザ上でHTMLやCSS、JavaScriptのテストが

できるChrome拡張機能

有名な所ではCodePenなどがありますが

こちらはオフラインでも使用可能です

webmaker7

Web Maker インストールはこちらから

 

インストール

webmaker1

上記リンク先ページをChromeで開き

「ADD TO CHROME」をクリックします

 

webmaker2

拡張機能を追加をクリックすると

インストール完了

 

webmaker3

Chromeにアイコンが追加されます

 

レビュー

webmaker4

左側がコード、右がプレビューとなっています

プレビューはリアルタイムに実行してくれます

 

webmaker5

補完機能もありサクサクと記述できます

 

webmaker6

コードのテストをしたい時などに便利な

Chrome拡張機能です

  • コメント: 0

関連記事

  1. Chromeツール

    40種類以上のエンジンでダウンロード時にファイルをチェックしてくれるChrome拡張機能 『Meta…

    ダウンロード時にファイルをスキャンして安全かを教えてくれるCh…

  2. Chromeツール

    マウスを乗せるだけ!! リンク先のプレビュー画面がサクッと見れるChrome拡張機能 『SwiftP…

    リンク先のページや画像などをマウスオーバーだけでリンク先のプレ…

  3. Chromeツール

    Chrome拡張 手軽にロゴ作成出来るアプリ 簡単な操作で色々と作れそうです Logo Maker

    Google Chromeの拡張アプリでオリジナルのロゴが作成出来るア…

  4. Chromeツール

    ページ内の画像やファイルを一括でダウンロードできるChrome拡張機能 『Download Mast…

    ページ内の画像やファイルなどを拡張子で指定して一括ダウンロード…

  5. Chromeツール

    広告もブロック!! Webトラッキング情報をブロックしてWebページを高速に表示できるChrome拡…

    Webサイトを見るだけで様々な情報を取得するトラッキングですが…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP