↓↓クリックして頂けると励みになります。
動画を見ながら学習できるアプリを作成します。
プロジェクト、タスクを登録し、Stripeの決済機能を利用してサブスクリプション方式で購入させることができます。
レビュー機能、メッセージ機能も実装しました。
このようなプラットフォームを作成するために必要なノウハウをチュートリアルにまとめてみました。
開発ははMacで進めましたが、Windowsでの作成も可能です。
バージョンを揃えれば動作に大きな支障はないと思います。
是非、開発にチャレンジしてみてください。
スタイリッシュなホームページ
検索機能を兼ね備えています。
デザインはBootstrap5.3で書いています。
PWA
ホームページ（ウェブサイト）のPWA（Progressive Web App）とは、従来のウェブサイトよりも優れたユーザーエクスペリエンスを提供するために設計されたウェブアプリケーションの形態です。
PWAは、ウェブ技術を使用してネイティブアプリケーションのような機能と性能を実現し、以下の特徴を持っています。
ログイン機能
deviseを利用したログイン機能を実装しています。
また、GoogleやFaceBookによる認証も実装しています。
ダッシュボード
写真アップロード
ドラッグ&ドロップによる写真のアップロード機能を実装しています。
AmazonS3を利用したクラウドアップロードにも対応しています。
クレジットカード決済
Stripeを利用したクレジットカード決済を実装しています。
メッセージ
LINEのように会話形式でメッセージを送信する仕組みを組み込んでいます。
レビュー機能
星付きのレビュー機能を実装しています。
Wistiaによる動画再生機能
Wistiaを利用した動画再生機能を実装しています。
