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
PHP BLT だけど HTML5 の コンテンツモデルのお話
Search
Katsuhiro Ogawa
November 24, 2015
Technology
0
2.3k
PHP BLT だけど HTML5 の コンテンツモデルのお話
PHP BLT #1
http://phpblt.connpass.com/event/21929/
Katsuhiro Ogawa
November 24, 2015
Tweet
Share
More Decks by Katsuhiro Ogawa
See All by Katsuhiro Ogawa
新規プロダクト開発に伴う既存マイクロサービスのリアーキテクティングとその後
fivestar
1
130
Goで学ぶSOLID原則
fivestar
0
260
メルカリ CSE チームの 歩みと取り組み / Steps and Tries in the CSE team for Mercari
fivestar
2
870
Go in Corporate Solutions Engineering
fivestar
0
2.4k
いつまでPHP 5.x使ってるの
fivestar
1
1.9k
PHP のドキュメントを読んで PHP のことをもっと知ろう
fivestar
1
3.1k
CrocosSecurityBundleを Symfony3.0に対応した話
fivestar
0
220
THE NEW "PERFECT PHP" WILL BE COMING SOON
fivestar
0
7.9k
Symfony - フレームワークの先へ
fivestar
2
9.8k
Other Decks in Technology
See All in Technology
グイグイ系QAマネージャーの仕事
sadonosake
0
330
Agile in Automotive Industry, puzzles and lights.
hiranabe
3
1.4k
20240911_New_Relicダッシュボード活用例
speakerdeckfk
0
110
Discovering AI Models
picardparis
4
3.9k
『GRANBLUE FANTASY Relink』キャラクターの魅力を支えるリグ・シミュレーション制作事例
cygames
0
120
【株式会社ELYZA】|GENIAC成果報告会 自社開発モデルプレゼンテーション
elyza
1
250
React Aria で実現する次世代のアクセシビリティ
ryo_manba
4
1.2k
スタッフエンジニアの道: The Staff Engineer’s Path
snoozer05
PRO
44
14k
プロダクトエンジニアを支えるための開発生産性向上施策
tsukakei
0
140
Google CloudのLLM活用の選択肢を広げるVertex AIのパートナーモデル
nayuts
0
130
アプリをリリースできる状態に保ったまま 段階的にリファクタリングするための 戦略と戦術 / Strategies and tactics for incremental refactoring
yanzm
6
1.4k
社内の学びの場・コミュニティ形成とエンジニア同士のリレーションシップ構築/devreljapan2024
nishiuma
3
290
Featured
See All Featured
Faster Mobile Websites
deanohume
304
30k
In The Pink: A Labor of Love
frogandcode
139
22k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
Agile that works and the tools we love
rasmusluckow
327
20k
Teambox: Starting and Learning
jrom
131
8.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
166
48k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Atom: Resistance is Futile
akmur
261
25k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
Transcript
1)1#-5͚ͩͲ )5.-ͷ ίϯςϯπϞσϧͷ͓ খ༤େ!pWFTUS 1 PHP BLT #1
ͩΕ খ༤େ ͓͕Θ͔ͭͻΖ ͖Β͍ͳͷτϚτ 2
)5.-ͱ͍͑ 3
<!DOCTYPE html> 4
<meta charset="utf8"> 5
<section> <article> <header> 6
<input type="url"> <input type="email" required> 7
<canvas> <svg> 8
͋ͷΠέͯΔͭͶ 9
ͳͲͱ͍͏ τʔγϩ͚ͷͰͳ͘ 10
)5.-ͷ ίϯςϯπϞσϧʹ͍ͭͯ ͠·͢ 11
ϒϩοΫཁૉɺΠϯϥΠϯཁૉ w )5.-ΑΓલɺཁૉΛ ʮϒϩοΫ Ϩϕϧ ʯʮΠϯϥΠϯʯ ͷେ͖ͭ͘ʹ͚͍ͯ·ͨ͠ w ΠϯϥΠϯཁૉͷதʹϒϩοΫཁૉ ஔͰ͖·ͤΜͰͨ͠
12
<!-- OK --> <div><a>PHP</a></div> <!-- NG --> <a><div>PHP</div></a> 13
ίϯςϯπϞσϧ w ཁૉ͕ͲͷίϯςϯπΛแͰ͖Δ͔ͷఆٛ w ίϯςϯπϞσϧʹ༷ʑͳΧςΰϦʔ͕ ఆٛ͞Ε͓ͯΓɺ֤ཁૉ͔ͳΒͣͲΕ͔ͷ ΧςΰϦʔʹଐ͍ͯ͠Δ w IUUQXXXXPSH53IUNMEPNIUNMDPOUFOUNPEFMT 14
ΧςΰϦʔ 15
Կ͕ҧ͏͔ w ཁૉ͕ෳͷΧςΰϦʔʹॴଐͰ͖ΔΑ͏ʹ ͳͬͨ w ΧςΰϦʔ͕ࡉԽ͞Εͨ w ྫ͑aཁૉUSBOTQBSFOUDPOUFOUͱݴ͏ ಛघͳίϯςϯπϞσϧʹଐ͢Δ 16
<!-- HTML5 ͳΒ OK --> <a><div>PHP</div></a> 17
ίϯςϯπϞσϧͰؾΛ͚ͭΔ͜ͱ͋Δ͔ w جຊతʹ)5.-࣌ͱಉ͡Α͏ʹ͑Δ w ϒϩοΫΠϯϥΠϯͷߟ͑ํ $44ͷdisplayͰ݈ࡏ 18
ࡉ͔͍͜ͱ8FCͰ IUUQXXXXPSH53IUNM EPNIUNMDPOUFOUNPEFMT 19
ͳΜͰ1)1#-5Ͱ )5.-ͷΛ͢Δͷ͔ 20
ίϯςϯπϞσϧΛղऍͯ͠ )5.-Λิਖ਼͢Δ 1)1ϥΠϒϥϦΛ࡞͔ͬͨΒͰ͢ 21
)5.-1BSBHSBQIJ[FS w <br>ͷ࿈ଓΛݕͯ͠ஈམΛ<p>Ͱғ͏ w ίϯςϯπϞσϧͷ༷ʹ߹Θͤͯ )5.-Λଥͳ༰ʹ͢Δ w Ϡϑʔͷࣄதʹ࡞ͬͨ 22
ΦʔϓϯιʔεԽʂ 23
͢Δલʹୀ৬ͯ͠͠·͍·ͨ͠ 24 ϠϑʔͷͲͳ͔ͨɺΑΖ͓͘͠ئ͍͠·͢
݄͔Β"ODBSʹస৬͠·͢ 25
͓͠·͍ 26