zumilogホームWORKWeb制作を独学で学ぶためのコツ【習うより慣れよ】2023年3月22日Web制作未経験の人Web制作を独学で勉強しているけど、身についているのかわからない...このままじゃ不安です。この記事では、上記のような悩みを持った方向けにWeb制作を独学で学ぶためのコツを紹介します。未経験からWeb制作を勉強して現在はWeb制作会社で働きつつ、個人でもWeb制作で収入を得ています。自分の経験から独学時にどのようにして学んだかをこの記事で振り返りたいと思います。基礎学習アニメーションの実装もっとJSを理解するPHP/WordPressの学習PHPWordPress【まとめ】とにかく手を動かすWeb制作は独学でも学習可能であるそもそもの大前提、Web制作を独学で学習することは十分可能であると思っています。パソコンスキル→タイピングできるくらい高校の偏差値は46くらいというわけでして、ド底辺でした。それでも現在はWeb制作会社に入りながら自分でも収入を得られるくらいのスキルセットにはなりました。いうわけで誰でも気合さえあれば独学での学習は可能だと思っています。Web制作独学のコツは「なんかつくる」こと結論からいうと、Web制作独学のコツは「なんかつくること」です。学習のコツはマジでこれに尽きます。いうかこれをしないと厳しい気がするWeb制作の学習はゲームと同じここではわかりやすくするためWeb制作=プログラミングとします。デザインはちょっと別ですWeb制作の学習はゲームと同じです。格闘ゲームならコマンドの組み合わせでコンボを覚えたりしますよね。(スマブラのコンボ的な)「コマンドの組み合わせを頭で覚える!」というよりは、何回も実践していて「体にしみている」もんです。Web制作も同じく、頭で覚えるのではなく体で覚えるということが大事です。体で覚えるために、効率的なのが「なんかつくること」です。いえ、何を作ればいいかわかりませんWeb制作で必要な言語ごとに説明しますね。ここで紹介するのは自分が実践したものです。無料でカンプ素材が用意されている素晴らしいサイトがあります。下記2サイトを一通り実践あるのみです。Codestep(コードステップ)こちらの実践が終わったらあとは別言語の勉強に移りましょう。そこまでがっちりやる必要はないです。終えていない方はドットインストールの下記をどうぞ。プログラミングならドットインストールドットインストールまず手始めに下記動画を見つつ、ゲームを作りましょう。次にWebサイトでよく見るアニメーションを作りますハンバーガーメニューアコーディオンタブまずは上記3つを作れるように頑張りましょう。下記のサイトを参考にしてみるとよいです。動くWebデザインアイディア帳動くWebデザインアイデア帳もっとJSを理解するアニメーションもある程度てきるようになったという方は、ツールを作ってみましょう。プロセッサーを搭載したXPSデスクトップDell上記のような見積もりサイトを作ってみてください。これはめちゃくちゃ難しいと感じると思いますが、ファイトです。Ajaxの基本などを学べると思います。ぼくはこれでかなりJSの理解が深まりました。PHP/WordPressの学習PHPPHPを勉強するには「掲示板」を作ってみるとよいです。PHPの基本理解からデータベースの読み込み・書き込みなど幅広く学べます。掲示板の作り方は下記が参考になります。参考ひと言掲示板を作るGRAYCODEWordPressWordPressの学習にはオリジナルテーマを一から作成することです。HTML/CSSで作ったサイトをWordpress化させてみましょう。わからん!という方はまず下記の書籍で勉強するのがおすすめです。リンク【まとめ】とにかく手を動かすというわけでザっと学習内容を説明してきました。何度も言いますが、Web制作を独学で学ぶなら「なにかつくること」が最も効率の良い勉強方法だと思います。なんか作る→わからないから調べる→やってみる→また動かないから調べる上記のような流れで、これまで学習サイトで受動的だった学習を主体的な学習にしていくことができます。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。次の記事Web制作で仕事が取れない原因【解決法とセットで解説する】サイト管理人づみ元工場勤務のWebディレクター。現在はWeb制作会社に勤めながら兼業でWeb制作事業を営んでいます。工場退職→フリーのWebライターに転身。→コーディング・プログラミングを独学で学ぶ→Web制作会社に入社。兼業でWeb制作事業。