HTML 5.1 (WEBエンジニア勉強会 #02)

2017年07月22日(土) に開催された「WEBエンジニア勉強会 #02」で HTML 5.1 について概要を発表しました。 デモが中心のプレゼンテーションだったので、スライドはメモ程度でしかありません。

Transcript

1. OSCA (濱野 一二三) @engineer_osca )5.-
   
2. ࣗݾ঺հ © OSCA 04$"
   
   ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ ϓϩδΣΫτϚωʔδϟʔ 
   ໷ܠࣸਅՈ * +BWB
   1)1
   ϝΠϯͷΤϯδχΞ * ࠷ۙ͸ਓ޻஌ೳ "*
   ػցֶशΛษڧத * αʔόʔϨεΞʔΩςΫνϟ΋΍Γ͍ͨͳ͊ * ͘͞Βͷ714आΓͯ8&#αʔϏεΛӡӦத * ເͷࠃ ెาݍ಺ॅΈ * !FOHJOFFS@PTDB 
   !PTDBQIPUP
   
   !EJTOFZ@PTDB
3. )5.-
    © OSCA ͜ͷϓϨθϯςʔγϣϯͰ͸ɺ )5.-
   
   ͷ৽ػೳΛ ͬ͟ͱ͝঺հ͠·͢ʂʂ
4. )5.-
   
   ͷϚΠϧετϯ © OSCA ೥݄೔ ૲Ҋ υϥϑτ ͕ެ։ ೥݄೔ קࠂҊ͕ެ։ ೥݄೔ ਖ਼ࣜקࠂ͕ެ։
5. )5.-
   
   ओͳมߋ఺ © OSCA • QJDUVSF
   λάͷ௥Ճ • JNH λάͷ TSDTFU ଐੑͷ௥Ճ • JOQVU
   UZQFlEBUFUJNFMPDBMz
   ʙ
   ͷ௥Ճ • JOQVU
   UZQFlXFFLz
   ʙ
   ͷ௥Ճ • JOQVU
   UZQFlNPOUIz
   ʙ
   ͷ௥Ճ • NFOV
   UZQFlDPOUFYUzNFOVJUFNNFOV • EFUBJMT
   ͱ TVNNBSZ
   ͷ௥Ճ • Πϕϯτ PODVU
   PODPQZ
   POQBTUF ͷ௥Ճ
6. QJDUVSF
   λά © OSCA <picture> <source media="(max-width: 600px)" srcset="blue.png"> <source media="(max-width: 900px)" srcset="green.png"> <img src="pink.png"> </picture> QJDUVSF
   λάͱ಺แ͞Εͨ TPVSDF
   λάͰɺϨεϙϯγϒͳը ૾ද͕ࣔͰ͖ΔΑ͏ʹͳͬͨɻ
7. JNH TSDTFUlz © OSCA JNH λάʹ΋ TSDTFU ଐੑ͕௥Ճ͞ΕɺϨεϙϯγϒରԠ͕ ؆୯ʹͳͬͨɻ JNH TSDlQJDQOHz
   TSDTFUlQJD!YQOH
   Y
   QJD!YQOH
   Yz ྫ ߴີ౓σΟεϓϨΠ͔൱͔ʹΑͬͯը૾Λग़͠෼͚Δɻ JNH TSDlQJDQOHz
   TSDTFUlTNBMMQOH X
   MBSHFQOH Xz ྫ σΟεϓϨΠղ૾౓ʹΑͬͯը૾Λग़͠෼͚Δɻ
8. JOQVU
   UZQFlEBUFUJNFMPDBMz © OSCA * ೥݄೔ͱ࣌ࠁΛೖྗ͢ΔͨΊͷϑΥʔϜίϯϙωϯτɻ * 1$൛ͷදࣔ͸%&.0 * J04൛͸ӈਤ * WBMVF
   ͸ʮ5ʯܗࣜ
9. JOQVU
   UZQFlXFFLz © OSCA * िΛೖྗ͢ΔͨΊͷϑΥʔϜίϯϙωϯτɻ * 1$൛ͷදࣔ͸%&.0 * J04Ͱ͸දࣔ͞Εͣ * WBMVF
   ͸ʮ8ʯܗࣜ
10. JOQVU
    UZQFlNPOUIz © OSCA * िΛೖྗ͢ΔͨΊͷϑΥʔϜίϯϙωϯτɻ * 1$൛ͷදࣔ͸%&.0 * J04͸ӈਤ * WBMVF
    ͸ʮʯܗࣜ
11. EFUBJMT
    ͱ TVNNBSZ
    λά © OSCA • ΋ͷ͝ͱͷ֓ཁઆ໌ͱৄࡉઆ໌Λදݱ͢Δλάɻ • εΫϦϓτΛར༻ͤͣʹৄࡉઆ໌ͷදࣔඇදࣔΛ੾Γସ ͑ΒΕΔɻ <details> <summary>ここに概要を書きます</summary> <p>詳細をここに書きます。</p> </details>
12. NFOV
    UZQFlDPOUFYUz © OSCA • NFOV
    λάͷ UZQF
    ʹ DPOUFYU
    Λࢦఆ͠ɺ·ͨ NFOVJUFN λάΛ಺แ͢Δ͜ͱͰɺӈΫϦοΫ࣌ʹಠࣗͷϝχϡʔ ߲໨ΛදࣔͰ͖ΔΑ͏ʹͳͬͨɻ
13. ݱঢ় © OSCA • )5.-
    
    ͷ࢓༷͕ܾఆ͞Ε͚ͨͩͰɺϒϥ΢β΁ͷ࣮૷ ͸·͕͔͔ͩ࣌ؒΔɻ • ϒϥ΢βͷ࣮૷ঢ়گ͸ɺ8$
    ͷʮ)5.-
    
    *NQMFNFOUBUJPO
    SFQPSUʯͷϖʔδͰ֬ೝͰ͖Δɻ
14. ·ͱΊɾॴײ © OSCA * +BWB4DSJQU
    ΍ $44
    Ͱ࣮ݱ͍ͯͨ͜͠ͱͷ͍͔͕ͭ͘ɺ )5.-
    ͚ͩͰ࣮ݱͰ͖ΔΑ͏ʹͳͬͨɻ * Ϩεϙϯγϒ8&#ʹ)5.-͚ͩͰରԠ͠΍͘͢ͳͬͨɻ * ʮ)5.-Ͱจষߏ଄ɺ$44ͰσβΠϯʯͷߟ͑ํΛม͑ͳ ͯ͘͸͍͚ͳ͍ʁ
15. ࣍ճ࡞ʹ͝ظ଴Լ͍͞ © OSCA