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サイト構築フローとは
Search
Chiaki Okamoto
June 27, 2017
Technology
2
1k
さいきょうのWordPressサイト構築フローとは
WordBench Kyoto 2017.04
Chiaki Okamoto
June 27, 2017
Tweet
Share
More Decks by Chiaki Okamoto
See All by Chiaki Okamoto
20251102 WordCamp Kansai 2025
chiilog
1
1.1k
2025/09/18 AIコーディングで「保活手帳」を作ってみた
chiilog
0
63
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
360
私の推しはブロックエディター 〜デフォルトブロックに触れ合う〜
chiilog
0
370
この一年で身についた“マトモ”な WordPressテーマの作り方
chiilog
7
2.1k
WordPressテーマの作り方 2019 私のベストプラクティス
chiilog
24
14k
Google Optimizeで始めるA/Bテスト #wbkyoto
chiilog
1
3.4k
こんなCSSからはそろそろ卒業しよう
chiilog
18
17k
まだCSSで消耗したい?Sassを覚えて楽しちゃおう!
chiilog
4
2.1k
Other Decks in Technology
See All in Technology
Axon Frameworkのイベントストアを独自拡張した話
zozotech
PRO
0
230
やり方は一つだけじゃない、正解だけを目指さず寄り道やその先まで自分流に楽しむ趣味プログラミングの探求 2025-11-15 YAPC::Fukuoka
sugyan
3
930
ABEMAのCM配信を支えるスケーラブルな分散カウンタの実装
hono0130
4
1.1k
現地速報!Microsoft Ignite 2025 M365 Copilotアップデートレポート
kasada
2
1.6k
持続可能なアクセシビリティ開発
azukiazusa1
6
300
2025年 面白の現在地 / Where Omoshiro Stands Today: 2025
acidlemon
0
340
アジャイル社内普及ご近所さんマップを作ろう / Let's create an agile neighborhood map
psj59129
1
140
明日から真似してOk!NOT A HOTELで実践している入社手続きの自動化
nkajihara
1
880
信頼性が求められる業務のAIAgentのアーキテクチャ設計の勘所と課題
miyatakoji
0
110
ある編集者のこれまでとこれから —— 開発者コミュニティと歩んだ四半世紀
inao
5
3.5k
Building AI Applications with Java, LLMs, and Spring AI
thomasvitale
1
230
入社したばかりでもできる、 アクセシビリティ改善の第一歩
unachang113
2
340
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Docker and Python
trallard
46
3.7k
A Tale of Four Properties
chriscoyier
162
23k
Designing Experiences People Love
moore
142
24k
Become a Pro
speakerdeck
PRO
29
5.6k
Designing for humans not robots
tammielis
254
26k
Documentation Writing (for coders)
carmenintech
76
5.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
How GitHub (no longer) Works
holman
315
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.8k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
How STYLIGHT went responsive
nonsquared
100
5.9k
Transcript
さいき ょ うの Wo r d P r e s
s サイ ト構築フローとは Wo r d B e n c h K y o t o 2 0 1 7 . 0 4
元マークアップエンジニア。 現在はWe b デザイ ナー( タマゴ) Wo r d C
a m p K a n s a i 2 0 1 4 / 2 0 1 5 / 2 0 1 6 実行委員 Wo r d B e n c h O s a k a 元モデレーター 小原 千秋 おばら ちあき じこしょうかい
人によっては当たり前の内容です。 当たり前じゃんって思ってもらえると うれしいです。 はじめに
ディ レ ク ターも デザイナーもエンジニア も もっ とコ ミ ュニケーションを取ろう!
大前提 という話です。 さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは
Wo r d P r e s s は入れるだけで なんでも
できるよう になるツールではあ り ません。 ただ、 ベースが用意されているだけで 立派なシステム開発です。 ( 持論) 例えるならプランターのようなもの。 どんな土を使うかも、 中になにを植えるかも決めるのは人です。 勝手にできたりしません。 さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは
ディレクター 制作とクライアントの かけ橋になるひと デザイナー 仕様と要望をデザインに おとしこむひと エンジニア デザインをソースで表現して、 仕様に沿ってWo r
d P r e s s 化 するひと さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは
一番大切なのは、 しっかりと仕様を固めること さいき ょ う のWo r d P r
e s s サイ ト構築フ ロー とは ぱんくずの実装 おねがいします ( あのプラグイン 使えばいけるな ) はーい
実装終わってからこういうのはやめましょう さいき ょ う のWo r d P r e
s s サイ ト構築フ ロー とは あ、 このカテゴリー だけ、 ここに□□って 言葉入れてください えっ
デザインができてから さいき ょ う のWo r d P r e
s s サイ ト構築フ ロー とは よーし言われた要素 はめれたぞ !
こういうのもやめましょう さいき ょ う のWo r d P r e
s s サイ ト構築フ ロー とは タグの一覧もここに いれてください ! 後出しあたーっく
すべては初動が大事 ! 最初の設計段階でチームをつくろう! 動的サイトであることを意識する 細部まできちんと最初に仕様を決める 後出しの仕様は構築が始まるまでに! 追加の仕様は気軽に受けない。 まず相談すること さいき ょ
う のWo r d P r e s s サイ ト構築フ ロー とは
ユニットテストはとても参考になります さいき ょ う のWo r d P r e
s s サイ ト構築フ ロー とは
ディレクター ただ要望を制作に伝える だけではありません デザイナー デザインF I X したら 終わりではありません エンジニア
コーディングをしたら 終わりではありません 自分の領域が終わったら終わり、 ではありません さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは
せっかくチームで進めているので、 みんなで役割分担をしっかりして よりよい成果物をつくろう さいき ょ う のWo r d P
r e s s サイ ト構築フ ロー とは