未経験のHTMLコーディングで選ばれるのは納品形式を書いた提案

LP制作・コーディングを未経験から始めたいと考える人は年々増えています。結論から言うと、未経験だからといって案件が取れないわけではありません。ただし、選ばれる提案とそうでない提案には明確な差があります。その差の大部分は、スキルの高さではなく「納品形式を具体的に書いているかどうか」にあります。

私はこれまで複数のメディアでフリーランスの働き方に関する記事を編集してきました。その中で、未経験からWeb制作の副業に参入した人の提案文を何十件も見てきましたが、正直なところ、採用される提案とそうでない提案の違いは技術力よりも「発注者が何を不安に感じているか」への理解の差だと感じています。この記事では、その具体的な理由と、未経験者が今日から使える提案文の作り方を、客観的なデータと実務的な視点で整理します。

LP制作・コーディング未経験者を取り巻く市場の現状

まずマクロな視点から現状を整理します。LP（ランディングページ）制作の市場は、広告出稿を行う企業のほぼすべてに需要があるという意味で、非常に裾野が広い分野です。デザインから丸ごと依頼するケースもあれば、すでにあるデザインカンプ（Photoshopやfigmaのデザインファイル）を渡して、コーディングだけを外注するケースも多く存在します。

未経験者にとって特にチャンスが大きいのは、この「コーディングのみ」の案件です。デザインスキルがなくても、HTMLとCSSの基礎、そして最低限のJS（jQueryやスクロールアニメーション程度）が扱えれば参入できる案件が一定数あります。

LP1件あたりの所要時間には目安があります。

LP1件あたりの所要時間にも目安があり、コーディングのみの工程請負であれば数日から1週間程度、デザイン込みで一貫して担当する場合は2〜3週間程度が一般的とされます。これはあくまで目安であり、スキルや経験、稼働時間によっても変動するため、本業との両立を判断する材料として参考にしてください。 出典: youtrust.jp

この目安からわかるのは、コーディングのみの案件であれば、未経験者でも「まとまった作業時間を数日から1週間確保できるかどうか」が最初のハードルになるということです。逆に言えば、平日の夜や週末にコツコツ時間を積み上げられる人であれば、本業を続けながらでも十分に取り組める規模感だと言えます。

一方で、未経験者が最初につまずきやすいのは、技術そのものよりも「案件の探し方」と「提案の書き方」です。技術系の学習コンテンツは書籍やオンライン講座が充実しているのに対し、案件獲得のノウハウは体系的に語られる機会が少なく、我流で提案文を書いて何十件も落ち続ける、というケースをよく見かけます。

未経験者がまず身につけるべき最低限のスキル

LP制作・コーディングの仕事に必要なスキルは、実は思われているよりもシンプルです。ただし「シンプル」と「簡単」は違います。ここでは実務で求められる最低限のラインを整理します。

HTML/CSSの基礎とレスポンシブ対応

現在のLP制作案件の大半は、スマートフォンでの閲覧を前提にしたレスポンシブデザインへの対応が必須条件になっています。PC版のデザインカンプだけを渡されて、スマホ版のレイアウトは「よしなに調整してほしい」と言われるケースも珍しくありません。ここで求められるのは、メディアクエリを使った崩れないレイアウト設計と、画像の可変対応です。

未経験者がここでつまずくポイントは、PCで見たときはきれいでも、スマホの画面幅を狭めた瞬間にボタンが重なったり文字がはみ出したりする現象です。これは学習段階で「PCの画面だけで確認して満足してしまう」ことが原因であることが多く、実務ではさまざまな画面幅で確認する癖をつけておく必要があります。

コーディングルールとコードの可読性

発注者、特に制作会社経由の案件では、社内のコーディング規約に沿った命名規則やインデントを求められることがあります。クラス名の付け方（BEMなど）、インデントの統一、余計なコメントアウトの削除など、一見地味な部分ですが、ここが雑だと「次も頼みたい」と思ってもらえません。

未経験のうちは正直、コードの美しさまで意識が回らないことが多いものです。私自身、初めて外部の人にコードを見せたとき、インデントがバラバラで指摘を受けた経験があります。技術的な正しさだけでなく、「他人が読むこと」を前提にコードを書く習慣は、案件を重ねる中で徐々に身についていくものだと感じています。

ワードプレスやCMSへの実装知識

LP単体のコーディングだけでなく、ワードプレスのテーマや固定ページに組み込む形の依頼も一定数あります。静的なHTMLファイルを納品するだけの案件と、CMSに組み込むところまでを求める案件では、必要な知識も難易度も変わってきます。未経験のうちは静的HTMLの案件から始め、慣れてきたらCMS実装にも対応範囲を広げるという段階的な進め方が現実的です。

なぜ「納品形式を書いた提案」が選ばれるのか

ここが本記事の核心です。未経験者の提案文を見ていると、多くが「未経験ですが誠心誠意対応します」「勉強中ですが頑張ります」といった意欲だけをアピールする内容になりがちです。もちろん熱意は大切ですが、発注者が本当に知りたいのはそこではありません。

発注者側の視点に立つと、外注先に依頼する際の最大の不安は「納品されたものが自分の環境で正しく動くかどうか」「修正のやり取りがスムーズにできるかどうか」です。つまり、未経験者であっても、次の3点を提案文の中で具体的に明示できれば、発注者の不安は大きく軽減されます。

納品ファイル形式を明記する

「HTMLファイル一式、CSSファイル、画像フォルダをzip形式でお渡しします」というように、何がどんな形で届くのかを具体的に書きます。発注者の中には、Web制作の技術的な部分に詳しくない人も多く、「コーディングします」とだけ言われても、実際に何が届くのかイメージできていないケースが少なくありません。

動作確認環境を明記する

「Google Chrome最新版・Safari最新版・スマートフォン（iOS/Android）での表示崩れがないことを確認したうえで納品します」といった一文があるだけで、発注者は安心します。逆に、これが書かれていない提案は「納品後に自分でブラウザチェックをしなければならないのでは」という懸念を持たれやすくなります。

修正対応の範囲と回数を明記する

「納品後1週間以内の軽微な修正は2回まで無償で対応します」といった条件を先に示しておくと、発注者は追加費用の見込みが立てやすくなり、依頼へのハードルが下がります。逆に何も書かれていない場合、発注者は「修正のたびに追加請求されるのではないか」と警戒することがあります。

これら3点はいずれも、高度な技術力がなくても書ける内容です。むしろ未経験者だからこそ、丁寧に言語化しておくことで、経験者との差を埋められる部分だと言えます。

未経験からポートフォリオを作る現実的な手順

案件を獲得する前提として、実績となるポートフォリオが必要です。実績ゼロの状態から始める場合、次のような段階を踏むのが現実的です。

まず、既存のLPを1つ選び、模写コーディングに取り組みます。デザインをゼロから考える必要がないため、コーディングの技術だけに集中して練習できます。次に、模写したものをレスポンシブ対応させ、スマホ・タブレット・PCの3画面幅で崩れなく表示されることを確認します。この段階で、GitHubなどにコードを公開し、誰でも見られる状態にしておくと、提案文に「ポートフォリオはこちら」とリンクを添えられるようになります。

その後、可能であれば知人や小規模な事業者から、無償または低単価での実制作を1〜2件経験しておくと、次の案件で「実務経験あり」と言えるようになります。ただし、無償対応を重ねすぎると自分の時間的な負担が大きくなるため、1〜2件を目安に区切りをつけることをおすすめします。

Yahoo!知恵袋には、外注先のクオリティに関する発注者側のリアルな声もあります。

人気の質問最近、フリーのwebデザイナーさんに外注でLP制作を依頼しました。 未経験からスクールに入り、まだこなした案件も少ないという事だったのですが、ポートフォリオのクオリティも悪くなかったのと、デザインのみ作成、うちの社員なら1日で制作するレベルのものを納期2週間で依頼しました（外注しないといけないような案件ではなかったのですが、良ければ継続してお願いしたかったので様子見で軽い案件を振りました） 出典: detail.chiebukuro.yahoo.co.jp

この事例からわかるのは、発注者は最初から大きな案件を任せるわけではなく、まず「軽い案件」で様子を見る傾向があるということです。未経験者にとっては、最初の小さな案件で誠実に対応し、継続的な依頼につなげることが、実質的なキャリア形成の第一歩になります。

提案文で避けるべき典型的な失敗パターン

未経験者の提案文でよく見かける失敗パターンをいくつか挙げます。

一つ目は、テンプレート感が強すぎる提案です。案件ごとの要件を読まずに、同じ文面をコピペして送っているのが一目でわかる提案は、発注者からの信頼を得にくくなります。案件の要件に対して具体的にどう対応するかを、その案件用に書き直す手間を惜しまないことが大切です。

二つ目は、金額の話を最初から前面に出しすぎることです。「相場より安くします」というアピールは、一見魅力的に見えますが、発注者からすると「安かろう悪かろうなのでは」という懸念にもつながりかねません。価格よりも、対応の丁寧さや納品形式の明確さを先に伝える方が、結果的に信頼されやすい傾向があります。

三つ目は、質問を一切しないことです。案件の要件に曖昧な部分がある場合、それを確認せずに見切り発車で提案すると、後々の認識齟齬につながります。逆に、要件の不明点を的確に質問できる人は「この人はちゃんと理解しようとしている」という印象を与えられます。

スキルの学び方と学習優先順位

未経験からの学習において、どこから手をつけるべきか迷う人も多いはずです。優先順位としては、まずHTML/CSSの基礎文法を固め、次にレスポンシブ対応の実装パターンを学び、その後にjQueryやわずかなJavaScriptによるアニメーション実装に進むという順序が実務的です。

デザインツール（figmaなど）の基本操作も、コーディングのみを請け負う場合でも最低限触れておくべきです。発注者からfigmaでデザインカンプが渡されるケースが多く、そこから正確に寸法やカラーコードを読み取る力（通称「デザインカンプの実装再現力」）が求められるためです。

学習方法としては、書籍やオンライン講座で基礎を固めたうえで、実際に自分でLPを模写する「アウトプット中心」の学習が効率的だとされています。座学だけでコーディングが上達することはほとんどなく、手を動かした分だけ実装力が伸びていく分野だと言えます。

独自データから見えるコーディング未経験者の傾向

LP制作・HTML/CSSコーディングのお仕事のようなお仕事ガイドを見ると、募集内容の多くが「未経験可、ただしポートフォリオ必須」という条件で構成されている傾向が見られます。つまり、実務経験の有無よりも、実際に作ったものを見せられるかどうかが選考の分かれ目になっているということです。

また、コーディングの副業を足がかりに、より上流のデザインやマーケティング領域へキャリアを広げていく人も一定数見られます。関連して、AI・マーケティング・セキュリティのお仕事のような分野は、LP制作の実務経験を持つ人が次のステップとして検討しやすい領域です。LPのコーディングを通じて、CVR（コンバージョン率）改善の視点や広告運用の基礎知識に触れる機会が自然と増えるためです。

20年この市場を見てきた立場から言えば、長く仕事を得続けている人ほど、単発の受注で終わらせず「この人に頼めば安心」という関係を丁寧に積み上げています。未経験からのスタートであっても、最初の案件で納品後のフォローまで丁寧にこなした人が、次の案件、その次の案件へとつながっていく様子を、これまで何度も見てきました。単価の高さよりも、まず信頼を積み重ねることが、結果的に長期的な収入の安定につながるという構造は、この業界に限らずどの分野でも共通しているように思います。

さらに付け加えると、仲介手数料が発生しない直接取引の場では、依頼する側も同じ予算でより多くを任せやすく、受ける側も手取りが厚くなるという構造上のメリットがあります。これは金額の大小の話ではなく、双方にとって無駄な中間コストが発生しないという「質」の話です。運営者として見てきた限りでは、この構造を理解している発注者ほど、継続的な関係を築きやすい相手だと感じています。

収入面での現実的な見通し

未経験からLP制作・コーディングの副業を始めた場合、最初のうちは1件あたりの単価が数万円規模から始まることが一般的です。報酬は案件の複雑さや納期の短さによって幅があり、シンプルな1ページのコーディングのみであれば低めの単価、デザインからCVR改善提案まで含む案件であれば高めの単価になる傾向があります。

ここで注意したいのは、報酬額を過度に期待しすぎないことです。未経験の段階では、まず実績と信頼を積み上げるフェーズだと割り切り、単価よりも「継続して依頼してもらえる関係を作れるかどうか」を優先する方が、長期的には合理的な戦略になります。

税務面についても触れておきます。副業で得た報酬が一定額を超えると、確定申告が必要になる場合があります。具体的な要件や控除額は個人の状況によって異なるため、正確な判断は税務署や税理士への確認をおすすめします。国税庁の公式サイトでは、確定申告に関する基本的な情報が公開されています。

ご質問があります。私はLp作成の仕事をしたいと思い 出典: nta.go.jp

副業を継続していくうえでは、報酬管理や確定申告の準備を早めに習慣化しておくことが、後々のトラブルを防ぐことにもつながります。曖昧なまま放置せず、必要であれば早い段階で専門家に相談する姿勢が大切です。

キャリアの広げ方と関連分野への接続

LP制作・コーディングのスキルは、それ単体で完結するものではなく、さまざまな周辺分野への足がかりになります。たとえば、コーディングと並行してライティングのスキルを身につければ、LPの構成案やキャッチコピーまで含めて提案できる人材になれます。文章の副業に関心がある人は、主婦からWebライターを始める方法｜未経験でも月5万円稼ぐまでの手順のような、別分野からの参入事例も参考になるはずです。

また、テキストベースの副業からコーディングへ、あるいはその逆にコーディングから動画編集へと、複数のスキルを組み合わせて仕事の幅を広げていく人も見られます。文字起こし副業の始め方｜未経験から月5万円稼ぐ方法【2026年版】のような、比較的参入障壁の低い分野から始めて、徐々にコーディングのような専門性の高い分野へステップアップするというルートも現実的な選択肢の一つです。動画編集に興味がある場合は、YouTube動画編集の副業の始め方｜未経験から案件を取るまでの手順も併せて参考にすると、副業全体のキャリア設計がしやすくなります。

実際の案件でよく起きるトラブルとその予防策

未経験者が実務に入って初めて直面する問題の多くは、技術的な難易度そのものよりも、コミュニケーションのすれ違いから発生します。ここでは代表的なトラブルパターンと、その予防策を整理します。

デザインカンプと実装の解釈違い

figmaやPhotoshopで渡されたデザインカンプには、細かい余白の数値や、ホバー時の挙動、スクロール時のアニメーションなど、静止画だけでは判断しづらい情報が含まれていないことがあります。未経験者はこうした「書かれていない部分」をどう解釈すべきか迷いがちです。判断に迷った場合は、自己判断で進めるのではなく、着手前に発注者へ確認する一手間を惜しまないことが、手戻りを防ぐ最も確実な方法です。

修正依頼の範囲があいまいなまま進んでしまう

「ちょっとここを直してほしい」という曖昧な修正依頼をそのまま受けてしまうと、想定より大幅な作業量になってしまうことがあります。未経験者は「断ると印象が悪くなるのでは」という不安から、範囲を明確にしないまま作業を進めてしまいがちです。しかし、最初の提案文で修正対応の回数と範囲を明記しておけば、依頼された内容がその範囲内かどうかを冷静に判断する基準ができます。これは自分を守るためだけでなく、発注者にとっても「どこまでが無償対応でどこからが追加費用か」がはっきりする、双方にメリットのある取り決めです。

納期直前のトラブルで信頼を失うケース

未経験のうちは、自分の作業スピードを正確に見積もれないことが多く、余裕を持ったつもりの納期でも直前になって間に合わないケースが起こりえます。これを防ぐには、案件を受注する段階で、自分が過去に要した作業時間を記録しておき、次回以降の見積もりに反映させる習慣が有効です。また、進捗が遅れそうだと感じた時点で早めに発注者へ連絡することも、信頼関係を維持するうえで欠かせません。納期直前の連絡は「言い訳」に見えますが、早い段階での連絡は「誠実な進捗報告」として受け止められやすい傾向があります。

未経験から実務経験者へと移行する目安

未経験というフェーズをいつまで名乗るべきか、明確な基準はありませんが、一般的には次のような段階を一つの目安として考えることができます。まず、単発の小規模案件を3〜5件程度こなし、いずれも大きなトラブルなく納品まで完了できた段階で、提案文に「実務経験あり」と書けるようになります。そこから、継続依頼をもらえる関係を1件でも築けた段階で、単価交渉に踏み出す材料が揃ってきます。

継続依頼というのは、発注者側から見ると「毎回新しい外注先を探すコストを省ける」という明確なメリットがあります。未経験の段階で意識すべきは、単発の案件を数多くこなすことよりも、少数でもいいので「継続して頼みたい」と思ってもらえる相手を見つけることだと言えます。

学習と実務を並行させる際の時間配分についても触れておきます。本業を持ちながら副業として取り組む場合、平日は学習や小さな修正対応に充て、週末にまとまった制作時間を確保するという分け方が現実的です。無理に毎日の学習時間を長く設定すると、本業への支障や体調不良につながりかねません。継続可能なペースを見極めることが、結果的に長く副業を続けるための重要な要素になります。

継続的にスキルをアップデートする重要性

Web制作の分野は技術トレンドの移り変わりが比較的速く、数年前の知識だけで通用し続けるとは限りません。特にレスポンシブ対応の実装手法や、アクセシビリティに関する意識は年々基準が上がっており、未経験から始めた人も、案件をこなしながら継続的に知識をアップデートしていく姿勢が求められます。

たとえば、画像の表示速度を意識した最適化や、フォームのユーザビリティ改善など、コーディングの「正しさ」だけでなく「使いやすさ」まで踏み込んで提案できるようになると、単なる作業者から一段上のパートナーとして見てもらえるようになります。未経験のうちからこうした視点を意識しておくことは、将来的な単価アップにもつながる投資だと言えます。

また、コーディングスキルに加えて、簡単なSEOの基礎知識（見出しタグの構造化、alt属性の適切な記述など）を身につけておくと、提案できる範囲がさらに広がります。発注者の多くはLPを作ること自体が目的ではなく、その先の集客や成約につなげることが目的です。この視点を理解して提案できる人材は、未経験であっても一目置かれる存在になりやすいと言えるでしょう。

さらに、コーディングの実務では、ページの表示速度を左右する画像の圧縮や、不要なコードの削除といった細かな最適化作業も評価の対象になります。未経験のうちはこうした細部にまで手が回らないことも多いですが、案件を重ねるたびに「ここまでやってくれるなら任せやすい」という評価につながる部分でもあります。技術力の習得と並行して、発注者目線での気配りを意識する姿勢を持ち続けることが、長期的なキャリア形成において大きな差を生むはずです。未経験というスタート地点は、決して弱みではなく、これから積み上げていく実績と信頼によっていくらでも書き換えられる余白だと捉えることができます。

未経験からLP制作・コーディングの副業を始めることは、決して特別なハードルの高い挑戦ではありません。重要なのは、技術力を磨くことと同じくらい、発注者が安心して依頼できるだけの「提案の書き方」を身につけることです。納品形式、動作確認環境、修正対応の範囲を具体的に明示するという、決して難しくない工夫の積み重ねが、未経験というハンディキャップを埋める最も現実的な方法だと言えるでしょう。

よくある質問

Q. LP制作・コーディングは本当に未経験から始められますか？

はい、可能です。特にコーディングのみを請け負う案件は、デザインスキルが不要な分、未経験者でも参入しやすい傾向があります。ただしポートフォリオの提示は多くの場合必須になります。

Q. 未経験の場合、最初にどんな案件を狙うべきですか？

まずは静的なHTMLファイルを納品する小規模なコーディング案件がおすすめです。ワードプレス組み込みなど複雑な要件は、実績を積んでから対応範囲を広げるのが現実的です。

Q. ポートフォリオがない場合はどうすればよいですか？

既存のLPを模写コーディングし、レスポンシブ対応まで仕上げてGitHubなどで公開する方法が一般的です。あわせて低単価や無償での小規模制作を1〜2件経験しておくと提案時の説得材料になります。

Q. 未経験者の提案文で最も重視すべき点は何ですか？

熱意のアピールよりも、納品ファイル形式・動作確認環境・修正対応の範囲を具体的に明記することが重要です。発注者の不安を先回りして解消する提案が選ばれやすくなります。