Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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.4k
デザイナーが効率よくテーマ作成を進めるには? デザインから WordPress のテーマ作成のワークフローを見直す
h2ham
2
6.6k
Other Decks in Business
See All in Business
スマートキャンプ株式会社 会社紹介資料 / companydeck
smartcamp
1
2.5k
Cierpa&Co._Culture Deck_202512
cierpa0905
PRO
0
4.3k
SASアピールブック(Web公開版)
sas_si
0
1.4k
株式会社Digeon / 会社紹介資料
digeon
1
16k
業務設計のいろは
shunsuke_takeuchi
PRO
2
500
2025-11-27_anti_bocchi
_hashimo2
3
360
PdMによるLiveバイブコーディング〜プロトタイプ開発実践〜
kakumaeda
2
410
AIはプロダクト開発をどう変えたか?〜 3つの役割から見る「変化」と「未来」〜 / How AI Transformed Product Development: A Look at "Change" and "Future" via Three Roles
iwashi86
3
810
jinjer recruiting pitch
jinjer_official
0
100k
Srush Corporate Brand Book
tomomifuruya
1
9.2k
2025.11_中途採用資料.pdf
superstudio
PRO
3
89k
プロダクト本部カジュアル面談資料
10xinc
0
130
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Scaling GitHub
holman
464
140k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Music & Morning Musume
bryan
46
7k
Done Done
chrislema
186
16k
How GitHub (no longer) Works
holman
316
140k
How to Ace a Technical Interview
jacobian
280
24k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.2k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
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 までお問い合わせを!
制作周りのご相談 お待ちしています!
ありがとうございました