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ツール

    マウスクリック無しでWeb閲覧が可能なChrome拡張機能『Click-free Browsing』…

    リンクボタンをクリック、スクロール時にスクロールバーをドラッグ…

  2. Chromeツール

    ポケモンGO!! ポケモンの壁紙にしてくれるChrome拡張機能 『Pokemon Go Wallp…

    ポケモンGOが大好きな人なら大喜びのChrome拡張機能…

  3. Chromeツール

    ChromeをiOS7風に!! 新しいタブがiOS7になる拡張機能が綺麗 『IOS 7 New Ta…

    Chromeの新しいタブのページをiOS7の様なデザインにして…

  4. Chromeツール

    範囲指定したリンクを一括で開いてくれるChrome拡張機能 『Linkclump』

    Webページ上で範囲指定したリンクを一括で全て開いてくれるとい…

  5. Chromeツール

    Chromeアプリ 住所を見つけると自動でGoogleマップへのリンクを付けてくれる PopMap

    Chromeブラウザ内で住所を発見すると自動的にGoogleマップで開…

  6. Chromeツール

    なぞった文章を自然に読み上げてくれるChrome拡張機能 『くろむしゃべれっと』

    文字をなぞって選択するだけで自然な話し方で読み上げてくれるCh…

コメント

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

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

最近の記事

PAGE TOP