サンプルアプリ
最終更新日 2015-12-22

JavaScriptによる会員制クーポンアプリ

会員制クーポンアプリを例に、appiaresの基本的な使い方と開発の流れを説明します。

チュートリアルを読む上での前提条件

  • appiariesアカウントを持っていること
  • HTMLとJavaScriptについて基本的な理解があること
  • jQueryについて基本的な理解があること
  • JSONフォーマットについて基本的な理解があること

デモアプリ「会員制クーポンアプリ」

会員制クーポンアプリは、HTMLファイルひとつで構成されたシンプルなブラウザアプリです。

架空の小売店を題材にしています。

ぜひチュートリアルを読みながら、実際に制作を行ってみてください。

デモ環境

こちらのURLから動作を確認できます。

デモアプリで実装されている機能

店舗スタッフ向けの機能

  • appiariesの管理画面上で、ウェルカムメッセージと店舗情報を管理できます。
  • appiariesの管理画面上で、会員限定のクーポン情報を管理できます。

ユーザー向けの機能

  • 店舗スタッフが管理するウェルカムメッセージや店舗情報を閲覧できます。
  • 会員登録とサインインを行うことができます。
  • サインイン後に、店舗スタッフが管理するクーポン情報を閲覧できます。

スクリーンショット

サインイン前

ウェルカムメッセージと店舗情報一覧が表示されます。

サインイン後

クーポン情報が表示されます。