本文へスキップ
nysデザイン 横浜のホームページ制作 無料相談
メニュー

制作会社・デザイン事務所の方へ

コーディングを、工程単位で引き受けます。

いまお受けできる形

  • 実装のみ（HTML/CSS/JS・レスポンシブ）
  • デザインデータからのコーディング
  • 動きの実装のみ（スクロール連動・ピン留め・視差・数値カウント・WebGL背景）
    GSAP でも、素の JavaScript でも書けます
  • 既存サイトへの追加・改修

お受けしない案件

  • エンドクライアント様との直接のやり取りが必要な案件
  • 継続の保守だけを引き継ぐ案件（制作を伴わないもの）
  • 納期まで3営業日を切っている案件

可否のご返信：3営業日以内（実際にはもっと早いことが多いですが、お約束としては3営業日です）

案件の概要を送る

取引の条件

聞かれる前に、先に書いておきます。

秘密保持 ご依頼の存在そのものを含めて、口外しません。NDAのご用意があれば締結します。無い場合も同じ基準で扱います。
実績としての公開 既定は非公開です。御社名・案件名・成果物を、許可なく当方の実績に載せることはありません。
直接のお取引 エンドクライアント様と直接お取引しません。お問い合わせをいただいた場合も、御社をご案内します。
再委託 外部への再委託はしません。作業するのは事務所の2名だけです（コーディング＝吉田 力／デザイン＝佐藤 のりこ）。コーディングのご依頼は、すべて吉田 力が担当します。
続けられなくなった場合 着手済みの案件は、その時点までのデータと引き継ぎメモをお渡しして精算します。御社の手元で、そのまま続けられる形にしてお返しします。
お支払いの条件 月末締め・翌月末払いでお願いしています。御社のお支払い規定がある場合はご相談ください。
納品後の不具合 当方のミスによる不具合は、納品後30日以内なら無償で修正します。仕様の変更・追加は別途お見積りです。
適格請求書（インボイス） 発行できます。登録番号 T3810256466908
お見積り・ご請求書 書面（PDF）でお出しします。税抜表記でも発行できます（社内起票用）。

お受けする単位

一部の工程だけで構いません。まるごとでなくてもお受けします。

デザイン・実装・検収の工程のうち、実装の区間を引き受けることを示す図
単位渡していただくものお返しするもの
実装のみ デザインデータ（Figma / XD / PSD）・素材一式 HTML / CSS / JS 一式（レスポンシブ込み）
構文検証と19種類の検査を通し、結果を添えてお渡しします
動きの実装のみ 「どこで・何が・どう動くか」のメモ（参考URL・ラフで可） 組み込み済みのコード
追加したバイト数・CLS の実測値・確認した端末を添えます
改修・追加 対象サイトのファイル一式（またはサーバー情報） 変更ファイル＋変更点の一覧（差分が追える形）

工程単価（税込）

トップページの実装28,000円〜
下層ページ1枚7,500円〜
LP1本（FV＋5セクション）36,000円〜
動きの追加 1箇所6,000円〜
  • レスポンシブ対応を含みます
  • WordPress のテーマ実装は別途お見積りします
  • 19種類の検査結果とレポートを添えます

「〜」は分量・仕様による幅です。デザインデータを拝見すれば、確定のお見積りを3営業日以内にお出しします（有効期限30日）。

デザインからのご依頼も承ります（事務所のデザイナーが担当します）。別途ご相談ください。

お渡しするもの、書き方

このサイト自体も当方が書いています。ソースはそのままご確認いただけます。
実装の重さは、お渡しいただくデザインと素材で決まります。一律の数値はお約束せず、納品時に実測値をご報告します。

引き継いだ人が困らないコードを書きます

ビルドツールもフレームワークも前提にしません。エディタで開いて、そのまま直せる HTML / CSS / JS でお渡しします。動きのライブラリは、案件に合わせます。GSAP で書いてほしい案件は GSAP で、ご指定がなければ素の JavaScript で書きます。どちらでも書けます。（このサイトはスクロール出現・数値カウント・順次点灯・WebGL背景まで含めてgzip 実測 3.7KB。世界のWebページの中央値はJSだけで558KBなので、約151分の1です（中央値の出典: HTTP Archive『Web Almanac 2024』）。実測値は手書きでなく、表示のたびに実物を圧縮して測っています）

戻しが少なくなるように検査します

alt の欠落・見出し階層の飛び・リンク切れ・画像の寸法など、目視では抜けやすいところを、お渡しする前に19種類自動で検査します。チェックバックの往復を減らすためです。結果はそのままお渡しします。（このサイト自身は、公開のたびに31種類を検査し、1件でも落ちたら公開されない仕組みにしています）

書き方は、実物でご確認いただけます。コーディングのみで入った案件が、そのまま公開されています — 総合探偵社Beerus様／横浜予備校様。 ソースをご覧ください。このサイト自身のソースと合わせて、30秒で分かります。

19種類の検査の全項目

  1. ページが開くか
  2. 文字コード・言語・viewport
  3. title と description
  4. title・description の重複
  5. h1
  6. 見出しの階層
  7. 画像の alt・寸法指定
  8. 画像の実寸と指定の照合（Retinaの2倍は正常）
  9. 内部リンク
  10. canonical
  11. OGP
  12. 構造化データ
  13. 検索避け（noindex）
  14. https の中の http
  15. 禁止語・書きかけの跡
  16. ページの重さ（転送量）
  17. 画像の改善余地（実際に変換して測る）
  18. コントラスト（CSSの色指定を機械的に見る）
  19. メールが届く形か（SPF / DKIM / DMARC）
検査レポートの実物を見る（このサイト自身を検査したものです）

2026-08-14 に、このサイトのトップページを検査した出力そのままです。手を入れていません。末尾の「手でやること」まで含めて、この形でお渡しします。

webcheck  https://nys-d.com
  ページの集め方: --paths で指定（1件）

1. ページが開くか
  ✓ 1 / 1 ページが 200

2. 文字コード・言語・viewport
  ✓ lang / charset / viewport すべてあり

3. title と description
  ✓ title と description は全ページにあり

4. title・description の重複
  ✓ 重複なし

5. h1
  ✓ 全ページ h1 は1つ・文字あり

6. 見出しの階層
  ✓ 飛びなし

7. 画像の alt・寸法指定
  ✓ alt・width/height すべてあり

8. 画像の実寸と指定の照合（Retinaの2倍は正常）
  ✓ 照合した 6 枚は比率が一致

9. 内部リンク
  ✓ 内部リンク 14 本、切れなし

10. canonical
  ✓ canonical は全ページ自分自身を指している

11. OGP
  ✓ OGP の宣言と実体に食い違いなし

12. 構造化データ
  ✓ JSON-LD 1 件、すべて読める形

13. 検索避け（noindex）
  ✓ 本番で意図しない noindex は無し

14. https の中の http
  ✓ 混在なし

15. 禁止語・書きかけの跡
  ✓ 書きかけの跡は見つからず

16. ページの重さ（転送量）
  ✓ / 423 KB（HTML 8 / CSS 24 / JS 4 / 画像 386 KB）
  ! 上限を決めずに測っています（--budget=1500 のように付けると、超過を不合格にできます）

17. 画像の改善余地（実際に変換して測る）
  ✓ 6 枚を実際に変換して測定（いま 322 KB）
  ✓ 3割以上減らせる画像はありません（すでに最適化されています）

18. コントラスト（CSSの色指定を機械的に見る）
  ! body の色指定を CSS から読み取れませんでした（CSS変数や別の書き方の可能性。目視で確認してください）
  ✓ CSS 1 ファイルを読みました

19. メールが届く形か（SPF / DKIM / DMARC）
  ✓ 判定するドメイン: nys-d.com
  ✓ SPF あり
  ✓ DMARC あり（p=none ＝ 様子見。まず1〜2週間レポートを見て、問題なければ quarantine へ）
  ✓ DKIM あり（セレクタ: default）

────────────────────────────────────────────────────
🔴 ここから先は手でやること（機械には見えません）
  □ 1. CLS を測る（動きを実装した案件は必須）
     Chrome で開く → DevTools → Performance タブ → リロードして記録 → CLS の値。0.1以下なら良好。1分
  □ 2. W3C の構文検証
     https://validator.w3.org/nu/ に URL を入れる。「実装のみ」の納品物として約束している項目
  □ 3. 実機で見る
     iPhone / Android の実機で1回。エミュレータでは出ない崩れがある
  □ 4. alt の中身が合っているか
     有無は機械が見ました。**中身が画像と合っているかは人にしか分かりません**
  □ 5. 文章の事実確認
     社名・電話番号・営業時間・金額。機械は「書いてあるか」しか見ていません
  □ 6. 🔴 フォームから1通、実際に送って受信箱に届くか
     項目19 は DNS を見ただけ。**実際に届くかは送ってみないと分かりません。**
     🔴 受信箱か迷惑メールかまで見ること（送信は成功するので、届かなくても失敗ログに残りません）
  □ 7. 🔴 迷惑メールフィルタのホワイトリスト
     問い合わせの通知メールは「サイトのアドレス→サイトのアドレス」＝自分から自分へ送る形が多く、
     **これはスパムの典型的な形なのでフィルタが真っ先に疑います。**
     🔴 サーバー側のフィルタを有効にするなら、そのアドレスをホワイトリストに入れること。
     入れないと、お客様からの問い合わせが静かに消えます（2026-08-13 に自社で踏みかけた）

────────────────────────────────────────────────────
検査 19 種類 ／ 対象 1 ページ ／ https://nys-d.com
見ていないもの: JS実行後の内容 / 表示速度そのもの / デザイン / 文章の正しさ / セキュリティ
✅ 合格（要確認 2 件）
納品物の実例（ファイル構成と実際のコード）

進め方

  1. 概要を送っていただく

    フォームから、案件の種類・分量・希望納期を。ラフな段階で構いません。

  2. 可否とお見積り

    3営業日以内に、お受けできるか・金額・納期をお返しします。

  3. 制作・納品

    進行はメール・Chatwork・Slack いずれでも。納品形式はご指定に合わせます（ファイル一式／Git／サーバー反映）。

よくある確認事項

見積りに必要な情報は何ですか。

ページ数（またはデザインデータ）・レスポンシブの範囲・動きの有無・希望納期の4点があれば、概算をお出しできます。

検収はどのように行いますか。

確認用URLをお出しします。ご指摘は回数ではなく期間（納品後30日）で対応します。当方起因の不具合は無償です。

稼働はどのくらい空いていますか。

同時にお受けするのは2件までです。現在の空きはお問い合わせ時にお答えします。継続的なお付き合いを前提としたご相談も歓迎します。

お支払い条件は。

月末締め・翌月末払いを基本に、御社の支払いサイトに合わせます。請求書を発行します。

CMSは対応できますか。

WordPressのテーマ実装に対応します。それ以外のCMSは案件ごとにお返事します。

CONTACT案件の概要をお送りください

ラフな段階で構いません。可否とお見積りを3営業日以内にお返しします。

案件の概要を送る

「ご相談の内容」は「制作会社・デザイン事務所からのご依頼」が選ばれた状態で開きます。