はじめに

Codejump Proは、コーディングのプロを目指す方（特に企業からのコーディング案件獲得を目指す方）を対象にした、月額制のコーディング学習サービスです。
実案件をもとに開発された全12回の「仮想案件」に毎月1件ずつチャレンジすることで、
実務レベルのスキルと経験を手に入れることができます。

Codejump Pro とは？

このサービスの目的について

サービスの特徴

• 01. 実案件がモデル

  デザインや仕様だけでなく、単価、納期、依頼内容など全て実案件がもとになっているので実務を擬似体験できます。

  

• 02. 豊富な案件バリエーション

  仮想案件にはそれぞれ異なった特徴があり、全ての案件で新しい学びと経験が得られるようになっています。

  

• 03. ステップアップする難易度

  全ての仮想案件を難易度によってレベル分けし、無理なく少しずつ経験値を積み上げられるようになっています。

  

• 04. 毎月1件、自分のペースで

  実案件と同じく仮想案件を受けたら自分でスケジュール管理を行い、毎月1件、無理のないペースで進められます。

  

WEB制作で必要な
JavaScript（jQuery）を
網羅！

JavaScriptは学習すると奥の深い言語ですが、実はWEBサイト制作で使用するJavaScript（jQuery）はある程度パターンが限られています。その基本的なパターンをCodejump Proの全12回の仮想案件の中で全て網羅していますので、Codejump Proを使って学習することで実務で使用するJavaScript（jQuery）を効率的に学ぶことができます。

実務に必要な
スキルを網羅！

どのようにしてプロ並みのコーディング力を身につければよいか？と聞かれたら、迷わず「質の高い練習を量こなしてください。」とお答えします。では、質の高い練習とは何か？どれくらいの量をこなせばよいのか？この2つの疑問にお答えするのが「Codejump Pro」です。実案件と同レベルのコーディング案件を全12バリエーション行うことで実務レベルのスキルが身につきます。

サービス内容

毎月1件、全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万円（税込）

料金プラン

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

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

• 

  鹿児島県にお住まいの
  kanako 様

  回答例やコーディングのヒントがない分、たくさん自分で調べたり、この部分を再現するにはーー、と、試行錯誤でした。初級から中級くらいのレベルが対象とのことでしたが、今回、コーディング力や諦めない力がついたのはもちろん、その他案件に関わる様々な事を知ることができました。継続して力をつけていきたいです。

  事務局からのコメント

  試行錯誤されながら取り組まれているとのこと、かなりスキルアップにつながっているのではないでしょうか。実務のコーディングでは、考える力とあわせて調べる力もとても重要になってきます。毎回、本番のように取り組むことで解答を見ながらコーディングするよりも何倍ものスキルが身につきます。これからも継続して頑張ってください。

• 

  北海道にお住まいの
  らたあ 様

  アコーディオンメニューのコンポーネント作成が自分のレベルではできないことがわかり、まだ学習しなければならないこと何なのか明確になりました。

  事務局からのコメント

  学習しなければならないことが明確になったのは、とても良い収穫だったのではないでしょうか。ある程度コーディング学習が進んでくると、練習教材からだけでは自分ができないことを見つけるのが難しくなってきます。Codejump Proを利用していただくことで、実務でしか直面しないような課題を見つけることができますので、一つ一つ課題をクリアしながらスキルの幅を広げていっていただければと思います。

• 

  埼玉県にお住まいの
  小川 愛 様

  実際の仮想案件はこのような形式で依頼が来るんだ～♪とドキドキしながら取り組みました。まるで自分が本当のWEBデザイナーになったように演じて頑張りました。作業にかかった時間や学んだことを細かくメモしながら第一案件は約7時間で出来ました。

  事務局からのコメント

  実案件と同じような緊張感を持って取り組まれているとのこと、まさにCodejump Proを有効的にご活用いただけている思います。作業にかかった時間をメモするのもとても大事です。（初回の案件7時間はかなり早いです！）実案件では期日内に仕上げるということがとても重要になってきますので、これからも時間を意識したコーディング経験をどんどん積み上げていってください。

• 

  埼玉県にお住まいの
  T.K. 様

  実際に納期がある想定で行え、どの程度の制作スピードで作業すればいいかの目安になるので自分の為になりました。Twitterで実績掲載不可とおっしゃっていたのでそこは残念でした。申し込み前のFAQ等に書いて頂きたいと思いました。※一定の条件を満たしている場合、実績掲載が可能になりました。詳細は「よくある質問＞その他」をご参照ください。

  事務局からのコメント

  実案件を行う上で納期は品質と並んでとても重要な要素です。全ての仮想案件には実際の納期と同じ期日が設定されていますので、色々な仮想案件をこなしながら実案件のスケジュール感をつかんでいただければと思います。

• 

  静岡県にお住まいの
  kky 様

  HTML CSSの部分はなんとかなりましたが、JavaScriptに取り掛かっていると納期をはるかに超えてしまいました。実際の案件に近い教材・仮想案件を数多くこなしていきたいと思いました。

  事務局からのコメント

  実際の案件ではJavaScriptを使う機会は多々ありますが、ハンバーガーメニューをはじめ、カルーセルスライダーやアコーディオン等よく使用するパターンはある程度しぼられてきます。Codejump Proの仮想案件の中にもよく使用するJavaScriptがまんべんなく入っていますので、数多くこなしていただきながら実務に対応できるスキルを手にいれていただければと思います。

• 

  神奈川県にお住まいの
  おーすけ 様

  今回の仮想案件はコーディングだけならなんとかなりそうな感覚はありましたが、まだピクセルパーフェクトがうまく扱えていないので、デザイン通りに仕上がっているか不安がありました。クライアントとの細かなやり取りや、修正方法、納品方法などが自分にできるのか不安はありました。そんな中でもコーディングを通じて新たな発見もあったので勉強になります。

  事務局からのコメント

  おっしゃる通り、コーディングが完了しても制作したものが仕事として合格ラインに達しているかどうかは気になるところです。Codejump Proでは作って終わりではなく納品まで行える「プレミアムプラン」もご用意しています。プレミアムプランの場合、動作結果のフィードバックと評価レポートによる品質判定がついていますので、不安を感じた場合はプレミアムプランへのプラン変更もご検討してみてください。

• 

  大阪府にお住まいの
  クロ 様

  実際に案件の不安要素など先に知れて、自信に繋がっております！

  事務局からのコメント

  まずはトライしてみることが大事ですね。実際の案件でどのような内容が送られてくるのか？どれくらいの期日が設定されているのか？どんなデザインでどんな仕様なのか？自分のスキルでできるのか？このようなことは本来なら実際に案件を受けてみるまでわからないようなことですが、それを事前にリハーサルできるのがCodejump Proです。クロ様がおっしゃる通り不安が解消されることで自信にもつながりますので、今後も色々な仮想案件を経験していただきながら、自信を持って本番に望んでいただけたらと思います。

• 

  茨城県にお住まいの
  C 様

  実際の案件を受けている気持ちになれ、モチベーションが上がりました。一見、あまり時間をかけずにできるかと思いましたが、PCとSPで表示項目が異なったりして苦戦しました。解説やお手本コードがないので、自力で調べなければならず、自分の力になったと思います。HTMLファイルのひな形や、レスポンシブ用のクラス名の指定があり、相手の意向に沿った形でのコーディングの勉強になりました。
  ※「ライトプラン」以外はレイアウト構成の解説とソースコードがついています。
  ※ひな形やクラス名の指定有無は仮想案件によって異なります。

  事務局からのコメント

  おっしゃる通り、デザインデータを見た時はできそうな感じがしても、実際に手を動かしてみると想定外のことに出くわしたりして思っている以上に時間がかかってしまうものです。全ての案件に実際の納期が記載されていますので、スケジュール感を意識しながら取り組んでいただくことで、より実務に近い練習をしていただけます。

• 

  埼玉県にお住まいの
  Ｈ・Ｉ 様

  実案件に類似した経験を積みたかったため申し込みました。実案件を受けるための作業スピードが少し足りないと思いました。このような経験ができて良かったです。

  事務局からのコメント

  作業スピードが足りていないとのこと、気づきがあってよかったです。課題がわかれば後は練習あるのみですので、継続して取り組んでいただければと思います。特にコーディングスピードはコーディング量に比例して早くなっていきますので、これからも実案件レベルのコーディングを沢山行っていっていただければと思います。

• 

  広島県にお住まいの
  nekomaru 様

  実際の案件はこんな感じでくるんだなぁ！と。条件はまちまちで、全部きちんと決まっている訳じゃないので戸惑いました。確認することも沢山あって、申し込んでみて良かったなあ、と思いました。

  事務局からのコメント

  おっしゃる通り、練習課題は最初からデザインや仕様など条件が全てそろっていますが、実際の案件は必ずしもそうとは限りません。提示される内容は案件によって異なりますので、そのあたりの経験値をCodejump Proで積み上げていただくことで実際に案件を受けた際にも戸惑うことなく、コーディングに着手できるかと思います。

• 

  千葉県にお住まいの
  tkd-ai 様

  いろんな企画書の形を知っておきたかった、自分だったら絶対作らないであろう業界のことは分からないまま、架空サイトだと設定に時間をかけすぎてしまうなどの問題を感じていました。また、個々の案件ごとに学習の記録をつけられて、自分の強み弱みが見えてくるのでは、と思いました。自分が知らない業界、XDなどの知らないツールに触れるなど新しい経験ができています。案件が届いてから、資料整理から仕事の仕方などコーディングだけではない全体的な流れもあらためて意識しました。

  事務局からのコメント

  実務の経験がない状態で自分で架空サイトを作ろうとすると、どうしても自分の知識や経験がもとになってしまうため練習課題のような制作物になりがちです。また設定やデザインを考えるだけでもかなり時間がかかりますので、実際の案件をもとにしているCodejump Proの仮想案件をご活用いただくことで貴重な時間を有効にご活用いただければと思います。

• 

  大阪府にお住まいの
  猟豹猫 様

  カンプにすべて詳細が記されているわけでもなく、またpx単位も大雑把なこともあり、依頼者側に確認をとったり、自身で補完しなければいけないところがあることを知れたのがよかったです。また、最後まで回答を見ずにコーディングすることでひどく時間はかかってしまいましたが、自身の書き方をベースに回答の書き方を見ることができて学びになりました。

  事務局からのコメント

  実際の案件では案件を受け取ってすぐにコーディングに着手するわけではなく、まずはデザインや仕様を確認して不明点を洗い出すところから始めます。Codejump Proの仮想案件は実際の案件をもとにしているため、そういったコーディング以外の部分の練習にも効果的です。参考コードも上手くご活用いただけているようですので、仮想案件をこなすごとに着実に実務レベルの経験値が上がっていくことと思います。

• 

  東京都にお住まいの
  カッシー 様

  まだまだつまずくこともありますが、クライアントがいることを想像して制作できるので緊張感が持てます。また相手の要求をクリアしていかなければならないので難しかったです。

  事務局からのコメント

  まさに実際の案件では要求を解決する力が求められます。要求される内容は案件によって様々ですので、いきなり案件を受けて戸惑ったり失敗したりしないよう、色々なバリエーションがそろっている仮想案件で模擬練習を行っていただき経験値を積み上げていただければと思います。

• 

  大阪府にお住まいの
  M.A. 様

  あまりにも、実際の案件、というものを知らなかったので、少しでも知れるのではないかと思いましたが、想像以上にできませんでした。これまで模写コーディングでばかり勉強してきてしまったので、今ある正解に近づけることばかりに必死だった気がします。デザインカンプから作ることの難しさを初めて知って、まだまだだったなぁ、と思っています。

  事務局からのコメント

  模写コーディングは最初の練習には適していますが、実践には不向きです。模写コーディングができるようになったらデザインカンプからの練習に切り替え、デザインカンプからのコーディングができるようになったら、早めに仮想案件を使って本番想定のコーディング練習を行っていただくのが実務レベルのスキルアップには最適だと考えます。最初は難しさを感じるかもしれませんが、そこを乗り越えると「できる」という実感がどんどん湧いてきますので頑張って継続していってください。

• 

  群馬県にお住まいの
  SU 様

  最初の案件は思っていたよりも難しくなかったため、今までの勉強で身に付けたコーディングスキルで対応できたことが嬉しかったです。現在3回目までですが、徐々にレベルが上がっていく形式のようなので安心して挑戦できそうです。

  事務局からのコメント

  無料版のCodejumpと同じく、Proの方でも少しづつ難易度が上がっていくステップアップ方式を取り入れています。少しづつ難易度を上げていくことで挫折することなく着実にスキルを上げていくことができますので、頑張って継続していってください。全12回の仮想案件を全て完了することで、実務で必要になるスキルは一通り身に付くようになっています。

よくある質問

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