Chromeの画面を録画する方法について解説します 今回紹介する『Awesome Screenshot』はChromeの拡張機能として利用が出来る、WEBブラウザのプラグインです。このAwesome Screenshotを利用すれば、WEBブラウザの画面全体・タブといった選択肢から、好きな方法で動画の録画が可能となります。 Awesome Screenshotの導入方法 Awesome Screenshotを導入する方法について解説を行います。 ※Awesome Screenshotを利用するにはWEBブラウザ『Chrome』をあらかじめインストールしておく事が前提となります。 Chromeに拡張機能をインストールする方法 Chromeに拡張機能を追加する方法はとても簡単です。以下のリンクからChromeウェブストアの『Awesome Screenshot』のページに移動して、『Chrom

HTMLエラーチェッカーとは HTMLエラーチェッカーは、WEBページのレイアウト崩れや表示不具合の原因となる、HTMLの構文ミス（タグの閉じ忘れ）を検出してくれるツールです。HTMLエラーチェッカーはChromeの拡張機能として利用する事ができます。 ▼Chrome拡張機能のサイトはこちら HTMLエラーチェッカーを利用する ※クリックすると別ウィンドウで開きます このツールで出来ること HTMLエラーチェッカーで出来ることについて、公式には次の様にあります。 閲覧しているページのHTMLのタグの記述ミスなどをエラー表示してくれます。単純に開始タグ・閉じタグが足らないなどのチェックを行うのみの拡張機能となっています。エラー数が数値で拡張ボタン部分に表示されるので簡単にチェックができます。 引用 - Chromeウェブストアより ▼HTMLエラーチェッカーが出来ること HTMLの開始・終了

今回は、WEBページのスクリーンショットを簡単に取得することができるChromeの拡張機能『FireShot』について詳しく解説を行います。FireShotを使えば、ページ全体・表示部分・選択範囲の３つの方法から、簡単にスクリーンショットを取得する事が出来ますよ！インストール方法から使い方まで、初心者にも分かりやすく、詳しい解説を行います。WEB担当者・プログラミング初心者の方は必見の内容です。

Chrome拡張機能『Autofill』の導入方法 今回紹介する『Autofill』は、Chromeの拡張機能として利用する事ができる、プラグイン的な位置づけの作業系ツールです。 『Autofill』をChromeに追加する方法 Chrome拡張機能の追加方法は簡単で、以下のリンクから『Autofill』のページへ移動し、『Chromeに追加』ボタンを押せば完了します。（※逆に削除をしたい場合は、追加後に表示される『Chromeから削除します』ボタンを押せばOKです） ▼公式サイト Chromeウェブストア - Autofill Chrome拡張機能『Autofill』の使い方 基本的にはWEBフォームの内容を『保存する』事と『読み込む』事がこのツールの主な使用方法になります。それぞれ順番に解説してゆきますね。 1.フォームの内容を保存する Autofillを使ってフォームの内容を保存する

Adobe XDは無料版でもしっかり使えるツールですよ！この記事でプランの違いを確認してゆきましょう。 上記のとおり今回は、人気のデザインツール『Adobe XD』の無料・有料プランの違いについて詳しく解説してゆきます。 ▼この記事で分かること 『Adobe XD』が使える3つのプランについて 無料で使える『スタータープラン』について 無料・有料プランの違いについて また、この記事の結論をあらかじめお伝えさせて頂くと、次のようなことが言えます。 Adobe XDは無料のスタータープランでも十分に利用ができますが、無料版は共有数に制限があるのであくまでも1人向きです。一方でWEBデザインなどのお仕事目的で使うなら、トータルでコスパが良い【コンプリートプラン】での利用がオススメです。 そもそもAdobe XDって何ができるツールなの？どんな作業に適したツールなの？という事が気になる方は「Ado