Web制作の便利ツール・サービスまとめ｜27選– TOOLS –

Web制作とサイト運用で実際に使っているツール・サービスを27記事まとめました。

ツールは導入すること自体が目的にならないよう、何の手間が減るかを基準に選んでいます。無料で済むものは無料のまま紹介しています。

サーバー・インフラ・CDN

表示速度と安定性はSEOにも直結します。サーバーの設定は一度決めれば長く効くので、最初に手をかける価値があります。

XServer VPSの手動更新を自動化します。更新忘れによるサイト停止を防げます。

サブドメインだけにCDNを適用する設定です。本番と検証で挙動を分けたいときに。

IEからEdgeへの自動転送設定する方法［Microsoftへの申請方法］。

開発環境・ローカル構築

本番サイトで試すのは危険です。ローカル環境を用意しておくと、思い切ったカスタマイズを試せます。

本番サイトをローカルPCに複製して検証環境を作ります。

wp-envの環境構築・使い方。

Web制作でおすすめ！Visual Studio Codeの環境構築。phpcs phpcbf。

CSSでよく使うEmmetの省略記法をまとめたチートシートです。

基本的なサイトの作り方。

デザイン・画像・Figma

既存サイトをFigmaで再現する無料ツールです。リニューアル案件の初動が早くなります。

Figmaで使えるSWELL用テンプレート。

ダミー画像ジェネレーター。アイキャッチ画像生成。

SEO・順位計測・監視

順位や異常の検知は自動化しておくと、問題に気づくのが早くなります。有料ツールを入れる前に、無料の仕組みで足りないか確認してみてください。

Looker Studioで無料の検索順位チェックツールを作ります。10分で構築できます。

Search Consoleの異常を毎週自動検知します。複数サイトに対応しています。

サイト内リンクを一括クロールしてスプレッドシートに出力する。

M1搭載のMacからGRCを動かす方法［さくらのVPS for Windows Server］。

AI・自動化・API連携

APIとGoogle Apps Scriptを組み合わせると、定型作業をかなり減らせます。

本文の内容を要約してXにポストする方法。スレッド形式対応・OAuth2対応・ChatGPT連携。

ChatGPTのAPIを使った翻訳ツール。

ConoHa WING。

PA-API 5.0で取得できる情報の一覧です。商品情報を自動取得したい場合の仕様確認に。

WordPress REST APIとは？できること・エンドポイント一覧・構築方法を実例つきで解説。

収益化・その他

アドセンス以外の広告配信サービスの導入方法です。

Notionのページを無料で独自ドメインに割り当てて公開します。

TCDのWordPressテーマ81個全まとめ。

英語名で出力！パーマリンク生成ツール。DeepL。

承認待ちスパムコメントを一括削除する方法。

スパムトラックバックを一括削除する方法。

記事中のカスタムフィールド値をcsvでエクスポートする方法。プラグイン不要。