サンプルサイトのhtml,css,javascript

Question

##質問したいこと
サンプルサイトのhtml,css,javascript,画像一式ダウンロードできるサイトはありませんか。
デベロッパーツールでなんとなくの構造が見れるのは知っているのですが、まるごとダウンロードさせてくれる、実用的なサイトがあれば紹介してください。

##経緯
web制作に興味があり、html,css,javascriptの勉強をしました。Udemyで受講して、Scssで動画に沿ってサイトを作ったのですが、身に着けた知識を柔軟に使いこなせる自信がないです。
他のサイトの模写練習を使用にも手が止まってしまったりします。
模写に移る前にいろんなサイトのhtml,css,javascriptを見て、こうやってつくってるんだと、学びたいです。
できたらscssで作られてると嬉しいです。

ぐぐってみたのですが、検索の方法がわるいのかなかなかヒットしませんでした。
Start Boostrapで一部いいの見つけれたのですが、ほかにもあったら教えてほしいです。
あくまで、学習用で考えています。

Comments

[m.ts10806]

サンプルサイトって何？どういうものを求めてる？
ブラウザの機能で「名前をつけて保存」があるけどそれでは駄目？
scssはブラウザに理解させるためにcssにコンパイルされて利用されるから元ソースを得るのはそのサイト作った人しかないけど理解はしてる？
Githubで公開されてるようなものではダメ？

[Lhankor_Mhy]

参考にしたいサイトを普通にまるっとダウンロードしてはダメなのですか？

https://chrome.google.com/webstore/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb?hl=ja

[K_3578]

結局情報が少なすぎるから一般的な答えしか言えないと思います。
本気で悩んでるならせめてm.ts10806さんの質問に答えるぐらいはしないと。

Answer 1

身に着けた知識を柔軟に使いこなせる自信がないです。

他のサイトの模写練習を使用にも手が止まってしまったりします。

身も蓋もないことを指摘しますが、身につけたとは言えません。
「動画通りに書いたら動いたヤッター」で出来た「つもり」になってるだけです。
機能がどういう意味を持っているのか、役割があるのか、何をしたらどうなるのか
理解していないということです。

その状態で出来上がった、しかも自分のためのものを探したところで同じところに戻るだけで、身につくことはありません。

もしやるなら、同じ動画をもっと深い観点で、意図や意味を考えながら、見直すとか、模写ではなく自分がデザインしたものを自分で考えて実装していくとか、そういう段階に進む必要があると思います。

ほぼ何も知らない他人を理解させてはじめて自分が理解できたと言えます。身についていると言えます。

結構、新卒で数ヶ月経ったくらいの新人にもいます。本当は何も身に付いていないのです。
何を理解できているか、何が理解できてないかを明確にするところから始めると良いと思います。
自身の現在地が分かればやるべきことは本質問に挙げらているようなことではないことは分かるはずです。
学習とはいえ、答えを求めるのではなく、自ら作るのです。

Comments

[tomomonX]

回答ありがとうございます。
基礎を身につけただけでは実践に乏しく模写を通して慣れていこうと考えていましたが、もうしばらく基礎を繰り返してみます。

Answer 2

回答になるかはわかりませんが、（ならないというご指摘が来ましたら削除します・・・）
私は会社に入社した時に初めてHTMLとCSSを学びました。
その後、その会社で実践し力をつけました。
ただ、質問者さんはそういう環境ではないかと思われます。
私もスキルを伸ばすために、自分のポートフォリオサイトを作り始めました。
そうすると「あれもしたい」「これもしたい」と、習っていない部分まで調べていき、
気がつけばサイトが出来上がり、自分のスキルも上がりました。
とは言ってもまだまだ未熟者かつ満足できないのでさらにそのサイトを改修、または新規で作り直しなどしています。
（現在は新規で作り直しを行ってます。）
模写よりもこちらのほうが（個人的にですが）楽しいので、おすすめします。
（ｍ．ｔｓ 10806さんと内容かぶっててすみません・・・）
勉強するなら楽しく、が一番いいかと思いますので
ぜひ回答者さんが楽しい方法で知識を得ていってください。
お互い頑張りましょう。
長文失礼しました。

Comments

[tomomonX]

ありがとうございます。私は自分の実力を伸ばしたい気持ちが強く、この質問をしたのですが否定的な回答もあり反省していました。morimorinokiさんの回答で勇気がでました。
おっしゃるとおり、私はプログラミングとは無縁の職場で働いており、基礎は学んだつもりでも実践力に不安を感じていました。作りたいサイトはありますが、レベルが高くなかなか手を付けられずにいたいのですが、一つサイトを持ち、ちょっとずつ改造してみたいと思います。

[morimorinoki]

＞回答で勇気がでました。
良かったです。
地道な努力が最後には実を結びます。
途中めげそうになることもあると思いますが、頑張ってください。
私も精進してまいります。