質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

4回答

699閲覧

プログラミングの勉強の仕方がわからない

32wowow

総合スコア3

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2020/06/23 14:03

ここで質問するのも場違いで、本当に申し訳ないのですが周りに質問する環境がないので、お優しい方どうか回答よろしくお願いします。
1週間ほど前からドットインストールにてHTML,CSSからプログラミング学習を始めました。
見本通りサイトを作ることはできたのですが、模写しているだけで何も身についていないと感じています。
独学で周りに相談できる人もいなくて困っています。始めたての頃はどう勉強するのがいいのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答4

0

ベストアンサー

ドットインストールではプログラミング学習ガイド
というものがあるようなので参考にしてみて下さい。

###動画を使ってどう学習すればいいの?
ざっと動画を見て雰囲気を掴む
動画を見ずに、レッスンと同じものを作り上げてみる
(一部割愛)

個人的には上記の部分が必要かと思います。
動画もしくはレッスンを受講して模写しているだけでは、到底自分のスキルにはなっていないかと思います。
それは現在の質問者さんの勉強のスタイルは受け身のスタイルだから。
いくらインプットしてもアウトプットしていないのですから、いくらやっても自分の力にならないかと思います。

プログラミングに関することだけではなく、例えば英単語を覚えるという動作で考えてみましょう。あなたは英単語帳を見ただけで、テストを行なったとして点数はとれるでしょうか?
点数をとれる人はいるかもしれませんが、自身はどうでしょう。

点数をとることができた多くの人は人によって様々ですがアウトプットしている人が多いかと思います。

  • 音読して覚える人
  • ひたすら書いて覚える人 (僕の場合はひたすら書きます)
  • 何回かに分けて覚える人
  • ヒアリングして覚える人
  • 実際の会話で使って覚える人
  • などなど...

この様にアウトプットする方法は様々です。アウトプットは自分のものにするという過程ではかなり大切であるということがこれらより認識できたかと思います。またよく間違える方がいらっしゃいますが自分のものにしたときに初めて理解したといえるかと思います。

HTML/CSSを勉強されているのでしたら、まずは簡単なサイトもしくは自身のポートフォリオでも良いかもしれません。実際に自身の力だけでどれくらいできるのか。また何ができなく何が原因なのか。そしてそのレッスンを見てもう一度トライするなど、、

結局勉強法というのは人によって違います。自身で色々なやり方に挑戦しどの方法が一番良いのか試してみるのも良いかもしれません。

投稿2020/06/23 14:32

編集2020/06/23 14:41
kai0310

総合スコア2076

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

32wowow

2020/06/23 14:49

ご回答ありがとうございます。 わからないなりにアウトプットしてみることにします。 勉強の仕方のイメージが湧きました!
kai0310

2020/06/23 14:52

そうですね。正直"慣れ"であったり"経験"が大きく左右してくる部分もあるかと思うので色々と挑戦してみて下さい。 そこで上手くいかなかった時は"調べる力"であったりそれでも分からないのであれば"質問する力"も必要になってきます。
guest

0

一週間ぽっちじゃ身につくわけないです。
半年なら半年、一年なら一年と、決めて、まずはその期間、コーディング、いろんなサイトを作り続ける、やり続けるのがいいと思います。

何かの技術を身に着けるって、山登りに似てて、
登りたては周りの景色も一緒だったりで、登ってる間はどこまできてるのかはわからず、
山頂まで登って、やっとどこまで来たか、とかその山の景色が拝めるようになるのと一緒で、
一週間でなんて、入り口にも立ってない状態だと思います。

だから、今は、技術身に付けた自分がどうなってるかを想像して、ただひたすらに、やり続けるのが吉かと。

では、まぁ、具体的には、模写をしっかり、できるようになってきたなら、次は、その模写したサイトを改良してみるとか、
divだらけの構築なら、セマンティックな要素をしっかり自分で考えて使う、とか、そういった練習に移行する、とかがいいんではないでしょうかね。

投稿2020/06/23 14:27

miyabi_takatsuk

総合スコア9555

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

32wowow

2020/06/23 15:00

ご回答ありがとうございます。 そうですよね、まだまだスタートラインに立っていないのは重々承知です。 皆さんの回答を参考に継続して勉強し続けたいと思います。
miyabi_takatsuk

2020/06/23 15:07

一週間なんて、人生80年からしたら1/4480です。 10年でも1/560です。 まだまだ振り返るのは早いですよー めげずに頑張ってください。
guest

0

htmlとcssってプログラミングっていうのか…まあそこは置いておいて。
ドットインストールとかも知らないけど、新聞に挟まってるチラシとかを
htmlとcssで模写すればいいんじゃないですかね。学生さんだったらレジュメとか?

なんのためにhtmlとcssを学習しているのかがわからないのでこれくらい。
少なくともサイトデザインを作る速度(技術)という面では上達すると思う。

投稿2020/06/23 14:32

sousuke

総合スコア3830

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miyabi_takatsuk

2020/06/23 14:39

チラシのWeb化面白そうですね。 ちなみに、HTMLはマークアップ言語、CSSは、言語ではなく、"仕様"のようなので、 おっしゃる通り、プログラムとも言い難い気がします 汗 マークアッピングとスタイリング、 になるんですかね、言い方は。
sousuke

2020/06/23 14:49

私はそれで練習しました。チラシ見ながら「ここまで一つ、ここはh1」とか考えるんで セマンティックなhtmlって練習にもなるし。 まあ自分がやったのはhtml5出る前だからグループ化は全部divになる悲しみ背負ってたけど笑
32wowow

2020/06/23 14:57

ご回答ありがとうございます。 そんな勉強法があったんですね! 技術上達目標なので頑張ります。
miyabi_takatsuk

2020/06/23 15:04 編集

あぁ・・・あの時代は辛かったですよね・・・。 そうそう、divでくくって、pとかaddressとか使うしかなく、 アウトラインは全部、階段飛ばしやったら仕様上もう簡単には戻れないh要素のみでしたからね。 マジで今の時代はHTML5普及して本当によかった、思ってます。 私は、大table時代からサイト作りやり始めましたが、 CSSってだけでだいぶ画期的だなーと当時は思いました。
sousuke

2020/06/23 15:10

テーブルレイアウトナカーマ笑 勉強し始めの時代は横並び=テーブルでしたね。cssあったんでしょうが上司もそこで知識が止まってたもんだからそういうふうにしか教えられなかったし… あとie6、ie7、ie8、ie9とかいう見え方の違う同世代ieたちに苦しめられたなあ
miyabi_takatsuk

2020/06/23 15:19

お仲間でしたかw いやはや、IEは、常に滅べと願っていました。あれはWeb界の敵であると同時に、気合で乗り切る気概も身につけさせてくれた存在だと思ってます。 今の世代のコーダーは、IEの恐ろしさを知りませんからね。もうギャップが激しいw 私も歳をとったもんだ・・・。
guest

0

模写することは良いことだと思います。
ですが、それだけでは力は身につく事は難しいので、自力でportfolioを作成してみて下さい!
それはこれから役に立つのではないでしょうか。
基本を押さえていれば、それを応用し自分なりのコードを書く事をおすすめします!
最初は難しいと感じるかも知れませんが、きっと大丈夫です。
https://style.potepan.com/articles/491.html
こちらのサイトを見て実践してみて下さい!
そして分からないことは、今と同じように質問して皆さんと協力して問題を解決していきましょう。
僕も独学で学んでいきましたので、共に頑張りましょう!
何かあれば質問して下さい。

投稿2020/06/23 14:30

Shu26

総合スコア72

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

32wowow

2020/06/23 14:58

ご回答ありがとうございます。 ポートフォリオ作ってみたいと思います!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問