模写コーディングはできる。
でも、こんな不安を感じていませんか？

もし1つでも当てはまるなら、
それはあなたの努力が足りないわけでは
ありません。

「実務に必要な経験」を
積めていないだけです。

つまり、模写は「答えがある状態」での練習なのに対し、実務は「答えがない状態」での対応という大きな違いがあります。

だからこそ、模写でコーディング力が身についていても「仕事になると不安になる」のは当然なんです。

むしろ、この違いを知らずに案件に挑戦してしまうと、

• 何から手をつければいいかわからない
• 修正対応で詰まる
• 自信をなくしてしまう

などの壁にぶつかり、結果として仕事につながらなくなってしまいます。

じゃあどうすればいいのか？

模写と実務のギャップを埋めるためには、実務に近い環境でのトレーニングが必要です。

なぜなら、実務で求められる力は「知識」や「再現力」だけではなく、

• 実際の案件の流れに沿って進める力
• 自分で考えて組み立てる力
• 修正やフィードバックに対応する力

といった、“実際にやってみないと身につかない力”だからです。

そこで必要になるのが、実務を再現した“仮想案件形式”のトレーニングです。

仮想案件では、

• クライアントからの依頼を想定した課題
• デザインカンプや指示書をもとに実装
• 納品を想定したアウトプット

といった流れで、実際の仕事に近い形でコーディングに取り組みます。

これは、単なる模写とは違い

• 自分で考えて実装する力
• 実務を想定した対応力
• 仕事として成立させる力

を鍛えるトレーニングです。

この経験を積むことで、「仕事として通用するか不安」という状態から抜け出すことができます。

“練習”ではなく、“仕事の疑似体験”を積むことが重要です。

サービス内容

実案件をモデルにした仮想案件に、毎月1件ずつ全12回挑戦していきます。
（※スピードプランをお申し込みの場合は12回分まとめてお送りします。）
仮想案件の内容は下記の通りです。

• ＜仕様書＞

  実際の案件で送られてきたものをベースに作成しています。そのため、必要事項が十分に記載されていないものもありますが、実案件だったらどういった質問・確認をするのかを考えながらコーディングしてみましょう。

  

• ＜デザインデータ＞

  中にはスマホのデザインがなかったり、原稿からコーディングを行うような案件があるのも実務ならではです。（※PhotoshopやIllustratorで送られてきたデータは、無料で参照できるようXDとFigmaで作り直しています。）

  

• ＜素材＞

  実際の案件と同じ方法でのご提供となります。書き出した画像が提供される場合もあれば、デザインデータから書き出しが必要な場合もあります。JPG、PNG、SVG等それぞれ適切な画像を使用してコーディングを行いましょう。

  

• ＜その他、資料等＞

  実案件では、QA管理や仕様の指示でGoogleドキュメントやPDF、イメージキャプチャなどの資料を使用することがあります。仮想案件でも案件によっては資料を読み解きながらコーディングを行う力が必要になってきます。

  

• ＜参考コーディング時間＞

  全ての仮想案件には、コーディングの目安となる「参考コーディング時間」が記載されています。参考コーディング時間は各パーツごとに記載されているので、どのようなコンテンツをどのくらいのスピードでコーディングすればよいかの参考になります。

  

• ＜納品&動作検証（プレミアムプラン限定）＞

  本番と同じくコーディング後にファイル一式を納品いただき、動作確認結果と評価レポートをご返却いたします。

  動作確認：実案件と同じ基準で動作確認を行います。

  評価レポート：結果をグラフで確認できるので自分の強みと弱みが一目で分かります。また、現在のコーディングスキルがプロとして通用するどうかの判定結果も出ます。

  

仮想案件の参考イメージ

仮想案件は回を重ねるごとにどんどん難しくなっていきます！
全12回の仮想案件を全てクリアすることで実案件に必要なスキルが習得できます。

• 例1）新規サイト制作（トップページ）

  難易度：

  レジャー向けサービスサイトのTOPページコーディング案件。提供されたサンプルからのコーディングに挑戦！

  

  習得スキル：2カラムレイアウト、アコーディオンタイプのハンバーガーメニュー（ヘッダー、フッター）、YouTubeの埋め込み、ベースサンプルからのコーディング、etc.

• 例2）ギャラリーサイト 修正・機能追加

  難易度：

  高級中古車向けギャラリーサイト修正案件。既存サイトの修正かつ、JavaScriptの作り込みが必要な難易度の高い案件！

  

  習得スキル：既存サイトの修正、ドロップダウンメニュー（画像あり）、CSSで斜め背景、ハッシュタグ絞り込み機能（JavaScript）、改善提案資料あり、etc.

• 例3）プロモーション用LP 新規制作

  難易度：

  新規リリースされるスマホアプリのプロモーション用LP案件。モバイルをベースにしたコーディングスキルを極めよう！

  

  習得スキル：トップ＋下層1P、モバイルファースト、CSSアニメーション（バウンド、点滅、スクロール等）、ボタン表示・非表示、テーブル横スクロール、アプリDL画像設定、etc.

仮想案件の資料イメージ

本番と同じような資料を使用。
コーディング力だけでなく、
資料の読解力も試されます！

• 例1）原稿からのコーディング

  中にはトップページのデザインデータだけ支給されて、下層ページはトーンをあわせながら原稿からコーディングしていくような案件もあります。

  

• 例2）スプレッドシートで課題管理

  QAや課題の管理をスプレッドシートで行うケースもあります。実案件では、コーディング力だけでなく指示内容の読解力、理解力も重要なスキルになってきます。

  

• 例3）コーディング指示書

  動作やデザインに細かい指示がある場合は、別途コーディング指示書がつくケースがあります。指示書の内容を理解し要件通りに制作物を仕上げる練習をしましょう！

  

仮想案件の単価（参考例）

• レジャー店舗向け 新規サイト制作
  （トップページ）¥3万円（税込）
• 既存サイト 商品ページ 検索機能追加
  ¥7.7万円（税込）
• シンプルなコーポレートサイト
  新規制作¥10万円（税込）
• 特設サイトLP 新規制作
  ¥13.2万円（税込）
• 新規事業立ち上げ サービスサイト
  新規制作¥17.6万円（税込）

• フリーランス志望

  20代　女性　kana様

  スキルに自信がつき案件獲得につながりました。

  

  Before

  • 回答例やヒントがないと、どう進めればいいかわからなかった
  • 自分で考えて実装する経験がほとんどなかった
  • 案件の流れや実務のイメージが持てていなかった

  After

  • 自分で調べながら、試行錯誤して実装できるようになった
  • 「どう再現するか」を考える力が身についた
  • コーディング力だけでなく、実務の流れや考え方も理解できた

  コメント

  回答例やコーディングのヒントがない分、最初はかなり悩みましたが、その分「どうやって再現するか」を自分で考える力が身につきました。
  コーディング力だけでなく、案件に関わる考え方や流れも理解でき、実務に近い経験ができたと感じています。
  現在は少しずつですが案件をいただけるようになりフリーランスとして活動しています。

• 転職志望

  30代　男性　カズ様

  ポートフォリオの作りこみが転職成功の決め手に。

  

  Before

  • 未経験からWeb制作会社への転職を目指していた
  • 実務の具体的な流れがわからず、不安を感じていた
  • ポートフォリオに掲載する内容に悩んでいた

  After

  • 仮想案件を通して、実務の流れを理解できるようになった
  • 段階的にスキルを伸ばし、実装力に自信がついた
  • 制作物をもとにポートフォリオを充実させることができた
  • 無事にWeb制作会社への転職に成功した

  コメント

  未経験からWeb制作会社への転職を目指していたのですが、実務の流れがまったくイメージできず不安でした。
  実際に取り組んでみると、最初は取り組みやすくて、そこから少しずつ難しくなっていくので、無理なく続けられたのが良かったです。
  課題を進めていく中で、「こうやって進めるんだな」という感覚がつかめてきて、最後は制作物をもとにポートフォリオも作ることができました。
  そのおかげで、無事にWeb制作会社へ転職することができたので受講してよかったです。

• フリーランス

  40代　男性　安藤様

  自信がなくて営業できなかった自分が嘘のよう。

  

  Before

  • コーディングはある程度学んでいたが、経験不足で自信がなかった
  • 作業に時間がかかり、「仕事として通用するのか」不安だった
  • 実案件の流れや進め方がわからず、営業にも踏み出せなかった
  • 自分で架空サイトを作ろうとしたが設定に時間がかかりすぎて諦めた

  After

  • さまざまな案件パターンや実務の流れを理解できるようになった
  • コーディングだけでなく、仕事全体の進め方を意識できるようになった
  • 自信がつき、自分から営業に踏み出せるようになった
  • フリーランスを目指して前向きに行動できるようになった

  コメント

  ある程度コーディングの勉強はしていたのですが、経験が足りないと感じていて、作業に時間がかかることや「これで仕事になるのか」という不安がありました。
  また、実際の案件の流れがわからなかったり、営業にもなかなか踏み出せずにいたのも悩みでした。
  受講してみて感じたのは、コーディングだけでなく「仕事としてどう進めるのか」を意識できるようになったことが大きかったです。
  自分では関わらないような業界の案件や、触ったことのないツールにも触れることができて、経験の幅が広がったと感じています。
  最初は不安が大きかったですが、いろいろなパターンの案件を経験する中で少しずつ自信がついてきて、今では営業にも挑戦できるようになりました。
  フリーランスを目指して、前向きに取り組めています。

• 副業志望

  40代　女性　彩様

  在宅ワーカーとしての1歩を踏み出せました。

  

  Before

  • Webデザイナーとして転職を目指していたが、うまくいかず在宅ワークに方向転換した
  • デザインカンプ通りにコーディングできるか不安だった
  • 模写と実案件の違いを感じており、実務に近い練習環境を探していた

  After

  • 実案件を想定した課題で、実務の流れを理解できるようになった
  • 自分以外のコードを見ることで、実装の引き出しが増えた
  • 初めての案件でも、スムーズに対応できるようになった
  • その後も継続的に案件につながるようになった

  コメント

  もともと職業訓練での勉強後にWebデザイナーとして転職を目指していたのですが、うまくいかず、在宅で仕事をしていこうと考えるようになりました。
  その中で、特にコーディングに不安があり、模写だけでは足りないと感じていた時にこのサービスを見つけて、すぐに申し込みました。
  実際にやってみると、実案件ベースの課題なのでかなり実践的で、自分の書いたコードとお手本のコードを見比べるのもすごく勉強になりました。
  その後、自分で営業して案件を1ついただくことができたのですが、事前に流れがわかっていたおかげで、初めてとは思えないくらいスムーズに進めることができました。
  その案件をきっかけに、継続してお仕事をいただけるようになったのもその後の自信につながりました。

• フリーランス志望

  50代　男性　大石様

  職業訓練から一歩先へ。複数社と契約できるフリーランスに。

  

  Before

  • 将来的に独立して働きたいと考えていたが、実務で通用するか不安だった
  • 職業訓練でHTML・CSSは学んだものの、再現レベルで止まっていた
  • 実際の現場で求められる力や仕事の進め方がわからず、焦りを感じていた

  After

  • 仮想案件を通して、実務で求められる考え方や進め方を理解できた
  • 自分で構造やクラス設計を考えて実装できるようになった
  • 「現場で通用する力」のイメージが具体的に持てるようになった
  • 現在は複数社と業務委託契約を結び、フリーランスとして活動できている

  コメント

  もともと将来的には独立して働きたいと思っていて、いろいろ調べる中でWeb制作の仕事を知りました。
  職業訓練でHTML・CSSは学んだのですが、用意されたものを再現することが中心で、実際の現場で通用するのか不安がありましたし、「現場ではどう動くのか」がイメージできず焦りも感じていました。
  そんなときに職業訓練の講師の方にCodejump Proのことを教えてもらい、実際の案件に近い形で課題に取り組めるという点に魅力を感じて申し込みました。
  やってみると、「自分で考えて組み立てる」というのが想像以上に難しくて、何度も手が止まりましたが、その分「現場ではこういう力が必要なんだ」と実感できたのが大きかったです。
  今では3社と業務委託契約を結び、フリーランスとして仕事ができるようになりました。

次に足りないのは、
“実務経験”だけ。

料金プラン

プランを選択して、
お申込みページへお進みください。

※本サービスは日本国内でのみご利用いただけます。
※お支払方法は、クレジット（Visa、Mastercard、American Express、
JCB、ダイナースクラブ、ディスカバー）での決済となります。

よくある質問

• メールが届かない
• サービスの内容について
• 契約・解約・支払いについて
• その他

メールが届かない

Q申込登録したのにメールが届かないのですが？

A以下の確認をお願いいたします。
・「迷惑メールフォルダ」や「ゴミ箱」に振り分けられていませんか？
・Gmailをご利用の場合、「プロモーション」タブに振り分けられていませんか？
・メールボックスまたはサーバーの容量が制限を超えていませんか？

※上記以外で1時間たってもメールが届かない場合は、システムのトラブルか間違ったメールアドレスでお手続きをされた可能性がありますので、お手数ですが「お問い合わせフォーム」からご連絡ください。
※送信エラー等によりご登録いただいたメールアドレスへ仮想案件がお送りできない場合は、自動的にご返金及びキャンセル処理を行わせていただきますのでご了承ください。

Q毎月の仮想案件メールが届かないのですが？

A以下の確認をお願いいたします。
・メールボックスまたはサーバーの容量が制限を超えていませんか？
・前回の決済から30日が経過していますか？（※仮想案件は30日ごとにお送りいたします。）
・クレジットカードの決済に失敗していませんか？（※クレジットカード会社へご確認ください。）

※解決しない場合、「お問い合わせフォーム」からご連絡ください。

サービスの内容について

Q仮想案件はどこで確認できますか？

Aお申し込み時にお送りした、専用の管理画面にログインしてご確認ください。

Q実際の案件と同じ内容ですか？

Aいいえ。実際の案件と同じ内容ではなく、実際の案件をモデルにした実案件に限りなく近い学習教材になります。

Qどのようなスキルやツールが必要ですか？

AHTML、CSS、JavaScript（jQuery）を用いた、デザインデータからのコーディングスキルが必要になります。デザインデータはAdobe XDまたはFigmaを使用します。
※XDのインストールは不要です。（共有データをご使用いただきます）
※WordPressは使用しません。

Qレイアウト構成やコーディング例のコードはついていますか？

Aスタンダードプラン、プレミアムプラン、スピードプランには、レイアウト構成とコーディング例のソースコードがついています。（毎月お送りしている仮想案件メール内のダウンロードリンクまたは、管理画面内の各案件ページからダウンロード可能です。）

Q納品やフィードバックはありますか？

Aプレミアムプランには、納品と動作確認のフィードバック（1回）があります。スピードプランは有料のオプションサービスにお申し込みいただくことで仮想案件ごとに納品サービスをご利用いただけます。
※プレミアムプランの納品期限は、仮想案件を受け取ってから30日間となります。

Q質問はできますか？

A質問はできません。実案件と同様に調べながら最後まで自力でやりきってみてください。必ず良い経験になります。

Q何回まで続きますか？

A仮想案件は全12回です。12回目の仮想案件をお送りした時点で自動的に定期課金が停止され、ご契約が終了となります。定期課金が停止されてから40日後にログイン情報が削除され、管理画面がご使用できなくなります。（※スピードプランはお申し込み時に全12回分の仮想案件を管理画面にてご参照いただけます。管理画面をご使用いただけるのはお申し込みから1年間です。）

Q仮想案件のメールはいつ送られてきますか？

A初回は、お申し込み後のクレジット決済が完了した時点でお送りいたします。
2回目以降は毎月の決済日にお送りいたします。（毎月の決済は、初回の決済日から30日ごとに行われます。）
スピードプランは初回の決済後に全ての仮想案件が参照できます。

Q管理画面はいつまでアクセスできますか？

A第12回までご契約いただいた場合は、12回目の決済後に定期課金が停止されますので、それから40日間はアクセスできます。
途中で解約された場合は、解約時点でアクセスできなくなります。

契約・解約・支払いについて

Q海外からの申込みはできますか？

A申し訳ございません。本サービスは日本国内でのみご利用が可能です。

Q契約期間はありますか？

Aスタンダードプランとプレミアムプランは契約期間がございませんので、途中でご解約いただけます。スピードプランは一括購入となりますので途中でのご解約はできません。

Q法人での契約は可能ですか？

Aはい、可能です。ご利用人数によって下記の通りとなります。
・5名以下の場合
通常のお申込みフォームから、ご利用者の「お名前」「メールアドレス」にてご登録いただき、法人のクレジットにて決済をお願いいたします。（※1名ごとにログインアカウントが作成されますので、ご利用人数分ご登録をお願いいたします。）
・6名以上の場合
請求書払いが可能ですので、「お問い合わせフォーム」からご連絡ください。

Qプランの変更はできますか？

Aスタンダードプランとプレミアムプラン間のプラン変更は可能です。一度、現在のプランをキャンセルした後、新たなプランにお申込みいただく流れとなります。管理画面内の「マイページ＞各種手続き＞プラン変更申請フォーム」からご連絡ください。

Q支払い方法を教えてください

Aクレジットカードでのお支払が可能です。対応しているクレジットカードは下記の6種類になります。
Visa、Mastercard、American Express、JCB、ダイナースクラブ、ディスカバー

Q決済画面のCVCは何を入力すればよいですか？

Aクレジットカードに記載されているセキュリティコードを入力してください。
・Visa、MasterCard、JCB、ダイナースクラブ：
　カード裏面の署名欄一番右に記載されている3桁の数字
・American Express：
　カード表面のカード番号右上に記載されている4桁の数字

Q決済のタイミングについて教えてください。

A初回はお申し込み時のクレジットカード登録後に決済され、2回目以降は30日ごとに自動決済されます。（スピードプランは初回に一括で決済を行います。）
引き落とし日については、ご利用のクレジットカード会社によって異なりますので詳しくはご利用の会社へお問い合わせください。

Q領収書は発行していますか？

A申し訳ございません。領収書は発行しておりませんので、クレジットカードの請求明細をご利用ください。

Q解約方法について教えてください。

Aスタンダードプランとプレミアムプランは、管理画面内の「マイページ＞各種手続き＞解約ページ」からお手続きをお願いいたします。スピードプランは一括でのご購入となり、決済完了時点で全ての商品の提供が完了しますので、途中での解約はできません。

Q解約したのに請求が発生しています。

A解約してから、実際に引き落としされるまで1～2ヶ月遅れる場合がございます。引き落とし日については、ご利用のクレジットカード会社によって異なりますので、詳しくはご利用の会社へお問い合わせください。

Q一度解約したのですが、再度お申し込みすることはできますか？

A可能です。詳細をご案内いたしますので、「お問い合わせフォーム」からご連絡ください。

その他

Qポートフォリオへ掲載してもよいですか？

A掲載してOKです。ただし、仮想案件のサイト名は別の名前に変更してご利用ください。