Web Coding / WordPress / Site Renewal

Webサイトの制作・改修を
お引き受けしています。

コーディング、WordPress実装、既存サイトの改修を承っています。 自社SaaS「PolicyMate」を一人で開発・運営しており、設計から公開・運用まで一通り経験しています。 納品前チェックリストを毎回通し、改修では改善内容を計測した数値でご説明します。

佐々木 快翔　フリーランス／東京・渋谷　フルリモート対応

For You

ご依頼の入口は2つあります

制作会社様と、事業者・店舗の方とでは、必要になることが違います。 該当するほうをご覧ください。

制作会社・広告代理店の方へ

下請けとして、実装工程をお引き受けします

  • デザイン支給からのコーディング（Figma / XD / PSD / 画像）
  • WordPressテーマの実装、既存テーマの改修
  • 御社のコーディング規約・命名規則に合わせます
  • 納品前チェックリストを通し、結果を添えて納品します

単価表をご用意しています。まずは1ページからでもお試しください。 初回は一部を先に納品し、認識のズレを早い段階で潰します。

お問い合わせ

事業者・店舗・教室の方へ

今あるサイトの困りごとから直せます

  • スマートフォンで表示が崩れる／文字が小さくて読めない
  • 電話番号をタップしても発信できない
  • 表示が遅い／お問い合わせフォームが届かない
  • 新しいサイトの制作、ページの追加

現状のサイトを計測して、改善できる点を数値でお出しします（無料）。 直す前に「何がどう良くなるのか」をご確認いただいてから、ご依頼を判断していただけます。

料金の目安を見る

Services

対応できる業務

コーディング

  • Figma / XD / PSD / 画像からの実装
  • LP、下層ページ
  • レスポンシブ対応
  • 御社のコーディング規約・命名規則に合わせます

WordPress

  • クラシックテーマの実装
  • 既存テーマの改修、子テーマ作成
  • カスタム投稿タイプ、カスタマイザー項目の追加
  • クライアント様が自分で更新できる形での納品

既存サイトの改修

  • スマートフォン対応
  • 表示速度の改善
  • フォームの修理、SSL対応
  • 改善内容を計測した数値でご報告します

Works

制作物

Work 01 は現在稼働している自社サービスです。Work 02 以降は、 特定の条件を想定して制作したサンプルで、実在の企業・店舗とは関係がありません。 各案件に、条件・行った判断・検証結果を添えています。

Work 01　稼働中の実案件

PolicyMate ─ 地方議員向けAI秘書サービス（自社開発・運営）

Next.js 16 / React 19 / TypeScript / Tailwind CSS 4 / Supabase / Stripe

概要

地方議員の情報発信・住民相談対応・日程管理・政治資金記録を支援するSaaSです。 企画から設計・実装・インフラ構築・リリース・運用まで、すべて一人で担当しています。 現在も稼働中で、機能追加を継続しています。

規模（計測値）

app / components / lib 配下を計測。ライブラリ・ビルド成果物は除外。
項目実測値
TypeScript / TSX ファイル数166ファイル
コード行数約21,900行
ページ数48ページ
APIエンドポイント数52本
データベーステーブル数12テーブル（マイグレーション10本）
自動テスト19ファイル・213件　全通過

実装した領域

  1. 認証と組織管理　Supabase Auth によるログイン、組織・メンバー管理、招待フロー、権限分離
  2. 課金　Stripe によるサブスクリプション決済、Webhook 処理、プラン判定
  3. AI機能　Anthropic Claude API を用いた文章生成。利用者の文体・実績を反映させる設計
  4. 外部連携　iCal によるカレンダー同期、PDFからのテキスト抽出、Resend によるメール配信
  5. 運用基盤　Sentry でのエラー監視、レート制限、GitHub Actions での CI、Vercel へのデプロイ

この案件でお伝えできること

デザインからインフラまで一通り自分で通しているため、 コーディングの前後で何が必要になるかを把握したうえで作業できます。 データベース設計、認証、決済、外部API連携、エラー監視、CI、デプロイまで実務として経験しています。 WordPress案件でも、テーマ実装だけでなくサーバー・ドメイン・公開作業まで一貫してお引き受けできます。

policymate.jp を見る

Work 02

オンライン珈琲教室のランディングページ

HTML / CSS　JavaScript 0行

与えた条件

30〜50代女性が主な顧客。スマートフォン閲覧が大半。 写真素材が一切なく、講師は顔出しを希望していない。 デザイン性と分かりやすさを両立させたい。

行った判断

  1. 写真を使わず、明朝体の組版・余白・抽象的な図形で世界観をつくった
  2. 講師紹介は顔写真の枠を空けず、名前を主役にした組版に置き換えた
  3. スクロール連動のフェードインは実装後に撤去した。アンカー遷移やリロード時の位置復元でセクションが空白のまま残る状態を検証で再現したため
  4. FAQは <details> で実装し、JavaScriptなしで開閉・検索エンジンにも読まれる形にした

検証結果

375px / 768px / 1280px の3幅で検品。横スクロールの発生なし、 画面外にはみ出す要素なし、非表示のまま残る要素なし、 タップ領域44px未満の操作要素なし、h1は1つ、ページ内アンカー7件すべて解決。

ページを見る

Work 03

既存サイトの改修（畳店・ビフォーアフター）

HTML / CSS　12項目を計測して比較

与えた条件

2010年前後に作られたまま放置されている小規模事業者サイト。 viewport指定なし、tableレイアウト（固定幅780px）、font / center / marquee タグ、 電話番号がテキストのみ、見出しタグが1つもない状態を再現してから改修しました。

計測による比較（実機幅375pxで測定）

主な項目を抜粋。全12項目を計測しています。
項目 改修前 改修後
描画される幅980px
実質38%に縮小表示		375px
最小文字サイズ10px
縮小後の実効約4px		12px（等倍）
電話のタップ発信不可（0件）可（2件）
見出しタグ（h1〜h6）0個10個
タップ領域44px未満5件 / 全5件0件 / 全11件
廃止タグ（font/center/marquee）32個0個
meta descriptionなしあり
セマンティック要素0個9個
HTMLサイズ6,078 bytes12,071 bytes

HTMLサイズは倍になりました。増分はCSSと構造化タグで、 外部ファイル・外部フォントの読み込みは改修前後どちらも0件のため、 リクエスト数は増えていません。「軽くなった」と言えない項目も、そのまま記載しています。

行った判断

  1. 電話CTAを最上部に配置した。この業種の問い合わせは電話が主で、改修前は番号がタップできなかった。改修の効果が最も大きい箇所
  2. 料金表のtableは維持した。表形式のデータをdivに置き換えるのは改悪になるため、狭い画面では枠内でスクロールする形にした
  3. marquee の告知は静的なバナーに置き換えた
  4. 本文の文章は書き換えていない。原稿の変更はクライアント様の承認が必要なため、改修案件では触らないのが原則と考えています
改修前を見る 改修後を見る

Work 04

WordPress クラシックテーマ「Komorebi」

PHP / CSS　10ファイル・外部リクエスト0

与えた条件

小規模な飲食店・サロン・教室向けの軽量テーマ。 クライアント様自身が更新でき、表示が速いこと。

行った判断

  1. CDN・外部フォント・jQuery依存なし。外部リクエストを0にした（表示速度と、外部への閲覧情報送信の両方に効きます）
  2. 電話番号をカスタマイザー項目にし、tel: 用に数字だけを抽出する処理を用意した
  3. メインカラーと電話番号をクライアント様が変更できるようにした。ここを用意しないと「色を変えたい」のご依頼が毎回制作側に来てしまうため
  4. hover依存のドロップダウンを作らず、子メニューは常時表示にした（タップ端末で機能しないため）
  5. 出力はすべて esc_html / esc_attr / esc_url / wp_kses_post を通した

検証結果

php -l による構文チェック（10ファイル）でエラーなし。 自作の静的監査で、テンプレートパートの参照先実在（2/2）、 未定義関数の呼び出しなし、未エスケープの変数出力なし、 テキストドメインの一貫性、テーマヘッダ必須項目（5/5）を確認。

検証中に見つけて修正した不具合：esc_html__('&copy; %s') が実体参照ごとエスケープし、 画面に文字列 &copy; がそのまま表示される状態でした。

実際のWordPress環境での動作確認は未実施です。 検証したのは構文と静的構造までのため、現時点では「構文・構造の検証済み」が正確な表現です。 実案件で使用する前に、テーマ有効化と各テンプレートの表示確認を行います。

コードはご要望に応じてお送りします

Quality Check

納品前に毎回通すチェックリスト

案件ごとに項目を追加しています。御社の規約・確認項目があれば、それに差し替えます。

  • デザインと並べて全セクションを目視照合（PC / SP）
  • 指定ブレークポイントで崩れなし。中間幅（768〜1024px）も確認
  • 実機での確認。ホバー依存のUIがタップで機能するか
  • 指定ブラウザでの確認
  • 画像のalt、title、meta description、OGP
  • リンクとフォームの動作、リンク切れなし
  • デザイン内テキストと1文字ずつ照合（誤字脱字）
  • 表示速度（画像圧縮、遅延読み込み）
  • W3Cバリデーション、コンソールエラーなし
  • 納品形式・ファイル構成・命名規則が指定どおり

Process

進め方

  1. ご依頼内容の確認

    デザインデータ、ページ数、納期、コーディング規約をご共有ください。不明点は着手前にまとめてお伺いします。

  2. 一部を先にご確認いただく

    初回のお取引では、ファーストビューなど一部を先に納品します。認識のズレを早い段階で潰すためです。

  3. 実装

    進捗は区切りごとにご報告します。判断に迷う箇所は勝手に進めず、必ずご確認いただきます。

  4. 検品してから納品

    上記チェックリストを通し、結果を添えてお渡しします。修正のご指示には速やかに対応します。

Price

料金の目安

事業者・店舗の方に直接ご依頼いただく場合の目安です。内容を確認したうえでお見積りします。 制作会社様には別途、卸価格の単価表をご用意しています。

すべて税込。ページ数・機能により変動します。サーバー・ドメインの実費は別途、実額でご請求します。
内容目安備考
現状サイトの計測レポート 無料 12項目を計測し、改善点を数値でご報告します
既存サイトの部分修正 5,000円〜 文言・画像の差し替え、リンク修正など
スマートフォン対応・表示速度改善 30,000円〜 改修前後の計測結果を添えてご報告します
フォームの修理・設置 15,000円〜 送信先設定、SSL、プライバシーポリシー掲載を含みます
ランディングページ制作（1ページ） 80,000円〜 構成・原稿作成を含む場合は別途お見積り
サイト新規制作（5ページ程度） 250,000円〜 WordPress実装、公開作業まで
月額保守 10,000円／月〜 更新代行、バックアップ、不具合対応。ご不要であれば自分で更新できる形で納品します

金額に納得いただけない場合は、無理にご依頼いただく必要はありません。 計測レポートだけお持ち帰りいただいて構いません。

Contact

お問い合わせ

まずは小さな1ページからでもお試しいただけますと幸いです。単価表をお送りします。

お名前
佐々木 快翔（ささき かいと）
メール
sasaki.kaito@policymate.jp
拠点
東京・渋谷／フルリモート対応
対応時間
平日 10:00〜19:00（時間外・土日もご相談に応じます）
ご連絡
原則24時間以内に返信します