121 Web Studio: Affordable Professional Design
ご相談、お見積りは無料です お問い合わせ

アプリ開発

会員制のウェブアプリと、スマートフォンアプリを制作しています。

ウェブアプリ(会員エリア)

オンライン講座の会員エリアを、ReactとFirebaseで構築しています。Stress Free German、Japanese Mastery Method、Russian Accelerator、Master Fluent Englishなどで使われています。

Stress Free Germanの管理画面のメール作成
管理画面。ステップメールの作成と開封、クリックの確認
Russian Acceleratorの音声講座
音声講座。進み具合に合わせて順番に公開
Japanese Mastery Methodの話す練習
話す練習。レッスンを終えると練習が開く
ログインと会員管理
Firebase Authenticationで安全にログイン。パスワードの再設定メールにも対応します。
講座ごとの閲覧権限
会員に付ける「タグ」で、開ける講座やページを管理します。購入していない講座には鍵が表示されます。
教材と学習の記録
レッスン、音声、動画の情報と学習の進み具合をCloud Firestoreに保存。次回は続きから学習できます。
サーバー側の処理
登録、メール送信、有料コンテンツの受け渡しなどはCloud Functionsで処理します。
購入から登録まで
Stripeの決済リンクでお支払い後、登録ページへ。購入した講座がそのまま開きます。
順番に公開
週ごとなど、決めた順番でレッスンを開いていくことができます。
管理画面
会員、タグ、ページ、登録ページ、お知らせなどをブラウザから管理できます。
メール配信
ステップメール、一斉配信、配信履歴、配信停止の機能を備えています。
音声と動画
リピートや再生速度の変更ができるプレーヤー、動画の埋め込み、音声のオフライン保存に対応します。
スマートフォンで
ホーム画面に追加すれば、アプリのように開くことができます。
旧サイトからの移行
WordPressの会員制サイトから、会員を新しいシステムへ移行した実績があります。

モバイルアプリ

Flutterで開発し、Google PlayとApp Storeで公開しています。画面はStress Free GermanのAndroid版です。ほかにも複数のアプリを制作しています。

無料レッスンの一覧
無料レッスンの一覧
レッスンと音声プレーヤー
レッスンと音声プレーヤー
大きな再生画面
大きな再生画面
会員ログイン
会員ログイン
会員エリア:持っている講座と読み物
会員エリア:持っている講座と読み物
会員エリア:レッスン一覧
会員エリア:レッスン一覧
ウェブと同じ会員情報
ウェブアプリと同じFirebaseプロジェクトを使い、同じメールアドレスとパスワードでログインできます。
購入はウェブで
アプリ内課金は使わず、ウェブで購入した講座がアプリでも開きます。
会員エリア
ログインすると会員用のタブが現れ、持っている音声講座と読み物が並びます。レッスンごとにPDF、音声のダウンロード、完了チェックが使えます。
無料レッスン
無料の教材は、ログインしなくてもすぐに使えます。
オフライン再生
レッスンをダウンロードすれば、電波のない場所でも聞くことができます。
学習向けプレーヤー
再生速度の変更、リピート、10秒の早送りと巻き戻し、大きな再生画面、聞いていた場所の保存ができます。

ご相談、お見積りは無料です。

何が必要か分からない段階でも大丈夫です。お気軽にどうぞ。