プログラミングの試み | 勉強を教えるコックさん

勉強を教えるコックさん

とある理系大学生が高校、大学の勉強解説と趣味の料理を気ままに載せていきます。間違っている点もありますが、ご了承ください。

 

こんにちは、日焼け止めを塗るのを忘れて苦しんでいます。

今日は、勉強ではないのですが、プロフィールに書いてある通り、

最近プログラミングを始めました。

背伸びしてPythonをするより、まずはhtml cssをやったほうがいいと友人に言われ、

一週間(レポートが多く、なかなか進みませんでしたが、、、)とりあえず、

html cssを独学で進めてみました。

かといって本を1冊も買っていないので、(手持ちが乏しいので)

サイトに頼ってやっています。でも、完全に無料で出来るサイトはないんですよね

まず、つまずいたのは、宣言文を書くところ、高々数行ですがcssでデザインするには

stylesheet.cssという記述が必要なんて、、、あと、記述する際に、HTMLで書いたコードを

cssでそのまま利用するのに1時間掛かってしまいました、、、ダメですね(笑)

次に、float:left; やfloat:right;などのfloatを使う際、回り込みが起こってしまうんですね、

このことがよくわからず、それでも自分の使っていたサイトではfloat:left;を使わせるので

悩んでいたら、今は(というか、少し前から)floatよりも"flex-direction"を使うんですね!!

試しに使ってみたらすごく便利、、一瞬で並べ方をカスタマイズできました。

これからは、flexを使おうと思いました。

それでも、そのサイトでお問い合わせフォームの作り方等基礎的な知識は教えてくれたので

助かりました。わからないことがあったらその都度調べれば、次第に定着していくということを

実感しました。ということで、1weekの成果です。まだまだですが、java等も使ってレイアウトを

工夫出来たらいいな、と思います。(と言いつつ、次は中途半端なPythonがしたいです)

これがHTMLです。

 

そしてこれがcssです。

 

これが、実行結果です。ここまでするのがとても大変でした。

改行されてしまうところがあって、そこをwhite-spaceで解決するところがまた、大変でした。

でもこうやって、単純なコードだけでサイトが、(それもお問い合わせフォームがついた!)

作れるなんて感動しました。それでも、まだまだ間違っているところが多そう

なので、そこが独学のつらいところでもありますね。

 

プログラミングは仮にも理系なので、将来的に絶対できたほうがいいものの1つだと思います。

とてもいい機会でした、

忘れないように、頻繁にコードを打つ練習をしたいです。

それでは、また進捗があり次第載せていきます。

他の記事もみてください~