CSSレイアウトにおける課題

2024/05/20

日々の活動日記

こんにちは！

京都開発研究所、Webプログラマーコースの長期インターン生、松木智哉です！！

・何をすれば良いのか

サイト構築課題に取り組んでいます。HTMLやCSSの基本的な構文は理解しているものの、複雑なレイアウトになると自分の中で一気に難易度が上がります。
シンプルなレイアウトなら形にできるものの、洋白の調整や要素の方向など、一歩進んだレイアウトを表現しようとすると、どのような設計が適切なのかすぐには分かりません。

自分で考えた通りにコードを書いても、画面上で見た目が思ったとおりにならず、さらに試行錯誤を重ねています！！そして、そのようなプロセスに没頭をしていると、時間があっという間に経ってしまいます！

このような状況を打破するために、CSSのプロパティの理解をもっと深めること、そして実際のサイトをたくさんみて、検証ツールなどでどのようなコードが書かれているか分析することが重要だと感じております！！

今後は、より複雑なレイアウトにも対応できるように、具体的なサイト例を通じ、学びを深めていきたいです！！
もっと時間を効率よく使える (時間を制することのできる) ようになりたいです！１
-----------------------------------------------
G!FIT公式Instagram：https://www.instagram.com/gfit_gdn/
G!FIT公式Twitter：https://twitter.com/gfit_gdn
メンバー紹介ページ：https://guardian.jpn.com/member/tomoya_matsuki/

＊COMMENT＊

芹原　まなみ
更新日：2024-05-20 19:06
＊コメント＊

わかりますー！あっという間に時間が経ってしまいますよね。スラスラと記述できるようになりたいものです。実際のサイトのコードを見てみるのもめちゃくちゃ勉強になりますね！自分とかなり違う記述でびっくりすることもたくさんあります。私もコーディング頑張ります！
わかりますー！あっという間に時間が経ってしまいますよね。スラスラと記述できるようになりたいものです。
実際のサイトのコードを見てみるのもめちゃくちゃ勉強になりますね！自分とかなり違う記述でびっくりすることもたくさんあります。
私もコーディング頑張ります！
＊コメント＊
下川　春樹
更新日：2024-05-20 21:08
＊コメント＊

お疲れ様です。分かりますー、悩んでる時間ってあっと言う間に過ぎますよね。最近はChatGPTさんに聞けば、ほとんど答えが来るので試行錯誤していきましょー٩( 'ω' )و ちなみにですが、上の「余白」が「洋白」になってますよ💦
お疲れ様です。
分かりますー、悩んでる時間ってあっと言う間に過ぎますよね。
最近はChatGPTさんに聞けば、ほとんど答えが来るので試行錯誤していきましょー٩( 'ω' )و

ちなみにですが、上の「余白」が「洋白」になってますよ💦
＊コメント＊
宮城　わか
更新日：2024-05-21 08:45
＊コメント＊

実際のサイトを見ると使ったことのないプロパティが出てきたりして、まだまだ自分の知らない記述を発見したりします。複雑ななレイアウト私も苦手なので、世の中のサイトがどういうふうに作られているのかもっと勉強していきたいと思います。
実際のサイトを見ると使ったことのないプロパティが出てきたりして、まだまだ自分の知らない記述を発見したりします。
複雑ななレイアウト私も苦手なので、世の中のサイトがどういうふうに作られているのかもっと勉強していきたいと思います。
＊コメント＊
石川　航
更新日：2024-06-06 23:48
＊コメント＊

お疲れ様です凝ったデザインのサイトを作れるようにするには、実際のサイトを見て学ぶのが一番ですね Webサイトに限らず、上手い人の技術を見て自分の技にしていきましょう
お疲れ様です
凝ったデザインのサイトを作れるようにするには、実際のサイトを見て学ぶのが一番ですね
Webサイトに限らず、上手い人の技術を見て自分の技にしていきましょう
＊コメント＊