zumilogホームWORKWeb制作を独学で学ぶために参考にした本・サイトまとめ【言語別に紹介】2023年3月24日ども、づみです。Web制作の勉強、はかどってますか?独学でWeb制作を勉強しようと思うと、本や色々なサイトがありどこでどのように勉強したらいいか迷うことないですか?自分も未経験で独学をしている際に「勉強はしているものの、いまいち実力がついているかわからない。どこでどのように勉強したらいいんだ!」と思うことがよくありました。いうわけで本記事では、僕がWEB制作を独学で学んだ際に読んだ本や利用したサイトをまとめました。勉強方法に悩んでいる方の参考になれば嬉しいです。副業でWeb制作事業。WordPressの教科書まとめHTML/CSS(SCSS)編ドットインストール出典:ドットインストールプロゲートと並んでプログラミング学習サイトとして有名なサービスです。利用している人も多いはず。ぼくはWebのことを何もわからなかったときにドットインストールでお世話になりました。実際にエディタなどの環境構築を自分でする必要があるので実務に近い形で勉強できます。言わずもがな有名な学習サービス。プロゲートの特徴は、ゲーム感覚でプログラミングを学習できることですね。「WEB制作にちょっとだけ興味あるかも...」ぐらいのときに利用するのがおすすめ。CSSとWebデザイン入門講座リンクWebクリエイターManaさんによる著書。「WEB制作を本格的に勉強しよう!」と思ったときに購入した1冊です。内容は1つのカフェサイトを作りながら実践的に学べるものになっています。ボリューミーでもなく、挫折しない。ほどよい感じでして、なんというかデザインがいいのか、、すらすらと読み進めやすかったですね。ドットインストールで学習を終えた後にもうちょっと本格的なサイトを作りたくなると思うので、ドットインストールを終えてから実践するのがおすすめです。Youtube出典:テックアカデミーYoutube公式ドットインストールと本で勉強したんですけどちょっと不安が大きかったので、さらに勉強しました。実際はそこまでやらなくても良いと思います。下記2講座を1周して理解を深めるのに役立ったと思います。なにより説明がわかりやすかったですね。~詳細解説+実践的モジュール集リンクある程度サイトが作れるようになると、「最適なCSS設計」を求められるようになります。これは中級者レベルの話なので、今は無視しておっけい。CSS設計の勉強には本を利用しました。ネットで調べても良いのですが、具体的な例はなかなか少ないので本で学習しました。今でもたまに見る良本です。何度も見返す用ですJavascript/JQuery編デイトラ出典:デイトラ公式サイトJSの勉強にはデイトラのカリキュラムが役立ったと思います。(実は一時期プログラミングスクールで勉強してました。(笑))当時の詳細はこちらやることは他の学習サイトと変わらないです。当時はデイトラで学習していたので1つに入れさせていただきました。高いお金を払うのが嫌って人はやめといたほうがいいです。下記の記事にも書きましたが、すべて独学で習得可能。実践しながらガッツリ学べるドットインストール再度登場、ドットインストール。基礎を理解するのに利用しました。現状はPREMIUM会員じゃないとあまり動画を見れないみたいですね。いえ、JSにちょっと触れる程度には十分に役立つと思います。動くWebデザインアイデア帳は、Web制作の現場でよく使うアニメーションなどをまとめたサイトです。学習サイトではないですが、実装方法の参考によく見させていただいてます。別記事でも書きましたが、JSは自分でツールを一から作ることが1番勉強になったと思います。見積もりツールなどフォーム部分のフロント制御があるツールを作ればいいと思います。1番しんどいが、1番身につくPHP(Wordpress)編GRAYCODE出典:GRAYCODEPHPを学ぶうえでGRAYCODEさんにはとてもお世話になりました。勉強になったのは、「ひとこと掲示板をつくる」の記事です。簡易的な掲示板を作る手順を丁寧に一から解説してくれています。参考ひと言掲示板を作るGRAYCODE掲示板を作ることで、PHPの基礎はかなり深まると思います。WordPressの教科書リンクWordPressの学習にはこちらの本を利用しました。値段は少しお高めですが、WordPressでオリジナルテーマを作るのが初めての人にとてもおすすめ。形式は1つのビジネスサイトを作りながら学んでいくものです。ポイントWordPressの勉強初期におすすめサイトを作りながら学べるまとめというわけで、ぼくがWeb制作の勉強で読んだ本や利用してきたサイトを紹介しました。目新しいものはなかったかもですが、学習の参考になれば幸いです。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。前の記事スライダー実装を手軽に!jQueryライブラリ「slick」の...次の記事Web制作初心者のためのSwiper入門【Javascript...サイト管理人づみ元工場勤務のWebディレクター。現在はWeb制作会社に勤めながら兼業でWeb制作事業を営んでいます。工場退職→フリーのWebライターに転身。→コーディング・プログラミングを独学で学ぶ→Web制作会社に入社。兼業でWeb制作事業。