便利でお世話になっているサイトまとめ

便利サイトまとめ

毎回いろいろと調べるのが面倒になってきたので、役に立つ＆勉強になるサイトをまとめてみました。

どんな時に使われるかはアイコンを参考にしてください。
ドメイン選定略語診断制作ソフト機能拡張

利用頻度が高いものには★印！

サイト

  • functions-online制作
    正規表現の変換確認など事前確認
  • Can I use選定制作
    使えるCSSなどブラウザのバージョン確認
  • GTmetrix制作診断
    PageSpeed Insightsと同じでサイトが開くまでのスコアが確認できます。
  • PageSpeed Insights制作診断
    GTmetrixと同じでサイトが開くまでのスコアが確認できます。
  • schema.org制作
    サイトの構造化の仕様を確認できます。
  • リッチリザルト テストツール制作診断
    リッチスニペットに対応しているか確認。
  • 構造化データ テストツール制作診断
    サイトの構造化のデバックです。Googleの検索結果に最適な形で表示できます。
  • 構造化の概要制作
    構造化の種類とソースのサンプル、設置の仕様が確認できます。
  • Acronym Finderドメイン略語
    単語の使われ方、略としてどのくらい使われているか見れます。サイトのドメイン名を決めたりする時の裏付けや単語の認知度など調べるのに便利です。
  • Happy Hues制作
    サイト制作時にバランスの良いカラーバランスを見れます。色の組み合わせに困ったときに。
  • Social Media Sizes制作
    SNSで使われる画像のサイズを調べることができます。「Sketch」「Figma」「AdobeXD」「Photoshop」のテンプレートとしてダウンロードもできます。
  • CSS Icons制作
    500種類を超えるCSSアイコン集。オープンソース・ソフトウェア（MIT License）です。
  • WOFFコンバーター制作
    TrueTypeフォント、OpenTypeフォントからWebフォントであるWOFF、WOFF2を作成します。WOFF、WOFF2からフォントに戻すこともできます。
  • 検索エンジンランキングチェック診断
    ローカルPCにインストールする形の検索エンジンのランキングチェックツール。有名なブロガーやインフルエンサーでも使われてます。
  • Moz Bar診断
    検索結果もしくは各サイトごとに検索可能。Chromeの機能拡張です。
  • Moz オープンサイトエクスプローラー(Open Site Explorer)診断
    サイトごとに検索可能。被リンク（バックリンク）の数など調べます。
  • Moz キーワードエクスプローラー(Keyword Explorer)診断
    キーワードごとに検索可能。

[ad]

ジェネレーター

CSSのサンプルからjQuaryまで、サンプル付きでコピペで使えるのは凄く助かります！

WordPress テーマ

WordPressでサイト構築をする事が多くなってます。案件に沿ったデザインやレイアウトからテーマを選んでからカスタマイズするのですが、意外とテーマ探しに手間が掛かります。いいなと思ったテーマでも実際は複雑でやりにくく、逆に時間が掛かった事も度々。
使いやすい構造のテーマをピックアップします。

  • 準備中

WordPress プラグイン

WordPressでサイト構築をする事が多くなってます。案件に沿ったデザインやレイアウトからテーマを選んでからカスタマイズするのですが、意外とテーマ探しに手間が掛かります。いいなと思ったテーマでも実際は複雑でやりにくく、逆に時間が掛かった事も度々。
使いやすい構造のテーマをピックアップします。

その他Tiposなど

ここのリストは、目的のツールやTipsを紹介しているサイトも含みます。