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
Snow Monkey ミートアップ 〜Shifter について知ろう〜
Search
DigitalCube Inc.
January 22, 2021
Technology
0
83
Snow Monkey ミートアップ 〜Shifter について知ろう〜
Snow Monkey ミートアップ 〜Shifter について知ろう〜
https://wpsnowmonkey.connpass.com/event/199780/
DigitalCube Inc.
January 22, 2021
Tweet
Share
More Decks by DigitalCube Inc.
See All by DigitalCube Inc.
ISMSを3ヶ月で爆速取得したプロジェクトマネジメントのコツ
digitalcube
0
440
地方の零細企業が AWS MarketPlace 使って10年どうだった?
digitalcube
0
920
[株式会社デジタルキューブ] 会社概要
digitalcube
1
6.2k
[4/7 開催] Shifter オンラインミートアップ!春のフレッシャーズ祭り
digitalcube
0
600
WordPress のフルサイト編集を使ったサイト作成と Shifter を使ってノーコードで安全なサイトを運用する
digitalcube
0
790
Shifter の基本と最新情報
digitalcube
0
170
[12/10 開催] Shifter オンラインミートアップ!
digitalcube
0
54
Snow Monkey での 自社サービスサイト構築事例
digitalcube
0
650
Shifter 新ダッシュボード 3 つのポイントをご紹介
digitalcube
0
400
Other Decks in Technology
See All in Technology
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.6k
自動テストの世界に、この5年間で起きたこと
autifyhq
10
7.4k
リアルタイム分析データベースで実現する SQLベースのオブザーバビリティ
mikimatsumoto
0
1k
オブザーバビリティの観点でみるAWS / AWS from observability perspective
ymotongpoo
8
1.1k
プロセス改善による品質向上事例
tomasagi
1
1.8k
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
730
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.2k
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
250
Data-centric AI入門第6章:Data-centric AIの実践例
x_ttyszk
1
380
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
130
The 5 Obstacles to High-Performing Teams
mdalmijn
0
270
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
How to Ace a Technical Interview
jacobian
276
23k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Music & Morning Musume
bryan
46
6.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Visualization
eitanlees
146
15k
Docker and Python
trallard
44
3.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Transcript
Shifter の基本を学ぼう! 2021年1月22日 Snow Monkey ミートアップ 〜Shifter について知ろう〜 Seiji Aakatsuka
Who I am • デジタルキューブ 赤塚誠二 • カスタマーサクセスマネージャー • SNS:
@seijiakatsuka
Agenda • デジタルキューブについて • Shifter Staticとは? • 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 の特徴 • WordPress は自動インストール • Snow Monkey など使い慣れた
WordPress サイトをワンクリックでHTMLに 変換 • サーバーの知識がなくても強固なセキュリティと高い性能を持ったホーム ページが作れる • サーバーやWordPressのメンテナンスを自動化しているため、安心してホ ームページの運営だけに集中できます
通常の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) を公開
Snow Monkeyを使った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 などを活用
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
Thanks!