Introducing 360images.io

stripe meetup kobe #01

Transcript

1. 開発からローンチ までの３ヶ月。
2. Who am I ? TiNm’S Tomoharu Ito フリーランス プログラマー (７月からオランダ移住 ) Ruby On Rails と AWS と Alexa. 好きな声優 花澤　香奈
3. JAWS-UG KOBE TiNm’S • Atsushi Ando(インフラ＋デザイン） • Kazuto Takeshita(WordPress プラグイン、カスタマイズ ) • Tomoharu Ito(決済周り, サイト構成、規約など ) • Hiromichi Koga(ボス) Our Team
4. JAWS-UG KOBE TiNm’S • Atsushi Ando • Kazuto Takeshita • Tomoharu Ito Facebook community https://www.facebook.com/groups/450069605016080/ Doorkeeper https://jaws-ug-kobe.doorkeeper.jp/
5. 360images.io とは？ TiNm’S 360度パノラマ画像専門の ECサイト。 VRコンテンツ素材を購入、ダウンロードできます。
6. アジェンダ TiNm’S インフラ 決済 プラグイン デザイン
7. TiNm’S まずはインフラ
8. シンプルなアーキテクチャ TiNm’S CDN+WAF Load Balancer Origin VR商材 ダウンロード 購入 メディア
9. EC2は信頼のAMIMOTO AMI TiNm’S
10. CDN＋WAF+SSL WP Booster TiNm’S
11. メディアはS3に置くように工夫 TiNm’S 絡新婦
12. TiNm’S 決済は
13. 導入 TiNm’S WooCommerceのセットアップウィザードの 途中にいます。
14. stripe payment gateway TiNm’S
15. 決済周りの設定(stripe側) TiNm’S stripeアカウント(無料)を作って、 ダッシュボードでテスト用の APIキーを発行
16. 決済周りの設定 (WooCommerce側) TiNm’S WooCommerceにAPIキーを投入
17. 決済周りの設定(stripe) TiNm’S Stripe のダッシュボードで簡単に本番用の APIキーへ切り替え
18. TiNm’S 決済周りが構築１日 (もかからない衝撃）
19. TiNm’S ショップ＋プラグイン
20. 商材 TiNm’S ダッシュボードから、 ポチポチするだけで簡単にダウンロード商品 を追加できます。
21. Watermark TiNm’S 商品閲覧時の画像には全て 360images.ioのロゴが付きます。 （購入してダウンロードした画像には 付かない。） ImageWatermark という既存プラグイン を改造。）
22. Tagging TiNm’S 写真をアップロードしたとき、勝手にタグ 付けするプラグインを AWS Rekognition を利用して開発。
23. Rekognition TiNm’S 写真をアップロードしたとき、勝手にタグ 付けするプラグインを AWS Rekognition を利用して開発。
24. TiNm’S インフラ＋EC＋決済 構築１日 (もかからない）
25. TiNm’S あとはデザインを 頑張るだけ
26. こうなります。 TiNm’S
27. TiNm’S DEMO
28. TiNm’S ありがとうございました。
29. TiNm’S 体験
30. 会場費とビール代を ストライプで払ってみませんか？ TiNm’S http://eventregist.com/e/JP_Stripes_Kobe_Vol0 Event Registの申し込みページにリンクがあります。