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
870
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
170
JP_Stripes 5th anniversary - Plan migration consideration -
haruharuharuby
0
82
Alexa Warming Up my Live Stream!
haruharuharuby
1
73
AAJUG meetup September
haruharuharuby
0
32
How Voice Technology is Changing Customer Experience from Brain Perspectives
haruharuharuby
0
54
IVSの盛り上げ役にAlexaをつかってみようか
haruharuharuby
0
700
Let's make a blog with live streaming in 10 minutes
haruharuharuby
0
500
Alexa Audio Player @Deep Diving
haruharuharuby
0
270
VoiceLunchJp#02 Share VUI App and reputation
haruharuharuby
1
280
Other Decks in Technology
See All in Technology
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
420
【内製開発Summit 2025】イオンスマートテクノロジーの内製化組織の作り方/In-house-development-summit-AST
aeonpeople
2
1.2k
IAMのマニアックな話2025
nrinetcom
PRO
6
1.5k
Log Analytics を使った実際の運用 - Sansan Data Hub での取り組み
sansantech
PRO
0
150
MIMEと文字コードの闇
hirachan
2
1.5k
CSPMとのつきあい方
nantokanare
0
110
エンジニアの健康管理術 / Engineer Health Management Techniques
y_sone
8
4.4k
RaspberryPi CM4(CM5も)面白いぞ!
nonnoise
1
180
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.7k
AIエージェント入門
minorun365
PRO
34
20k
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
840
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
27
18k
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Writing Fast Ruby
sferik
628
61k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
How to Ace a Technical Interview
jacobian
276
23k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Producing Creativity
orderedlist
PRO
344
40k
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の申し込みページにリンクがあります。