WDシェアはじめまして!2021年4月にウイングドアにJOINしましたR.Tです。現在は、Laravel・PHP等でWebシステムの開発・保守を担当しております。Webシステムの開発業務において、様々なツールやサイトを利用しています。便利なツールやサイトは多数あり、有料なものも多いです。今回は、その多数ある便利なツールやサイトで、私が取り入れ済みものや今後取り入れたいと考えているものの中で、特に「無料」で使えるもののみに厳選して紹介したいと思います。今回紹介するものは、全て商用利用可能です。HTMLエラーチェッカーcoolorscoolorscoolorsというサイトです。こちらは、配色を決める際に参考になるサイトです。coolorsは、5色の配色を自動で作成してくれます。システム画面に色を使いすぎたり、メインの色が原色だと結構見づらくなってしまいます。このサイトを使用し、色合いを確認してから、システム画面やパワーポイントでの資料等を作ってみると見た目のよいものになると思います。こちらのサイトはユーザー登録等なしでも使用できますので、お勧めです。Awesomeというサービスです。こちらは、無料で使える「Webアイコンフォント」が紹介されています。「Webアイコンフォント」とは、画像ではなく文字として扱えるアイコンのことです。文字として扱うことができるので、CSSで簡単にサイズや色を変更することができます。簡単なCSSで柔軟にアイコンのデザインを変更することができるので、非常に便利です。storysetstorysetstorysetというサイトです。こちらは、ビジネスやパワーポイント資料で使えそうなイラストがとても多く紹介されています。こちらのサイトでは色を変更することができるので、メインカラーに合わせたイラストを作成することができます。無料で使う場合は、クレジット表記が必要です。有料登録すれば、クレジット表記が不要になります。UnsplashUnsplashUnsplashというサイトです。こちらは、無料とは思えないぐらいクオリティが高い写真素材が提供されています。綺麗な画像を使うと見栄えが一気に変わるので、写真素材を探す場合には、ぜひ一度使ってみてください。codiccodiccodicというサイトです。開発をしている際には変数やメソッドなどの命名を多く行う必要が出てきます。その命名に迷った時等に使えるのが、こちらのサービスです。日本語を入力すると、自動で英語の名前を作成してくれます。自動生成されたネーミングをそのまま使用することも可能です。Chromeの拡張機能を紹介していきます。Viewerというツールです。パソコンで表示するときれいに表示されているんですが、スマホで表示させると表示が崩れてしまうサイトとかを見たことがあると思います。このツールを使えば、レスポンシブデザインを確認したい画面を開いて、ボタンをクリックするだけで、簡単に様々な画面の表示を確認することができます。レスポンシブデザインの確認をする際には、ぜひ一度使ってみてください。Insightsというツールです。こちらは、サイトの表示速度をチェックしてくれるツールです。表示速度に関するスコアや改善点を指摘してくれます。こちらを活用することで、自分では気がつかなかった表示速度の課題を発見して、ユーザビリティを向上させることができます。こちらのサービスは、WEBページからも使うことが可能です。ブックマーク登録だけで使用できるので、こちらの方が使いやすいかもしれません。InsightsのWEBページ版URLLighthouseLighthouse続いて、Lighthouseというツールです。こちらは、検索エンジン対策(SEO)の観点でサイトをチェックしてくれるツールです。解析したいサイトを開いた状態でアドオンを実行すると解析が始まります。App」の5つの指標で、レポートを作成してくれます。insightsと同様に、自分では気づけなかった課題や改善点を発見することができる場合があります。続いて、HTMLエラーチェッカーというツールです。このツールは、WEBページのレイアウト崩れや表示不具合の原因となる、タグの閉じ忘れ(HTMLの構文ミス)を検出してくれるツールです。タグの閉じ忘れは、コーディング時の発生しがちなミスです。このツールを使えば、そういったミスを防ぐことができます。サイトの公開前や納品前のチェック作業時だけでも使用することをお勧めします。今回は、無料で使えるWEB開発に役に立つツールやサイトを紹介していきました。他にも数多くいろいろなものがあります。今後も、定期的に便利なツールの情報を発信していきたいと思います。株式会社ウイングドアは福岡のシステム開発会社です。(2)CONTACTお問い合わせお仕事のご依頼、ご質問等お気軽にご連絡ください。現在、新型コロナウィルス対策としてリモートワークとオフィスワークのハイブリッド勤務としております。そのため、お電話でのお問合せには、対応が難しい状況です。担当者へは、メールもしくはビジネスチャットツールより、その他のお問合せは「お問い合わせフォーム」よりご連絡いただきますようお願いいたします。