Works

制作物

Airbnb 様(模写コーディング)

airbnb1スクショ
概要
Airbnb様のサイトを2ページ模写コーディングさせていただきました。

※模写コーディングのルール

  • 素材の利用OK
  • 幅・余白・色の確認はOK
  • フォントサイズの確認もOK
URL
Airbnb様(下層ページ①)
Airbnb様(下層ページ②)

BASIC認証を掛けています。

ID・Passwordともに[mosya]です。

レスポンシブ
スマートフォン・タブレット・PC
利用技術
HTML / CSS
制作で得たこと
  • 私が学習を開始して初めて取り組ませていただいたコーディングになります。それまでは写経(コーディングを書き写す作業)をしつつコーディングの流れをつかもうとしていました。しかし、実際に0からコーディングするのと比較してみて、得られる経験値に大きな差が出ると考え、模写コーディングの実施に取り組み始めました。
  • 開始した当初は、ヘッダー部分だけでも2,3時間ほどかかってしまい、その日は落ち込んでしまいました。しかし、ヘッダー部分を完成させた際に、達成感もそうですが、調べつつ試行錯誤していけばなんとか完成できる事実を見をもって感じることができました。
  • 合計で2週間、1日1セクションごと少しずつ完成させていき、レスポンシブ対応まで行いました。
  • このコーディング作業により、当たり前のことではありますが、諦めないで継続する大切さを実感することができました。


Contact

お仕事のご依頼・ご相談などございましたら、お問い合わせフォーム
もしくはTwitterのDMにてお気軽にお問い合わせください!

必須 お名前

必須 メールアドレス

任意 題名

任意 メッセージ本文

© Portfolio - Kei Watanabe