More Japan アプリ

001.トップ

└日本地図はHTMLに埋め込んだsvgにて表示しています。

<div class="article__map japan-map hokkaido">

上記のタグのhokkaidoの部分をローマ字の各県名に変えることでアクティブ表示を変更できるように構築しております。

002.観光スポット周辺地図

003.導入店舗メイン画面

004.日本地図画面

└地図にオリジナルのピンを表示する方法については、こちらの技能で対応できる範囲を超えているため、モックHTMLの段階では擬似的にCSSで配置しています。

005.履歴画面

006.商品選択画面

007.商品注文画面

008.オーダー表示画面

009.QRコード読み取り

└ブラウザで動作するQRコードリーダーについては、こちらの技能で対応できる範囲を超えているため、モックHTMLの段階では動作していません。