【初心者】プログラミングで作りたいものがない！どうしたらいい？

そのようにプログラミング学んでるけど何を作ったらいいか分からない！アイディアが見つからない！そのように悩んでる人はいるのではないでしょうか？

そんな人のために今回は記事を書きました！

プログラミング学びたいけど、作りたいものがない

そのような人はまず言語はHTML・CSS・jQuery（Javascript)を学びましょう！

Web制作では仕事が沢山あるので、需要が沢山あります！なので、オススメです。

そして、HTMLとCSSを学ぶにはProgateで学ぶのが1番簡単なのでオススメです。

作りたいものがない人は、Youtubeでマネをしよう！

DarkCode

このYoutubeチャンネルは、音声の解説が一切なくただひたすら音楽をならして作業をしていくという感じです。

この方の書いたコードをそのまま真似して自分も書くだけで同じ実装ができるようになるのですごくオススメです！

またお洒落なのですごく見たくなるYoutuberさんです♪

しまぶーのIT大学

しまぶーさんのチャンネルは先ほどのDarkCodeとは違い日本語で説明を丁寧にしてくれるので、初心者には向いているかと思います。

下に表示されている動画以外にも沢山の動画をアップしているので勉強になるかと思います！

Online Tutorials

こちらのチャンネルも外国人の方が運営しているチャンネルなのですが、この方もDarkCodeと一緒で音楽を掛けながらコードを打っていくという形です。

すごくお洒落なので、初心者の方がこのようなのが作れたらすごく楽しいかなと思います。これ以外にも沢山動画をアップロードしているので見て見てください！

Dev ED

この方は音声を入れて解説しているのですが、字幕を日本語につけることができたので勉強できるかと思います！（少し字幕がおかしいかもしれませんが・・・）

こちらの動画では、ナビゲーションバー をレスポンシブに作る方法を教えているのでDarkCodeと比べて本格的にサイトを作る方法を教えているかなと思います。

他にも、smoothscrollだったり、imageslider（画像のスライド）など教えているのですごくためになるかと思います。

Codegrid

こちらもDarkCodeと同じく音楽を掛けながらコードをもくもく書いていく動画となります。

ただ、ひたすら動画を見て真似をすればいいので簡単なのではないかなと思います。またデザインがスタイリッシュなところも見どころです！

他の動画では、ローディングのプログレスバー の動画や様々な動画を載せているのでチェックして見てください！

Online web ustaad

こちらのチャンネルでは、英語で解説していきながらコードを書いていく形です。

日本語の字幕を付けられるので、すごく解説してもらいたい人には向いているかなと思います。（少し字幕がおかしいかもしれませんが・・・）

ただ、少し英語ができる人には個人的な意見ですが、インド特有のアクセントみたいなのがついている方なので少し聞き取りにくいかもしれません。

freeCodeCamp.org

こちらのチャンネルでは、英語の解説をしながらコードを書いていく形になっています。

この動画ではジャンケンゲームの作り方を紹介しています。この動画で私も随分昔にジャンケンゲームを作りました笑。なのでオススメです！

どうも日本語の字幕もつけることができるようなので、付けて見てみるといいかと思います！（時々、字幕がおかしいかもしれませんが・・・）

LearnDesign

こちらのチャンネルでは、音楽を流しながらコードをもくもくと書いていくタイプです。（時折、英語の文章で説明をしたりしますが・・・）

コードを真似して書いたら、同じ作れるのではないかなと思います。

この動画では、ポートフォリオの作り方を紹介しているのでポートフォリオを作って見たい方は学んでみてもいいのかなと思います。

Clever Techie

こちらの動画は基本的に英語で解説しながらコードを書いて説明していく形です。

日本語字幕も付けられるので、付けたらわかるかと思います。（時折、おかしな日本語になっているかもしれませんが・・・）

こちらの動画では、画像のギャラリーサイトの作り方を説明しています。ギャラリーの写真がすごく綺麗なので見入ってしまいます。

他の動画も沢山出しているのようなので、要チェックです♪

Very simple TUTS

こちらのチャンネルでは英語で解説しながらコードを書いていく形です。

日本語の字幕を付けられるので、英語の解説でも心配無用です。（少し変な日本語かもしれませが・・・）

HTML・CSS・jQueryで作れるゲームの動画を沢山載せているので、ゲームを作りたい人には必見です！

動画でわからない場合はどうしたらいい？

わからない文法やコードの書き方が動画で流れてきた場合は、基本的に調べて見ましょう！

調べる方法としては、HTMLレファレンス、　CSSレファレンス、jQueryレファレンス、Javascriptレファレンスなどで調べて見てください。

それでもわからない場合は？

それでもどうしてもわからない場合は、teratailで聞いて見ましょう！

teratailとは、yahoo知恵袋のエンジニア特化Q&Aサイトです。

少し質問するには勇気が必要かと思いますが、質問すると結構な確率で早く回答がつくのでオススメです。

聞き方としては、「この動画の何分目の〇〇コードが分かりません。勉強中なので優しく教えていただけるとありがたいです。」と書いたら親切に説明してくれる方がいるでしょう。

また、コードの貼り付けも忘れずに貼り付けたら回答してくれると思います！