Chromeツール

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など色々なライブラリーが

読み込みできるようです

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

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

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

高機能な拡張機能です

関連記事

  1. Chromeツール

    一度閉じてしまったタブを素早く開く事が出来るChrome拡張機能 『Reopen tab by Ct…

    パソコンあるあるかも知れませんが時折に不意にタブを閉じてしまい…

  2. Chromeツール

    AndroidアプリがPCで動作、起動できるChromeアプリ 『ARC Welder』

    Androidアプリのファイル、APKファイルを読み込んでデス…

  3. Chromeツール

    キャラクターがタブの開きすぎを教えてくれる!! タブを開くとキャラクターが弱ってしまうChorme拡…

    新しいタブにカワイイキャラクターを表示してタブの開きすぎを教え…

  4. Chromeツール

    地図上の距離や面積を測れるChromeアプリ 『Free Maps Ruler』

    GoogleMap上の距離や面積を測る事ができるChromeア…

  5. Chromeツール

    見とれる風景に検索や天気を表示してくれるChrome拡張機能 『Dream Afar New Tab…

    Chromeの新しいタブに見とれる風景や検索バー、時計や時間な…

コメント

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

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

PAGE TOP