Chromeのアドオン(「拡張機能」とも言います)を使いこなしましょう。ブラウザにインストールしたらすぐに使えます。Chromeに入れているアドオンです。サイトのキャプチャを取るものから、HTMLのエラーをチェックするものなど様々なものがあります。一つずつ紹介していきます。Extension表示中のサイトのQRコードを発行してくれます。このQRコードをスマホのリーダーアプリで読み取って、スマホサイトの表示をチェックする際に使います。使用頻度が高いアドオンかもしれません。Captureアドオンのボタンをワンクリックで、表示中のサイトのキャプチャを撮ってくれます。下で紹介するFireShotでも同じことができますが、これはワンクリックで楽なのでよく使っています。これも使用頻度高いですね。FireShotFireShot選択範囲を指定してキャプチャを撮る際に使っています。SimilarWebSimilarWeb表示中のサイトの推定セッション(訪問回数)や直帰率などがわかっちゃう神ツールです。すべての数値は推定値であり、特にセッション数が少ないサイトでは全く正確な数値が見込めないおこともあるので要注意です。参考程度にしましょう。他に被リンク(どのサイトからリンクされているか)や、チャネル(リンクや検索等どの経路でサイトに来ているか)等もわかります。イスラエルの会社が開発し、日本の代理店はギャプライズになります。有料版のSimilarWebPROは超高額ですがマーケッターにとっては定番のツールとなっています。ColorZillaColorZilla気になるパーツやアイコンの色(カラーコード)を取得できます。調べたい色を取得した後、Photoshopでその色を使用したりします。Rulerパーツの間隔を調べる際に使います。ページ幅や画像の大きさ等はGoogleのインスペクタでサクッと調べちゃうのですが、パーツ同士の間隔などインスペクタで調べづらいものがある時に、これを使っています。Fontサイトで使用されているフォントを調べられます。日本語フォントなら種類は少ないので、なんとなく判別できるのですが、欧文フォントはGoogleが提供している無料フォントを含めるとものすごい数があるので、これで気になるフォントがサクッとわかり重宝しています。CSSをたどってfont-familyを見ればわかるのですが、やっぱりこれが楽ですねー。HTMLエラーチェッカーHTMLエラーチェッカーHTMLの記述ミスを指摘してくれるアドオンです。タグの閉じ忘れが無いかをチェックする時に使っています。最近はDreamweaverがコードのミスをすぐに指摘してくれるのでそれほどミスはなくなりましたが、これを通すと意外に閉じ忘れがあったりして、自分に萎えたりします...。テキストエンコーディングテキストエンコーディングJavaScriptのファイルをクローム上で開くと、日本語のコメントアウトが文字化けしていることがあります。それをちゃんと表示するためだけに、このアドオンを使っています。右クリックのメニューに「テキストコーディング」という項目が追加されるので、JSのファイルのエンコードを指定してやれば、文字化けが直ります。WellDoneCodeデザインを正確にコーディングするためのコーダー用のアドオンです。現在コーディング中のサイトにデザインデータを重ねて表示できます。これによってロゴや各パーツなどのズレがチェックできます。これはもうほんっとコーダーには最終チェックの段階で使ってほしいですね。「できましたー!」とか言ってぜんぜんデザインと行間とか間隔が違うじゃん!...ってことがよくあるので。Google)わざわざGoogleアナリティクスのページに行かずとも、対象のサイトを表示した状態でセッションや直帰率などを見ることができます。WebディレクターやWebマスター(サイト運営者)にとって便利なアドオンです。Google謹製です。viewerサイトの画像のAltとMeta情報を表示してくれます。大企業のサイトになればなるほどレギュレーションが厳しく、Altが抜けてると注意されます。コーディング完了後に、チェックして使っています。Cacheサイトの一部を修正しアップしたのに、キャッシュが強くて表示が変更されない場合に、これでブラウザキャッシュを消して、正常に表示させます。Cookieやダウンロード履歴などを消す機能も付いています。本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社することを強くオススメしています。Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです......。Webに強いエージェントは他にもあるし、僕もいくつも登録していますが、ワークポートほど大量に求人案件を紹介してくれるエージェントを他に知りません笑。転職エージェントは複数登録しますが、ワークポートはそのうちのメインエージェントして必ず登録しましょう。『ワークポート』公式サイトへコラム2:Webデザイナーを強くオススメする理由あなたはたぶんエンジニアにはなれません。このサイトでは、Webデザイナーになることを強くオススメしています。エンジニアになれれば、月収100万円以上も可能です。実際に僕の友人も軽く年収1000万円は超えています。ほとんどの人がエンジニアにはなれないので、30〜40万円以上はする高額なプログラミングの学校に行くのはお金をドブに捨てる可能性があります。してもエンジニアになりたい方は、無料でプログラミングを学べるProEnginner開講の学校『プログラマカレッジ』に行きましょう。プログラマカレッジは、学校&就職支援の一体型サービスです。ここは本当にありがたい存在です。ソーシャルゲーム大手企業で有給インターンまで可能です。就職率97.8%と驚異的な数字を出しています!よりエンジニア色の強いカリキュラムを受けたい場合はこちらを受講します。2校ともオススメです。無料見学をしてみて自分に合いそうな雰囲気の学校を選びましょう。この2つの学校のどちらかに通って、自分にエンジニアとしての素質があるのかチェックしてください。あなたに才能があったら、最高にラッキーな人生です。20代ならこのチャンスをぜひつかんでください。転職できなければ授業料全額返金してくれます。教室は9時〜22時まで開放し、教室あるいはオンラインでマンツーマンで無制限に質問ができます!超集中なら10週間、ゆったりなら6ヶ月と期間も生活に合わせて選べます。スクールは無数にありますが、有料系ではここが一番爆速に成長できそうです。コメントをキャンセルみなさまからのコメントを元に記事を作成することありますので、あらかじめご了承ください。メールアドレスが公開されることはありません。付いている欄は必須項目です。*サイト管理人(ねこポン)について週3日だけ会社で働く30代前半ウェブデザイナーです!インテリ風&仕事できる風を醸し出す腕前では右に出る者はいませんが、電話すら怖くて取れないし、無断欠勤してしまい自宅に警察が来たほどのコミュ症ポンコツ人間です。現在Web業界5年目。事業会社とWeb制作会社のウェブデザイナーを経て、フリーランスになりました。“むうあさん、改めましてこんにちは。先日Twitterでご連絡させていただいたむうあと申します。素敵な記事をありがとうございます。“もんさん、はじめまして。イメージ通りのテンプレートをご提供できて嬉しいです。“書道のオーダーのリクエストをありがとうございます。23:58記事カテゴリWebデザイナーになるために必要な知識やネタを、10カテゴリにまとめました。無料テンプレートWeb制作会社を歩き回れるゲームを作ってみました!ぜひ探検してみてください。nova」か?2019.07.27マーケティングタピオカよりも錦織圭の方がはるかにすごかった2019.07.02おバカシャラポワ風の女性テニスプレイヤーの素材【無料】2019.06.17仕事Webデザインの制作期間を正直に公開!2019.01.25資格たった一日で「ネットショップ実務士補」の資格をゲットしてきた!履歴書にも書けて転職にも有利♪2018.10.17お知らせフリーペーパー『ジモア』の誌面デザインの一部を担当しました。reserved.ホームカテゴリ一番上へ一番上へ。