現在ウェブデザイン勉強中の初学者なのですが、勉強の方法に悩んでいます。
udemyの講座を受けているんですが概念や書き方を学んでもすぐに忘れてしまうため、練習問題などで実践的に書いて定着させたいと考えていますが自分のレベルにあった問題が載ったサイトをなかなか見つけられません。
例えばテーブルタグの書き方を学んだらその問題を解くというようにひとつずつ学校の勉強のように基本的なことから初めて徐々にレベルを上げて進めようと考えていますが丁寧すぎだと思いますか?
無料有料問わず実践的に初人者向けの数をこなせる本やサイトはありますか?
皆さんはどのように学習しましたか?
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答14件
#1
総合スコア524
投稿2025/02/16 09:27
HTMLは必要なタイミングや暇な時間で学びました。
初めはネット掲示板のようなものを作りたかったのでPHPでコーディングし始めました。
正直HTMLはなんだって動くし、ブラウザに意味を伝える程度の意味しかありません。
また、HTMLやCSSの教材はほとんどが古いです。
今となってはMDNのようなサイトを参照できるだけの基礎能力が身につきますが、何も分からない状態でネットのドキュメントを見ても訳が分からない状態だと思います。
JavaScriptはよく分からなかったというか、オブジェクト指向の文法が分からなかったのでこのサイトで質問しました。それが三年前の話です。
ちなみに模写はやってません。やってる人を見たら鼻で笑ってしまいます。
#3
総合スコア146329
投稿2025/02/16 12:23
現在ウェブデザイン勉強中の初学者なのですが、勉強の方法に悩んでいます。
とありますが、悩んでいるのは「どのようなデザインを作るか」と「それをHTMLとして表現する方法」のどちらでしょうか。
そして、「HTMLを作成する部分だけが自分の仕事」という状況だというのでなく、自分でWebサイトのレイアウトから考えるような状況だったとしたら、(見栄えを美しくするという意味での)デザインは、とりあえずはそこまで技能がなくてもなんとかなります。
Webサイトは一部を除けば芸術作品ではなく、実用的な目的のために作られるものです。既成のデザインテンプレートがいくつもありますので、そういうのを適用していくことで、実用的に動作するものを作る段階であれば大きな支障はないです。
自分自身が何を強みとしてWebの世界を渡っていきたいかによって、デザインをどれぐらいマスターすればいいかの重要度も違ってきます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
#5
総合スコア10823
投稿2025/02/16 16:28
https://www.codecademy.com/catalog/language/html-css
英語ですが解説とクイズがあるので試してみても良いかと思います。有料のコースも無料のコースもあります。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
#7
総合スコア37207
投稿2025/02/17 02:16
ひとつずつ学校の勉強のように基本的なことから初めて徐々にレベルを上げて進めようと考えていますが丁寧すぎだと思いますか?
はい、丁寧すぎだと思います。
ただ、学習というのは、モチベーション×時間だと思っています。もし、T.M_ttt さんが基本的なことを繰り返し行うことにモチベーションを維持できるタイプであるのであれば、そのやり方が合っているのかもしれませんね。
自分は、チュートリアルを読み飛ばすタイプなので、ちょっと無理です。
実践的に初人者向けの数をこなせる本やサイトはありますか?
なさそうな気がします。
ですが前述の通り、それらの教材に興味を維持できるかどうか、ということが大事になってくると思っています。
なので、どういったことに対して T.M_ttt さんが興味を持っているのか、というあたりで変わってきそうです。
「え、これを全部やればこれができるようになるの? テンション上がる!」という教材を探すしかないですね。
皆さんはどのように学習しましたか?
自分のサイトを作りました。
また、他人のサイトを見て、真似をしました。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
#9
総合スコア37207
投稿2025/02/17 07:59
真似と言うのは模写って事ですか?
いえ、自分のサイトに同じ仕組みを導入することです。コピペだと動かなかったりするので、なぜ動かないのか、を考えることは学習につながりました。
個人的な感想ですけど、CSSに限らず、デバッグをする時が一番身につくものが多かったように思います。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
#11
総合スコア86160
投稿2025/02/17 16:05
編集2025/02/17 16:09どのように勉強すれば良いかは人それぞれなので、他人の成功例を聞いて、同じやり方で自分も成功できるかは分かりません。
概念や書き方を学んでもすぐに忘れてしまうため、
の原因の分析と言語化は出来ていますでしょうか?
文字通り解釈すると、「学んだ時点では完璧に理解できているが、時間が経つと忘れてしまう」ということになります。これは理解力は十分だが、記憶力が弱いということになるかと思います。
ご自分の過去の勉強経験からして、「練習問題などで実践的に書いて定着させたいと考えています」で効果があると思うのであれば、「学んだ時点では完璧に理解できている」時点で、ご自分で問題を作れば良いかと思います。その時点でも問題を作れないようだと、「完璧に理解できている」という状態ではないのでしょう。
概念や書き方を学んでもすぐに忘れてしまうため、
が、文字通りの意味でなく、「書いてあること、動画で言ってることの日本語的な意味は分かるが、技術的な意味が理解し切れておらず、使えるスキルとして、学んだ時点であってもはっきりしない」ということだと、理解力に問題があると言うことです。
この場合は「あらゆることに対して理解力が無い」「一般的な理解力があるが、HTML/CSSについての理解力が無い」に分かれるかと思います。前者であれば、こういうサイトで聞く話では無いですね。後者だとすると、HTMLやCSSについての基本知識、例えば、ウェブアプリケーションとはそもそも何なのかとか、ブラウザとは一体何でどういう動作をするのかなどが分かっていないので、HTML/CSSだけ学んでも駄目と言うことかと思います。基礎から勉強してみましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
#13
総合スコア627
投稿2025/02/18 00:52
概念や書き方を直ぐ忘れてしまうのであれば 公式リファレンスの引き方を覚えましょう。
MDN が 限りなく最新に近いWeb規格公式文書なので。
(最新はその規格の文書そのものです。
https://developer.mozilla.org/ja/docs/Web/HTML
https://developer.mozilla.org/ja/docs/Web/CSS
覚えなくてもいいのです。概念を引っ張る為のキーワードだけ頭に入れればあとは引き直せばいいのです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。