【初心者向け】プログラミングで詰まった時に頼りになる役立つサイト6選

プログラミング
この記事は約3分で読めます。

こんにちは。

プログラミングを2020年1月より開始して、HTMLって何?CSS?っていう状態からやっと抜け出し今では自分でwebページを作れるようになりました。

そこで、私が今でもというか

これから先もお世話になるサイトを記録用として残したいなと思います。

スポンサーリンク

プログラミング初心者に役立つサイト6選

  1. サルでもわかる図解説明マガジン/サルワカ
  2. HPcode はにわまん
  3. NxWorld
  4. MDN Web Docs
  5. Webクリエイターボックス
  6. ねこポン

1.サルでもわかる図解説明マガジン/サルワカ

ブログタイトル通り、図解説明マガジンなのでサルでもわかるほど見やすく理解しやすい。

そして何より大体分からない事が出てくるという最強なサイト。

Webデザインについても豊富なのでユーザーは幅広いですね。

2.HPcode(えいちぴーこーど)/はにわまんさん

ブログタイトルよりも「はにわまん」さんというネーミングの方が有名な気がしますが

こちらもサルワカ同様に有名で、初心者にも分かり易くまとめてあります。

その他APIとか少し難しい事も発信されているので少し上級者向けでもあるのかな。

3.NxWorld

こちらはCSSのみで表現出来たりするコードを載せられていて少しレベルUPしたい方におすすめ。

jQueryとか全然分からなかったときにハンバーガーメニューを作りたくてこちらのサイトにはとても助けられました。

コードが丸っと載せてあるのでコピペでOKです。

4.MDN Web Docs

こちらは辞書のようなサイトです。

このプロパティはどういう意味だったかな?とか

DEMOも出てるので理解しやすいと思いますが、

ページ下の方に行くと、仕様書とか互換性とかよくわからないものも出てくるのでその辺は無視(笑)

5.Webクリエイターボックス

初心者が詰まってしまうポイントの一つ「float」ですが、

それを解決してくれるのが「flexbox」ですよね。

そのチートシートを作ってしまったという凄い方が運営されてます。

あと、私が参考にしたのはコーディングの手順

Progateを終えていざコード書いてみようと思っても手が止まってしまう。

そんなときに一度見てみてほしいです。

6.ねこポン ブログ

ねこポンさんはデザインメインなんですが、私がポートフォリオを作成する際に参考にさせてもらいました。

ポートフォリオを模写している方をちらほら見かけたりします。

なんと言ってもブログに載せてある「月曜から夜更かし」のyoubuteが面白い(笑)

それを見ただけでなんかブログを読みたい気分になるという不思議(笑)

【終わりに】自分に合うサイトを見つけよう

プログラミング学習で重要なのはググる力だと言われています。

上記で記載しているのはそのググりながら見つけたサイトや、

もちろん誰かがおすすめしてたりしているのもありますが

これからまだあれば随時更新していきたいと思います。

コードを書いていて「あれ?効かない」なんてことはしょっちゅう。

めげずにご自身でググってみて分かり易いと思ったサイトを参考に勉強して行って下さいね!

コメント

タイトルとURLをコピーしました