成果物

main image

thumbnail_image1

thumbnail_image2

thumbnail_image3

・模写コーディング:約30時間

作品はここから

使用言語: HTML,CSS
作成理由: HTMLとCSSをしばらく触っていなかったため、復習を兼ねてトップぺージの模写コーディングを行いました。シンプルなレイアウトで有名な阿部寛さんのホームページを参考にしています。最近のホームページと比べると、HTMLの記述がやや古く、CSSが使われていない部分もあったため、それらを自分の力で補いながら制作することで、スキルの向上につながると考え作成しました。
苦労した点: 最初はなんとなくの感覚でタグを使っていたため、使い方を間違えていたタグが多く、後からの修正作業に時間がかかった。また、HTMLの基本的な知識がまだ不十分だったこともあり、各タグの役割や使い方を理解するのに苦労した。
学んだ点: HTMLの基本的な構造やタグの使い方を一から学び直すことができた。また、修正作業を通じて、 ChatGPTやGeminiといったAIツールの活用方法も学ぶことができ、今後の制作にも生かせると感じた。

・ポートフォリオサイト:約60時間

作品はここから

使用言語: HTML,CSS,JavaScript
作成理由: 授業などで学んだ内容を、実際の制作で活用できるようにしたいと考え、このポートフォリオを作成。また、JavaScriptにも挑戦してみたいという思いもあり、基礎となるHTML・CSSの復習を兼ねて取り組んだ。
苦労した点: JavaScriptを使用してカルーセル（スライダー）を制作したのが一番大変だった。ひとまず動きをつけるところまでは実装できたが、コードの中身についてはまだ十分に理解できていないため、引き続き勉強していきたい。
学んだ点: 模写コーディングでは使用しなかったタグやCSSを知ることができた。また、模写コーディングの際には見逃していたコーディングの間違いにも、自分で組み立ててみることで気付けるようになった。

ぺージトップ↑