プログラミング

Web制作ロードマップ・コーディング演習課題をこなされた方からのメッセージ【募集中】

Web制作ロードマップ 感想

こちらのページでは、

  • Web制作の勉強をしていて
  • 過去にコーディング課題をこなされた方

この方たちから、今コーディングを勉強中の方に向けて激励のコメント、アドバイスをいただき掲載しております。

Web制作は挫折が多いもの。ぜひ先駆者の言葉で元気をつけてもらえればと思います。

コーディング課題について

私は複数のコーディング課題を出していますが、私自身が前線で働いていて、実務志向が強く結構課題の難易度が高いため、

挫折しそうになる人もいたりしました。

そこで、今回通過者にメッセージを寄稿してもらうことにしたわけです。

以下が私が出しているコーディング課題です👇

メッセージの寄稿はこちらより!

メッセージ一覧【初級・初級Ex】

対象コーディング課題

初級・初級Exをされた方のメッセージ

@hiro28675さん

初級編EXに挑戦しました!

初めて自分でレスポンシブデザインを組んで、色々考えることが多くて大変でした!
縦書きなど、わからない要素があってググりながらやりました!

また、コーディング以外にサーバー契約、FTPツールの使い方、セルフチェックなどやる事がたくさんあって一週間かかりましたがいい勉強になります!

これからやる方はググりながら完成目指して頑張ってください!

いっさ@web制作勉強中さん(@road_of_web)

書籍での勉強を終えた後にデザインカンプからのコーディングに挑戦してみました。
初級は特に苦労しなかったのですが、初級Exでは縦書きやアンダーライン、アイコンの配置、レスポンシブデザイン等、トライ&エラーを重ねながらなんとか完成させることができました。
正解がわからないまま独学でやってきたので、合格を頂けた時の感動は今でも忘れられません!
今は中級に着手したのですが、こちらも一筋縄では行かずググりまくってますw
完走すると確実にレベルアップできますのでおススメです!

@Mana_Coloreさん

デイトラ初級編が完了した後、このまま中級編に進んで、ついて行けるか心許なくなり、HTML/CSSの基礎固めをしたくて初級と初級EXに挑戦しました。

初見で実装方法が分からない所はたくさん、ピクセルパーフェクトにも悪戦苦闘したので、完成した時はとても嬉しかったです。

また、大画面サイズやブラウザ違いでの表示崩れは今までチェックしたことがなかったので、とても勉強になりました。

最後にレビューで問題なしと言って頂けた時は、次に進んで大丈夫!と背中を押されたような気持ちになりました。

スキルが身についているか不安だなぁと思っている人には是非、チャレンジしてみてほしいです!

@kunryu210426さん

初級EX一発合格いただきました!
入門編から始めて初級編までは楽ショーと思ったんですが…、EXはこれで初級?って思うくらい、いきなり難しかったです。
メインビジュアルに縦書きが入っただけでこんなに難しくなるんですね。その他も初体験のテクニックが随所にあり、これを機にサーバー契約もしました。ググりまくってようやく完成した時は確実にレベルアップを実感しました。
かかった所要時間はとても言えませんが…、どんなスクールよりも絶対オススメします!

shinya_itwebさん

HTML&CSSを勉強して、始めてXDからのコーディングが不安だったので、挑戦してみました。初めてのカンプからのコーディングにすごく良かったですのでおすすめです!

@Palette123さん

初級、初級EXをようやく完了できました。初級EXについては残念ながら2回のレビューで「完璧」ではありませんでしたが、「もう少しここをこうした方が良いですよ、それ以外は大丈夫です。」とのご回答を頂いたので、中級編に挑戦したいと思います。
苦労したポイントは何と言ってもレスポンシブでした。SP用にCSSを追記したらPC画面でレイアウトが崩れる・・・の連続。自身のコーディング方法における問題点の発見にもなりました。
あとはサーバーアップロードにおいて、.svgのimageが表示されず延々と長時間ググって時間を費やしてしまいました。
我ながらよく投げ出さずにここまでたどり着いたなと不思議なくらいです(笑
1発合格した人たちや2・3日で完了した人たちのコメントを見ると焦ってしまいそうですが、自分のペースを守って継続しましょう。

メッセージ一覧【中級、中級Ex】

対象コーディング課題

中級・中級Ex課題を完走された方のメッセージ

@m316jp3さん

コーディング力を鍛えるためと、ポートフォリオに掲載できる作品を増やしたいため、中級Exに挑戦しました。

縦書き、パンクズ構造化、カレンダー、タブ切り替え、モーダルなど色々な練習ができました。

初めてのことも、「調べればできる」ことがわかったし、1発で合格と言っていただけたのは大きな自信になりました。

KasioWebさん

私自身、いわゆる社会不適合者で仕事が長続きした試しがないですが、WEB制作は延べ10年以上続けております。

数年前に介護職をやめて、web制作の世界にカムバックしましたが、古い人間でブランク持ちのため現在、しょーごさんのブログから情報を得て学習しているものです。

初学者の方は最初はコーディング中心の学習になると思うのですが、HTMLとCSSの組み方にはお約束パターンがあって、しょーごさんや、ちずみさんの教材を「ここはなんでこうなるのかな?」と意味を考えながら何度もやるのが良いと思います。

形にできても、なんとなくの理解では案件受けるのが怖いと思いますし。 私もしょーごさんの初級編ですらかなり苦しみました(^_^;)が、少しずつ、半年程度かけて、しょーごさんに中級編のOKをもらったときは嬉しすぎたし、自信も付きました。

しょーごさんの教材のおかげで、力がついたので、これからはテーマ有りきのWEB制作ではなく、デザイン→コーディングという制作会社のようなフローでいろんな方のWEB制作できればと考えています。

最後にですが、ブログラミングは適正というより、続けたもの勝ちなところがあるので、焦らず、毎日少しずつでも良いので、楽しみながら続けてくださいね! 私のような他人とうまくやるのが苦手な方が、ブログラミングで自分らしい人生を送れることをつよく願っております!

樫尾

タカ@Web制作勉強中さん

絶対に言えることはどのコーディング実践演習もやりきれば力がつく!ということです!

今の自分の力でできなそうでも、粘り強くググって試行錯誤すれば必ずできます!

2021年2月からWeb制作の勉強を開始し、HTML?何それ?状態から、しょーごさんのロードマップ+αで、ここまでやってきました。

他の方々と比べてゆっくりかもしれませんが、確実に当時の自分とは比べられないぐらい成長できました。

特に、アウトプットであるコーディング実践演習は、一つ一つのパーツを自分で作れるたびに達成感を感じられ、嬉しくなるものです
もちろん、中々できなくて悪戦苦闘することもしばしばありました!

でも、諦めずにやり続ければ必ずできます!

これからも修行は続きます。

諦めない!
やり続ける!

をキーワードに一緒に頑張りましょう!

まだ中級までしか終えていないペーペーの私が言うのは偉そうすぎるのですが(汗)

しょーごさんいつもありがとうございます!

@cocoadeponさん

全部盛りセットを購入し、現在上級編をやっています!
提出チェックがあることで、
今までやってきた模写とは違う
ちゃんと仕上げよう。の気持ちが
強くなれるのも魅力です!

自分の中で納期を決めて
しっかり提出する。

この思考だけでもだいぶ実際に仕事をする。
といった部分に近づいたスピード感と思考で
できるんじゃないかな?と
思います!

チェックのスピードも早く、
最後はどうにか1回でクリアしてみせる!と
頑張れるのも魅力です!

結果中級exフォントミスしましたwww

今は上級でwordpressと戦ってますが
終わったら自信もって営業していこうと思ってマース!

牡丹と唐獅子さん

去年の11月、TechAcademy・フロントエンドコースの最終課題まで終えましたが、自信がありませんでした。その時お世話になっていたメンターから、次は実践あるのみ、技術力を証明するポートフォリオを作るようアドバイスを受けました。試行錯誤してしょーごさんの教材にめぐり合い、初級から初め中級を終えました。
次は中級Exです!しょーごさんの記事を拝見し、ここを無事に終えれば実務に挑戦予定です。お互いに頑張りましょう。

@DASUNA_さん

「まだ感じてませんか?」コーディングが楽しくなる瞬間が来ます!!一緒に楽しくなりましょう\(^o^)/

@masu_ssgさん

ポートフォリオに掲載できる作品を制作したかったので、中級Exに挑戦しました。

一番苦戦した場面は指定された箇所以外でのJavaScriptでした。
結果的に見れば単純な動きなのですが、それをどのように組み立てていくか結構悩んでいましたね。
サイトのパフォーマンスや、スマホ・タブレットでのバッテリー消費のことなどを考えていました。

今言えることとしては、やはりやりたいと思っていることは順序立てて整理した方がいいなと感じました。
どうしても考え方が凝り固まってくるとパンクしてしまいますので…。
ググることで答えやヒントを教えてくださる先輩方にも感謝です。
自分もまだまだの存在ですが、皆さんとともに諦めず頑張っていこうと思います。

しょーごさん、とても勉強になりました。ありがとうございます。

メッセージ一覧【上級・Photoshop編】

対象コーディング課題

上級を完走された方のメッセージ

eingi__014さん

デイトラのWeb制作コースを卒業後、中級Ex・上級コースにチャレンジさせていただきました。 note内ではデザインカンプだけでなく、セルフチェックシート・よくある修正点や参考サイトなども提供されています。
全てにおいて実務を想定されており、 なかなか実務に踏み出せない・・・という方はぜひチャレンジしてみることをおすすめします!!
「意外と調べれば出来る。」と感じることができ、その経験が一歩踏み出す原動力になります。 なによりも、しょーごさんから合格がもらえた。ということが大きな自信につながります!!

やちさん

挫折はみなさんしてると思うので、自分だけできないとかは思わず少しずつでも成長していきましょう!!

@tsubasa_codeさん

安心して取り組んでほしいです!

パソコンが苦手だった僕でも上級を完走することができました!

しょーごさんのnoteを完走したおかげで、自分に自信がつきお仕事もいただけるようになりました!

諦めなければ大丈夫です!
頑張りましょう!

匠哉/web制作フリーランス(@takumi_takumi31)さん

Web制作を学び始めた当時、オンラインスクールは金額が高く手が出せなかったため、Youtube、SNS、ネット上でいい教材がないか漁るように調べていました。

そこでしょーごさんのnoteを見つけ「デザインカンプからのコーディング演習教材」ということで即購入しました。

私は初級編EX〜上級の課題に挑戦しました。
正直分からない部分が多く常にググりながらの学習でしたが、諦めなければ必ず完走できます!
これは完全未経験の私でも出来たので皆さんも必ず出来ます!
表示確認特典もありますので、「これで合ってるのかな」といった不安もなく自身がつきます。

中級、上級は難しいですが、実務に必須なスキルが身につくので挑戦されることをお勧めします。
ある方に「しょーごさんの教材をしてきているならスキル面は安心だね」と言って頂いた経験もあるのでこの教材は間違いないです。

私は全課題をクリア後に営業開始し、案件獲得できているので、皆さんも焦らず完走目指して頑張りましょう!

全課題を完走し、実案件までこなされた方のメッセージ

@18_ken_kenさん

デイトラWeb制作コースを完走後、初級〜上級5つ全ての課題をクリアしました。

当時、実務未経験の自分にとっては難しく、ひたすらググりながら進めていたのを覚えています。

課題クリア後、ポートフォリオにも使用させていただき、制作会社の方との面談でEngsess(上級)の実装の話(カスタム投稿やカスタムフィールドなど)をしたこともあります。

コーディングのお仕事をいただけるようになった今も当時の経験がいきていると思います。

特に中級Ex、上級は難しいですが指示書通りにコーディングすることができれば実務でも通用するレベルだと思います。

Web制作(コーディング)で案件獲得を目指している方にはとてもオススメの課題です✨

みゆきさん

全部盛りセットを購入しポートフォリオとして使用させていただきました。

2021年6月はじめて複数のクラウドソーシングサイトに登録しました。登録から2週間コーディング3件受注(うち2件は既存サイトの修正です)、4件のスカウトメールをいただいております。

今のところ、実案件よりしょーごさんの教材の方が難しかったです。
なので完走すれば必ず実案件に対応できる実力がつきます。

どうか最後までがんばってください。

管理人より追記:みゆきさんは初級からPhotoshop編まで終えられています。特に中級Ex以降は依頼者側からも非常に評価が高いものと思われます。

@takapon_p7さん

サイト模写はいくつかやってましたが、実務はデザインカンプのコーディングが必要とのことを知り、全部盛りセットを購入してスタートしました。

1からコーディングをする自信が全くない状態からのスタートでした。
初級、初級Exも最初はheaderから手が進まなかったのですが、中級あたりからsassを使ってレイアウトをパーツ化(分解)するイメージが出来てきて進みやすくなりました。

本教材で助かったのは、カンプに実装する機能がテキストで指示されていたことです。
最初ってググろうとしても言語化できないので検索すらできませんよね。
なのですがヒントとなるキーワードがあることでググる&覚えることが出来ました。

上級を終えて早速ポートフォリオとして制作会社さんに見てもらったら、
「コーディングをお願いしたい」と言っていただけました。
やってよかった!!と思いました。

是非、実案件前にステップを踏んでいける全部盛りセットに挑戦してみてください。
かなりの実装パターンが身につくことは間違いなしです。

あなたもメッセージ、出してみませんか?

コーディング演習課題を出しています

あなたに是非読んでほしい記事です!