【受講レビュー】しょーごログのコーディング演習課題全部盛りの評価・感想

今回は、累計販売数が700万部を超える人気教材「コーディング演習課題全部盛り」をレビューします。

この課題は、

こういった方におすすめです。

この記事では、実際に購入経験がある私がメリットやデメリット、リアルな感想をお伝えしていきます。

コーディング演習課題全部盛りとは？

「コーディング演習課題」は、デザインカンプからのコーディング練習ができる「本格的な実践演習課題」です。

初級〜上級まであり、全部が入っているお得なパッケージが「全部盛り」となります。

最初に「デザインカンプ」について、少し説明しますね。

これは、PhotoshopやIllustrator、Figmaといったツールで作られた、デザインデータのことです。

▼具体例

Web制作においては、このデザインカンプをもとに、コーダーさんがコーディング（実装作業）をおこなっていきます。

コーディングが完了したら、そのファイルをサーバーへアップロードして納品、といった流れが一般的です。

今回紹介する演習課題では、Web制作の現場で求められる、

デザインカンプからのコーディング、サーバーへアップロード

この一連の流れを、ゼロからしっかり学べる内容になってます。

全部盛り（全7種類）が10,000円以上お得

この演習課題は、初級・中級・上級とレベルに分かれています。

自分のレベルに合ったものだけ、単体で購入することも可能です。

ですが、すべてが入った全部盛りなら10,000円以上お得に買えるので、一番おすすめです。

全部盛りの概要

受講形式	個人でコーディング練習をおこなう買い切り型の演習教材
期間	特になし
内容	【デザインカンプからのコーディング】 ・初級1 ・初級2 ・初級Ex ・中級 ・中級Ex ・上級 ・JS特訓編 ・Photoshop編
対象者	・初心者からHTML/CSSを学習したい方 ・実案件に近いコーディング練習がしたい方 ・コーディングの実力レベルを上げたい方 ・プロからコーディングを添削してもらいたい方 ・オリジナルポートフォリオが作りたい方
サポート・特典	・現役エンジニアから各課題最大2回の表示確認 ・オリジナルポートフォリオの作成 ・見積もりや納期設定方法などの特典動画 ・実案件で使えるセルフチェックシート

私がこの教材を買った理由

この課題を買う方の多くは、コーディングを専門で行うコーダーさんだと思います。

私は、「見た目のデザイン（デザインカンプ）」を作る、Webデザイナーです。

なぜ、私がこの課題を買ったかというと、

コーディングをイチからしっかり学び直して、自信をつけたかったから

になります。

コーディングに関しては、制作会社では「完全分業制」をとっていることが多く、コーディングを全くしないWebデザイナーは多いです。

一方で私は、Webデザイナーとして、普段の仕事でコーディングもおこなっています。

私のような零細フリーランスだと、コーディング込みで受注した方が単価が高くなるからです。

そんな中、今年になってからSNSで、たびたびこの課題を目にする機会がありました。

購入者からの評価が良かったので、私も思い切ってチャレンジしてみたい、と思った次第です。

結果として、購入して本当によかったです。

その理由は、いくつかあります

なので、コーダーだけではなく、Webデザイナーの方にもおすすめですね。

私が「コーディング演習課題」をおすすめする3つの理由

私がこの課題をおすすめする理由を、特徴と一緒に解説していきます。

①実案件と同じプロセスでコーディングできる

この課題は、実案件と同じプロセスに沿ってコーディングの練習ができます。

特にコーダーを目指す方にとっては、こんなメリットがあります。

もし、上級まで完走できれば、即戦力として高単価案件を受注できる実力が身につくこと間違いなし。

実際に、公式ページにも

中級Ex、上級、Photoshop編、これらをクリアできれば、スキル的には月20万を稼げるスキルです。

https://shogo-log.com/coding-practice-all/

このように書いてあります。

②他人と被らないオリジナルポートフォリオが作れる

コーディングした課題は、実績として「ポートフォリオ（＝自分の作品集）」に掲載できます。

しかも、一手間加えて、オリジナルデザイン化することができるんです。

どういうことか、具体的に説明しますね。

例えば、こちらは中級編の課題の一つです。

課題をクリアした後で、こちらを土台にして「テーマ」と「デザイン」を変更します。

▼私は、幼稚園をテーマに作りました。

こんな感じで、レイアウトや色味をいじって、オリジナル化したサイトが作れるわけです。

ポートフォリオ化は、中級以上の一部課題のみになります

③プロから本格的な添削をしてもらえる

この課題の作成者である「しょーごさん」から、添削をしてもらえます。

現役のWeb制作フリーランスであり、Web系スクールのメンターなどもされている方です。

そんな方から添削してもらえる機会は、とても貴重ですね。

修正箇所については、あうんという修正指示アプリを使っています。

▼こんな感じで、コメント付きで添削してもらえます

※初級Ex以上、一つの課題につき2回まで添削可能
※ポートフォリオの添削も対応（1回のみ）
※添削は任意なので、必要ない場合は提出しなくてもOK

【コーディング演習課題全部盛り】各課題のレビュー・感想

ここからは、各課題について簡単に感想をまとめています。

課題①②初級1・初級2

初級編は「HTML/CSSの入門書を、1〜2冊終えたレベルの方」に適しています。

初級とはいっても、コーディング初心者にとっては、けっこう難しく感じるかもしれません。

もし、初級でも難しいとなれば、より優しめの「入門編」も用意されています。

こちらは無料でチャレンジできるので、まずはそちらを試してみましょう。

コーディング演習課題「入門編」はこちら

初級1・初級2の感想

私はコーディング初心者ではなかったので、30分以内で完成できました。

実務でも頻出するコーディング手法が多いので、初心者にとっては、かなり勉強になると思います。

また、この課題には、コーディングする以外にも、

こういったものも解説されます。

私自身、

• 検証ツールを使ったエラー確認のやり方
• PerfectPixelを使った精密なデザイン再現の考え方

これらを、この課題で初めて知りました。

課題③初級Ex

初級Exでは、レイアウトがやや複雑になり、難易度が上がります。

とはいえ、つまずきやすい部分は、解説動画が用意されています。

それを参考にすれば、なんとかクリアできるはずです。

この段階から、表示確認（添削）をしてもらえます。一発合格を目指して、提出前にチェックを怠らないことが大事です

初級Exの感想

私は、半日くらいかかって完成しました。

実際に作ったページは、自分のテストサーバー上で公開しています。

課題④中級

中級からは、2つの課題の中から、自分が好きな方を選べます。

両方やってもOKですが、無料添削を受けられるのは1つだけです

この段階からは「jQuery」や「JavaScript」などを使った実装が入ってきます。

ただ、初めて学ぶ方も、心配いりません！課題ページにしっかり、おすすめの本や学習サービスが紹介されています。

そのロードマップに沿って進めれば、ちゃんと使えるようになりますよ。

ちなみに、jQueryやJavaScriptは、イチから自分でコードを書けるようになる必要はないです。

基本的な考え方を理解したら、あとは既存コードを自分用にカスタマイズする力があれば十分。

中級の感想

私が作ったページはこちらになります。

そして、この段階からオリジナルポートフォリオ化が可能になります。

テーマを考えて、デザインを作っていきます。

レイアウト（配置）は、大幅に変えてしまうとダサくなるので、最低限の変更にしましょう

課題⑤中級Ex

中級Exも、2つの課題からの中から好きな方を選べます。

私は「採用サイト」を選びましたが、2024年に課題が刷新され、現在は「建築会社サイト」が新たに登場しています。

これから取り組むなら、建築会社サイトの方が今風でおすすめです。

中級Exでは、中級よりさらに高度なCSSアニメーションやJSの実装が加わります。

また、これまでは1ページだったのが、下層ページが複数含まれるため、作業時間も増えるはずです。

中級Exの感想

私が作ったページはこちらになります。

そして、オリジナルポートフォリオ化したものが、こちらです

オリジナル化の原稿は、ChatGPTに作ってもらいました（ありがたいです）

課題⑥上級

上級編は一気に難易度が上がり、WordPressの実装が必要になります。

WordPress初心者の場合は、まずこのシステム自体を理解するのが難しいです。

また、かなり高度なJSの実装も入ってきます。

さらに、ページ数が12ページもあるので、完成までに相当時間がかかります。

上級課題には、実案件を想定した「納期チャレンジ」もあります。

上級の感想

私が作ったページはこちらになります。

2024年に課題が刷新されてからは、私が3人目の合格者だったようです。

私は、WordPressの理解があいまいだったので、まずは課題内でおすすめされていた動画講座・本で勉強しました。

その後で、課題に挑戦した感じです。

特に、トップページのJS実装が難しく、ここだけで5〜6日かかりました。

ありがたいことに、過去に完走した方のページが載っていたので、それを参考にしながら実装を進めました。

結論として、かなりの実力アップが図れたので、コーダーを仕事にしたい方は、WordPress実装を絶対にマスターしておくべきです。

また、Webデザイナーであっても、コーディングまで担当する場合は、WordPress実装を頼まれることは多いです。

上級編の課題ほど複雑なサイトは少ないと思いますが、WordPressの仕組み・実装の流れは、一度経験しておくのがおすすめです。

課題⑦JS特訓編

こちらは、Web制作に特化した「jQuery・JavaScript」が学べる課題です。

中級以降の課題に出てくる実装もあるので、この課題は、必ずしもやる必要がないかなと思います。

ただし、実案件において頻出する実装ばかりです。

この機会に作成しておくと、そのまま実案件でコピー＆ペーストして使えますよ。

課題⑧Photoshop編

最後が、Photoshop編です。

この課題以外では、デザインカンプは全て「Figma」か「Adobe XD」で提供されます。

しかし、実際の現場では「Photoshop」で提供されることが、まだまだ多いんです。

そのため、番外編として「Photoshop編」が用意されています。

これからコーダーを目指す方は、Photoshopに慣れておくことが必要になるので、取り組んでおくといいですね。

まとめ：即戦力になるコーディング力を身につけよう！

コーディング演習課題は、即戦力として活躍できるコーディング力を身につけるのに最適な課題です。

何より、実案件と同じプロセスでコーディング練習できるのが大きな魅力です。

私もそうでしたが、コードは頭で理解するよりも、ひたすら手を動かして書くことで覚えられます。

ぜひこの教材を活用して、コーディングスキルを飛躍させ、自信を持って案件に臨めるように準備しましょう！