H HIROKI SHIBATA

PROJECT DETAIL

MUJI HOTELの模写コーディング

作成開始日:2020.04.15
HTML CSS JavaScript
MUJI HOTELの模写コーディング

概要

無印良品が運営する MUJI HOTEL のサイトを参考に、HTML / CSS / JavaScript を用いて模写コーディングを行いました。

レスポンシブ対応やレイアウト再現を通して、フロントエンドの基礎を学習しました。

作成のきっかけ

AQUENT で紹介していただいた観光サイト制作案件において、レスポンシブ対応が思うようにできなかった経験がありました。

エージェントAQUENTでの約1ヶ月のコーディング業務

案件終了後、自宅で約2週間かけて、こちらの模写コーディングに取り組みました。

画面キャプチャ

トップページ

PC

トップページ PC

スマホ

トップページ スマホ

施設ページ

施設ページ

JavaScript の使用箇所

公開URL

公開URL

ユーザー名 / パスワード:khiro