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
メディアリニューアルした話
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
tsumiki
November 08, 2025
Programming
7
0
Share
メディアリニューアルした話
WordPressの既存テーマで作成されていたメディアを独自テーマでリニューアルした話
tsumiki
November 08, 2025
More Decks by tsumiki
See All by tsumiki
リーダブルコードLT
tsumiki
0
11
Svelte触ってみた
tsumiki
0
8
スピーダ事業 Product Teamの1週間を考察してみた。
tsumiki
0
10
New Joinerの時に感じていたことを振り返る
tsumiki
0
5
F# AsyncとTask
tsumiki
0
10
F#でちょっとずつ返す
tsumiki
0
8
評価が大事
tsumiki
0
8
Other Decks in Programming
See All in Programming
脱 雰囲気実装!AgentCoreを良い感じにWEBアプリケーションに組み込むために
takuyay0ne
3
420
How to stabilize UI tests using XCTest
akkeylab
0
150
生成 AI 時代のスナップショットテストってやつを見せてあげますよ(α版)
ojun9
0
330
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
masasuzu
0
270
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
targe
0
160
Tamach-sre-3_ANDPAD-shimaison93
mane12yurks38
0
240
モダンOBSプラグイン開発
umireon
0
190
ロボットのための工場に灯りは要らない
watany
12
3.3k
forteeの改修から振り返るPHPerKaigi 2026
muno92
PRO
3
120
ファインチューニングせずメインコンペを解く方法
pokutuna
0
250
AI 開発合宿を通して得た学び
niftycorp
PRO
0
190
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
ya_ma23
0
1.2k
Featured
See All Featured
Visualization
eitanlees
150
17k
How to Ace a Technical Interview
jacobian
281
24k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
500
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
220
Paper Plane (Part 1)
katiecoart
PRO
0
6.3k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.1k
What's in a price? How to price your products and services
michaelherold
247
13k
My Coaching Mixtape
mlcsv
0
91
Marketing to machines
jonoalderson
1
5.1k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
64
54k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Transcript
メディアリニューアルした話
初期(2019)
リニューアル1回目(2020)
リニューアル2回目(2021)
リニューアル3回目(2022)←今回の話
限られた時間の中で効率よく実装する
開発の背景 • 元々、既存のWrodPressのテーマをカスタマイズして使っていた • 表示速度が遅い • カスタマイズ性が乏しい(デザインや機能がテンプレートに依存する) →いちからサイトを作り直そう!
制作期間 • 3ヶ月くらい • 2022年3月 だらだら環境構築 • 2022年4月 ほぼ何もしてない •
2022年5月29日 本格スタート! • 2022年8月1日 リリース!
技術検討の話 • 使った技術 • HTML・CSS・SCSS・JavaScript・WordPress(PHP)、webpack、Docker • ReactやVueを使ったヘッドレスCMSも検討したが、今の段階ではオー バースペックと判断 • 予期せぬ落とし穴もありそう
→今後拡張もしやすいWordPressを使ったベーシックな形で実装
開発の流れ • 環境構築(Docker、webpack) • コーディング(HTML・CSS・SCSS・JavaScript)1,5ヶ月 • CMS化(WordPress)1ヶ月
工夫したこと1 • SPAではないけど、できるだけ表示速度を速くする! 具体例) • CSS・JavaScriptの圧縮→webpack • スライダーの軽量化→keen slider •
遅延ロード
工夫したこと2 • SEO対策 https://www.notion.so/SEO-092ef291c38748fd90c775b598bc31ad
工夫したこと3 • 既存のテーマでできたことは、できるようにした 具体例) • 目次機能 • PV計測・ランキング機能 • CV計測機能
• クイックタグ (マーカー、プロフィール、ボタンなど)
意外と苦労したこと • メニューや検索窓など地味に作るのに時間がかかった • 既存のテーマの仕様に引っ張られて表示がおかしいものの調整 - 既存のテーマで出力されていたHTML要素が想定と違った - 使われていたショートコードのカバー •
全体的に既存のテーマで当たり前にできていたことが、自作するとできな くなることが多かった - 画像表示系など
今後やりたいこと • ヘッドレスCMSに挑戦 • ToBメディアでよくある資料請求の機能を作る