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

ビヨヨヨーーン!! マウスで演奏できるWebサービス テルミンで遊べる 『Theremin』前のページ

Youtubeと環境音を合わせてBGMに!! 好きな動画を組み合わせてリラックスタイムなWebサービス 『Deepfocus』次のページ

関連記事

  1. Chromeツール

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

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

  2. Chromeツール

    新しいタブを美しくてシンプルなページにしてくれるChrome拡張機能 『Zen tab』

    Chromeの新しいタブを美しい写真と共に時刻やメモ、よく使う…

  3. Chromeツール

    スクロールバー横に見出しを表示して長いページでもサクサク読めるChrome拡張機能 『Scrollb…

    ページ内の見出しを検出してスクロールバーに見出し表示してくれる…

  4. Chromeツール

    Chrome快適化!! 使っていないタブを停止して快適にしてくれるChrome拡張機能 『The G…

    自動で使っていないタブを停止してChromeを快適にしてくれる…

  5. Chromeツール

    Chromeからワンクリックでウィルススキャンできるアプリ BitDefender QuickSca…

    Chrome内でローカルのファイルのクイックスキャンをしてくれるアプリ…

コメント

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

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

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP