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
Pwned Labsのすゝめ
ken5scal
2
430
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
270
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
290
技術スタックだけじゃない、業務ドメイン知識のオンボーディングも同じくらいの量が必要な話
niftycorp
PRO
0
100
Snowflake ML モデルを dbt データパイプラインに組み込む
estie
0
100
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
awarefy
3
11k
分解して理解する Aspire
nenonaninu
2
1.1k
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
設計を積み重ねてシステムを刷新する
sansantech
PRO
0
160
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
240
実は強い 非ViTな画像認識モデル
tattaka
3
1.2k
IoTシステム開発の複雑さを低減するための統合的アーキテクチャ
kentaro
1
110
Featured
See All Featured
Faster Mobile Websites
deanohume
306
31k
The Language of Interfaces
destraynor
156
24k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
KATA
mclloyd
29
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Code Reviewing Like a Champion
maltzj
521
39k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
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