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.3k
WordPress案件を請け負う制作会社からみる Shifter の魅力
h2ham
February 05, 2020
Tweet
Share
More Decks by h2ham
See All by h2ham
フロントエンドカンファレンス北海道2024 『小規模サイトでも使えるVite 〜HTMLコーディングをよりスマートに〜』長谷川広武(ハム)
h2ham
1
3.8k
WordCamp Kansai 2024 ハム『ブロックエディタでWebサイトの制作がどう変わったのか?実装事例から見る現在のWordPressの設計と構築』
h2ham
1
730
WordCamp Osaka 2019 h2ham (´ ºムº `)
h2ham
7
4.9k
WordCamp Tokyo 2017 h2ham toro_unit
h2ham
1
7.2k
デザイナーが効率よくテーマ作成を進めるには? デザインから WordPress のテーマ作成のワークフローを見直す
h2ham
2
6.6k
Other Decks in Business
See All in Business
AIエージェント開発は浪漫と算盤
t01062sy
0
130
株式会社FLINTERS 会社紹介資料
flinters
1
310
Sales Marker Culture book
salesmarker
PRO
38
63k
yayoi_company_deck.pdf
yayoi_hr
0
740
[T2] 会社紹介資料 2025年8月
t2auto
0
5.7k
株式会社あるよ_会社紹介資料20250808.pdf
aruyo_mori
0
3.8k
テオリア・テクノロジーズ:About Us
theoriatec2024
1
31k
【Progmat】Monthly-ST-Market-Report-2025-Jul.
progmat
0
410
株式会社Domuz会社紹介資料(採用)
kimpachi_d
0
37k
イグニション・ポイント フォース株式会社/エントランスBook_2025
ignitionpointhr
1
1.3k
朝日新聞社 ITエンジニア キャリア採用 紹介資料
asahi_cto
0
130
パーソルイノベーション_会社案内
pinotalentbranding
1
29k
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Navigating Team Friction
lara
188
15k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Code Reviewing Like a Champion
maltzj
524
40k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Documentation Writing (for coders)
carmenintech
73
5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Invisible Side of Design
smashingmag
301
51k
Designing for humans not robots
tammielis
253
25k
A Modern Web Designer's Workflow
chriscoyier
695
190k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
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 までお問い合わせを!
制作周りのご相談 お待ちしています!
ありがとうございました