プログラミング

デザインカンプからのコーディング練習課題!【HTML初心者からWordPress実案件レベルまで】

【駆け出しコーダーに捧ぐ】2022年以降のポートフォリオ戦略&レビュー付きデザインカンプからのコーディング課題について解説

動画解説を順次追加していくのと、XD以外にFigmaデザインも用意していくので、徐々に値上げを行います。お早めに!

こんにちは、フリーランスのエンジニアとして6年ほど活動しているしょーごと申します。

突然ですが、「プロのレビューが受けられる実戦形式のコーディング課題」があったら、やってみたいですか?

ありさちゃん
ありさちゃん
実案件が怖いので、腕試しをしたいです、欲を言えばプロに添削してほしいです…
まさひろくん
まさひろくん
ただ練習するだけじゃなく、ポートフォリオを準備したいです

しょーご

自分も駆け出し期に感じてたのでその気持ち、分かります…!

しょーご

この記事ではそんな問題を解決するコーディング課題について解説していきます!

25%も安くなる最もお得な「全部盛りセット」はこちら

\圧倒的にお得な全部盛りセットはこちら!/

しょーご

この記事を書いたのは
しょーご@samurabrass

このブログ「しょーごログ」の運営者。本業でエンジニアとしてサイト制作やシステム開発を数年行っており、ブログとYouTubeで情報発信を行っている。駆け出しエンジニアのコーディング課題添削も行う

目次
  1. しょーごログのコーディング課題とは?
  2. 前提:実務コーディングは99%がデザインカンプから行う
  3. デザインカンプからのコーディング手順
  4. デザインからのコーディング課題紹介
  5. 各コーディング課題の紹介
  6. まとめて購入について解説
  7. 実務レベルを体感してほしい
  8. 過去の完走者の感想・コメント
  9. 一通り課題が終わったら
  10. よくある質問FAQ
  11. あなたを一歩前に進ませる課題

しょーごログのコーディング課題とは?

当サイトが販売しているしょーごログのコーディング課題は、「実務未経験の方が現場レベルになれる」ことを目指したコーディング課題です。

このブログとnoteで両方販売しており、このブログから購入頂いた場合は特典コンテンツをプレゼントしています。

  • 現場レベルのコーディング課題7つ
  • 制作物はポートフォリオとして利用可能
  • 現役エンジニアからのレビュー

これらを通して「Web制作の案件獲得やWeb業界への就職・転職」を叶えます。

このコーディング課題でいくら稼げるスキルが身につく?

最後のPhotoshop編課題まで終えられた方のスキル感としては、月20万レベルはあります。

WordPressコーポレートサイト10p程度コーディングを20万程度で、一ヶ月かけて構築するみたいな案件はこなせるレベルになれます。

各課題は「コーディング教材全部盛り」を購入することで、最安で揃えることができます。

しょーご

noteの方では単体販売もしています(全部盛りよりは割高にはなります)

コース名
【入門編】
デザインカンプからの
コーディング練習

【初級編】
デザインカンプからの
コーディング練習

【初級その2】
デザインカンプからの
コーディング演習

【初級Ex】
デザインカンプからの
コーディング演習

【中級】
デザインカンプからのコーディング演習

【中級Ex】
デザインカンプからの
コーディング演習

【上級】
デザインカンプからの
コーディング演習

【即戦力編】
Photoshopデザインカンプからの
コーディング練習

【JavaScript,jQuery特訓編】

Web制作会社に特化した
最強の営業法
学習内容超基礎的な
HTML.CSS
基礎的な
HTML,CSS
HTML.CSSの
レスポンシブに慣れる
HTML.CSSの
基礎総復習
jQueryやJSの導入高度なCSSと
JavaScriptライブラリの使用
WordPressを活用した
メディア型企業サイト
土木・製造業の
トップページ
jQuery,JSで
よくある実装を学習
制作会社への
営業マニュアル
難易度★☆☆☆☆★☆☆☆☆★☆☆☆☆★★☆☆☆★★☆☆☆★★★☆☆★★★★★★★★★☆
ページ数11111471
目安期間3~5日程度3~5日程度5日程度7日程度5日7~10日程度10~14日5日3日程度
対象レベルデザインカンプからの
コーディングが初めての方
デザインカンプからの
コーディングが初めての方
デザインカンプからのコーディング
1つでもこなされた方
いくつか簡易なデザインからの
コーディングをこなされた方
jQueryやJSの基礎を
学ばれて初実践な方
高度なCSSアニメーションや
JSのコーディング経験を積みたい方
WordPressの基礎学習を
終えた方
Photoshop未経験&難易度の高い
コーディング案件を試したい方
jQuery,JSの基礎を
本などで学ばれた方
各種課題を終えて
営業する段階の方
表示確認特典
全部盛りに含まれるか✕(無料なため)
更に詳しく詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから
営業方法については万人に必要なものではないので、全部盛りに含んでいません。その分価格を抑えて提供できています。

しょーご

コーディング教材全部盛り」を完走できれば、就職も案件獲得も十分に可能ですよ!

コーディング課題について、動画でも解説しています!

しょーご

動画でも要点や各課題について解説しています!

では、ここからコーディング課題の解説に入ります。

前提:実務コーディングは99%がデザインカンプから行う

コーディング練習と行っても、世の中には二種類あります。

  1. サイトを検証ツールで見ながら再現していく(これがよく言われる模写というもの)
  2. デザインカンプからコーディングを行う(実務と同じ方法で模写ではない)

この内、「①サイトを検証ツールで見ながら再現していく」は私が独立した当初に流行していた方法でした。

私もこの方法、所謂「模写」で当初学習していましたが、しかしこれは実務とはかけ離れた学習方法でした。

デザインデータからのコーディングができないと仕事にならない

模写コーディング教材

実際にコーディング案件を見てみるとわかりますが、

クラウドソーシング「ランサーズ」

ランサーズ 案件
ランサーズ 案件

大半がデザインデータからのコーディングです。

制作会社も開発会社もどこも全部そうです。

Q:デザインデータ、デザインカンプとは?
A:PhotoshopやIllustrator、XD,Figmaなどのデザインツールで作られたもの

私も周りも当時誰も、それがスタンダードだと知らなかったので、阿鼻叫喚だったのを覚えています笑

だから、将来は限りなく実務に近い形で学習できる教材を作ってあげたいと、当時から思っていたのでした。

デザインカンプからのコーディング手順

  1. まずは仕様書やデザインを見る
  2. デザインデータから画像や素材を書き出す
  3. デザインを確認しつつコーディングを行う
  4. Basic認証などをかけたテストサーバーにアップロードする
  5. セルフチェックを行う
  6. 初稿提出し、確認してもらう→大抵は再修正が起こる
  7. 再提出→納品

こんな感じだと思います。これをいきなり実務でやるのは怖いですよね^^;

なので、この一連の演習課題でたくさんトライアンドエラーをしてもらえたらと思います。

XDの操作方法は記事内で案内しています。

しょーご
しょーご
今の自分が駆け出し期の自分に与えたい理想の課題を目指しました

デザインからのコーディング課題紹介

課題は「初級からPhotoshop編」まで複数リリースしております。

コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
初級編イメージ
初級Exイメージ
中級イメージ
中級Exイメージ
上級イメージ
Photoshop編イメージ
previous arrow
next arrow
 

初級初級その2初級Ex中級中級Ex上級Photoshop
(スマホカンプ付き)
HTML.CSS難易度★☆☆☆☆★☆☆☆☆★★☆☆☆★★★☆☆★★★★☆★★★☆☆★★★★★
JS.jQuery難易度なしなしなし★☆☆★★☆★★☆★★☆
WordPress対応なしなしなしなしなしありなし
ページ数1111471
表示確認特典なしなしありありありありあり
デザインカンプからのコーディング課題
デザインからのコーディング課題

「中級Ex、上級、Photoshop編」は三種の神器

Web制作を始める人が多い中でも、「中級Ex」「上級」「Photoshop編」のいわゆる「3種の神器」を終わらせた人は、2022年以後も調子よく案件を獲得していっています。

3種の神器」は実際、制作会社からもかなり評価が高いです。

営業と就活を初めて15日目  0→1 達成しました!  クラウドソーシングにて受注し納品、評価完了です😆 しょーごさん( @samuraibrass  )の三種の神器のおかげです。  自身契約のサーバーにテスト公開し、デイリー進捗報告。この流れも経験済みで助かりました! 感謝です😊

なので、ぜひここまで終えてほしいです!

早い人だと2ヶ月で最後のPhotoshop編まで終えられる方もいます。

しょーごログ

まとめて購入できる「全部盛り」「中級以上」などがお得!

基本的に単体購入よりまとめ買いしてもらったほうがお得になるようにしております。

このブログではまとめて購入できるパックのみ販売しています。バラで買うよりも価格的に最も優位になるようにしております。

デザインカンプからのコーディング課題
マガジンには今後リリースされる(かも)コーディング教材も無料追加されます(買い切りなので追加課金なしの無料)
全部盛りの例

noteとブログ両方で販売中

セット販売はnoteとブログ両方で行っていますが、ブログから購入頂いた場合は「特典コンテンツ」をプレゼントしています!

コーディング課題

ロードマップ(無料)とセットで活用

各教材がどれぐらいのレベル感のときに取り組めばいいのかは、以下の独学ロードマップの記事を参照いただければわかりやすいかと思います

以下のロードマップに本教材は全部組み込まれております。

ちなみに、ロードマップを完走していただければ、フルリモートでの就職転職も十分可能です。

しょーごさん @samuraibrass のロードマップを見てweb制作を始めて1年。1ヶ月サボったりしたけど、新卒で入った銀行を辞めてフルリモートのコーダーとして転職できました。フリーランスの道は一回閉ざしたけど、フリーランスを目指してやってなかったらこの結果すら出てなかった。 #web制作

しょーご
しょーご
このあと解説しますが、おすすめはダントツ「全部盛りセット」になります

Web制作を独学している方に届けたい…

まさひろくん

スクールは高くて通えません…

こんな方でもできるだけ最前線で戦えるように道のりを整備したのが「ロードマップ&コーディング課題」です。

しょーご

完走できれば、スクールに数十万払わなくても、十分即戦力レベルまで持っていくことができます!

しょーご

「全部盛り」はたっぷり量がありますが、それでも一ヶ月で上級まで行く人もいて、驚きです。

\圧倒的にお得な全部盛りセットはこちら!/

このコーディング演習課題作成の思い

デザインカンプからのコーディング教材
デザインカンプからのコーディング教材
デザインカンプからのコーディング教材

この教材は「教科書」というより、「問題集」になります。自分のコーディング力を高めるための演習教材としてご活用ください。

高品質なポートフォリオを準備できる

課題をこなしていく中で、高品質なポートフォリオを複数準備することができます。

Web制作 ポートフォリオ
しょーご

制作会社のコーダーさんにもご活用いただいております!

コーディング練習教材

表示確認特典の価値

大事なことなので、教材説明の前に述べさせてください。

私の教材では初級編など一部を覗き、基本的にすべて「表示確認特典」をつけています。

これには明確な理由があります。

ポートフォリオ表示崩れ多すぎ問題

私と同時期にフリーランスになった方々の多くはディレクターになったか、デザイン・コーディングチームを率いているか、マーケターになるか、

はたまた起業するなどして、各々コーダーへの「発注者」に回ることも多いわけですが、

最近駆け出しの方から営業メールが来る機会が増えているようです。

その中で多く聞くのが「ポートフォリオがひと目見てずれてるのが大半」という言葉です。

確かにその傾向はある気がする一方、勉強を始められたばかりの方々には自分では気づきにくいのも事実。

そこでこの教材に「表示確認特典もつけちゃおう!」ということで、お値段そのままに「2回の表示確認特典」をつけているのです。

コーディングの流れ
しょーご

ちなみにレビュー期限はないので、1年後とかでも全然レビューします

サイト模写はほどほどにして、デザインからのカンプを!教材として、しょうごさん( @samuraibrass )の問題集はめちゃくちゃ自信と力になりました。レベル分けされてるし表示確認特典もあるので、その後の改善にもつながります😊 #webデザイン勉強中 #Web制作 #WebeduGate #note

動画解説を続々追加予定!!

以前よりこのような声を頂いていました。

まさひろくん

難しすぎて挫折しそうです…勉強の時間も中々取れないし。

こういった課題を解決すべく、「難関箇所の動画解説」を始めました!

どうしても分からなくても、動画と一緒に手を動かして貰えれば、一旦は突破できるようにしました!

コーディング課題 初級Ex
初級Exのレスポンシブ動画解説
中級課題のスライダー(swiper)実装解説
中級Exの動画解説より
上級課題の全体解説

どうしても分からなくても、動画と一緒に手を動かして貰えれば、一旦は突破できるようにしました!

しょーご

自力でどうしても実装できないときは、一旦先に進んだほうが効率良いですからね。この先もどんどん動画解説を充実させます。

セルフチェックシート無料配布!!

コーディングチェックリスト

実案件では提出前に『セルフチェック』を行うのが常識です。

この教材では

  • 実案件でも使えるセルフチェックシーを配布し確認
  • 各課題毎によくある指摘ポイントを掲載

しているので、セルフチェックの練習をすることができます。

実案件前に習慣づけておきましょう。

PDFで実案件でも使えるチェックシートをプレゼントしています。

このコーディング課題の強みをまとめると

デザインカンプからのコーディングである模写ではなく、実務と同様の「デザインカンプからのコーディング」を練習することができます。
デザインがリアルよくある「練習感のあるサイト」ではなく、実在していてもおかしくないデザインを心がけました。
ポートフォリオとして使えるポートフォリオとして使えない課題が多い中、この課題では「コーディングのポートフォリオ利用」をOKとしています。
現役プロのレビューが受けられる他のコーディング課題では行っていない、高品質なレビューが各課題最大2回受けられます。
セルフチェックシートを配布実務でそのまま利用できるセルフチェックシートを配布しており、提出前に徹底して行うことにより、限りなく実案件に近い環境を実現しています。

各コーディング課題の紹介

【入門】デザインカンプからのコーディング練習【無料です】

Adobe XDデザインからコーディングする方法 【XDデータとURLカンプ2種類】
初学者さん

初級編でもちょっとむずかしいかも…

といったお声を拝見しましたので、無料にて「入門編」をリリースしました。
初級編より少し優しくしています。

無料ですが、Figma,XDデザインからのコーディングなので、実務と工程はほとんど同じです。

こんな人におすすめ
  • デザインからのコーディング経験がない
  • まずは簡単なもので自信をつけたい
  • 挫折経験がある

こんな人に入門編は推したいです。

デザインカンプからのコーディング おすすめ
デザインカンプからのコーディング おすすめ

\入門編は無料で見れます/

【初級】XDデザインからのコーディング練習【HTML/CSS】(模範解答付き)

初級」はコーディングを始めたばかりの方にむけて出しているnoteになります。

こだわりと特徴

初学者の頃はわからないことだらけで、挫折する確率が最も高い場所になります。
この教材ではとにかく
「私にもできそう!」を経験してもらうために優しく作っており、模範解答もつけております。

こんな人におすすめ

入門はできそうな気がする、または行った

デザインカンプからのコーディング おすすめ

入門から進んだ人なら割とすんなりいきつつも、入門にはない要素があるので、良い経験を積めると思います。

初級はこちらから/

【初級その2】 デザインカンプからのコーディング練習【レスポンシブに慣れる】

Figmaデザインカンプからのコーディング方法【とても簡単】

【初級その2】 はレスポンシブに慣れていただくことを主眼におき、スマホのファーストビューのカンプもつけました。

Figmaデザインからホームページ制作会社のトップページを制作していただきます。

こだわりポイント

初級編より難しく、かつレスポンシブに工夫が必要になるので、初級Exへの足がかりとして活用できるように。

こんな人におすすめ
  • HTML.CSSのカンプからのコーディングを一個はやったことある
  • レスポンシブにまだいまいち慣れない

この段階の方は比較的簡単なコーディング課題の演習を積むことが大切です。

ぜひ【初級その2】 をご活用ください。

初級その2はこちらから/

【初級Ex】 XDデザインからのコーディング練習【複雑なレイアウト】

初級Ex」は少し難しいデザインで、HTML.CSSの基礎を総復習できるような課題になっております。

こだわりポイント

初級その2より難しく、HTML,CSSだけでも「ポートフォリオ」として使っていただけるようなレベル感のものを作成しました。結構難しいですが、その分鍛えられます。

コーディング教材
こんな人におすすめ
  • 少し難しいHTML,CSSのレイアウトに挑戦したい
  • JSに取り掛かる前に、HTML.CSSを総復習したい
しょーごさん( @samuraibrass )の初級Ex課題、一発OKもらいました❗️ 悩むところも多かったですが、学びの多い課題でした。 「綺麗にできていると思います」とコメントいただき、自信になりました。  Javascriptの復習をしたら中級に取り組んでいきます 楽しみ〜😊
デザインカンプからのコーディング おすすめ

縦書きという、おそらくこの段階では「未知の要素」も出てきますので、かなりググり力が鍛えられ、やりごたえがあると思います。

初級Exはこちらから/

【中級】XDデザインからのコーディング練習【JavaScript導入】

中級」はある程度HTML.CSSに習熟した方が、次のステップとしてJavaScriptのライブラリや、jQueryを練習できるように作成した教材になります。

こだわりと特徴

ポートフォリオとしても活用いただけるレベル感を目指したため、初級編と比べても難しめにしております。
その分「完走後に表示確認特典」をつけており、実案件レベルで細かくチェックしますので、ここで鍛えられます。

模写コーディング教材
こんな人におすすめ
  • jQueryやJSを使用してサイトに動きをつけてみたい
  • 実務でもよくあるフォームの実装を練習したい
デザインカンプからのコーディング おすすめ

中級編の教材は無料でライブコーディング動画も出しておりますので、そちらもぜひ見てみてください。

中級でサイトに動きをつける!/

しょーご
しょーご
ちなみに中級編は「めちゃ鍛えられました!」とよく言われます笑

【中級Ex】 XDデザインからのコーディング練習【HTML,CSS,JS実案件レベル】

中級Ex」ではHTML,CSS,JSを駆使し、和風な温泉旅館サイトを構築していきます。

中級Exからは「複数ページのサイト」になります。

こだわりと特徴

とにかく「HTML,CSS,JSの実案件ってこんな感じだよな」となるものを作ったので、こちらを完走された方は、即HTML,CSS,JSの実案件に挑戦することができます。
それぐらいの難易度感ですが、やりきった自分への大きな自信もつけることができます。

こんな人におすすめ
  • 縦書きが多い和風サイトに挑戦してみたい
  • CSSアニメーションを学びたい
  • 複数ページの構築法を身につけたい
中級Ex完走しました!!! この教材セットを購入する前から作ってみたい!と思っていたサイトが自力で作ることができてとても嬉しいです✨ HTMLやCSS の応用はもちろん、jQueryを実践的に使うため改めて勉強になりました! ありがとうございました!    @samuraibrass  #note
デザインカンプからのコーディング おすすめ

HTML,CSS.JSのみの静的サイト実案件レベルになります。

中級ExでHTMLサイトはバッチリ/

【上級】XDデザインからのコーディング演習【WordPress実案件レベル】

上級」は私がおすすめしている完全独学ロードマップに含めている「WordPressレッスンブック」を完走したぐらいから取り組めるもので、実案件レベルの難易度になります。

こだわりと特徴

とにかく発注者視点から評価されるポートフォリオを目指して全力で作成しました。
題材と構成は、評価されやすいコーポレート型にし、実装仕様書もつけて、10~20万のWordPress実案件レベルのものを作成しました。
これで実際の案件のレベル感を体感して頂けたらと思います。
また、営業する際の機能アピールポイントもつけてますので、自信満々にポートフォリオとして活用いただけたらと思います。

模写コーディングWordPress
コーディング教材
こんな人におすすめ

実案件レベルのWordPress力を身に着けたい

強いポートフォリオを準備したい

WordPressのACFは実務でもなにかと便利でよく使います🤔 しょーごさん( @samuraibrass )のコーディング課題で練習できてよかった!  やりたい事があったときに「あれ使えるかも!」っていう引き出しをたくさん持っておきたいですね😇 #駆け出しエンジニアと繋がりたい #Web制作 #プログラミング初学者
デザインカンプからのコーディング おすすめ
 デザインカンプからのコーディング練習

しょーご
しょーご
ダミーデータ入れさせたりプラグイン複数使用したり、自分の実務経験から来ています。

上級でWordPress力を底上げ/

【JavaScript,jQuery特訓編】web制作でよくあるパーツを実装しよう【解答付き】

JavaScript,jQuery特訓編」はweb制作に特化した「JavaScript,jQuery教材」になります。

こだわりと特徴

とにかく「Web制作ですぐ役立つJS力をつける」ことを目標にしています。JSって何をどう勉強して使えばいいのか分かりづらいと思いますが、本教材では「web制作実案件でよくある実装」を体験することができます。
また、解答コードを準備しているため、そのまま実案件でもコードをお使いいただくことができます。
web制作でのJSに慣れていただけたらと思います。

実際に作るもの一覧
  1. ハンバーガーメニュー
  2. ドロワーメニュー
  3. ローディング
  4. スムーススクロールでページトップに戻るのボタン
  5. アコーディオン
  6. モーダル
  7. タブ
デザインカンプからのコーディング おすすめ
しょーご

JavaScript.jQuery両方を練習できるし、書き方の差異を見るだけでも参考になると思います!

jQuery,JSを克服する問題集/

【即戦力編】Photoshopデザインからのコーディング演習

Photoshop編」はPhotoshopデザインカンプからのコーディング課題になります。

上級までの課題で実案件レベルのコーディング力は身につきますが、実案件では多くのデザインデータがPhotoshopで来ることになります。

なので、

ありさちゃん
ありさちゃん
事前に練習しておきたい!

という方にご要望にお答えして、最高クオリティの課題をご用意しました。

Photoshopに成熟したデザイナーさんにお願いしました。

デザインカンプ コーディング課題
実装する機能
  • ファーストビューCSSアニメーション
  • スクロールでヘッダー変更
  • ローディングアニメーション
  • スクロールアニメーション
デザインカンプからのコーディング おすすめ
しょーご

PhotoshopからのコーディングはXDと比べると間違いなく難しいです。でも実案件では大半がPhotoshopで来ますから、練習しておくとパニクらなくなります。

\Photoshopをこなし即戦力レベルを目指す/

まとめて購入について解説

デザインカンプからのコーディング課題

デザインカンプからのコーディング教材全部盛り!

デザインカンプからのコーディング課題【全部盛り】

コーディング教材全部盛り!はマガジンで、これまで紹介した教材がすべてまとまったセットになっております。

まとめて買ったほうが、価格的にかなりお得になるようにしています。また、これから新たな教材が出ても自動的にこのマガジンに追加されます。

デザインカンプからのコーディング おすすめ
デザインカンプからのコーディング おすすめ
しょーご

新規教材も追加予定なので、全部盛りがダントツでおすすめです!この課題群をクリアできれば全然案件は獲得できますし、転職の協力な武器にもなります。

デザインカンプからのコーディング課題

WordPress案件一件で余裕でコスト回収できる金額にしました。

また歴数年のマークアップエンジニアは「時給¥3.500〜」程度得ているのを考えると、

計10回(初級Ex以降)ものレビューを受けられる「全部盛りセット」は、レビューだけで1万円以上の価値があります。

ちょっと安すぎだと思うのですが……フル活用しちゃってください(;_;)

\コーディングを本気で仕事にするならこれ!/

デザインカンプからのコーディング教材中級上級JSセット

デザインカンプからのコーディング課題【中級以上】

コーディング教材中級以上セット中級以上全てをまとめたマガジンになります。すでに初級、初級Exを持っているかたは、こちらで揃えたほうがお得になります。

デザインカンプからのコーディング おすすめ

\デザインからのコーディング経験者向け/

しょーご
しょーご
マガジン内の教材数が多いほど割引率も高めてるので、今から学習を初められるならマガジン購入がお得です。

実務レベルを体感してほしい

これをご覧の方には、ぜひ上級編・Photoshop編まで完走して実務レベルを経験してから、仕事をとっていってもらいたいなと思います。

特に上級編・Photoshop編は就職転職でも大いに役立つはずです。

みなさまの学習を応援しております👍

過去の完走者の感想・コメント

このコーディング課題を購入した人の感想やその後をお聞きしました。

中には転職成功した人などもいるので、ぜひ購入前に参考にしてみてください。

課題につまづいた際に勇気をもらえるようなコメントも多数いただいています↓

以下に一部抜粋します。

しょーご
しょーご
「過去の自分を救う」を発信の信条としていますが、教材も同様です。有効活用していただければと思います!

一通り課題が終わったら

制作会社への「正しい」営業法を学ぼう

web制作会社営業方法・文

ポートフォリオを完成させても、正しい営業を行わないと制作会社からは返信すら返ってこない可能性があります。

そこでこの「Web制作会社に特化した最強の営業法」をリリースしました。

このコンテンツでは、

営業概論
まずは営業全般についてお話し、制作会社への営業が全体の営業でどんな立ち位置にあるのかを解説します。

❷営業前準備
その後、営業ではめちゃくちゃ重要なポートフォリオについてお話します。
また制作会社の営業先の「効率のよいリストアップ方法」についてお伝えします。

❸営業
そしてメインの
・営業手法
・営業文作成(具体例付き)
・営業管理
・制作会社へのインタビュー/これから営業をかける人へのアドバイス

以上を掲載しています。

✅営業活動報告 今日で営業開始して1ヶ月経ちます。 現状、制作会社250社に営業して、うち8社とパートナー登録できました。  ポイントは追い電話と下記の記事です。しょーごさん信者は即買いです☺️  まだ追い電話できてないところもあるので、さらに突き詰めていきます。

しょーご
しょーご
どんどん値上げしていくのと、突然販売終了する可能性があるので(参考にする人が増えすぎるとライバルが増えるため)チェックはお早めに!

\総販売部数に制限あり!お早めに/

よくある質問FAQ

よくある質問

全部盛りマガジンや中級以上セットの「新規教材は自動追加」というのは、一度購入すれば無料で新規追加分も見れるという認識で問題ないですか?

はい、問題ございません。マガジンについては、個別購入より価格的に有利になるように設計しており、それが最大化されているのが「全部盛りマガジン」ということになります。

マガジン購入したのですが、見方がわかりません。

こちらの記事でマガジン内の記事の閲覧方法がわかります
https://shogo-log.com/note-magazine-way/

わからない部分を質問はできるでしょうか?

質問は対応しておりません。ヒントとして、過去完走者のサイトを初級Ex以降は掲載しており、初級は解答があります。中級はライブコーディングをYouTubeで出しています。入門に関してもライブコーディングを出す予定です。

XDデザインからのコーディングをしたことがないのですが、初心者でも大丈夫でしょうか?

わかりやすく解説した記事リンクを教材内で紹介しており、そちらを見ていただければまず問題ないです。XD自体はかなり直感的なので。入門編は無料なので、そちらで試してみるのもありです。

この課題を終わらせられれば、案件獲得できますか?

十分に可能です。個人的にはPhotoshop編まで終わらせていただくと、かなり良いかなと思います。課題の提出数もPhotoshop編まで来るとかなり少なくなるので、そこまでいかれる方は少ないですが、かなり結果を出している印象です。

あなたを一歩前に進ませる課題

私はどちらかというと「ずっと勉強ばかりして、実践になかなかいけないタイプ」です。そんな人の気持がわかるからこそ、背中を押すような課題を作りたいと思い、企画・制作しました。

この課題があなたの人生を変えるものになる自信があります。

ここまでご覧いただき、ありがとうございました。応援しております\(^o^)/

動画でも説明を見てみる↓

コース名
【入門編】
デザインカンプからの
コーディング練習

【初級編】
デザインカンプからの
コーディング練習

【初級その2】
デザインカンプからの
コーディング演習

【初級Ex】
デザインカンプからの
コーディング演習

【中級】
デザインカンプからのコーディング演習

【中級Ex】
デザインカンプからの
コーディング演習

【上級】
デザインカンプからの
コーディング演習

【即戦力編】
Photoshopデザインカンプからの
コーディング練習

【JavaScript,jQuery特訓編】

Web制作会社に特化した
最強の営業法
学習内容超基礎的な
HTML.CSS
基礎的な
HTML,CSS
HTML.CSSの
レスポンシブに慣れる
HTML.CSSの
基礎総復習
jQueryやJSの導入高度なCSSと
JavaScriptライブラリの使用
WordPressを活用した
メディア型企業サイト
土木・製造業の
トップページ
jQuery,JSで
よくある実装を学習
制作会社への
営業マニュアル
難易度★☆☆☆☆★☆☆☆☆★☆☆☆☆★★☆☆☆★★☆☆☆★★★☆☆★★★★★★★★★☆
ページ数11111471
目安期間3~5日程度3~5日程度5日程度7日程度5日7~10日程度10~14日5日3日程度
対象レベルデザインカンプからの
コーディングが初めての方
デザインカンプからの
コーディングが初めての方
デザインカンプからのコーディング
1つでもこなされた方
いくつか簡易なデザインからの
コーディングをこなされた方
jQueryやJSの基礎を
学ばれて初実践な方
高度なCSSアニメーションや
JSのコーディング経験を積みたい方
WordPressの基礎学習を
終えた方
Photoshop未経験&難易度の高い
コーディング案件を試したい方
jQuery,JSの基礎を
本などで学ばれた方
各種課題を終えて
営業する段階の方
表示確認特典
全部盛りに含まれるか✕(無料なため)
更に詳しく詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから詳細はこちらから
営業方法については万人に必要なものではないので、全部盛りに含んでいません。その分価格を抑えて提供できています。
あなたに是非読んでほしい記事です!