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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
tsumiki
November 08, 2025
Programming
0
3
メディアリニューアルした話
WordPressの既存テーマで作成されていたメディアを独自テーマでリニューアルした話
tsumiki
November 08, 2025
Tweet
Share
More Decks by tsumiki
See All by tsumiki
リーダブルコードLT
tsumiki
0
4
Svelte触ってみた
tsumiki
0
3
スピーダ事業 Product Teamの1週間を考察してみた。
tsumiki
0
3
New Joinerの時に感じていたことを振り返る
tsumiki
0
3
F# AsyncとTask
tsumiki
0
3
F#でちょっとずつ返す
tsumiki
0
2
評価が大事
tsumiki
0
4
Other Decks in Programming
See All in Programming
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
5.9k
GISエンジニアから見たLINKSデータ
nokonoko1203
0
200
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
950
Oxlintはいいぞ
yug1224
5
1.2k
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
570
AIフル活用時代だからこそ学んでおきたい働き方の心得
shinoyu
0
120
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
tomohisa
0
130
AtCoder Conference 2025
shindannin
0
1k
2026年 エンジニアリング自己学習法
yumechi
0
120
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
CSC307 Lecture 02
javiergs
PRO
1
770
今から始めるClaude Code超入門
448jp
7
8k
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
200
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
250
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
310
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.3k
Are puppies a ranking factor?
jonoalderson
1
2.7k
Designing Powerful Visuals for Engaging Learning
tmiket
0
210
GraphQLとの向き合い方2022年版
quramy
50
14k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
Everyday Curiosity
cassininazir
0
120
HDC tutorial
michielstock
1
340
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
370
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メディアでよくある資料請求の機能を作る