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
AI Agent を始める前のチェックリスト:実例から学ぶ期待効果の見積りと備えるべきリスク
icoxfog417
PRO
4
800
NPO活動の一コマ
mzarai3
0
160
シマバカ室について -地域事業者のローカルゼブラ化に伴走支援-
trustbank
0
100
テクノロジーとヒトのあいだに
yuiseki
0
230
UTAITE - Company Deck
utaitehr
0
1.4k
株式会社Domuz会社紹介資料(採用)
kimpachi_d
0
29k
ITエンジニアのためのコーポレートファイナンス入門シリーズ! #4 財務分析の基本〜おかわり〜
tkhresk
3
300
システムスリーテン株式会社 | 会社案内資料
s3101117
0
320
朝日新聞社 ITエンジニア キャリア採用 紹介資料
asahi_cto
0
290
福島印刷工業株式会社 会社案内
fukushimaprint
0
440
GIYグループ株式会社_会社概要資料
giy
0
400
博士卒エンジニア キャリアの選択と 就活について
khiroyuki1993
0
210
Featured
See All Featured
The Invisible Side of Design
smashingmag
299
50k
A designer walks into a library…
pauljervisheath
205
24k
Side Projects
sachag
453
42k
Embracing the Ebb and Flow
colly
85
4.7k
BBQ
matthewcrist
88
9.6k
Building Applications with DynamoDB
mza
94
6.4k
Code Reviewing Like a Champion
maltzj
523
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
33k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
YesSQL, Process and Tooling at Scale
rocio
172
14k
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 までお問い合わせを!
制作周りのご相談 お待ちしています!
ありがとうございました