Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introducing 360images.io
Search
haruharuharuby
June 07, 2017
Technology
1
750
Introducing 360images.io
stripe meetup kobe #01
haruharuharuby
June 07, 2017
Tweet
Share
More Decks by haruharuharuby
See All by haruharuharuby
Effective AWS Step Functions
haruharuharuby
0
150
JP_Stripes 5th anniversary - Plan migration consideration -
haruharuharuby
0
73
Alexa Warming Up my Live Stream!
haruharuharuby
1
59
AAJUG meetup September
haruharuharuby
0
26
How Voice Technology is Changing Customer Experience from Brain Perspectives
haruharuharuby
0
44
IVSの盛り上げ役にAlexaをつかってみようか
haruharuharuby
0
630
Let's make a blog with live streaming in 10 minutes
haruharuharuby
0
500
Alexa Audio Player @Deep Diving
haruharuharuby
0
260
VoiceLunchJp#02 Share VUI App and reputation
haruharuharuby
1
250
Other Decks in Technology
See All in Technology
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
年間一億円削減した時系列データベースのアーキテクチャ改善~不確実性の高いプロジェクトへの挑戦~
lycorptech_jp
PRO
3
2.9k
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
740
エンジニア向け会社紹介資料
caddi_eng
14
220k
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
93
5k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
Ruby is Unlike a Banana
tanoku
96
10k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Design by the Numbers
sachag
277
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Gamification - CAS2011
davidbonilla
78
4.9k
A better future with KSS
kneath
231
17k
Scaling GitHub
holman
458
140k
Transcript
開発からローンチ までの3ヶ月。
Who am I ? TiNm’S Tomoharu Ito フリーランス プログラマー (7月からオランダ移住
) Ruby On Rails と AWS と Alexa. 好きな声優 花澤 香奈
JAWS-UG KOBE TiNm’S • Atsushi Ando(インフラ+デザイン) • Kazuto Takeshita(WordPress プラグイン、カスタマイズ
) • Tomoharu Ito(決済周り, サイト構成、規約など ) • Hiromichi Koga(ボス) Our Team
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/
360images.io とは? TiNm’S 360度パノラマ画像専門の ECサイト。 VRコンテンツ素材を購入、ダウンロードできます。
アジェンダ TiNm’S インフラ 決済 プラグイン デザイン
TiNm’S まずはインフラ
シンプルなアーキテクチャ TiNm’S CDN+WAF Load Balancer Origin VR商材 ダウンロード 購入 メディア
EC2は信頼のAMIMOTO AMI TiNm’S
CDN+WAF+SSL WP Booster TiNm’S
メディアはS3に置くように工夫 TiNm’S 絡新婦
TiNm’S 決済は
導入 TiNm’S WooCommerceのセットアップウィザードの 途中にいます。
stripe payment gateway TiNm’S
決済周りの設定(stripe側) TiNm’S stripeアカウント(無料)を作って、 ダッシュボードでテスト用の APIキーを発行
決済周りの設定 (WooCommerce側) TiNm’S WooCommerceにAPIキーを投入
決済周りの設定(stripe) TiNm’S Stripe のダッシュボードで簡単に本番用の APIキーへ切り替え
TiNm’S 決済周りが構築1日 (もかからない衝撃)
TiNm’S ショップ+プラグイン
商材 TiNm’S ダッシュボードから、 ポチポチするだけで簡単にダウンロード商品 を追加できます。
Watermark TiNm’S 商品閲覧時の画像には全て 360images.ioのロゴが付きます。 (購入してダウンロードした画像には 付かない。) ImageWatermark という既存プラグイン を改造。)
Tagging TiNm’S 写真をアップロードしたとき、勝手にタグ 付けするプラグインを AWS Rekognition を利用して開発。
Rekognition TiNm’S 写真をアップロードしたとき、勝手にタグ 付けするプラグインを AWS Rekognition を利用して開発。
TiNm’S インフラ+EC+決済 構築1日 (もかからない)
TiNm’S あとはデザインを 頑張るだけ
こうなります。 TiNm’S
TiNm’S DEMO
TiNm’S ありがとうございました。
TiNm’S 体験
会場費とビール代を ストライプで払ってみませんか? TiNm’S http://eventregist.com/e/JP_Stripes_Kobe_Vol0 Event Registの申し込みページにリンクがあります。