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
WordPress案件を請け負う制作会社からみる Shifter の魅力
Search
h2ham
February 05, 2020
Business
0
1.4k
WordPress案件を請け負う制作会社からみる Shifter の魅力
h2ham
February 05, 2020
Tweet
Share
More Decks by h2ham
See All by h2ham
フロントエンドカンファレンス北海道2024 『小規模サイトでも使えるVite 〜HTMLコーディングをよりスマートに〜』長谷川広武(ハム)
h2ham
1
3.9k
WordCamp Kansai 2024 ハム『ブロックエディタでWebサイトの制作がどう変わったのか?実装事例から見る現在のWordPressの設計と構築』
h2ham
1
770
WordCamp Osaka 2019 h2ham (´ ºムº `)
h2ham
7
5k
WordCamp Tokyo 2017 h2ham toro_unit
h2ham
1
7.3k
デザイナーが効率よくテーマ作成を進めるには? デザインから WordPress のテーマ作成のワークフローを見直す
h2ham
2
6.6k
Other Decks in Business
See All in Business
enechain company deck_english
enechain
PRO
0
130
test_taiju
tami134
0
220
株式会社Cake.jp Company Deck
cakejpcorp
0
1.5k
【リクロマ株式会社】20251026_会社紹介資料
takahiro4545
0
170
会社紹介資料
gatechnologies
2
130k
2025年 コミュニティ×ビジネスのリアル_Mitz
comucal
PRO
0
170
2025年10月副業制度運用者の実態調査
fkske
0
180
insightbox_sample
insightbox
0
110
From analysis to action: presenting to people who aren’t like you
lukenava
1
120
Agentic AIを用いたサプライチェーン最適化
mickey_kubo
1
130
「弁護士バイアス」とその対処法
nrryuya
2
1.3k
We are Wunderbar, Culture Deck Full
wunderbar
0
1.4k
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Speed Design
sergeychernyshev
32
1.2k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
How to Ace a Technical Interview
jacobian
280
24k
A designer walks into a library…
pauljervisheath
209
24k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Thoughts on Productivity
jonyablonski
73
4.9k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Done Done
chrislema
186
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Transcript
WordPress案件を請け負う制作会社からみる Shifter の魅⼒ ⻑⾕川 広武 株式会社HAMWORKS
年末に、ブログを書きました
https://h2ham.net/the-appeal-of-shifter
書ききれなかったことも!
Shifterの魅⼒をちょっとだけ 掘り下げてみていきます
⾃⼰紹介
ハム テクニカルディレクター フロントエンドエンジニア SaCSS 主催 ⻑⾕川 広武 は せ
が わ ひろむ
(´ ºムº `)
None
None
https://www.meetup.com/ja-JP/topics/wordpress/jp/
https://www.meetup.com/ja-JP/Sapporo-WordPress-Meetup/ - 2ヶ⽉に1度開催のペース - これまで9回開催 - 当⽇に質問を受けて進⾏する形式
None
None
None
https://ham.works/
リモートワーク!! QIPUPCZσβΠϯຊਤͷϑϦʔը૾IUUQXXXBCZTTFDPKQKBQBOEKBQBONBQNBQIUNM
None
None
https://www.bacardijapan.jp/
https://www.bacardijapan.jp/ 投稿コンテンツはすべて ブロックエディタ⼊⼒対応
WordPressサイト構築 ご相談 お待ちしています!
あらためて、 Shifterの魅⼒?
圧倒的な 保守コストのダウン
WordPress案件でよく聞く
- 静的にかきだしたい - 主にセキュリティ対策 - 表⽰を早くしたい - サーバーのメンテナンス⼤変
- アップデートしていない - サーバーやAWSなどの管理ができない - OSアップデート・パッチ対応してない - ミドルウェアのアップデートしてない
それにも関わらず・・・
開発から本番公開までの環境で なんでその環境にした・・・!? と思う構成が多い
" " 公開サーバー 開発サーバー
" 開発 兼 公開サーバー
" " 公開サーバー 開発サーバー " プレ公開サーバー WordPress WordPress WordPress
多くの場合 極⼒⼿間をかけないか 管理コストをかけるか この2択で構成されている様⼦
- 静的にかきだしたい - 主にセキュリティ対策 - 表⽰を早くしたい - サーバーのメンテナンス⼤変
- アップデートしていない - サーバーやAWSなどの管理ができない - OSアップデート・パッチ対応してない - ミドルウェアのアップデートしてない
" " 公開サーバー 開発サーバー WordPress 静的ファイル
この構成の要望は多い
" " 公開サーバー 開発サーバー 某静的出⼒CMS 静的ファイル
" " 公開クラウド 開発クラウド 某静的出⼒CMS 静的ファイル
あれ? この構成でいいなら・・・
Shifterでも良くない!?
開発 兼 公開サーバー
" 公開サーバー 開発サーバー
https://ja.wordpress.org/plugins/all-in-one-wp-migration/
https://ja.wordpress.org/plugins/all-in-one-wp-migration/ 完全無料!?
公開サーバー 開発サーバー
https://speakerdeck.com/abefumito/wordpress-shifter-gridsome-netlify
- 静的にかきだしたい - 主にセキュリティ対策 - 表⽰を早くしたい - サーバーのメンテナンス⼤変
- アップデートしていない - サーバーやAWSなどの管理ができない - OSアップデート・パッチ対応してない - ミドルウェアのアップデートしてない
サーバーへのアクセスをみる
https://h2ham.net/the-appeal-of-shifter - h2ham.net - (まだ) VPS で運⽤中…
https://h2ham.net/the-appeal-of-shifter
None
謎のアクセスがある・・・
None
https://sacss.net/ - sacss.net - (こちらもまだ) VPS で運⽤中… - 静的HTML
None
静的サイトでも謎のアクセスが…
None
None
謎のアクセスにより⽳を突かれたら
定期的にチェックしていますか? 保守管理重要
Shifterなら気にする必要ない!
圧倒的な 保守コストのダウン
#本体のアップデート不要(強制) #管理画⾯バレにくい #サーバーメンテ不要 #⾼くない!($16・$24・$48)
https://www.getshifter.io/ja/pricing/
最後に少しだけ Shifter で、設定が難しい と(個⼈的に)思うところ
#ログインとロール管理(対応中との情報) #ドメイン設定周り(Route53なら!)
こんなサイトの移⾏は厳しい・・・
#オレオレ改造テーマのマイグレーション
構成検討課題もある
#静的サイト周りの課題 ⇒ サイト内検索 や お問い合わせフォーム
それでも Shifter 使うべし!
まとめ
Shifterの利⽤は 保守コストを減らせる
#WordPress 案件は Shifter 利⽤前提に!
HAMWORKSでは
https://ham.works/ - デザイン - コーディング - JavaScript案件 Vue.js ・ React
- WordPressサイト構築 - 案件ごとの カスタムブロック制作 - Jamstack 案件
そして、こんな対応も!!
- Shifterへの移⾏ (マイグレーション) - Shifter利⽤前提の 設計 & 構築 - Shifterの
請求書払い対応
HAMWORKS までお問い合わせを!
制作周りのご相談 お待ちしています!
ありがとうございました