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

    検索結果が見やすくなる!! キーワードをハイライト表示するChrome拡張機能

    Google検索で入力したキーワードをハイライト表示して分かり…

  2. Chromeツール

    ボスが来た!! 1クリックでChromeのタブを瞬時に隠す事ができる拡張機能 『PanicButto…

    ChromeでWeb閲覧をしている時に突然の上司、家族などが来た場合な…

  3. Chromeツール

    ブックマークの検索ができるChrome拡張機能 『Bookmark』

    Chromeでブックマークの検索が可能になる拡張機能色々なブッ…

  4. Chromeツール

    ハッカー気分に!? Webページ背景を黒くしてくれるChrome拡張機能 『Hacker Visio…

    Webページの画面を反転してハッカー気分が味わえるかも知れない…

  5. Chromeツール

    英語ページに日本語ルビを付けてくれる便利すぎるChrome拡張機能 『Read Ruby』

    英語ページに日本語翻訳のルビをつけてくれるChrome拡張機能…

  6. Chromeツール

    リンクをプレビュー表示できるChrome拡張機能 短縮URLも確認できる 『CoolPreviews…

    リンク先の画面をChrome上に表示してくれるChrome拡張機能…

コメント

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

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

PAGE TOP