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
Shifter Online Meetup_200805
Search
hiroramos
PRO
August 05, 2020
Technology
0
550
Shifter Online Meetup_200805
8/5(水)Shifter Online Meetup の登壇資料です。
hiroramos
PRO
August 05, 2020
Tweet
Share
More Decks by hiroramos
See All by hiroramos
ハワイアン航空で行くre:Invent 勉強会
hiroramos4
PRO
0
30
開発者が責任を 持って AI 技術を 活用するということ
hiroramos4
PRO
0
16
AWS re:Invent 2024 Kansai Standby
hiroramos4
PRO
0
270
Go Global! In the AWS Community Global Initiatives
hiroramos4
PRO
1
270
Proposal for a fictitious company presented by JAWS-UG DE&I team 'Naniwa Musume'
hiroramos4
PRO
0
430
AWS re:Invent 2023 Kansai Standby
hiroramos4
PRO
1
620
AWSugNL Meetup 13th Dec 2022
hiroramos4
PRO
0
130
AWS reInvent 2022_JAWS-UG Yokohama ReCap
hiroramos4
PRO
1
130
AWS re:Invent 2022 Kansai Standby
hiroramos4
PRO
0
720
Other Decks in Technology
See All in Technology
食べログが挑む!飲食店ネット予約システムで自動テスト無双して手動テストゼロを実現する戦略
hagevvashi
1
150
クォータ監視、AWS Organizations環境でも楽勝です✌️
iwamot
PRO
1
230
Classmethod AI Talks(CATs) #20 司会進行スライド(2025.04.10) / classmethod-ai-talks-aka-cats_moderator-slides_vol20_2025-04-10
shinyaa31
0
130
.mdc駆動ナレッジマネジメント/.mdc-driven knowledge management
yodakeisuke
24
10k
ブラウザのレガシー・独自機能を愛でる-Firefoxの脆弱性4選- / Browser Crash Club #1
masatokinugawa
1
370
AI Agentを「期待通り」に動かすために:設計アプローチの模索と現在地
kworkdev
PRO
2
360
アプリケーション固有の「ロジックの脆弱性」を防ぐ開発者のためのセキュリティ観点
flatt_security
40
16k
はじめてのSDET / My first challenge as a SDET
bun913
1
190
Beyond {shiny}: The Future of Mobile Apps with R
colinfay
1
330
LangChainとLangGiraphによるRAG・AIエージェント実践入門「10章 要件定義書生成Alエージェントの開発」輪読会スライド
takaakiinada
0
120
やさしいMCP入門
minorun365
PRO
146
94k
AWSのマルチアカウント管理 ベストプラクティス最新版 2025 / Multi-Account management on AWS best practice 2025
ohmura
3
180
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.4k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Embracing the Ebb and Flow
colly
85
4.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
How to train your dragon (web standard)
notwaldorf
91
6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.1k
Designing for humans not robots
tammielis
252
25k
Unsuck your backbone
ammeep
670
57k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
178
52k
Optimising Largest Contentful Paint
csswizardry
36
3.2k
Transcript
Shifter Online Meetup Shifter Static で Shopify “ BuyButton.js ”
を 活用してみよう! Customer Marketing Manager Hiromi Ito 2020.08.05 #JP_GetShifter
WHO I AM ? #JP_GetShifter HIROMI ITO DigitalCube Co.Ltd. Customer
Marketing Manager • 入社歴より Shifter ユーザ歴が長い • Community Passionate Contributor • 半分中の人、半分ユーザ • AWS Community Hero に選ばれました! TW : @hiro_baila FB : https://www.facebook.com/hirobailaora #Shopify
はじめに‥ Shifter の活用を提案 https://www.getshifter.io/ja/blog #JP_GetShifter #Shopify
Shopify ももちろん! https://www.getshifter.io/ja/blog/shifter-static-shopify #JP_GetShifter #Shopify
手軽に誰でも簡単にできるモダンな Eコマースを実現したい! Shifter Static #JP_GetShifter #Shopify
なぜ Shifter Static と Shopify なの? • エンドユーザーは使い慣れた WordPress ダッシュボードでコンテンツの
運用(投稿・編集)が可能 • Web 開発者は WordPress のナレッジやプラグインエコシステムを利用 可能 • サーバ管理者はフルマネージドの SaaS でメンテナンス、セキュリティ、ス ケーリングなどの対応が不要 • Web 担当者は容易に Web パフォーマンスの向上や SEO への恩恵が 得られる • サイト利用者(訪問者)は快適 / 快速な閲覧体験( UX )を得られる Shifter Static の特徴 #JP_GetShifter #Shopify
なぜ Shifter Static と Shopify なの? • JavaScript をいつもの WordPress
コンテンツに埋め込むだけの簡単設 定 • Shopify 単体サイトはもちろん独自のサイトに好きな場所に自由自在に設 定可能 • ブランディングを損なわずにオリジナルオンラインショップを楽々開設 • 静的サイトでオンラインショップを実現 • Shopify は世界で導入数 No.1 の ECサイト構築 システム Shopify の特徴 #JP_GetShifter #Shopify
顧客は最高の購入体験(体験価値)を得て、欲しい商材 GET!! Shifter Static 最高の ユーザー体験 #JP_GetShifter #Shopify
やってみてわかったこと 今すぐにでもネットショップを立ち上げれる!! でも肝心の商材とコンテンツが……ない!! #JP_GetShifter #Shopify
実際の設定をみてみましょう 1. Shopify の初期設定 2. Shopify の管理画面で必要な情報を登録 Shopify テーマがデフォルトでも商品登録を行い、販売に必要な設定だけでもすぐに始めることができま す。
3. 掲載したい登録商品の JavaScript を取得 4. Shifter Static にログイン Shifter にログインして WordPress ダッシュボードを起動します。 新規作成の方は、Static を選択していることを確かめてください。「Create new site」で 新規作成をし、 WordPress を起動してログインします。 5. 起動した WordPress で新規投稿を作成 6. 新規投稿で HTML ブロックを開き、取得した登録商品の JavaScript を貼り付ける 7. 記事を完成させ、パブリッシュ 8. Shifter を Generate #JP_GetShifter #Shopify
困ったときのサポートドキュメントもあります https://support.getshifter.io/en/articles/3933558 #JP_GetShifter #Shopify
Shopify を初期設定 #JP_GetShifter #Shopify
Shopify をテストモードにしておく #JP_GetShifter #Shopify
Shopify で商品登録など設定 #JP_GetShifter #Shopify
Shopify で Web サイトに埋め込むボタンを作る #JP_GetShifter #Shopify
Shopify で 取得した埋め込みコードを Shifter で設定 #JP_GetShifter #Shopify
Generate / Publish で完成! #JP_GetShifter #Shopify
設定は簡単!重要なビジネスモデル、コンテンツに注力可能 • 今すぐ、誰もが始められるオリジナルのオンラインショップに! • コミュニケーション設計をベースに SaaS を組み合わせて、顧客中心型のオンライ ンショップに! • 新時代のネットショップ体験を!
#JP_GetShifter #Shopify
さぁ!今すぐ始めてみましょう。 フィードバックお待ちしてます。 ご清聴ありがとうございました。