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
280
メルカリ 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
230
THE NEW "PERFECT PHP" WILL BE COMING SOON
fivestar
0
8k
Symfony - フレームワークの先へ
fivestar
2
9.8k
Other Decks in Technology
See All in Technology
軽量DDDはもういらない! スタイルガイド本で OOPの実装パターンを学ぼう
panda_program
21
7.7k
いろんなものと両立する Kaggleの向き合い方
go5paopao
1
170
フルカイテン株式会社 採用資料
fullkaiten
0
39k
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
200
[JAWS-UG金沢支部×コンテナ支部合同企画]コンテナとは何か
furuton
3
320
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
3.7k
小規模に始めるデータメッシュとデータガバナンスの実践
kimujun
4
630
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
210
SREの前に
nwiizo
9
1.3k
大規模データ基盤チームのオンプレTiDB運用への挑戦 / dpu-tidb
cyberagentdevelopers
PRO
1
110
ガバメントクラウド先行事業中間報告を読み解く
sugiim
1
1.9k
株式会社ログラス − エンジニア向け会社説明資料 / Loglass Comapany Deck for Engineer
loglass2019
3
28k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Code Review Best Practice
trishagee
64
17k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
4 Signs Your Business is Dying
shpigford
180
21k
Being A Developer After 40
akosma
86
590k
Measuring & Analyzing Core Web Vitals
bluesmoon
2
51
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
4
380
The Cult of Friendly URLs
andyhume
78
6k
Side Projects
sachag
452
42k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
330
Building Flexible Design Systems
yeseniaperezcruz
327
38k
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