こんにちは、株式会社ノラスの岡田です。能登半島でエンジニアをしています。

この度、弊社が運営するコワーキングスペース NORAspace のチェックイン（解錠）システムを開発しました。使い心地の良いUXが実現できたと感じており、技術的な構成とあわせてご紹介します。

開発の経緯

コワーキングスペースにおいて、設備の充実や安心感はもちろん大切ですが、

「パッと入れてサッと帰れる」

これが実は非常に重要だと考えています。

私自身、出先で30分だけ利用しようとしたコワーキングスペースで、こんな経験を何度もしてきました。

1. 専用アプリをインストール
2. ユーザー登録
3. 入室まで10分以上かかる
4. チェックアウト後、二度と使わないアプリだけが残る

また「入り方が分からない」「初見では入りにくい」という施設も少なくありません。

そこで、LINEアプリにすべて任せてしまおうという思想で、今回のシステムを設計しました。開発にあたって掲げた要件は以下のとおりです。

• 使い慣れたLINEで操作を完結させる
• 専用アプリのインストールを不要にする
• リッチメニューをリモコンのように使う
• 入口専用の高価な機器は設置しない
• 工事も不要にする

つまり、「脳にもお金にも無駄なリソースを使わない仕組み」を目指しました。

開発目標

開発にあたり掲げたゴールは、

「初めて来て30秒でチェックインできる仕組み」

です。

技術構成

LIFF（LINE Frontend Framework）と公式LINEのリッチメニューを活用し、LINE内ブラウザですべての操作が完結する構成になっています。

レイヤー	技術
フロントエンド	React
バックエンド	Node.js
認証	LINE OAuth
データベース	Firebase
スマートキー	SESAME
決済	Stripe

ユーザー新規登録の流れ

新規登録は2ステップ、約10秒で完了します。

施設の入口に友だち追加用のQRコードを掲示しています。来訪者はお手持ちのスマートフォンでスキャンして友だち追加するだけ。追加時のあいさつメッセージに「初回登録を行う」バナーを含めており、そこからスムーズに登録へ進みます。

チェックインの流れ

チェックインは利用形態によって2パターンに分かれます。

• 時間利用のユーザー：最短20秒で完了
• 月額会員のユーザー：10秒で完了

具体的なステップは以下のとおりです。

1. チェックイン用QRコードをスキャン
2. チェックインボタンを押下
3. 決済（月額会員は不要）
4. チェックイン完了 → 自動解錠

決済方法は Link、Apple Pay、Google Pay、PayPay、クレジットカードに対応しています。

特にApple Payを設定済みのiPhoneユーザーであれば、1タップで決済からチェックインまで完了します。Stripe × Apple Pay の組み合わせは、控えめに言って最高の体験です。

決済の仕組み

時間利用の場合は、チェックイン時にStripeのオーソリ（仮売上）を取得し、チェックアウト時に実際の利用時間に基づいて金額を確定・決済する方式を採用しています。

認証の仕組み

リッチメニューからブラウザを開いた際に、自動でユーザー認証を行うミドルウェアを実装しています。そのため、ログイン情報を控えておく必要も、来訪のたびにログインし直す必要もありません。

安全性の担保

リッチメニューの1タップで即座に解錠できればUXとしては最高ですが、悪用や誤操作の防止は不可欠です。以下の対策を実装しています。

チェックイン時の制限

• チェックインは施設入口のQRコードからのみアクセス可能
• アクセス時に位置情報を検証し、施設の近くにいない場合はチェックイン不可

監視・通知体制

• 解錠時のログを管理者へSlackで即時通知
• スマートフォンアプリで常時監視可能な防犯カメラを設置

QRコードの読み取り許可と位置情報の許可で想定より+2タップ増えましたが、許可するだけなので許容範囲です。初来店でも、スマホの画面を約7タップすればコワーキングスペースに入室できます。

テスト運用での出来事

弊社社員の宮澤がテスト運用を担当したところ、まさかのApple Pay未経験。決済画面でクレジットカード情報を手入力しており、普通に3分ほどかかっていました。初運用での「30秒入場」は惜しくも達成ならず。

しかし翌日、彼は嬉しそうに「Apple Payすごいですね！コンビニで財布いらないじゃないですか」と言っていました。

ともあれ、「初来店時、最短30秒でチェックインできるシステム」は完成しました。

まとめ

今回のチェックインシステムでは、LINEという日常的に使われているプラットフォームを活用することで、専用アプリのインストールやアカウント作成といった障壁を排除しました。

技術的なポイントをまとめると以下のとおりです。

• LIFF + リッチメニューで、LINE内ブラウザに操作を集約
• LINE OAuthによる自動認証で、ログインの手間をゼロに
• Stripeのオーソリ機能で、時間利用の後払い決済を実現
• SESAMEスマートロックとの連携で、工事不要の解錠システムを構築
• QRコード + 位置情報の二重チェックでセキュリティを担保

「ユーザーに考えさせない・待たせない」を追求した結果、初来店でも最短30秒で入室できる体験が実現できました。コワーキングスペースに限らず、無人施設や店舗のチェックインシステムにも応用できるアーキテクチャだと考えています。

---

NORAspaceについて

NORAspaceは、石川県七尾市（能登半島）にあるコワーキングスペースです。能登半島は、美味しいもの、優しい人、美しい自然が豊富な、とても素敵な場所です。日々PCと向き合う私たちにとって、最高の環境が揃っています。

ノマドワーカー、リモートワーカー、ワーケーションなど、ガチで働きたい方からパッと立ち寄りたい方まで、どなたでもお気軽にご利用ください。

設備

• 27インチモニター
• オフィスチェア（オカムラ バロンチェア）
• 全席電源タップ
• 安定したセキュアWi-Fi
• クリエイター向け書籍

施設情報

施設名：NORAspace（ノラスペース）
所在地：〒926-0806 石川県七尾市一本杉町86 1F
公式サイト：https://noraspace.net