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.4k
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
140
Goで学ぶSOLID原則
fivestar
0
320
メルカリ CSE チームの 歩みと取り組み / Steps and Tries in the CSE team for Mercari
fivestar
2
910
Go in Corporate Solutions Engineering
fivestar
0
2.4k
いつまでPHP 5.x使ってるの
fivestar
1
2k
PHP のドキュメントを読んで PHP のことをもっと知ろう
fivestar
1
3.2k
CrocosSecurityBundleを Symfony3.0に対応した話
fivestar
0
250
THE NEW "PERFECT PHP" WILL BE COMING SOON
fivestar
0
8k
Symfony - フレームワークの先へ
fivestar
2
10k
Other Decks in Technology
See All in Technology
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
190
OPENLOGI Company Profile for engineer
hr01
1
20k
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
190
【内製開発Summit 2025】イオンスマートテクノロジーの内製化組織の作り方/In-house-development-summit-AST
aeonpeople
2
1.1k
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
660
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
140
目標と時間軸 〜ベイビーステップでケイパビリティを高めよう〜
kakehashi
PRO
8
860
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
490
サバイバルモード下でのエンジニアリングマネジメント
konifar
8
1.6k
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
280
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
280
急成長する企業で作った、エンジニアが輝ける制度/ 20250227 Rinto Ikenoue
shift_evolve
0
180
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
For a Future-Friendly Web
brad_frost
176
9.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Why Our Code Smells
bkeepers
PRO
336
57k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
How STYLIGHT went responsive
nonsquared
99
5.4k
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