業務内容
ご覧いただきありがとうございます。
本パッケージでは、デザインデータをもとに、高品質で保守性の高いHTML/CSS/JavaScriptコーディングを提供いたします。コーポレートサイトやLP、ポートフォリオ、サービス紹介ページなど、静的なWebサイトの構築をご希望の方に最適です。
⸻
✅ 提供できる内容
• HTML/CSSによる静的サイトのマークアップ
• セマンティックなタグを用いた構造
• アクセシビリティやSEOを意識した記述
• Sass（SCSS）を使ったCSS設計
• モジュール化・変数管理など保守性を考慮
• BEMや命名ルールの設計にも対応
• レスポンシブ対応
• スマートフォン・タブレット・PCに最適化
• ブレークポイントの調整やレイアウト崩れの修正
• JavaScriptによるインタラクション実装
• スライダー、アコーディオン、モーダル、タブ切り替えなどの基本UI
• スクロール連動アニメーションやフェードイン等の演出
• jQuery対応（必要に応じて）
• 既存環境に合わせたスクリプト実装も可
• 納品ファイルの整理と構造化
• 画像、CSS、JSのフォルダ分け
• READMEや簡単な操作マニュアルの付属も可能（希望者）
⸻
✅ ご依頼の流れ
- ヒアリング・ご相談
• デザインデータや参考サイト、構成などを伺います。
• 作業範囲やスケジュール、希望機能などを確認します。 - お見積もり・納期の提示
• ページ数や機能に応じて、正式なお見積もりを提示します。 - 制作開始
• HTML/CSS/JavaScriptによるコーディングを行い、途中段階での確認も可能です。 - 最終確認・修正対応
• 納品前に確認用データを提出し、軽微な修正にも対応いたします。 - 納品（ZIP形式またはGit等）
• HTMLファイルとリソースをまとめて納品いたします。
⸻
✅ 対応可能なデザインデータ
• Figma
• Adobe XD
• Photoshop（PSD）
• PDF / イメージ画像（構成が明確であれば可）
⸻
✅ 納品形式
• HTML/CSS/JavaScriptファイル一式
• ディレクトリ構成：
index.html / css / js / imgなどご希望に応じます
• GitHubでの納品やバージョン管理対応も可能です（要相談）
⸻
✅ ご依頼にあたってのお願い
• デザインデータは完成された状態でご提供ください。
• テキストや画像などが未定の場合は、仮素材での対応となります。
• CMS（WordPress等）への組み込みは本パッケージの範囲外です。
⸻
✅ このような方におすすめ
• デザインデータはあるが、コーディングを外注したいWebデザイナー・ディレクターの方
• 小規模なWebサイトを短納期・低予算で立ち上げたい事業主の方
• 保守性やSEOにも配慮したHTMLコーディングを依頼したい方
⸻
誠実かつ丁寧な対応を心がけております。
ご相談やご不明点があれば、お気軽にお問い合わせください！
基本料金
出品者
30日前以上
Web制作ならお任せください！
-
0 満足0 残念
- 本人確認
- 個人
- 京都府
「はじめてのご依頼でもご安心ください。
丁寧なコーディングで、想いを形にします。」
はじめまして。Webサイトのコーディングを中心に活動しているMakotoと申します。
丁寧で基本に忠実なセマンティックコーディングを大切にし、メンテナンスしやすいCSS設計を心がけています。
HTML/CSSによる静的コーディングから、JavaScriptによる動的な処理や簡単なアニメーションまで対応可能です。Figmaデザインの再現にも対応しております。
現在は「しょーごログ」の中級EX課題に取り組みながら、着実にスキルを磨いています。
資格としては基本情報技術者・応用情報技術者を保有しており、技術的な基盤も整えています。
実務経験はまだありませんが、一つひとつのご依頼に誠実に向き合い、信頼していただけるお取引を大切にしています。
ポートフォリオも公開しておりますので、よろしければぜひご覧ください。
▼可能な業務／スキル
・HTML/CSSによる静的コーディング
・JavaScriptによる動的な処理や簡単なアニメーション
▼資格
・応用情報技術者試験
・基本情報技術者試験
▼実績例
しょーごログさんのコーディング練習課題（デザインカンプからのコーディング）
ポートフォリオに記載しております。
架空の介護派遣サービスサイト
架空の総合内科クリニックサイト
▼活動時間／連絡について
できる限り柔軟にご対応させていただきます。急ぎの案件等もお気軽にご相談ください。
連絡は基本的にいつでも可能です。できる限り素早い返信を心がけますが、急ぎの仕事が入っている場合はお時間をいただくこともございます。
ご了承いただければ幸いです。
ご興味持っていただけましたら、メッセージでお気軽にお声がけください。
どうぞよろしくお願いいたします！
注文時のお願い
本パッケージでは、デザインデータをもとにしたHTML/CSS/JavaScriptのコーディング業務を提供いたします。
スムーズな進行と、トラブル防止のために、以下の点をご確認・ご理解のうえ、ご依頼をお願いいたします。
⸻
✅ ご依頼時にご提供いただく情報
ご依頼確定後、以下の情報をご準備ください。
• 完成済みのデザインデータ（Figma、XD、PSD、PDF、画像など）
• 使用する画像・テキストなどの素材（未定の場合はダミーで対応）
• ページ数・各ページの構成やレイアウト情報
• 対応デバイス（PCのみ／スマホ対応も必要 など）
• ご希望の納期
• 使用希望の技術（例：jQuery使用可否など）
• その他ご要望（アニメーションの有無、SEO意識の有無、ディレクトリ構成など）
⸻
✅ 基本対応範囲
• HTML/CSS（Sass対応可）での静的コーディング
• JavaScriptによる基本的なUI実装（スライダー・アコーディオンなど）
• レスポンシブ対応（スマホ・タブレット・PC）
• 複数ページのコーディング（別途オプションまたはご相談）
• セクション単位でのCSS設計（モジュール設計・BEM可）
• シンプルなお問い合わせフォーム（静的）
⸻
🚫 対応が難しい業務（別途ご相談ください）
• WordPressなどCMSへの組み込み
• サーバーやドメインの取得・設定代行
• 高度なJavaScript機能（SPA、React/Vueなどのフレームワーク案件）
• PHPやデータベースを使用した動的なサイト開発
• 継続的な保守運用
• 既存コードの修正・バグ調査のみの対応
• 極端に短納期（内容次第で要相談）
⸻
✅ 修正対応について
• 軽微な文言修正やレイアウト微調整は2回まで無料で対応いたします。
• 大幅なレイアウト変更、デザインの再提出に伴う修正は追加費用が発生します。
• 修正内容は明確にご指示いただきますようお願いいたします。
⸻
✅ 納品形式
• HTML/CSS/JavaScriptファイル一式（ZIPファイルなど）
• ディレクトリ構成：html / css / js / img など
• ご希望があればGitHubでの納品やREADMEの付属も可能です
⸻
✅ その他の注意点
• ご連絡が数日間途絶えた場合、プロジェクトを一時停止またはキャンセルとさせていただく場合があります。
• 公序良俗に反するコンテンツ、アダルト・出会い系・違法性のある内容のコーディングはお断りいたします。
• ご不明点があれば、事前にお気軽にお問い合わせください。
⸻
ご依頼主様の意図を正確に反映し、納得のいく成果物をご提供できるよう、丁寧なヒアリングと対応を心がけております。ご協力のほどよろしくお願いいたします。
