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
150
Goで学ぶSOLID原則
fivestar
0
380
メルカリ CSE チームの 歩みと取り組み / Steps and Tries in the CSE team for Mercari
fivestar
2
940
Go in Corporate Solutions Engineering
fivestar
0
2.5k
いつまでPHP 5.x使ってるの
fivestar
1
2k
PHP のドキュメントを読んで PHP のことをもっと知ろう
fivestar
1
3.2k
CrocosSecurityBundleを Symfony3.0に対応した話
fivestar
0
280
THE NEW "PERFECT PHP" WILL BE COMING SOON
fivestar
0
8.1k
Symfony - フレームワークの先へ
fivestar
2
10k
Other Decks in Technology
See All in Technology
人と組織に偏重したEMへのアンチテーゼ──なぜ、EMに設計力が必要なのか/An antithesis to the overemphasis of people and organizations in EM
dskst
3
300
GCASアップデート(202506-202508)
techniczna
0
240
Backboneとしてのtimm2025
yu4u
3
1.3k
.NET開発者のためのAzureの概要
tomokusaba
0
220
人を動かすことについて考える
ichimichi
2
310
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
13
4.7k
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
aeonpeople
1
190
生成AI活用のROI、どう測る? DMM.com 開発責任者から学ぶ「AI効果検証のノウハウ」 / ROI of AI
i35_267
4
150
2025新卒研修・Webアプリケーションセキュリティ #弁護士ドットコム
bengo4com
3
10k
AWSの最新サービスでAIエージェント構築に楽しく入門しよう
minorun365
PRO
10
590
ウォンテッドリーのアラート設計と Datadog 移行での知見
donkomura
0
300
はじめての転職講座/The Guide of First Career Change
kwappa
5
4.5k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
338
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
890
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
The Language of Interfaces
destraynor
160
25k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Statistics for Hackers
jakevdp
799
220k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
We Have a Design System, Now What?
morganepeng
53
7.7k
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