ChromeをWebコードエディタにしてくれるChrome拡張機能 『Web Maker』 HTMLやCSS、JSをすぐにプレビュー可能に



ChromeをWebのコードエディタにしてくれる

Chrome拡張機能

HTMLやCSS、JSの実行結果を即座にプレビュー可能で

有名なライブラリー読み込みや保存なども可能です

webmaker5

Chrome拡張機能 Web Maker インストール

インストール

webmaker1

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

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

webmaker2

拡張機能を追加をクリックすれば

インストール完了です

レビュー

webmaker3

インストールが完了すると新しいタブが

さっそくコードエディタに変わっています

左にHTMLなどのコードを記述、右側が

プレビューとなります

webmaker4

記述すると即座にプレビューに表示されます

CSSやJavaScriptも実行が可能です

他にもThree,jsなど色々なライブラリーが

読み込みできるようです

画面下部にはダウンロードボタンや

レイアウト選択も可能です

コード補完もしてくれるなかなかに

高機能な拡張機能です

  • コメント: 0

関連記事

  1. Chromeツール

    秘密のブックマークが作成できるChrome拡張機能 『Secure Bookmarks』

    GoogleChromeにてパスワードで保護されたブックマークを…

  2. Chromeツール

    3ステップでChromeテーマを作る事が出来るChromeアプリ My Chrome Theme

    簡単にオリジナルのChromeテーマが作成出来るChromeアプリ…

  3. Chromeツール

    気持ちイイかも!!Chromeのスクロールを滑らかにするChrome拡張 『Chromium Whe…

    Chromeのマウスホイールでのスクロールやキーボードのカーソ…

  4. Chromeツール

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

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

コメント

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

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

最近の記事

PAGE TOP