HTML/CSSコーディング代行の依頼・外注

コーディング作業代行いたします！

【こんな人におすすめ】
「リソース不足で案件が対応しきれない」
「コーディングを代行してほしい…」
「デザインはあるがコーディングだけお願いしたい」
「デザインを細部まで再現してほしい」

私はそんな方の味方です！コーディング作業を代行し、お悩み解決いたします.

【サービス内容】
ご覧いただき誠にありがとうございます！
「デザインデータがありコーディング作業は任せたい」
という方に代わってコーディングを行います。

パッケージ料金に含まれる対応
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでSP時の表示を調整致します。
・お問い合わせフォームの設置のみ

html css でのコーディング
web作成　
レスポンシブ対応

本サービスをご覧頂きありがとうございます。

こんな悩みを抱えていらっしゃるデザイナー様・制作会社様におすすめです。
・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい

そんな方の頼りになるパートナーになります！！！

ー私の強みー

お客様との信頼関係を築く上で最も大事だと考えており、普段からレスポンスの速さには、
気をつけており、ありがたいことに今までのお仕事させていただいた方々からは、
「日々の進捗状況の報告や質問への解答などが円滑で、スムーズに作業の進行ができた」
「連絡できない時は、事前に連絡くれて、レスポンスがないことに不安にならなかった」などのお言葉をいただいており、今後も継続していきたいと思っております。

ーサービス内容ー

・HTML/CSS/Javascript(jQuery)を用いたコーデイング
・レスポンシブ対応（PC、タブレット、スマホ対応）
・WordPress構築
・お問い合わせフォーム

ー制作の流れー

1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品

丁寧で迅速なコーディングを行います。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

ホームページのコーディング、ホームページ修正対応します。
こちらのサービスはTailwindCSSを使用したコーティングでございます。

TailwindCSSのメリット

１.
クラス名を考えなくて良い。CSS設計の規則が導入されているプロジェクトだと一つのク ラス名を考えるのに数分とられてしまうのも珍しいことではありません。TailwindCSSではその必要がないです。

2.
CSSのファイルがむやみに増えない。従来の方法だと新しい機能やコンポーネントを追加するたびにどんどんCSSファイルが増えていくことになります。TailwindCSSではCSSを新たに書く必要がないため、CSSファイルの数が膨大になり、管理が大変になるといったことが起きません。

3.
安全に変更が可能になる、HTMLファイルに変更が閉じられるので影響範囲が増えない 例えば「paddingがデザインと少しずれていたので直したら、別の場所のレイアウトが壊れた」なんていう経験は誰しも一度はあるのではないでしょうか？ TailwindCSSであればHTMLに対して直接スタイリングの定義を行うため、上記のような問題は発生しません。

デザインは原則、Adobe illustrator、Photoshop、XDでの支給をお願いしておりますが、それ以外の場合はご相談下さい

デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。

• コーディング,WordPress構築を外注できるパートナーが欲しい
• Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
• どれくらいのスキルがあるのか分からなくて外注できない

などのお悩みを抱えているWeb制作会社様・個人事業主様はいらっしゃいませんか？

Kyoto Web Designでは長期での契約を優先させていただいています。
もちろん単発でのご契約も可能です！

デザインを別で用意していただくことも、デザイナーをこちらで探すことも可能です。
テンプレートを修正する形でデザインなしも可能です。

【ホームページのコーディング代行をさせていただきます】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

ご覧頂きありがとうございます。

参入価格としまして、安価で対応いたします！
制作のご相談・お見積り気軽にご連絡ください。

＜作業内容＞
・HTML/CSSを用いたコーディング
（１ページ〜複数ページ対応可能です。）
・レスポンシブ対応
・JavaScriptによるアニメーション作成
（ハンバーガーメニュー、スライダー、モーダルウィンドウなど。）

＜制作の流れ＞
１．ヒアリング＆ご相談
２．お客様よりデザイン等のご提供
３．コーディング・テスト
４．ご確認・修正
５．最終確認・納品

細部までこだわって作業いたします！
ご相談・お見積りのみでも構いませんので、気軽にご連絡ください。

【提供業務】

数ある中からご覧いただきありがとうございます！
===========

【再現性・丁寧な対応・高品質】 を重視したコーディングを行います。

■こんな方にオススメ！
・コーディング業務の依頼先をお探しの法人様、制作会社様
・コーディングを任せたいコーダーをお探しのデザイナー様

===========

■作業内容
・HTML / CSSによる静的コーディング
・JavaScript / jQueryを用いたアニメーション機能実装
・レスポンシブ対応
・お問い合わせフォーム設置
・品質チェックシートを活用した品質管理
・Wordpress化 *内容に応じて別途ご相談となります。

===========

■ご契約時の流れ

①まずはお気軽に「見積り・カスタマイズの相談に進む」よりお問い合わせください。
お問い合わせいただいた後に、ヒアリングをさせていただきお見積もりいたします。

②お見積もりのご提案
ヒアリング内容をもとにお見積もりの提案をさせていただき、ご納得いただけた場合に契約となります。

③制作開始

④初稿提出・修正（修正回数５回まで）
初稿提出までに不明点がある場合は、随時お打ち合わせなどを設定いたします。

⑤最終確認

⑥テスト環境にアップロード

⑥納品（ZIPファイル or サーバーへのアップロード）
*サーバー契約はお客様の方でご対応いただいております。
サーバー契約のご相談については承ります。

===========

ここまでご覧いただきありがとうございます。

ご不明点がありましたら、お気軽にご連絡くださいませ。

ご覧いただきありがとうございます！
3S code　代表　庄司　雅幸です。

当事業所はコーディング業務を主に請け負っており、
現在はWeb制作会社様と提携し業務をしております。

■基本料金に含まれるもの
HTML / CSSを使用した静的コーディング
レスポンシブ対応(スマホ)
テスト確認用サーバーの設置
お問い合わせフォーム（見た目のみ）
ハンバーガーメニュー
タブメニュー
スライダー

■基本料金に含まれないもの
スマホ用デザインがない場合のレスポンシブ対応

■動作確認
Chrome, Firefox, Safari

■納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
※品質重視のため長めに納期を頂いております。

■納品までの流れ
①ヒアリング
②デザインデータお預かり（XD、Figma、Photoshop）
③コーディング
④テストサーバーにアップ（ご確認・修正）
⑤納品（ZIPファイル送付、またはFTPでレンタルサーバーへのアップロード）

サービスをご覧いただき、ありがとうございます。
フリーランスをしているSK-Designと申します。

ご提供頂いたデザインカンプ（XDまたはFigma）からコーディングを行い、ZIPファイル送付、もしくはレンタルサーバーへのアップロードにて納品するサービスとなっております。

●こんな方におすすめ
・デザインはできるけどコーディングが苦手
・社内のコーダー不足で外注先を探している
・ホームページを安く作りたい。
・初めてなのでサポートをして欲しい。
・イメージや希望はあるけど、はっきり決まっていないので相談して作りたい。
・TwitterやInstagramなどSNSともリンクさせて集客に繋げたい。
・商品の購入などへ繋げたい。

初めての方でも丁寧にサポートしますのでお任せください！

【コーディングについて】
HTML・CSSでのコーディング(レスポンシブ対応込み)
＊基本は静的HP作成になります。動くページもオプションにて対応可

【納品形式】
html・cssで納品いたします。

●制作の流れ

1. 見積もり相談　
   　お気軽にDMにてお問い合わせください。
   　　　　

2. ご購入・ヒアリング　
   　納期やご支給画像等の確認、素材提案、ご希望当ございましたらお気軽にご相談くだ
   　さい。対応可能であればご購入して頂きます。
   　　　

3. ホームページ制作
   ご希望の納期までに制作させて頂きます。

4. 確認・修正　PC or スマホ　合わせて確認いただきます。
   （修正あれば3回まで無料）

5. データ納品
   最終確認後、問題がございませんでしたら納品させて頂きます。

●納期
ボリュームや内容、いただいた情報量にもよりますが、最短で3日です。
お気軽にお問いあわせください。

●業種ジャンル
基本的にはどのようなジャンルでも対応可能です。

●ご用意いただきたいもの　
〜文章〜
文章は大雑把なものでも大丈夫です。
ヒヤリング時にも伺わせていただいた後、
こちらで作成可能ですのでご安心ください。

〜画像〜
こちらでも無料画像をご用意できますが、
お客様にご用意していただけるとお客様のイメージにより近いデザインに仕上がります。

ホームページ１画面を約１日で作成いたします。
挿入する写真や文章等をお客さまで用意していただけると、時間の短縮が可能です。
ＶＢＡマクロの作成も実施しております。
お気軽に申し込みください。

ホームページからお好みのfacebook（約10点程度に厳選）が眺められるサイトの登場です。
次のダクをhtmlに貼り付けることで、ホームページ画面でフェースブックを覗くことができます。このサイトには2015.12現在10点程度のfacebookを搭載されています。ご自分のパソコンに登録しておけば、いつもラクラク、スピーディにfacebookを見ることができます。工夫により、次々にウエブデザインを展開することも可能です。
以下は、民田工房Facebook例です。
表現タイプは①～⑤お好みのタイプをゲットすることが可能です。

パララックスはオリジナルでライブラリ制作できる程度の知識があります。
パスに沿って動かす等ニッチな表現も可能ですのでデザインの幅を広げることができます。JSの処理に強いのでこんなことできる？といったこともお気軽にお問い合わせください。

１時間辺り２０００円ぐらいでコーティングのお仕事があればご応募します。また１週間辺りの業務時間はどれぐらいかかるのか？とかポートフォリオがあれば貼って頂けると幸いです

将来的にはLP製作とかWEB製作を考えていてコーティングよりも単価が上がる可能性があります

この辺は相談という事で考えていますので
機会がありましたら
よろしくお願いします

WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※下層ページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS バージョン15
　Safari
・Android バージョン11
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

・ファイル送付、もしくはご指定のサーバーにアップロード

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

【業務内容】
HTML、CSS、Javascriptを用いてコーディングを代行させていただきます。
あくまで表示の料金は例なので内容によって料金は変動します。
ですので、細かな料金や納期は一度ご相談できればと考えています。

-アニメーション実装
1工程当たり3000円になります。

【納品までの流れ】
①ヒアリング
詳しくヒアリングをし、クライアント様との認識のずれをなくします。

②お見積もり
デザインとご要望を確認の上お見積りさせていただきます。

③デザインデータの提出
お見積りに納得していただけましたらデータをご提出ください.。
データはxdでお願いします。

④途中経過の確認
1週間に1度、経過具合をご報告させていただきます。
要望がありましたらヒアリングの時におっしゃってください。

⑤最終確認
完成しましたらこちらから連絡させていただきます。
その時に最終確認をお願いいたします。

⑥納品
納品はzipファイルかFTPツールを使用してサーバーにアップロードかになります。

【こんな方向け】
できるだけ料金を安くしたい
でも一定の品質は欲しい方

【自己PR】
時間管理には自信があり納期は必ず守ります。

初めまして。
shinzieと申します。

この度はご覧頂き、誠にありがとうございます。

ご満足頂けるものができるように、日々技術向上に心がけております。ご依頼ご相談など、お気軽にご連絡ください。

今回のお見積もりは実績を積みたいため相場よりもお安くさせていただきます。ご依頼者様とご相談させていただく形になります。

html,css,bootstrapでのコーディングなら自信があるのでこの機会を大切に是非お願いしたくご返事させて頂きました。

ポートフォリオのURLを記載しておくので見ていただけたら幸いです。
http://sinzie.xyz/

納品後の修正も、最後まで責任を持って丁寧に対応させて頂いておりますので、何かありましたら、遠慮なくおっしゃって頂ければと思います。

基本的に平日午後8時から午後10時まで作業しておりますので、時間内であれば、１時間以内に返信します。

また過去には生産管理業務をしていた経験がございますので、円滑なコミュニケーション、指示に忠実に沿った制作、納期の厳守には好評を頂いております。

何かありましたら、お気軽にご相談ください。

どんなに遅くても12時間以内には必ず対応致します。

誠心誠意対応させて頂きますので、何卒よろしくお願い致します。

最後までお読み頂いて、ありがとうございました。

Web制作会社で働く現役Webエンジニアの私が、コーディング代行を致します。
既存サイトの不具合などの小さなご依頼から、対応可能です！

「サービス詳細」
いただいたデザインカンプ(Figma/XD/Photoshop/イラレ)から、Webサイトコーディングをします。
SEO対策に有利な、コーディングを致します。
・HTML/CSSコーディング
・Wordpressサイト開発
・JavaScript,JQueryを使ったアニメーション実装
・Vue.jsを使ったモダンフロントエンド開発
・レスポンシブ対応
・お問い合わせフォーム実装(追加料金)
・既存サイトの不具合対応

「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。

「私の強み」
・内部SEOを意識しコーディング
・進捗確認 / 修正指示がしやすい。
・Wordpressサイトを作成する際は、セキュリティ対策を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置を行います。

「私の実績」
実績
・Wordpressサイトの開発案件 20件ほど
・LPの開発案件 5件ほど
・予算1000万円規模のメインディレクション 3件ほど
・予算200~500万円規模のメインディレクション 10件ほど
などなど

ポートフォリオ
ランサーズに登録しているポートフォリオはこちらになります。
https://www.lancers.jp/profile/yk72__mfs/portfolio

「アフターフォロー」
・追加修正が3回目まで無料

「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品
レンタルサーバーにアップロード or ファイル納品を想定しております。

■可能な業務

・HTML/CSS（Sass）/jQueryを用いた実装

・Gulp
→画像圧縮、Sassファイルのコンパイル、CSS・JavaScriptファイルのミニファイ、ベンダープレフィックスの自動付与など。

・CSS設計（BEM）
→わかりやすく拡張性の高いコーディングをおこないます。

・デザインを忠実に再現
→パーフェクトピクセル（chrome拡張機能）を用いて確認いたします。

ご覧いただきまして、ありがとうございます！
みなさまにご安心してご依頼いただけるよう努めております。

当サービスはデザインデータからWebサイトのコーディングを承っております。

【こんな方におすすめ】
・デザインはできるけどコーディングが苦手

・コーダー不足で外注先を探している制作会社

・コーダーのパートナーを探しているデザイナー

【サービス内容】
・HTML・CSSの静的コーディング
・jQuery/JavaScriptの実装
・CSSアニメーション
・WordPress化(カスタム投稿・カスタムフィールドなどカスタマイズ可能です)
・お問い合わせフォーム実装

【基本料金内】
・jQuery/JavaScriptの実装
・レスポンシブ対応
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・テスト環境のご用意
・アフターフォロー（納品後1週間以内）
　納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

【基本料金JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど

【料金表】
・トップページコーディング ：20,000円～
・下層1ページ：10,000円～
・複製ページ：2,000円～
・WordPress化：30,000円～

【納期】※デザインにより変動いたします。
・TOPページ：3~5日
・下層ページ：1～3日
※デザインデータ受け取り翌日からの日数です。

【ブラウザ・端末確認一覧】
・PC：Chrome、Safari、Edge、Firefox
・スマホ：Chrome、Safari
・実機確認：Mac、Windows、iPhone、Android
♦品質チェックをしてお渡しいたします。

最後まで責任をもって対応させていただきます。
ご不明な点は、お気軽にお問い合わせくださいませ。

Webサイト（WordPress含む）を運用していて
このようなお悩みはありませんか？

■Webサイトの表示崩れの悩み
・電話番号を変えたら行落ちした
・横並びのリストがガタガタになる
・テキスト登録部分が1行ならキレイなのに2行だと変になる
・スマホで見ると変な空白、横スクロールバーが出る
・少しのことなんだけど、デザインを直したい

■動作の不具合の悩み
・「ページ上部へ」ボタンが動かない／追加したい
・押せるはずのリンクが押せない
・設置したグーグルマップのピンの位置を修正したい
・グーグルマップの色を変えたい

■タグ設置の悩み
・アナリティクスやタグマネージャーのタグの設置場所がわからない
・ボタンやリンクにトリガーを設置したいけどやり方がわからない

これらのお悩み、修正したいと思っても
変なところを触っておかしくしたくない...
対応していた担当者が退職してしまった…
制作会社がなかなか対応してくれない...
などなど事情、心配事は様々だと思います。

そんな時には、コーディングの専門家にお任せください！
Web制作会社で4年、現在のフリーランスとしての業務も合わせて
5年以上のキャリアで培ってきた不具合対応力には自信があります！
初心者の方がオリジナルで組んだコードでもご安心ください。
ゼロからスタートの新入社員のコードも数多く見てきたため
つまづく箇所を見つけるのも得意です。
是非、お気軽にご相談ください！

手書きや、自分の中でのイメージとしてはホームページのデザインは出来ているが、実際にホームページを作る事は知識がないので出来ないし、業者に任せれば高いし。。

そんな人へピッタリのサービスです。

PhotoshopやIllustratorの画像データ、参考になるサイトのURL、手書きの写真でもかまいません。
データをお渡しいただけましたらその通りにHTMLでコーディング作業をいたします。

料金は、1ページ分の料金です。（PC、スマホ両方制作する場合は2ページとなります）
縦の長さが5,000ピクセル以上になる場合は追加料金をいただきますが、多少は融通をきかせますのでご相談ください。

複数ページで、似たようなレイアウトの場合は料金割引で追加制作させていただきます。

レスポンシブなしの1ページでしあれば１～3営業日程度で納品させていただきます。
※決まった納期などがある場合は必ず事前にお問い合わせくださいませ。

Webコーダーをお探しの方必見！ ホームページ・ランディングページのコーディングを代行します。

マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。

• デザインはあるけどコーディングはお願いしたい
• デザインをきちんと再現してくれるコーダーを探している
• JavaScriptでサイトに簡単なインタラクションを加えたい

など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。

【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P（デザインカンプ 縦 3000px 前後まで）、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。

■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。（デザインカンプ 縦 6000px 前後まで）

■プレミアム
トップページの静的コーディング+下層ページ3Pまで。

【各プラン料金に含まれるもの】

• レスポンシブ対応（PC / SP）
• JavaScript（jQuery）を使った簡単なインタラクションの実装
• 画像の圧縮
• 表示確認・品質チェック（W3C Validation Service）

【オプション料金で対応可能なもの】

• WordPress構築
• お問合せフォームの実装（WordPressプラグインで対応）
• ブレイクポイントの追加（タブレット用など）
• JavaScript（jQuery）を使った複雑な動きの実装
• 下層ページの追加
• IE11表示対応

【JavaScript（jQuery）について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。

例：

• スライダー
• カルーセル
• スムーズスクロール（ページ内リンク、ページ先頭へ戻るボタン など）
• タブ切り替え
• ハンバーガーメニュー
• ヘッダー固定

ほか

オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。

【対象ブラウザについて】
■パソコン（Windows・Mac）
Chrome、Firefox、Edge、Safari 各最新版

■スマートフォン（Android・iOS）
Chrome、Safari 各最新版

メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。

【ブレイクポイントについて】
ブレイクポイント（デザインが切り替わるポイント）は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。

タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。

【納品形式について】
原則としてデータ納品（ファイル一式を zip 圧縮したもの）になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。

【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
　　　↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
　　　↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
　　　↓
コーディング開始
　　　↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。

修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
　　　↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。

【営業時間について】
10:00〜19:00（土日祝を除く）

【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。

SEO会社様と10年以上お付き合いさせて頂いている、フリーエンジニアです。
SEOを意識したコーディング、スピーディな納品を強みとしています。

Photoshop、illustorator、Fireworks、XD、figma等のデータを頂ければ、コーディングデータ一式を納品します。

【概要】

■静的コーディングのみ(HTML、CSS)
※jsやphpを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。

【以下のような場合も別途対応可能です】

■PC又はスマホ単独ページの場合
レスポンシブ対応が必要ない場合は金額を下げさせて頂きますので別途ご相談ください。

■複数ページの場合
1ページコーディングの金額です。
複数ページの場合も対応可能ですので別途ご相談ください。

■WordPress等のCMSの組み込み納品やカスタマイズ修正について
CMSの組み込みやカスタマイズ修正に関しては別途ご相談ください。

2021年8月2日更新！
只今ランサーズ外でのご依頼が多く、新規受付を休止しております。
納期に余裕がある場合は時期によってご相談可能ですので、
希望される方はメッセージの方でお問い合わせいただけますと幸いです。

ご覧頂きありがとうございます。

HTML＆CSSを使用してLP（ランディングページ）をコーディングいたします。
コーディングのみ依頼したい、もしくは当方で制作したデザインデータを元にHTML&CSSコーディングをされる方向けのサービスになります。

▼出品料金での対応内容
・LP1ページ分の画像コーディング（PC・スマホでレスポンシブ対応可）
・コーディングデータの納品・サーバーアップロード対応

※こちらのサービスにはデザイン制作は含まれておりません。詳細はこちらの出品ページを御覧ください。
https://www.lancers.jp/menu/detail/99925

▼事前のお見積りまでにご準備いただくもの
・コーディングのみ依頼を検討されている方
LPの長さと、ページリンク等仕様がわかる資料（箇条書き等で構いません）をご用意お願いします。
お問い合わせフォームや機能に関するコーディングが必要な方はご要望をできるだけ具体的にお知らせください。

・当方でデザイン制作の依頼をされた方
コーディング方法や希望、その他仕様についてご要望があればまとめてご共有下さい。

▼納品形式
・HTML、CSS、画像、その他データファイルをまとめてお送りします。
・サーバーアップロード対応（任意）

▼納期について
サービスのご購入から約3～4営業日でコーディングしたLPを共有いたします。
※サイトのボリューム、受注時期によっては上記日程でご案内できない可能性がありますので、希望納期のある方はメッセージにてご相談ください。

▼対応環境
・HTML&CSS
・Wordpress
・カラーミーショップ（※フリーページのみ）
・JIMDO（※JIMDO AIは除く）
・Wix（※テキストコーディングは一部制限あり）
・ペライチ（※画像コーディングのみ）
※上記以外の対応環境についてはお問い合わせいただいた際に仕様確認を行い、当方で問題なく対応できる場合のみご依頼を承ります。

▼オプション料金一覧
・Wixコーディング（テキストコーディング）：+30,000円～70,000円
・Wordpressコーディング（テキストコーディング）：+30,000円～100,000円（※制限あり）
・Wordpressコーディング（テーマ設定＆テキストコーディング）：+40,000～120,000円
・JIMDOコーディング（自作テンプレート・テキストコーディング）：+30,000円～70,000円
・1ページ追加：+20,000～50,000円（※内容次第）
・お問い合わせフォームの設置（Wix・JIMDO）：+5,000～10,000円
・お問い合わせフォームの設置（Wordpress）：+5,000～30,000円（※プラグイン次第）
・対応環境以外でのコーディング：+0,000～30,000円
・デザイン変更によるコーディング追加対応（1コンテンツあたり）：+1,000～10,000円

※テキストコーディングはページの長さやボリュームによって異なります。（詳細費用はデザインや長さに合わせてお見積りいたします。）

▼お問い合わせフォーム設置の対応環境
Wix
Wordpress
JIMDO

※JIMDO及びWixのお問い合わせフォームはデフォルトのデザインでのご提供のみとなります。
※Wordpressのお問い合わせフォームはプラグイン機能による導入及びCSSの編集までとなります。
※HTML＆CSSデータによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。（商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。）

▼その他機能関連の導入について
ショップ機能、シミュレーション機能、といったプログラミング要素のあるものについては基本的にご依頼をお受けしておりません。（内容次第では対応できるものもありますが、希望のある場合のみご相談ください。）

デザインはあるけど、コーダーがいない・・・
デザインだけでなくコーディングも依頼したい・・・
そんなご要望がありましたら
お気軽にお問い合せ下さい。

ホームページの新規作成、リフォーミングができます。フォロントエンドエンジニアです。HTML・CSSコーディングを主な対応内容になります。
外国人向けに英語表記のホームページを作りたい場合も、ご対応することができます。

本サービスをご覧いただきありがとうございます。
Web制作事業Starship 代表の古川です。

◎こんな方におすすめ
「デザインはできるけどコーディングができない」
「綺麗なコーディングをして欲しい」
「案件が多く外注したい」

◎用意していただくもの
・デザインカンプ（Photoshop・XD・Illustratorなど）
・ 素材(ロゴ、画像等)
※サーバーへのアップロードをご希望の場合、必要な情報をご共有お願いいたします。

◎基本の価格に入っているもの
・レスポンシブデザイン（スマホでも綺麗に表示　519px 変更可）
・内部SEO対策（alt,section,h1,h2など）
・1ページ（静的）

◎ 制作の流れ

1. 「メッセージを送る」からデザインと合わせてご連絡ください
2. デザインを基にお見積もりを提示いたします。
3. コーディング開始（毎日進捗報告をいたしますので、いつでも確認していただけます。）
4. 検品
5. 問題が無ければ納品

◎直近の実績　
・Illustratorを基にしたコーディング＋WordPress構築　一部下層ページ
https://chikushin.net/　　　　　　　　　　　制作期間1日　　
・PSDカンプを基にしたコーディング
http://xs384652.xsrv.jp/　　　　　　　　　　制作期間4日　  
・XDカンプを基にしたコーディング
https://ic-incorporated.net/　　　　　　　　制作期間4日　　
※クライアント様の要望のサイズとなっておりますので、1920px以上のPCまたはスマホでご覧ください。

他にも多数実績がございます。
ご希望の場合は、メッセージでお伝えください。

その他、気になること等ございましたらお気軽にご相談ください！
依頼者様のパートナーとして尽力いたします。どうぞよろしくお願いします。

多くのサービスがある中ご覧いただきましてありがとうございます。

このサービスでは【Webサイトが重くならない】コーディングを提供致します。

■Webサイトでなかなか開かないサイトってありますよね？
→ホームページのコーディングで不要なファイルが原因になっている場合が
ございます。

またHPをお持ちの方でも、自分のHPがすぐ読み込まない…
といったお悩みも同じ問題の可能性があります！！

「ホームページがなかなか開かない」問題の一つとして、
例えば、WordPressのようなオープンソースのソフトウェアは一般の方でも使いやすい分、
実際は使用しきれない不要なソフトが実装されていてデータが重くなっています。
（他にも世界中で使用されているソフトウェアは
ハッカーに狙われやすくセキュリティの機弱性が問題視されています。）

集客UPを狙うなら顧客をローディングで待たせてしまうのは、意識を削げてしまう可能性ございます。
本当に多くのWebサイトが重いコーディングになってしまっているのが
私はとても勿体ないと感じております。

この問題を解消し、ページが重くなる原因を避けながら
お客様のデザインをコーディング致します。

【サービス内容】
ーーーーーーーーーーーーーーー
■静的コーディング(HTML、CSS)１ページ〜
ハンバーガーメニュー/スライダー/アコーディオン機能などの
JavaScriptを使った動作デザインの実装は
別途料金になりますがもちろんご相談可能です。

■レスポンシブ対応
１ページのご料金になります。
PC版で作った動作デザインの実装も反映します。

ーーーーーーーーーーーーーーー
【ご相談可能なサービス】

◎複数ページご希望の場合
サービス内容は１Pの価格としておりますが
他ページ（下層ページ）は トップページより複雑なものでなければ
サービス価格でお受けできます。ご相談ください！

◎LPのコーディング
6000px以上のものは１回1000pxで3000円でご案内できます。

◎レスポンシブ対応の下層ページ
複雑なものでなければPC版同様にサービス価格でお受けできます。

◎追加のJavaScriptの機能実装　別途お見積もりになります。

◎お問合せフォームの設置：内容に応じて別途お見積もりになります。

◎WordPress化：内容に応じて別途お見積もりになります。

【納品について】
コーディングしたファイルを納品いたします。
納期につきましては３日〜１４日を予想しております。
ご相談内容によって納期が変動しまスノでお見積もり後に
具体的に何日かかるかをお知らせさせていただきます。

幅広くお客様のニーズに対応できるよう頑張っていきますので
ぜひお気軽にご相談くださいませ！

サービスを閲覧いただきありがとうございます。
まずはお見積もりからお願いしております。

◆作業内容
・HTML/CSSを用いた静的コーディング（1ページ〜制限なく複数ページまで作成します）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください）
・お問い合わせフォームの実装
・WordPress化（初期設定やSSL化～カスタム投稿などのカスタマイズまで幅広く対応します）

◆料金表
・トップページ、下層ページのコーディング：10,000円～/ 1ページ
・LPのコーディング：20,000円～
・レスポンシブ対応：上記ページコーディングの半額・又はサービス込みご相談下さい
（例）トップ、下層ページ：5,000円、LP：10,000円
・JavaScriptの機能実装：3,000円～ / 1点
(簡単なハンバーガーメニューやアコーディオンメニューは無料)
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり

＜無料オプション（ご希望の場合）＞
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築（ご希望の際はご当方のテストサーバーでサイトをご確認頂くことが可能です）

◆制作の流れ
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング＆テスト
4、ご確認・修正
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法はご希望に対応可能ですのでお申し付けください。

◆納期
最短で３日〜
ご希望の納期がある場合はご相談くださいませ。

迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。

こちらコーディング代行ページになります。
その他サービスも出品しておりますので
お気楽にご相談下さい。
デザインから丸投げ等もお受けしてますのでそちらもご確認ください。

◎画期的な効率と最終的な結果を推進する、ユーザー中心の堅牢なソリューションのエンジニアリング
◎ソフトウェアマーケティングキャンペーンのリードデベロッパーおよびディレクターとして7年以上の経験
◎最適な結果を更新し、献身的に努力して予算通りにお客様に提供します。
◎ソフトウェア開発ライフサイクルのすべての段階で熟練している。ビジネス要件を技術ソリューションに変換する専門家。品質、使いやすさ、セキュ

• https:

• https://"

• http://www.google.com”/

• http://www.google.com”"foo"/

• http://www.google.com/

• https://www.google.com/

• ftp://www.google.com/

• lancers@google.com

• javascript:alert('foo')

javascript:alert('foo')

[link](http://www.google.com/)


[jslink](javascript:document.location='http://www.google.com/')

[foo]: /url "title"

<A HREF="javascript:document.location='http://www.google.com/'">XSS</A

<a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* 123 <a href="https://www.lancers.jp/">alert('foo')</a>
* 123 <script>alert('foo')</script>

• 123 <a href="https://www.lancers.jp/">alert('foo')</a>

• 123 <script>alert('foo')</script>

• <a href="https://www.lancers.jp/">alert('foo')</a>

• <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>

123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">
alert('foo')
</a>

123<a href="https://www.lancers.jp/">alert('foo')</a>

123<a href="https://www.lancers.jp/">alert('foo')
</a>

<script>
alert('foo')
</script>

123<script>alert('foo')</script>

123<script>alert('foo')
</script>

この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。

HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。

• HTML5/CSS3を使用したマークアップ作業
• JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
• PHPを使用したバックエンド開発
• WordPressのテーマ作成、プラグイン開発

これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。

さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。

ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。

簡単な単純作業や雑用作業はお任せください

学生の勉強中の身であるため、複雑な作業よりは簡単で量の多い仕事はお任せください

▼こんな方へおすすめ
・デザインはあるが、wordpressに流し込むhtmlとcssが欲しい
・LPのコーディングをしてほしい

▼強み
・再現度の高いコーディング
・scssを使用した効率的なcss

▼納期
ボリュームにもよりますが、だいたい1ページ1日です。

▼料金目安
・ページ単価10000円～　です。

ご覧いただきありがとうございます。
デザインデータからのコーディング作業を行なっております。
ご連絡いただきましたら、すぐに返信させていただきます！
お気軽にご連絡お願いします！

制作ページは全てスマートフォン対応のレスポンシブ制作。
PCでもスマートフォンでも質の良いホームページを制作いたします！
コーディングを行う際、デザインのご提供をよろしくお願いいたします。

■ご用意いただきたいもの
・デザインデータ（ Adobe XD( Photoshop・Illustrator ) ）
・画像データ / 動画
・テキストなど

※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください。
ご準備が難しい場合はこちらでレスポンシブ対応することも可能です。
納品後の修正期間は２週間までとさせていただきます。
また、作成後のキャンセルはお断りしています。作業開始前にイメージの共有をお願い致します

ご閲覧ありがとうございます！
デザイナー歴6年目です。
本業ではランディングページ作成をメインにマーケティング関連のデザインをやっております。

コーディングがわからない。
画像は作れるけどその先がわからない。
プログラミング？何それ？

そんな方はぜひ、ご相談ください！
お安く作業致します。（本職でもコーディングをやっております。）

◆作業内容
・HTML/CSSを用いた静的コーディング
・SEO用にメタキーワードの設置
・テスト用アップロード時に修正対応

◆オプション
・レスポンシブ対応
・お問い合わせ・メールフォームの設置
・jQueryやCSSを使ったアニメーション

ご覧いただきありがとうございます！

現役エンジニアのせなと申します。
現役でホームページ制作・更新・修正、ソフトウェア開発等行なっております。
下記をご覧になり、少しでも気になりましたらお気軽に見積もりくださいませ！

■ 当サービスの内容
・ホームページのコーディング作業
・LP(ランディングページ)のコーディング作業
・アニメーション実装

■ 対応事例・作業内容
・コーディング作業( 修正回数無制限 )
・SEO対策済み
・レスポンシブ対応
・画像挿入
・地図挿入
・お問い合わせフォーム作成
・リンク設置
・ファビコン設置
・アニメーション実装

などなど、上記の応用やそれ以外の対応も可能ですのでご気軽にご相談くださいませ。

■ 料金内訳
基本内容
内容：コーディング作業（SEO対策済み、レスポンシブ対応付→１ページのみ）
料金：10,000円

基本内容
内容：コーディング作業（SEO対策済み、レスポンシブ対応付→３ページのみ）
料金：25,000円

基本内容
内容：コーディング作業（SEO対策済み、レスポンシブ対応付→５ページのみ）
料金：40,000円

■ 作業工程
1.ヒアリング + 見積もり
2.購入
3.デザインデータを共有 + 詰め合わせ
4.コーディング作業
5.実物確認（納得いただけるまで）→修正
6.納品

■ 納期
納期目安：2日 ~ 7日
作業開始日：当日から可能
チャットの返答頻度：基本的に1時間以内に返信致します。

■ 納品形式
コーディングデータ（Html/Css等）をzipファイルで送付
※Wordpressに実装して欲しい等、変更してほしい点がありましたらメッセージをください！

■ 注意点
・ご購入後のキャンセルは不可とさせていただきます。
・1週間以上ご連絡がない場合、正式な回答とさせていただきます。

■ 購入後、下記情報を頂けますとスムーズに作業を開始できます。（　作成に必要な方のみ ）
・作成サイトデザイン

⭐︎案件について
1.ホームページ開発をしたい
2.LPだけでも作って欲しいな、、
3.ITに関する知識がないので教えて欲しい
4.こんなアプリつくってほしいな、、等

⭐︎特徴
海外在住経験や、プログラミング情報共有コミュニティに参加していることから、情報のキャッチアップには自信があります。
また開発経験もあり、コーディングも行っておりますのでご安心ください
お値段は是非相談してください！

★注意
あくまで、本業がございますので、納期は多少頂くことになりますので、ご了承いただければ幸いです。

【安心丁寧対応！コーディング業務を外注しませんか？】

パッケージ出品をご覧くださりありがとうございます！
Webデザイナー・コーダーの菅井と申します。

ーこんなお困りごとありませんか？ー

• ・コーディングを外注したいデザイナー様、制作会社様
• ・コーディング、WordPress構築を外注できるパートナーが欲しい

私にコーディング業務をお任せください！
しっかりと要件を伺って真摯に対応させていただきます！

ーサービスの内容ー

・静的コーディング
　→ LPやホームページなどの静的コーディングが可能です。
　　レスポンシブ対応も可能となっています。

・WordPressのオリジナルテーマ開発
　→ WordPressの導入、構築が可能です。カスタム投稿やカスタムフィールド等のカスタマイズも対応していますのでお気軽にご相談ください。

その他にも
・JavaScript/jQueryを使用したアニメーション
（スライダー、スクロール、アコーディオン、ハンバーガーメニューなど）
・metaタグの設置
・画像圧縮による表示速度最適化
も対応しております。

-これまでの制作実績-

・学習塾様のLP制作
・経営サポート事業様のHP制作
・コーポレートサイトHP制作

-ご予算について-

記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ！

-制作の流れ-

①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始（進捗を都度報告いたします）
↓
④ご確認（テスト環境）
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
修正回数は特に設けておりません（デザイン等の大幅修正は除く）。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ

-最後に-

最後までご覧いただきありがとうございました！
ご相談やお見積りは無料で行っておりますので、
少しでも気になりましたらお気軽にご相談ください！

・データ入力
・業界、業種の調査業務
・英語翻訳
・マークアップ言語を使用したサイト作成
・動的サイトの作成

数あるパッケージの中からご覧いただき、誠にありがとうございます。
コーダーのりょうかといいます。お願いいたします。

貴社でご準備されているデザインカンプを
デザインに忠実に、保守性を重視してコーディングします！

円滑なコミュニケーションを意識しており、
お客様からのご連絡には最長でも半日以内にお返事しております。
また、最後まで責任を持ってお仕事させていただきます。

＊ 基本サービス ＊
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境での確認
・品質チェック（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・指定のサーバーへのアップロード
・納品後１週間以内の修正対応（大幅なデザイン変更を除く）

＊ オプション ＊
・お問合せフォーム ¥10,000
・内容によっては、+¥2000 or +¥5000の追加料金をいただいております。
(これ以上の追加料金はございません！)

＊ 制作の流れ ＊
① ヒアリング・お見積り
② デザインデータ（psd, xd, figma）をお送りいただく
③トップページ制作・修正
④問題なければ下層ページコーディング
（必要であれば、ページごとに確認、進捗報告します）
⑤テストサーバーでの表示、動作確認
⑥問題なければ品質チェックシートを添えて納品
（zip、FTPを使用して直接サーバーへアップロード）
※修正回数に制限はございません（大幅なデザイン変更はできません）

＊ 稼働時間 ＊
AM10:00~PM4:00
PM10:00~PM2:00
その他時間をご希望の際は柔軟に対応させていただきます。

▼こんな方にオススメ
簡単なコード改修をお願いしたいけど、最安価格が希望と合わない
もっと安くコーディングしてくれる人を探している

文化祭など、一時的なイベントのためのホームページ、印象いいものにはしたいが何万もかけられない、、
そんなことはありませんか？

現在は異なる職種にいますが、過去html, css, jsコーディングをしてきたものとして、他とは格安で承りたいと思います。

当然、満足いかなければ何度でも変更要望可能です。どうしても満足いただけなければキャンセル・返金の対応を撮らせていただきます。

ぜひお手軽にホームページを作成してみてはいかがでしょうか？少しでも盛り上げるお手伝いができればと思います！

当サービスをご覧いただきありがとうございます！
こちらはHTML・CSSを使用して、ホームページのコーディングを行うサービスです。

○デザインはあるけどコーディングができない
○コーダーが足りない
○制作会社に依頼したら高そうでできない
などといった方々におすすめのサービスです！

【作業内容】
・WebサイトのHTML／CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・作成したフォルダのサーバーへのアップロード
・納品後1週間まで修正無料！

【制作の流れ】
① デザインのご提供(お客様)、事前確認
② 制作
③ 確認・修正
④ 最終チェック
⑤ 納品

お客様に事前にご準備いただくものがございます。
・デザインカンプ（XD、Photoshop、Illustratorなど）
・素材データ（画像、イラスト、ロゴ、文章）
※
・サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい

ご相談だけでも構いません！
お気軽にお問い合わせください。

あなたのデザインのコーディングを代行いたします！

「デザインはできるけどコーディングはできない」
「忙しくてコーディングに手が回らない」

上記のようなお悩みを解決いたします。

■当サービスの強み

✔デザインの忠実な再現
デザインデータからキレイにコーディングいたします。当然レスポンシブ対応込みです。
また私自身Webデザイナーとしての経験もあるためPC版のデザインデータのみしかご用意がない場合でも、スマホ版のコーディングが可能です。

✔アニメーションの実装
フェードアニメーションやスライドアニメーション等のアニメーションを料金内で対応させて頂きます。
詳しくは下の「アニメーションについて」を御覧ください。そこに書いてないものでも簡単なものであれば料金内で対応可能ですのでご相談ください。

✔SEOを考慮したマークアップ
divやspanは極力使わず適切なタグを使い可能な限りSEOに配慮した構築を心がけております。

✔アクセシビリティの配慮
2024年4月に障害者差別解消法の改正法が施行され、今まで民間事業者では努力義務であった「合理的配慮の提供」が義務化されました。
デジタル庁の公開しているウェブアクセシビリティ導入ガイドブックに則り、WAI-ARIA等を利用して最大限アクセシビリティに配慮した構築を料金内でさせて頂きます。アクセシビリティに関しては複雑な部分も多く、私自身まだまだ勉強中のみなのでその点はご理解ください。

■対応可能データ
・Figma、Photoshop、Illustratorのいずれか
　Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

■アニメーションについて
【料金内で対応可能】
・フェードアニメーション（表示領域に入ったら発火など）
・ホバーアニメーション
・スムーススクロール
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

■動作確認ブラウザ
・PC
　Chrome、Firefox、Microsoft Edge、Safari
・スマホ
　Safari、Chrome

※いずれも最新版です。

■納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品

■納品形式
ファイル送付、もしくはご指定のサーバーにアップロード

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

【サービス内容】
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。

〜 こんな方におすすめ 〜
・コーディングをお願いしたい制作会社様、デザイナー様
・忙しくて時間が割けないのでコーディングを代行したい方

【ご準備していただくもの 】
・デザインデータ（Photoshop・XD・figma）
・画像、動画、文章

【サービス内容 】
・HTML・CSSで静的サイトをコーディング
・レスポンシブ対応
・CSSやJavaScript(jQuery)を用いたアニメーションの実装

【納品までの流れ 】
①ヒアリング&お見積り（ご相談・スケジュール確認）
②デザインデーターお預かり
③作業開始
⑤ご確認・修正
⑥納品（zipファイル納品）
購入にあたってのお願い
【購入にあたってのお願い】
・頂いたデザインデータに沿って作業させて頂きますので、画像の本番化や途中でのレイアウト変更、仕様変更がある場合は別途お見積りとさせて頂きますので、トラブルを避ける為確定後のデザインデータをお送りください。
※クライアント様の都合上事前に修正等が必要とわかっている場合は、事前にお伝えください。
※コーディング着手後にデザイン変更があった場合、追加料金が発生する場合がございます。
・48時間以上ご連絡が途切れた場合はトークルームをクローズさせていただきますのでご了承ください。なおその場合のご返金は致しかねます。
・ コーディングのルールがございましたら事前にお知らせください。
・ Wordpress構築やカスタマイズの対応は行なっておりません。

【サービス内容】
・React, TypeScript, Next.jsを使用した静的コーディング
・1ページから大規模サイトまで対応可能
・既存サイトの修正にも対応
・レスポンシブデザインに対応
・JavaScriptを用いた動的機能の実装（スライダー、ハンバーガーメニューなど）

【制作プロセス】
・ヒアリング・お見積り：お客様のニーズを丁寧にヒアリングします。
・デザインのご提供：お客様よりデザインデータをご提供いただきます。
・コーディング：提供されたデザインを忠実に再現し、高品質なコーディングを行います。
・ご確認・修正：コーディングした成果物をご確認いただき、必要に応じて修正を行います。
・最終確認・納品：最終確認を経て、納品とさせていただきます。納品方法はお客様のご希望に合わせて柔軟に対応いたします（GitHubコミット、zip納品、FTP送信など）。

【納期について】
実装内容により異なりますが、基本的には1〜2週間以内での納品を心がけております。
お客様のご希望の納期がある場合は、お気軽にご相談ください。
お約束した納期は厳守いたします。
まずはお気軽にお問い合わせください。

個人事業者やWEBが苦手な中小企業のご担当者様など、
コミュニケーションを取りながらホームページやSNS運用、
名刺作成やロゴ制作まで承ります。

Web業界実務20年超のクリエイターがHTMLコーディングを行います。

コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。

■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円

■ サービスに含まれるもの
・HTML／CSS コーディング
・レスポンシブ対応込（ブレークポイント2、基本的なカラムダウン）
・簡易JavaScript込（タブ切り替え、アコーディオン開閉 等）
・簡易アニメーション込（スクロール時の上下左右スライドイン）

■ オプション（別途御見積）
・デザイン高さ＋2500pxにつき：4,000円
・Adpbe stock 画像使用5点以内：10,000円

■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ（ai/XD/Figma 等）お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品

■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px／1日ペースで制作
・トータル作業日数の＋1日を確認・調整期間

例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。

■ 納品方法
・トークルームにてzipファイルによる納品

購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。

●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。

●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後５日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円

こんな方におすすめ▼
お試し感覚で依頼をしてみたい方

ご提供内容▼
既存サイト、新規サイトのhtml/cssコーディングをいたします

価格▼
既存サイトの修正：￥10000
新規静的サイト：￥15000
CMS構築：￥20000

オプション▼
下層ページ+1枚：￥5000
手直し(3回目以降)：￥1000/1回

申し込みから納品まで▼
お申し込み▶デザインファイル(XD, Figma, Photoshop, Illustrator)送信▶デザインファイル受け取り▶コーディング▶納品▶手直し(3回まで無料)▶完全版納品

サービス内容

ご覧いただきましてありがとうございます！
コーディング業務を承っておりますやすゆきと申します。

キャンペーン期間中！
1名様限定3,000円でご対応いたします！

【サービス内容】
・HTML、CSSを用いた静的コーディング
・レスポンシブ対応（PC、タブレット、スマートフォン）
・JavaScript（jQuery）を用いた簡易アニメーション
　スライダー、スクロール、ハンバーガーメニュー
・各種SNS連携
・納品後1週間修正対応

【料金】
・TOPページコーディング：5,000円（5,000px目安）
・下層ページコーディング：3,000円（5,000px目安）
・レスポンシブ対応：基本無料（既存ホームページのレスポンシブ対応のみ：3,000円）
・アニメーション：基本無料（スライダー、スクロール、ハンバーガーメニュー以外のアニメーション1点：2,000円）
・サーバーアップロード：基本無料

※料金は目安となり、作業内容により前後する場合があります。
　事前の相談により正確なお見積をいたします。

【納品までの流れ】
1.ヒアリング（「見積り・カスタマイズの相談」から業務内容のヒアリングをさせていただきます）
↓
2.お見積り
↓
3.ご契約
↓
4.デザインデータのご提供
↓
5.コーディング業務開始
↓
6.初稿提出（テストサーバーにてご確認いただきます）
↓
7.修正対応（無制限にてご対応いたします）
↓
8.納品（zipファイルでのデータ納品or指定サーバーへのアップロード）

【納期】
作業開始より7日を目安に納品いたします。
※構造により前後いたしますので「見積り・カスタマイズの相談」にてすり合わせさせていただきます。
購入にあたってのお願い
■お客様にご準備いただきたいもの
・デザインデータ（Figma・Photoshop・Illustrator・XD）
・書き出しできない画像やテキストデータ

ご覧いただきありがとうございます！
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。

本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。

・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい

このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。

▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装

▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。

▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。

▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品

▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)

どちらでも柔軟に対応させていただきます。

納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください！

基本コード代行です。
こんな方にオススメ！
未経験者ok 初心者ok

サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。

■こんな方にオススメです
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社
・コーダーのパートナーを探しているデザイナー

■基本料金に含まれるもの
・HTML／CSSコーディング
・レスポンシブ対応
・アフターフォロー（納品後1週間以内）
→納品後のテキストや画像の差し替えは無料

■基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応：10,000円

■納期
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で対応を行います。

稼働目安：1ページあたり約2～3営業日

■納品までの流れ
ヒアリング
　↓
デザインデータお預かり
　↓
コーディング
　↓
テストアップ（ご確認・修正）
　↓
納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

■コメント
お客様のご意向に沿ったサイト制作ができるよう、こまめなコミュニケーションを心がけております。
任せてよかったと思えるような働きをさせていただきますので、どうぞよろしくお願いいたします。

業務内容の概要

ターゲットクライアント: ChatGPTの活用方法について学びたいと考えている個人、ビジネスプロフェッショナル、および小規模企業。

解決する課題: ChatGPTの機能と応用方法に関する理解不足。これにより、その技術を自身の業務やプロジェクトに効果的に組み込む能力が制限されています。

提供するサービス: ChatGPTの基本操作から応用技術までをカバーするトレーニング、専門的な使用法のガイド、および個別の疑問に答えるサポート。

具体的な納品物と進め方

納品物:

詳細なChatGPT使用法ガイド
個別の疑問解決セッションのサマリー
進め方:
顧客のニーズを理解するための初期ミーティング
詳細な使用法ガイドの提供
継続的なフォローアップとサポート

自身の強みと経験

私はAIと自然言語処理の分野における豊富な経験を持ち、特にChatGPTの専門家として、多様な業界での実用的な応用を実現してきました。これらの経験を通じて、クライアントがChatGPTのポテンシャルを最大限に活用し、業務を効率化し、革新するための具体的な戦略を提供します。
このアプローチは、クライアントがChatGPTの技術を理解し、その利点を自身の業務に適用するための実践的な指導とサポートを提供することに重点を置いています。

デザインデータからWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。

◆ サービス内容
・静的コーディング
・LPコーディング
・WordPressコーディング（オリジナルテーマ）
・CSSアニメーション
・WordPressの実装(オリジナルテーマ制作 / カスタマイズ)
・WordPressのお問い合わせフォーム実装

◆ 基本料金内
・jQuery/JavaScriptの実装
・レスポンシブ対応
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・テスト環境のご用意
・修正無料
・アフターサポート
納品後14日以内のテキストや画像の差し替えなど、軽微な修正可能。

web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください。

◆ページ料金目安
・トップページ：30,000円～
・下層1ページ：10,000円～
・複製ページ：2,000円～
・LPコーディング：50,000円～
・WordPress実装：要相談

◆ こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方

サービス運営者様、会社経営者様、個人などでも可能ですので
まずはお気軽にご相談ください。

◆ 製作の流れ
①ご相談・ヒアリング

②契約
ご相談の上、ご検討していただきお申し込みいただけたらと思います。

③制作開始

④ご確認・修正

⑤納品

【サービス内容詳細】
・HTML/CSSコーディング
・レスポンシブ対応
・アニメーションの実装
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業（zipで納品も可能です）

【本サービスの強み】
◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。

◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。

◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております！

ご閲覧いただきありがとうございます！
当サービスでは、ホームページを1万円〜、最短7日でご提供しております。

【サービス内容】
◾️HTML、CSSによるコーディング
◾️jQueryによるアニメーション（スムーススクロールやフェードインなどの簡易なもの）
◾️WordPress化
◾️レスポンシブ対応
◾️デザインの再現
◾️高速化処理（ファイルのサイズ圧縮）

【制作の流れ】
①見積もりのご依頼
②見積もりの提示
③サービスのご購入
④制作に必要なサーバー情報、デザインデータ（文章、画像データ含む）のご提出
⑤制作開始
⑥納品

■制作期間
必要データをご提供いただいてから最短7日で納品いたします。
※ページ数やデザイン・要件によってかかる日数は異なります。

■アフターサポート
納品後１週間は無償で修正対応させていただきます。

ご不明点等ございましたら、メッセージからお気軽にお問い合わせください！

【LP / HPのコーディング代行をさせていただきます。】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴
・デザインを忠実に再現
ーあなたの大事なデザインデータを綺麗に形にいたします。
ズレを最小限に抑えるように細かく調整をして、デザインを忠実に再現いたします。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約後の流れ

1. 事前のヒアリング
   ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
   打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
   不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
   修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
   最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

お客様のストレスが無いよう、即レス・即対応を心がけております。
只今、実績積み上げ中ですが、だからこそ1つのお仕事に責任を持って誠心誠意対応いたします。

気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！