iSara LP模写

作業時間 約60時間

使用した言語 HTML, CSS, jQuery

参考サイト:https://isara.life/

模写作品サイト:http://sapmle.xyz/isara-copy/


【概要】

模写ではありますが、初めて自分で0からコーディングしました。iPhoneやiPad等のスマホやタブレットサイズにもレスポンシブ対応させております。pxサイズや配色など、細部までは模写しておりませんが、jQueryを使用してアニメーションはそのまま真似しております。

【意識したこと】

今回はとにかく自分でコードを入力することに慣れるため、できる限り、コードは見ずに作成しました。

【問題点】

最も感じたことは、コードを入力する前に全体や部分の構成を考えてイメージしておかないと、同じようなコードを何度も入力することになり非常に手間がかかるということです。結果的にHTMLもCSSも非常に長くなってしまいました。

今回はBootstrapをほとんど使っていないのも時間が掛かった要因の一つだと考えていますので、次回の作品では少し意識してBootstrapを使って見ようと思います。

【感想】

非常に時間が掛かりましたが、iSara模写はコーディングにおける基本的な要素が多いため、プログラミング初心者には非常に勉強になるように思います。



0bbeb40aa1fb0a0effa292658331a8d5

CATEGORIES