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.6k
WordCamp Kansai 2024 ハム『ブロックエディタでWebサイトの制作がどう変わったのか?実装事例から見る現在のWordPressの設計と構築』
h2ham
1
690
WordCamp Osaka 2019 h2ham (´ ºムº `)
h2ham
7
4.8k
WordCamp Tokyo 2017 h2ham toro_unit
h2ham
1
7.1k
デザイナーが効率よくテーマ作成を進めるには? デザインから WordPress のテーマ作成のワークフローを見直す
h2ham
2
6.5k
Other Decks in Business
See All in Business
株式会社AGRI SMILE - Culture Deck
agrismile
0
33k
会社・プロダクト紹介
auder
0
240
博士卒エンジニア キャリアの選択と 就活について
khiroyuki1993
0
200
神戸百年記念病院 MRI紹介
kobe100
0
180
How multichannel content drives growth (and captures EEAT and Intent)
raysaddiq
0
720
データサイエンティスト紹介資料‗エムスリー株式会社
m3
0
730
メドピアグループ紹介資料
medpeer_recruit
10
130k
【エンジニア採用】BuySell Technologies会社説明資料
buyselltechnologies
3
63k
Chemican Overview
aswdv
0
550
20250422_CMCTokyo35
hideki_ojima
1
140
2025年度採用資料
tcmktdev
0
1.9k
アジャイルコーチを名乗る覚悟 -あなたは何によって憶えられたいか?-
scrummasudar
1
170
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.4k
Six Lessons from altMBA
skipperchong
28
3.7k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
Become a Pro
speakerdeck
PRO
28
5.3k
The Pragmatic Product Professional
lauravandoore
33
6.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
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 までお問い合わせを!
制作周りのご相談 お待ちしています!
ありがとうございました