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
Shiftup! Vol7 忘年会!Shifter 歳末LT大会
Search
endout
December 04, 2019
Technology
0
1.2k
Shiftup! Vol7 忘年会!Shifter 歳末LT大会
Shifter の導入事例でLTをしました
https://eventregist.com/e/PLwLAvKjowRu
endout
December 04, 2019
Tweet
Share
More Decks by endout
See All by endout
UXデザイナーのスキルセットってどうなっているの?
endout
0
190
Other Decks in Technology
See All in Technology
コールドスタンバイ構成でCDは可能か
hiramax
0
130
First-Principles-of-Scrum
hiranabe
3
1.5k
#22 CA × atmaCup 3rd 1st Place Solution
yumizu
1
130
20251225_たのしい出張報告&IgniteRecap!
ponponmikankan
0
110
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
4
21k
AWS re:Inventre:cap ~AmazonNova 2 Omniのワークショップを体験してきた~
nrinetcom
PRO
0
130
Keynoteから見るAWSの頭の中
nrinetcom
PRO
1
170
AI との良い付き合い方を僕らは誰も知らない (WSS 2026 静岡版)
asei
1
240
「アウトプット脳からユーザー価値脳へ」がそんなに簡単にできたら苦労しない #RSGT2026
aki_iinuma
9
4.3k
Data Hubグループ 紹介資料
sansan33
PRO
0
2.5k
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
310
テストセンター受験、オンライン受験、どっちなんだい?
yama3133
0
200
Featured
See All Featured
[SF Ruby Conf 2025] Rails X
palkan
0
680
Are puppies a ranking factor?
jonoalderson
0
2.6k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.3k
Into the Great Unknown - MozCon
thekraken
40
2.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Tell your own story through comics
letsgokoyo
0
770
More Than Pixels: Becoming A User Experience Designer
marktimemedia
2
280
First, design no harm
axbom
PRO
1
1.1k
Code Review Best Practice
trishagee
74
19k
Designing for Performance
lara
610
70k
WCS-LA-2024
lcolladotor
0
400
Transcript
Meet you Go with you 2019.12.04 / Shifterup! vol.7 @endout
Self Introduction 2 • Tetsuo Endo / @endout • Director
/ Designer / Engineer … • OVERKAST / ABEJA •
Wordpress との出会い 3 • 2.0 系からサイト制作などでカスタマイズ • LAMP構成
Wordpress を避ける理由 4 • 重い • セキュリティ • 手動でマイグレーション
None
Shifter との運命的な出会い 6 • 2017 年にサイトリニューアルと移行案件 • インフラエンジニアともWPは嫌だよね。。。 • 検証するも、利用に至らず・・・。
◦ 移行したいプロジェクトが立ち上がらず ◦ サブディレクトリ型で運用したい
Shifter の導入機会をつくってしまえ 7
Netlify -> Shifter 導入 (2019/11) 8 OVERKAST, inc / https://overkast.jp/
Shifter 導入の背景 9 • 高速化したい ◦ dev.to って閲覧者的にいいよね〜。 ◦ でも、そこまでフロントエンドを頑張りたくないよ
ね〜。 ◦ 自社メディアも高速化したい http://ekrits.jp/ • セキュリティを気にしたくない • Theme更新
Ekrits 10 http://ekrits.jp/
静的+ちょっとした高速化 11 • 画像の遅延読み込み • 遷移先の先読み(pjax) ◦ barba.js • レスポンスイメージ対応
◦ srcset の設定 • form は form.run Thanks for @msykem
Generate後にPagination が 動作しない 12 • paginationの独自関数の問題? • 投稿タイプの問題?
Shifter のサポートのエスカレーション 13 • 問題の切り分けのサポート ◦ Pagination のプラグイン? ◦ Themeを
動作する初期ThemeへTwintynintee へ 変更し、動作するか? ◦ The_posts_pagination 関数を利用した場合は? • 途中、反応がなくなる。。。 ◦ (AWSへ切り替えますね)
原因は投稿タイプ 14 • 投稿タイプ:post ◦ 動作しない ▪ get_the_posts_pagination ▪ 独自ページネーション
• 投稿タイプ:カスタム ◦ 動作する ▪ get_the_posts_pagination ▪ 独自ページネーション
まとめ 15
Shifterの良いところ 16 • (静的&セキュリティは満足) • サポートのレスポンスが早い • All in one
WP migration がほぼ無料 • ミートアップの が素晴らしい
Shifterの改善してほしいところ 17 • 管理画面のmodalが終わらない時がある • UIが・・・。 • 簡易Basic認証機能
サイトをShifterで実装したい場合は、 @endout まで 18
19 宣伝:デザイナー向けイベントを 12/17 に開催します https://abeja-innovation-meetup.connpass.com/event/156279/
Meet you Go with you 2019.12.04 / Shifterup! vol.7 @endout
これからも応援しています〜