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
Shfterの基本:ShifterとLightningテーマを使ってWordPressで安全な...
Search
DigitalCube Inc.
November 10, 2020
Technology
1
240
Shfterの基本:ShifterとLightningテーマを使ってWordPressで安全な静的サイトを作ってみよう!
ShifterとLightningテーマを使ってWordPressで安全な静的サイトを作ってみよう!
https://vektor.connpass.com/event/193768/
DigitalCube Inc.
November 10, 2020
Tweet
Share
More Decks by DigitalCube Inc.
See All by DigitalCube Inc.
ISMSを3ヶ月で爆速取得したプロジェクトマネジメントのコツ
digitalcube
0
490
地方の零細企業が AWS MarketPlace 使って10年どうだった?
digitalcube
0
990
[株式会社デジタルキューブ] 会社概要
digitalcube
1
7.4k
[4/7 開催] Shifter オンラインミートアップ!春のフレッシャーズ祭り
digitalcube
0
620
WordPress のフルサイト編集を使ったサイト作成と Shifter を使ってノーコードで安全なサイトを運用する
digitalcube
0
860
Shifter の基本と最新情報
digitalcube
0
190
[12/10 開催] Shifter オンラインミートアップ!
digitalcube
0
73
Snow Monkey での 自社サービスサイト構築事例
digitalcube
0
700
Shifter 新ダッシュボード 3 つのポイントをご紹介
digitalcube
0
430
Other Decks in Technology
See All in Technology
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
zaimy
1
150
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
3
22k
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
AI時代の開発生産性を加速させるアーキテクチャ設計
plaidtech
PRO
3
170
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
8k
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
150
AI専用のリンターを作る #yumemi_patch
bengo4com
6
4.3k
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
300
事例で学ぶ!B2B SaaSにおけるSREの実践例/SRE for B2B SaaS: A Real-World Case Study
bitkey
0
110
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
170
対話型音声AIアプリケーションの信頼性向上の取り組み
ivry_presentationmaterials
1
280
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
250
Featured
See All Featured
A better future with KSS
kneath
238
17k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Code Review Best Practice
trishagee
69
19k
Writing Fast Ruby
sferik
628
62k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
Shifter の基本を学ぼう! Shifter と Lightning テーマを使って WordPress で安全な静的サイトを作ってみよう! Seiji Aakatsuka
Who I am • デジタルキューブ 赤塚誠二 • カスタマーサクセスマネージャー • SNS:
@seijiakatsuka
Agenda • デジタルキューブについて • Shifter とは? • Shifter Static で
WordPress を使ってみよう! • Demo • Shifter Static の便利な機能
デジタルキューブについて
株式会社 デジタルキューブ • AWS Advanced Technology Partner • WordPress ホスティング,
制作, 保守, コンサルティング • OSS への貢献とコミュニティへの参加・支援 ◦ 提供 WordPress プラグイン:100+ ◦ プラグインダウンロード数:200万+ ◦ WordCampでの登壇:70+ ◦ Shifter コミュニティイベント支援プログラム:16
Your success is our mission
None
• フルリモート • コミュニティ • ビール
Shifter Static WordPress サイトをHTMLに変換して安全・高速に公開
Shifter Static の特徴 • Lightning など使い慣れた WordPress サイトをワンクリックでHTMLに変換 • サーバーの知識がなくても強固なセキュリティと高い性能を持ったホームページ
が作れる • サーバーやWordPressのメンテナンスを自動化しているため、安心してホーム ページの運営だけに集中できます
高性能なWordPressサイトを全ての人に • 世界100拠点以上の CDN • HTTP/2 対応 • IPv6 対応
※ サイトが予めHTMLになっているので、都度ページを生成するよりも速度が速くなる
月額約1,700円($16)から利用可能 • サーバーやCDNなどトータルの費用 • クレジットカードによる日本円でのお支払 い(表記はUSドル) • 無料プランはカスタムドメインなし
こんなサイトに最適 • 会社, 店舗, 非営利団体, サークルなどのホームページ • 商品カタログサイト • 催事やイベント,
マーケティングサイト • 採用サイト 注:複数人で頻繁に更新が必要なメディアサイトなどは通常の WordPress の利用を
利用事例:コーポレートサイト SORACOM SmartHR https://www.soracom.io/ https://smarthr.co.jp/
利用事例:コーポレートサイト Cerevo OKWave https://cerevo.com/ https://okwave.co.jp/
利用事例:プロダクトサイト LIXIL MIKIHOUSE https://www.lixil.co.jp/square/ https://mikihouse.mikihouse.com/
利用事例:ランディングページ・マーケティング・採用サイト MonstarLab Uhuru https://testar-lab.com/ https://www.enebular.com/ja/
利用事例:ランディングページ・マーケティング・採用サイト HENNGE https://recruit.hennge.com/ お客様事例はShowcaseで掲載中! https://www.getshifter.io/ja/showcase/
Shifter Static で WordPress を使ってみよう!
Shifter Static の利用開始方法 1. Shifter サイトに アクセス https://www.getshifter.io/ja/ 2. 無料アカウントを作成
3. サイト(WordPress 環境)を作成
Shifter Static を使ったサイトの公開方法 1. Shifter 管理画面にログイン 2. WordPress を起動 3.
記事を投稿 4. サイトの静的化 (Generate)を実行 5. 静的化されたサイト (Artifact) を公開
Lightningテーマを使ったDemo
Shifter Static の詳細
Shifter の管理画面 1. アカウント管理 2. サイトごとの設定メニュー 3. WordPress の起動・停止やアクセス 4.
サイトの URL や基本情報 5. PHP エラーの管理 6. PHP エラーがある場合の確認画面 7. WordPress サイトの静的化メニュー
Shifter Static の仕組み PHP, MySQL, Web Server HTML, CSS, JavaScript
テーマやプラグインの問題で PHP エラーがあってもサイトはダウンしない サイト訪問者
これまでのWordPressと違う点 1. WordPress は普段停止している(静的 HTML のみを公開) 2. 公開は投稿単位ではなくサイト単位 3. 静的
HTML 側では PHP が動作しない (JavaScriptを活用)
サイト制作時のポイント • PHP の動作が必要な機能は JavaScript で動作するよう置き換え • お問い合わせフォーム -> Google
フォームなどに置き換え • サイト内検索 -> Algolia などを活用 SaaS活用でサーバーや個人情報の管理を不要にし、ユーザー体験を向上
Shifter Static の便利な機能
便利な機能 1. 静的サイト (Artifact) のプレビュー機能 2. Artifact の切り替え機能 3. 自動バックアップ
4. 予約公開機能 5. チーム機能
静的サイトのプレビュー機能 • 静的化した結果のチェック • 簡易的なステージング環境
Artifact の切り替え機能 • 静的化した内容を確認後に公開 • 過去のバージョンへの切り替え
自動バックアップ • WordPress のバックアップを10 世代 (10 Artifact分) まで自動で 取得 •
All-in-One WP Migration プラ グインで復元可能
予約公開 • 指定した日時に Artifact を公開
チーム機能 サイト1 サイト2 サイト3 チーム1 チーム2 • チームを自由に作成して社員や 外部の制作会社と協業 •
Shifter アカウントを持たない人 も無料アカウントとして招待可能
頼れるパートナー
None
課題解決を強力サポート!
Next Event
オンラインイベントを定期開催
Thanks!