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
kotlin-lsp の開発開始に触発されて、Emacs で Kotlin 開発に挑戦した記録 / kotlin‑lsp as a Catalyst: My Journey to Kotlin Development in Emacs
nabeo
2
320
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
4
2.7k
Snowflakeとdbtで加速する 「TVCMデータで価値を生む組織」への進化論 / Evolving TVCM Data Value in TELECY with Snowflake and dbt
carta_engineering
0
140
Playwrightで始めるUI自動テスト入門
devops_vtj
0
140
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
260
触れるけど壊れないWordPressの作り方
masakawai
0
660
Databricks Free Editionで始めるMLflow
taka_aki
0
790
データエンジニアとして生存するために 〜界隈を盛り上げる「お祭り」が必要な理由〜 / data_summit_findy_Session_1
sansan_randd
1
960
パフォーマンスチューニングのために普段からできること/Performance Tuning: Daily Practices
fujiwara3
2
200
実践マルチモーダル検索!
shibuiwilliam
3
560
新米エンジニアをTech Leadに任命する ー 成長を支える挑戦的な人と組織のマネジメント
naopr
1
350
CLIPでマルチモーダル画像検索 →とても良い
wm3
2
790
Featured
See All Featured
It's Worth the Effort
3n
187
28k
The Language of Interfaces
destraynor
162
25k
Designing for humans not robots
tammielis
254
26k
For a Future-Friendly Web
brad_frost
180
10k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Fireside Chat
paigeccino
41
3.7k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Automating Front-end Workflow
addyosmani
1371
200k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
260
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
これからも応援しています〜