❀
花のあるくらし研究所

花研アプリ 取扱ガイド

花のある暮らしを、研究する。お花の紹介・ポイント・コミュニティをひとつのアプリで。
所長・スタッフ向けに、画面の役割・操作・ログイン情報・よくある質問をまとめました。

2026年6月版 iOS(TestFlight) ブラウザ管理画面 リキッドグラス デザイン

アプリの全体像

OVERVIEW

利用者が使うスマホアプリと、運営が使うブラウザ管理画面が同じデータでつながっています。スマホアプリは下の5タブ+(所長・スタッフのみ)「管理」タブで構成されます。

ホームお知らせ・ポイント・今日のお花などの入口
今日のお花各店舗の新着のお花を写真で紹介
みんなの花利用者が飾った花をシェア(コミュニティ)
所長よりお知らせ・コラム・生産者訪問
アカウントポイント・クーポン・会員情報
管理所長・スタッフのみ表示。投稿や運営操作

権限(役割)

ROLES
役割できること
所長すべて。今日のお花/所長より投稿・店舗管理・QR・招待・花図鑑の追加
スタッフ今日のお花の投稿・花図鑑追加・管理画面(店舗の追加削除は不可)
研究生みんなの花への投稿・ポイント獲得・クーポン交換
ゲスト今日のお花・所長より・花図鑑の閲覧のみ(投稿・ポイント不可)

インストール(TestFlight)

INSTALL

本アプリは現在 Apple の TestFlight で配布しています(App Store の一般公開前のテスト配信)。運営からの招待メール/リンクからインストールしてください。

1
TestFlight アプリを入れるApp Store から「TestFlight」を無料インストール(Apple公式)。
2
招待を受ける運営からの招待メール、または配布リンクを開きます。
3
花研アプリを入手TestFlight 内の「花研」をインストール → 起動してログイン。

※ TestFlight版は更新があると TestFlight アプリに通知が来ます。最新版に更新してご利用ください。招待を受けたい方は運営までご連絡ください。

画面ガイド

SCREENS

利用者がよく使う画面です。各カードに画面の役割とポイントをまとめています。

オンボーディング
はじめての画面

オンボーディング

  • 研究所の考え方「花のある暮らしを、研究する。」と、3つの体験 出会う・分かち合う・続ける を提示します。
  • はじめる=新規登録、ログイン=既存アカウント、まずは中を見てみる=ゲスト(閲覧のみ)。
ホーム
最初に開くハブ画面

ホーム

  • 上部のおすすめバナー(タップで該当画面へ)、お花を受け取る、貯まっているポイント。
  • 今日のお花・所長より・花図鑑・受け取り場所への入口を1画面に集約しています。
今日のお花
各店舗の新着のお花

今日のお花

  • 店舗ごとの新着を新しい順に表示。上部のチップで店舗を絞り込みできます。
  • スタッフ・所長は右上の 「店舗投稿」 から、その日のお花を投稿できます。
今日のお花 詳細
写真+花の情報

今日のお花 詳細

  • 写真をタップで拡大(複数枚はスワイプで切替)。
  • 花図鑑と連携した 魅力・お手入れの注意点・生け方のコツ を自動表示します。
花図鑑
花の事典(蓄積型)

花図鑑

  • 花の名前・旬・お手入れ・生け方を調べられます。
  • 今の季節のおすすめ と「ほかの花」に自動で並びます(例:6月=あじさい・芍薬・ひまわり・ガーベラ)。
  • 登録した花は今日のお花の投稿で再利用でき、使うほど引き出しが増えます。
みんなの花
コミュニティ

みんなの花

  • 利用者が飾った花を気軽にシェア。ハートで「いいね」。
  • 投稿は24時間で流れます(自分の記録は「自分の記録」タブに残ります)。
所長より
お知らせ・コラム

所長より

  • お知らせ・コラム・生産者訪問・お手入れなどを掲載。タグで絞り込み。
  • 投稿は所長のみ(管理タブの「所長より を投稿」から)。
アカウント
ポイント・会員情報

アカウント

  • 保有ポイント、QRで貯める、クーポン交換・保有クーポン、取得/利用の履歴。
  • 会員情報と権限(役割)を表示。ゲストの場合はログイン案内に切り替わります。

管理タブ

MANAGEMENT

所長・スタッフのみに表示されます。投稿・花図鑑・QR・店舗などの運営操作を行います。

管理ホーム
所長・スタッフ
投稿とサブタブ

管理ホーム

  • 上部の 「今日のお花を投稿」「所長より を投稿」 から各投稿画面へ。
  • サブタブ(今日のお花/みんなの花/所長より/バナー/招待/QR/店舗/花図鑑)で各コンテンツを管理。
花図鑑の管理
所長・スタッフ
事典を育てる

花図鑑の管理

  • 花の事典を追加して引き出しを増やします(今日のお花投稿で選べます)。
  • 季節が変わったら旬の花を「今が旬」に切替(例:すずらんは6月で旬から外しています)。
花図鑑に追加
所長・スタッフ
入力フォーム

花図鑑に追加

  • 写真(任意)・花の名前・よみ・旬・魅力・お手入れの注意点・生け方のコツを入力。
  • 「今が旬」にチェックすると、花図鑑トップの「今の季節のおすすめ」に表示。
このほかの管理機能 ホームのバナーの入れ替え/スタッフ・所長を迎える招待コードの発行/店舗ごとの来店ポイントQRの表示・再発行/受け取り店舗の追加・削除(所長)。

仕組み(自動で動くこと)

HOW IT WORKS

アプリが裏側で自動的にやってくれることの要点です。むずかしい設定は不要です。

季節でおすすめが自動で変わる花図鑑で「今が旬」をオンにした花が、図鑑トップの「今の季節のおすすめ」に自動でまとまります。季節が変わったら旬の花を切り替えるだけで、利用者にはその時期の花が優先的に見えます(例:6月=あじさい・芍薬・ひまわり・ガーベラ)。
花図鑑の知識が投稿に自動で乗る今日のお花を投稿するとき花図鑑の花にリンクすると、その花の魅力・お手入れ・生け方が投稿の詳細に自動表示。一度登録すれば何度でも再利用でき、使うほど引き出しが増えます。
QRを読むだけでポイント付与店頭に置いた来店QRを、利用者がアプリで読み取ると来店ポイントが自動付与されます。スタッフの手作業は不要です。
みんなの花は24時間で流れるコミュニティ投稿は24時間で自動的に流れます(ストーリー的)。投稿者本人の記録は「自分の記録」に残り続けます。
役割でメニューが自動で変わるログインしたアカウントの役割で表示が自動切替。所長・スタッフだけに「管理」タブが出て、研究生・ゲストには出ません。
ゲストは見るだけ・参加はログイン誘導「まずは中を見てみる」では閲覧のみ。投稿・いいね・ポイントを押すとログイン/新規登録の案内に切り替わります。
アプリと管理画面はリアルタイム連携スマホアプリとブラウザ管理画面は同じデータベース。どちらで投稿・編集しても、もう一方にすぐ反映されます。

ログイン情報

LOGIN
🔑
ログインID・パスワードは運営から個別にお伝えします(このページには掲載していません)。アプリ・ブラウザ管理画面とも同じアカウントでログインします。

ブラウザ管理画面:https://hanaken-admin.vercel.app(所長/スタッフでログインすると管理操作ができます)

役割メール(ログインID)パスワード主な用途
所長 運営から個別にお伝えします すべて。今日のお花/所長より投稿・店舗管理・QR・招待・花図鑑
スタッフ 運営から個別にお伝えします 今日のお花の投稿・花図鑑追加・管理画面(店舗追加削除は不可)/所属:本店
研究生 運営から個別にお伝えします みんなの花への投稿・ポイント獲得・クーポン交換

認証は Supabase(プロジェクト moohxcvipnxvdmelskfy)。役割は profiles.role(member / staff / director)。新規スタッフ追加・パスワード変更は、管理タブの「招待コード」または Supabase ダッシュボードから行えます。

よくある質問

Q&A

タップで回答が開きます。

ログインしてもメニューが違う/管理タブが出ない
メニューはログインした役割で自動的に変わります。管理タブは所長・スタッフのみ表示されます。別の役割で入っている場合は、一度ログアウトして正しいアカウントで入り直してください。
「今日のお花」と「みんなの花」の違いは?
今日のお花はお店からの公式投稿(スタッフ・所長)です。みんなの花は利用者(研究生)が飾った花をシェアするコミュニティで、24時間で流れます。
花図鑑に追加した花はどこで使える?
追加した花は花図鑑の一覧に載るだけでなく、今日のお花の投稿画面で選べるようになります。選んでおくと、投稿の詳細に「魅力・お手入れ・生け方」が自動で表示されます。
季節のおすすめの花を入れ替えたい
花図鑑の各花の 「今が旬」 のオン/オフで切り替わります。オンの花が「今の季節のおすすめ」に表示されます。季節が変わったら更新してください(編集は所長/データ管理者)。
PCからも操作できる?
はい。ブラウザ管理画面(https://hanaken-admin.vercel.app)に同じ所長/スタッフアカウントでログインできます。アプリと同じデータなので、どちらで編集しても両方に反映されます。
ポイントはどうやって貯まる?
お店に設置した 来店ポイントQR を、利用者がアプリの「QRで貯める」で読み取ると付与されます。QRは管理タブの「QR」から店舗ごとに表示・再発行できます。
投稿した写真が表示されない/反映が遅い
通信状況により少し時間がかかる場合があります。アプリを一度閉じて開き直すと最新の状態になります。
新しいスタッフを追加したい
管理タブの 「招待」(所長のみ)から役割と店舗を選んでコードを発行し、相手に渡します。相手は新規登録時にそのコードを入力すると、その役割で登録されます。

デザインについて

DESIGN
画面内のカード(枠)は、半透明+ふちの光+やわらかい影による「すりガラス(リキッドグラス)」調で統一。背景にはうっすらフィルム調のノイズを敷いています。投稿した内容は自動的にこのデザインで表示され、特別な操作は不要です。ブランドカラーはダスティローズ #A65153 とオリーブグレー #7B7568。