web制作でProgateから実務までにやるべきこと【具体的なロードマップ付き 】

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น •

  • @ssgjkoo
    @ssgjkoo 3 ปีที่แล้ว +12

    等身大で聞きたい部分が網羅されている素晴らしい30分でした。背中をみせてくれて感謝です。

  • @おおし-y8r
    @おおし-y8r 3 ปีที่แล้ว +9

    最近Progateで勉強し始めました!
    他の方は正直、
    すぐ案件取れて稼げる!とか
    いくら稼げる!
    みたいな刺激的な言い回しの解説とロードマップの購入導線な感じがあって逆に何すべきか混乱していました。
    しょーごさんの解説では案件を撮ろうとするまでのインプット部分の細かい流れまで説明して頂きとても参考になりました!

    • @しょーごログ
      @しょーごログ  3 ปีที่แล้ว +5

      ロードマップでお金取るのは情報商材っぽくなるのでやらないですね笑
      あと稼げる系の発言は飽和してるので、僕は具体的ノウハウの方をこれからも更新していく予定です!

  • @マーサ-m9p
    @マーサ-m9p 3 ปีที่แล้ว +4

    動画拝見しました!ここまで具体的なロードマップを語っている動画は中々無いと思います。
    成長している実感が無いまま勉強していましたが、このロードマップで勉強していこうと思います。
    超有料級動画ありがとうございます。

  • @juniorsirius7821
    @juniorsirius7821 4 ปีที่แล้ว +7

    初見です。述べられているようなスキルに到達できるような具体的な再現できる手法が解説していただけるから素晴らしい。ありがとうございます

  • @aknr7704
    @aknr7704 3 ปีที่แล้ว +3

    自分の現在地もよく分からなくて、どこまで何を学習すべきかも分からなくなって行き詰まっていました。この動画のお陰でモチベーションがグンと上がりました。早速ロードマップに沿って学習していきます!ありがとうございました😆

  • @花咲-g2h
    @花咲-g2h 4 ปีที่แล้ว +6

    今Progate道場コース上級をやってます。この後どうしようか迷っていたので凄く助かりました!この通りに進んでいきます!ありがとうございます😊

  • @siisaa_diet
    @siisaa_diet 4 ปีที่แล้ว +3

    しょーごさんのロードマップを始めて2週間ほどです!Manaさんのテキストを進めているのですが、すごく分かりやすいです!今のところ、毎日楽しんで続けられてます!ありがとうございます!

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      ありがとうございます!頑張ってください!!

  • @チャトラン猫
    @チャトラン猫 4 ปีที่แล้ว +8

    HTMLCSSの本持ってます!
    かなり分かりやすいし、スクールの先生も絶賛していました。
    オシャレです✨

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว +1

      スクールの先生というのが誰か気になりますね笑
      ありがとうございます✨

  • @okazakiryohei371
    @okazakiryohei371 4 ปีที่แล้ว +5

    半年くらい独学でやっていましたが、もっと早く知りたかった,,,
    最近何をやろうって思ってたので頑張ります。

  • @toshimunemura8065
    @toshimunemura8065 3 ปีที่แล้ว +1

    Progateのオブジェクト指向のところで分からなくなり、モチベーションが低下していたところだったので、お話を聞いて気が楽になりました!
    ご説明されているロードマップで初めから仕切り直してみます。
    有益な情報ありがとうございます!!

    • @しょーごログ
      @しょーごログ  3 ปีที่แล้ว +1

      オブジェクト指向は最初から理解は無理ですw クラス=設計図ってなんやねん、インスタンス=実体とは?という。正直自分でいきなり書くより、WordPress触りつつ理解したほうがいいですね。WordPressされるつもりなら、WP少しわかってくると、実は多くのクラスで成り立っていることがわかってくるので。そういう感じで大丈夫です。

    • @toshimunemura8065
      @toshimunemura8065 3 ปีที่แล้ว

      @@しょーごログ はい、まさになんやねんという感じでしたw そうおっしゃっていただくとWPに触れるのが今から楽しみです。とりあえずロードマップを進めていこうと思い、概要欄からjQueryの本を購入しました。これからも勉強して、まずは月数万円稼げるようにがんばります。コメントありがとうございました。

  • @kingyo036
    @kingyo036 3 ปีที่แล้ว +1

    丁寧な解説動画ありがとうございます。これから勉強しようと思っていた初心者ですが、具体的なロードマップを提示いただき大変ありがたいです。情報を参考に学習を進めていきたいと思います!

  • @usao-gaming
    @usao-gaming 4 ปีที่แล้ว +6

    知りたい情報が沢山で大変勉強になりました。学習、実戦頑張ります!

  • @しょーごログ
    @しょーごログ  3 ปีที่แล้ว +1

    【追記】2021年、22年版Web制作独学ロードマップを公開しました!
    th-cam.com/video/4zfmATgWcRY/w-d-xo.html

  • @佐藤翔哉-q9k
    @佐藤翔哉-q9k 3 ปีที่แล้ว +1

    プロゲートが終わり何個か模写した段階で次に何をすればいいかで手が止まってしまってました。
    この動画を見て次に何をすべきかわかった気がします、ありがとうございます。

  • @shinjikawadu742
    @shinjikawadu742 3 ปีที่แล้ว +5

    具体的でわかり易かったです…!!
    少しずつですが力がつくようにロードマップを参考にがんばります!!

  • @satoshi3851
    @satoshi3851 3 ปีที่แล้ว

    今までこの動画を見つけられなかった自分に喝!です。
    これほどまで具体的に説明していただいている動画を私は知らなかったので感激でした。今からでもこのロードマップ通りに突き進みたいと思います!
    本当にありがとうございます!

  • @user-dy4ci3jq3r
    @user-dy4ci3jq3r 4 ปีที่แล้ว +6

    Web制作までのロードマップ参考にさせて戴きます☺️

  • @しょーごログ
    @しょーごログ  4 ปีที่แล้ว +5

    2021/10追記 最新情報はブログより参照お願い致します。
    shogo-log.com/after-progate/

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      ブログも参考になるかもしれません。追記はこちらに載せていきます shogo-log.com/after-progate/

  • @aknkonoff171
    @aknkonoff171 2 ปีที่แล้ว +1

    はじめまして、ロードマップがあるので、デザイナーに必要なスキルが一目でわかりやすかったです。
    質問なのですが、最初に挙げられてた「1冊ですべて身につくHTML &CSSとWebデザイン入門講座」の本は持っておりますが、これと同じ作者の「HTML &CSSと Webデザイン実践講座」の方も手をつけておいた方が良いでしょうか?また、手をつけるとしたらどのタイミングが良いでしょうか?

  • @健太-z1j
    @健太-z1j 4 ปีที่แล้ว +2

    TH-camはターゲット初心者向けの広い層に向けられたコンテンツが多いので、ここまで具体的なロードマップを公開してくださってとても助かっています!
    もしよければ、このプログラムを完走したあとの案件獲得までの具体的なやり方を教えていただけないでしょうか?お願いします!!🙏

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว +1

      ありがとうございます!営業面も今後動画を出していきます!

  • @chierit7264
    @chierit7264 4 ปีที่แล้ว +7

    案件の取り方を教えていただきたい。。

  • @芦山一寿
    @芦山一寿 4 ปีที่แล้ว +1

    知りたい事を知りたいように動画にして下さり、
    ありがとうございます!
    これからも宜しくお願いします!!

  • @miyama6782
    @miyama6782 4 ปีที่แล้ว +2

    独学で紆余曲折してる者です😖しょーごさんの動画分かりやすくて勉強になります☺この通り進んでみます✨

  • @hack9133
    @hack9133 4 ปีที่แล้ว +5

    フリーランスに憧れてはいますが、家族がいたりローンがあったりすると、やはり難しいですよね。
    今更ながらもっと若いうちにフリーランスをいちどでも経験しておけばよかったと後悔しています。

  • @kurikinton2024
    @kurikinton2024 4 ปีที่แล้ว +1

    良い動画ありがとうございます
    かなりプログラミング挫折中です。
    おまけに、swiftやCGにも浮気心がでてきてなにをやりたいかわからなくなってます。
    しょーごさんのロードマップ参考にさせていだきます。
    こらからも動画楽しみにしています。

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      「プログラミングを学んでなにをしたいのか」を最初に決められるといいですね!多少不安定でも短期で稼ぎたいならweb制作、長期的にエンジニアとしてがっしり仕事していきたいなら就職転職を見据えて勉強するといいかなと。このロードマップを完走できればweb制作系の会社に入るスキルは十分な感じです。

  • @貧乏脱出したい
    @貧乏脱出したい 4 ปีที่แล้ว +2

    人柄がいいと感じます。リンクから本買わせていただきます。ありがとうございます

  • @みじん子-e6y
    @みじん子-e6y 4 ปีที่แล้ว

    1冊ですべて身につくHTML & CSSとWebデザイン入門講座
    の具体的な使い方についてお聞きしたいです!!

  • @emikosimako5141
    @emikosimako5141 3 ปีที่แล้ว

    ロードマップ通り歩いていきます!ありがとうございます!

  • @bc6429
    @bc6429 3 ปีที่แล้ว

    とても具体的なロードマップありがとうございます

  • @user-bleftleo
    @user-bleftleo 3 ปีที่แล้ว

    CSS設計迷ってたんで CSS設計完全ガイド読んでみます!

  • @seinenboy_a.k.a_dsst
    @seinenboy_a.k.a_dsst 3 ปีที่แล้ว +1

    いつも有益な情報有難うございます。
    質問したいことがあるのですが、、
    例えば、自作テーマのブログサイトっぽいものを作るように頼まれたとして、
    最終的にクライエントが投稿ページからグーテンベルクを使って自由に記事を作れるようにする場合
    クライアント側が勝手に作った記事に対してCSSはreset.cssを通さなければある程度効くと思うのですが
    レスポンシブにするにはどうすれば良いのでしょうか?
    レイアウトに条件をつけてしまえば(例えばカスタムフィールドなどで)、それにあったCSSをこっちが用意してれば
    大丈夫な気がするのですが、自由に作ってしまったものに対してはどう対応すれば良いのでしょうか...?
    もしお時間があればご教授いただければ幸いです。

  • @footballdiet2015
    @footballdiet2015 4 ปีที่แล้ว +1

    大変参考になりました。

  • @clenbuteroldiet
    @clenbuteroldiet 3 ปีที่แล้ว +1

    しょーごさんのご提案通りのロードマップで学習進めてます!プログラミング35歳限界説を覆したいですw

  • @雨宮柴詠
    @雨宮柴詠 3 ปีที่แล้ว +2

    最初になにをどうしたらいいか1番分からないと思ってた部分を凄ーく分かりやすく解説して下さってるのでとっても助かりました!座席しないように頑張ります(ง ˙o˙)ว

    • @しょーごログ
      @しょーごログ  3 ปีที่แล้ว

      嬉しいコメントありがとうございます!2021年バージョンを近々公開予定になりますので、お待ち下さい!(最新版は既にブログの方で公開しております→shogo-log.com/after-progate/)

  • @hama_0424
    @hama_0424 4 ปีที่แล้ว +4

    こんばんは。デイトラのweb制作コースを受講中で現在、初級編なのですが、ピクセルパーフェクトや、jQueryなら流す程度など、ゴールが明確に言語化されていません。ホントに理解できてるか不安なのですが、このまま一旦進めることを優先したほうが良いのでしょう?

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว +2

      ゴールはないんですが、目安としてモーダルやアコーディオン、ハンバーガーあたりをかければいいかなと。デイトラ なら中級編でみっちり鍛えられるので、楽しみにしていてください😂

  • @ファルコン-r7t
    @ファルコン-r7t 3 ปีที่แล้ว

    プロゲートで終わらせておくのはHTMLとCSSのコースだけで大丈夫ですか?その後このロードマップに沿って進めていく感じで大丈夫ですかね?今日でプロゲートのHTMLとCSSのコースが一通りやり終わったので、このロードマップに沿って勉強していきたいと思います。

  • @d-log-c7e
    @d-log-c7e 4 ปีที่แล้ว +4

    動画ありがとうございます!今模写コーディングしているのですが、デベロッパーツールを見ないと厳しいです、、。出来れば拡張機能の使い方や模写コーディングの流れを知りたいです。

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      模写よりデザインデータからのコーディングが実務に近くておすすめです!私も教材を出しています。note.com/samuraibrass/m/mad296098d928

  • @union5061
    @union5061 3 ปีที่แล้ว

    大学1年生です。プログラミングについて興味を持ったため情報収集していた所、しょーごログさんに出会いました。そこでデイトラに関して質問があるのですが、大学1年生、かつコロナ禍でアルバイトで給与がなく、デイトラの費用を支払えるか不安なのですが、なにか対処法はありませんかね?お願いします。

  • @がなが
    @がなが 3 ปีที่แล้ว

    ちょっと聞きたいんですけど、今progateのjqueryやってて途中関数がわからなかったらJavaScriptを復習しようって出てるんですけどjqueryの前にJavaScriptやった方がいいんでしょうか?

  • @ぷにぷりん
    @ぷにぷりん 3 ปีที่แล้ว

    どうすれば良いか悩んでいたので、この動画はとても参考になりました。
    有り難うございました!

  • @ひよ-f5y
    @ひよ-f5y 4 ปีที่แล้ว +1

    progateは有料版が良いですか?
    また、デイトラはいつ頃から購入してやり始めるのが良いでしょうか?
    progate有料版のHTML.CSSが終わったらへんからが良いですかね?

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      デイトラは完全初心者からわかりやすく解説してるので(個人的にはProgateよりわかりやすいと思います)最初からデイトラをおすすめしたいと思ってます(買い切りですし)
      独学できればいいですが、独学はメンターも仲間もいないので正直かなりメンタルとの戦いになると思います!

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      デイトラは完全初心者からわかりやすく解説してるので(個人的にはProgateよりわかりやすいと思います)最初からデイトラをおすすめしたいと思ってます(買い切りですし)
      独学できればいいですが、独学はメンターも仲間もいないので正直かなりメンタルとの戦いになると思います!

    • @ひよ-f5y
      @ひよ-f5y 4 ปีที่แล้ว

      @@しょーごログ 返信ありがとうございます!
      webデザインの同時購入を勧められますが、web製作のみでも良いですかね?
      また、デイトラで学びながら、中級編の途中くらいまでまきたら営業やマーケティングについても同時学習していこうと思っているのですが、この二つのテーマについての学習におすすめのやり方や教材はありますか?

  • @alba6232
    @alba6232 4 ปีที่แล้ว +1

    何をやればいいのか路頭に迷っていたので感謝します!
    質問なのですが、photohshopやIllustratorは学ばなくて良いですか?もし学ぶ良い本や学習方法があれば教えていただけますでしょうか?

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      イラレ フォトショは「画像の書き出し」や「値の取得」ができればいいです!デザインができる必要はありません(コーダーの場合)。これらの用語でググってみてください!

  • @ひーちゃんあはは
    @ひーちゃんあはは 3 ปีที่แล้ว

    別の動画で、progateの次はデイトラがおすすめであるといった内容を拝見したのですが、独学だとこちらの動画内容がおすすめということでしょうか?

  • @つけ麺-m5p
    @つけ麺-m5p 4 ปีที่แล้ว +1

    いつも有益なロードマップ提示ありがとうございます。
    デイトラで11月に始まるであろうメンター付コース申込を睨んで勉強中です。
    その前のデイトラの基礎コースへの移行はどの辺ですればいいでしょうか?
    デイトラの基礎コースは何ヶ月で消化出来ますでしょうか?

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      デイトラは90日間のカリキュラムで初歩の初歩から実案件レベルまでやります。メンター付きコースは完走しなければならないので、今から始められると、日数通りにできれば受講基準に合致するかと思います。

  • @oosoo3313
    @oosoo3313 3 ปีที่แล้ว

    progate→ドットインストールの後ってこと?
    それとも
    progateかドットインストールの後ってこと?

  • @narito2301
    @narito2301 4 ปีที่แล้ว +1

    コーディング不要で、レスポンシブ対応も手軽に出来るという謳い文句の、「STUDIO」というソフトを最近知りました。こちらは今後、今回のロードマップを一足飛びしてしまう、ライバル的な立ち位置になっていくのでしょうか?
    (そうでない事を願います…)
    もし、よろしければそのあたりのお話を動画にしていただけると嬉しいです!!

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว +1

      STUDIOが代替する部分はあると思います。STUDIO専門会社もあるので、やるなら徹底して「STUDIOフリーランス」になるとそういった会社とお仕事など道はあると思いますが、NOCode系はコーディングの知識があるとより便利と、皆口を揃えていいますね!

  • @さっさと事故って死にたい
    @さっさと事故って死にたい 4 ปีที่แล้ว +2

    しょーごさんの模写コーディング初級編で早くも挫折しそうなのですが、、

  • @atsugiri-hamutaro
    @atsugiri-hamutaro 4 ปีที่แล้ว +3

    『jQueryデザインレシピ集』と言及されていますが、正しくは『jQuery標準デザイン講座』ではないでしょうか。
    間違っていたらすみません。

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว +1

      おっしゃる通りです!素手間違えました。

  • @ひよごんの切り抜きひよ抜き
    @ひよごんの切り抜きひよ抜き 4 ปีที่แล้ว +1

    wixやwordpressはコーディング不要でサイトをつくれると思うのですが、今コーディングを学ぶのはどういう意味があるのでしょうか?

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      コーディング不要で作れる案件を自分で取れるならコーディングを学ばなくてもいいと思います!
      ただそうでないものが大半なのですよね現状。細かいカスタマイズできないので...
      あと5年後にコーディングがどうなってるかわかりませんが、制作案件をどうやって受注するか次第かなと思います。ノーコードで作る案件は営業力ある人以外で効率よく取れてる人を見かけないですね。
      ということで、WixやWordPressノーコードでやっていくというなら、相応の覚悟と戦略が必要になりますから、それよりは確度の高いコーディングを学んで始めましょうということになります。
      コーディングを知ってる人のほうが、ノーコードツールを操りやすいというのもありますから、コーディング学んで全然無駄じゃないですね(特にWordPress、webflow、Studioなど)

  • @きんたけ-k7m
    @きんたけ-k7m 4 ปีที่แล้ว +1

    質問です。
    HTML CSSの初級本のwebサイト作成に関しての到達レベルですが…
    ①教材を見ずに作成できるレベル感まで到達した方がよろしいでしょうか。
    ②それとも内容を理解している程度で構わないでしょうか。
    参考までにお伺いできればと思います。
    よろしくお願いします

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว +1

      内容を理解してるレベルでいいと思います。結局デザインカンプからのコーディングで自分で悩みながらコーディングするほうが圧倒的に成長できますので!

  • @ぱとらっしゅ-v6r
    @ぱとらっしゅ-v6r 3 ปีที่แล้ว

    HTMLの本はスラスラわかるHTML&CSSのきほんって本でも大丈夫ですか?

  • @Survive-Blast-Vent
    @Survive-Blast-Vent 4 ปีที่แล้ว +3

    デイトラだけでもいいですか?

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว +1

      デイトラで完結しますね!
      shogo-log.com/daily-trial/

    • @Survive-Blast-Vent
      @Survive-Blast-Vent 4 ปีที่แล้ว +1

      @しょーごログ さん
      ありがとうございます😊
      貴方の影響もあってか、デイトラをひとまず完結したら、しょーごさん直伝おすすめの本17冊を読もうと、考えが切り替わりました!(笑)

  • @seinenboy_a.k.a_dsst
    @seinenboy_a.k.a_dsst 3 ปีที่แล้ว +1

    デイトラに加入してないのですが加入してなくても卒業制作はできるのでしょうか??

    • @しょーごログ
      @しょーごログ  3 ปีที่แล้ว

      今公開停止になっちゃってるので、ブログ版を参考にしてみてください!
      shogo-log.com/after-progate/

  • @aa-kc4ym
    @aa-kc4ym 4 ปีที่แล้ว +1

    23:50 これって「デイトラに申し込んで卒業制作課題を終えよう」という意味ではなく、
    「概要欄の■【卒業制作】コーディング × WordPressテーマ化 練習素材【※実案件です】
    note.com/tokyofreelance/n/n3813fa13822f
    を一人で構築できるか腕試ししよう」
    という認識で合っていますか?

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      そういうことになります!卒業課題が単独で公開されております。また、私自身も出しており、ブログの方を参照いただけると最新の内容がみれます
      shogo-log.com/after-progate/

  • @華蓮-e1b
    @華蓮-e1b 4 ปีที่แล้ว +1

    ピクセルパーフェクトなんて可能なのか、、?肉眼で?

  • @testaaaeee
    @testaaaeee 4 ปีที่แล้ว +1

    コメント失礼します。
    いつも拝見しており、大変役に立っており感謝しております。
    Easy Sassを使い始めたのですが、
    ベンダープレフィックスはどのように与えるのが簡単でしょうか?
    Sassを使う前はAutoprefixer CSS onlineでベンダープレフィックスを与えていたのですが、
    Sassのコードを貼り付けることはできないと思うので、オススメの方法があれば教えていただきたいです。

    • @しょーごログ
      @しょーごログ  4 ปีที่แล้ว

      Live Sass Compilerの方ならsetting.jsonに記載することでIE対応とかできたかなと思います。

  • @べーかー
    @べーかー 3 ปีที่แล้ว +1

    俺はあんたについて行くことにした。

  • @kunton9563
    @kunton9563 3 ปีที่แล้ว +1

    2021年以降はこの内容では無理かも?