社会をつくる入口が、シンプルなオンライン申込でいい。

新規会員が24時間いつでもオンラインで入会申込できる窓口が必要。

会費を毎月手動で請求・確認・入金管理する工数をゼロにしたい。

Stripeによるカード決済で、会費の踏み倒しや振込忘れを構造的に防ぐ。

「侍」「大阪」「若者の挑戦」というアイデンティティに見合うLP・フッター・連絡先の整備。

専任のITスタッフがいない市民団体として、維持コストと運用手間を最小化したい。

入会時に一度だけ支払う初回登録費をStripe Checkout経由で受付。申込者はカード情報を入力するだけで入会手続きが完了する。

サブスクリプション機能を活用し、毎月の会費を自動的にカード請求。会員側は手続き不要、事務局側は未払い追跡・督促の手間がない。

「無形物の販売」トグルを実装。is_intangibleフラグONで配送セクションを全非表示・住所不要にし、無形の「会員権」を販売できるようにした。

ドラッグ&ドロップビルダーで作成した組織の顔となるページ。「20代・30代が主役。大阪から、日本の未来を動かす。」というメッセージとともに、入会への動線を整備。

組織の連絡先（osakasamurailionsclub@gmail.com）・住所・著作権表示を和紙クリーム（#f5efe2）の背景に中央揃えで配置。市民団体らしい落ち着いたデザイン。

Passukuruの横断認証システムにより、会員は他のテナントでの購買履歴も同一アカウントで管理できる。

「会員登録」や「月額会費」という概念を、Passukuruの商品・バリエーション・サブスクリプション機能に自然にマッピング。特定業種に縛られない汎用設計を貫いたからこそ可能だった。

月次自動課金が確実に動くことは、市民団体にとって組織存続の問題。Stripe Webhookの二重処理防止（TOCTOU競合の排除）、決済失敗時の適切なステータス更新、サイクル調整まで実装・検証した上で提供。

別テナントで既にアカウントを持つユーザーがチェックアウトで「初回」扱いにならないよう、checkEmailをグローバルcustomer_accounts照合に変更。既存yumepro会員も同一アカウントでスムーズに入会できるようにし、当日LIVE。

入会ページがPixel 8（Android/Chrome 137）で真っ白になる障害は、エラーバウンダリ不在という真因を特定してerror.tsx / global-error.tsxを追加、同日LIVE。住所未入力の無形物チェックアウトが弾かれるBEバグも同時修正。