LoginSignup
4
3

More than 3 years have passed since last update.

プログラミング初心独学者が「写経:模写コーディング」に挑んだら、、、挫せt…

Posted at

はいどうも、Hiroyukiです!

今日も、僕のポートフォリオを紹介します!!

今もまだまだプログラミング学習歴は浅いんですが、プログラミングを勉強し出して
2ヶ月目くらいに、「写経」とも言われる

模写コーディング

に挑戦しましたので、その時つくった実際の作品と、つくる過程の話をします。

タイトルに、「挫せt…」とありますが、取り組んでて挫折ギリギリまで行ったので、
教訓として読んで頂ければ幸いです。

スクリーンショット 2019-08-31 15.21.37.png

・airbnb 模写LP 1

https://r4.quicca.com/~douraku/pass1.html
  ※参考元公式サイト:https://www.airbnb.jp/gift

・airbnb 模写LP 2

https://r4.quicca.com/~douraku/pass2.html
  ※参考元公式サイト:https://www.airbnb.jp/host/homes

エアビさんのLPを真似してつくったということです。
PCスマホ両対応の、レスポンシブデザインでつくってます。

厳密に言うと、「写経」ではなく、
(よっぽど分からない時以外は)元のページのソースコードは見ずに、自分でサイトの作りを想像して
作り方をググりながら、(見た目だけは)ほぼ同等のページを作り上げました。

自分の基礎レベル上げのために、

「フロントエンドを極めるぞぉおおおおお!!」

って気持ちで、模写コーディングに挑戦したんですが、やってみると

「HTML・CSSだけで、こんなに奥深いの!??

 まだサーバー側とかノータッチなのに、、、オワタ・・・orz」

と、自分のできなさに呆然としたのを覚えています。

そもそもが、プログラミングを「極める」という発想の出発点自体がたぶん間違いなので、
途中でそれに気付き、「多少分からなくても取りあえず進める」という考えに切り換えて、
なんとか挫折ギリギリのところで持ち堪え、完成にたどり着きました。

要は

「特に初学者は、完璧主義は捨てないといけない」

という、あるあるネタなのでした(汗

・・・にしては、今見ると、レスポンシブデザイン含め、なかなか詳細に原本を再現してるなと
以前の自分に少し感心しました(笑
4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3