フロントエンドカンファレンス福岡 2019 https://frontend-conf.fukuoka.jp/
セッション資料です。
+BWB4DSJQUͷ ಡΈࠐΈΛߟ͑ΔגࣜձࣾΦϛΧϨɹલণॴɺBTZODɺEFGFSɺͦͷΈͱ͍ॴ
View Slide
ࠓͷ͓
+BWB4DSJQUΣϒϖʔδʹ͔ܽͤͳ͍ଘࡏʹ ͳ͍ͬͯ·͕͢ɺϖʔδͷදࣔͷύϑΥʔϚϯεΛ ߟ͑ΔࡍʹԿ͔ͱΛΒΜͰ͍Δ ଘࡏʹͳ͍ͬͯ·͢ɻͦͷͨΊɺύϑΥʔϚϯε্ͷͨΊʹ༷͕ࡦఆ͞Εɺ ϒϥβଆରԠΛਐΊ͍ͯ·͢ɻ
͜ͷηογϣϯͰɺύϑΥʔϚϯε্ͷͨΊͷ ঢ়گʹ͍ͭͯཧ͠ɺ খʙதنͷΣϒαΠτɺΣϒΞϓϦέʔγϣϯ Λ࡞͍ͯ͠Δਓʹɺ දࣔͷ࠷దԽͷҰॿͱͯ͠ +BWB4DSJQUͷಡΈࠐΈʹ͍ͭͯղઆ͠·͢ɻ
ࣗݾհલণʢ·͔͑Θ·͞Ώ͖ʣ גࣜձࣾΦϛΧϨ 69σϕϩούʔ!NBFQPO
ࠗ׆ͱ͍͑ΦϛΧϨ
͡Ί·͢
+BWB4DSJQUͱදࣔύϑΥʔϚϯεͷؔ
ΫϥΠΞϯτʢϒϥβʣ ͕ड͚औΔલޙ
ΫϥΠΞϯτʢϒϥβʣ ͕ड͚औΔલޙw ϦΫΤετͷλΠϛϯάw ωοτϫʔΫͷঢ়ଶw ϑΝΠϧͷαΠζw ϑΝΠϧͷw FDUʜw ࣮ߦͷλΠϛϯάw ϓϩάϥϜͷෛՙw %0.ͷෛՙw FDUʜ
ΫϥΠΞϯτʢϒϥβʣ ͕ड͚औΔલޙw ϦΫΤετͷλΠϛϯάw ωοτϫʔΫͷঢ়ଶw ϑΝΠϧͷαΠζw ϑΝΠϧͷw FDUʜw ࣮ߦͷλΠϛϯάw ϓϩάϥϜͷෛՙw %0.ͷෛՙw FDUʜࠓճͷͰؔΘͬͯ͘Δͷ͜͜
$ISPNFͷ%FW5PPMTͷ ʮ1FSGPSNBODFʯ Ͱͦͷ͋ͨΓ͕͑·͢ɻ
<br/><script type=“text/javascript src=“bar.js” defer><br/>BTZODͱEFGFS<br/>
ैདྷͷ+4ಡΈࠐΈ+4ಡΈࠐΈ+4࣮ߦ)5.-ύʔε
)5.-ύʔεBTZOD+4ಡΈࠐΈ+4࣮ߦ
BTZODͷK2VFSZͷͨΊʹɺ1BSTF)5.-͕தஅ͞Ε͍ͯ·͢
EFGFS+4ಡΈࠐΈ+4࣮ߦ)5.-ύʔε%0.$POUFE-PBEFE
BTZODw ಡΈࠐΈ͕ྃͨ͠εΫϦϓτ͔Β࣮ߦw )5.-ͷهड़ͷॱ൪ʹ߆ଋ͞Εͳ͍
<br/><script src=“jquery-plugin.js” async><br/>͜ͷ߹ɺ<br/>ΤϥʔʹͳΔՄೳੑ͕ͱͯߴ͍<br/>
EFGFSw )5.-ͷهड़ͷॱ൪Ͱ࣮ߦ
<br/><script src=“jquery-plugin.js” defer><br/>͜ͷهड़ͷ߹ΤϥʔʹͳΒͳ͍<br/>
<br/><script src=“jquery-plugin.js” defer><br/>ΤϥʔͷՄೳੑ͋Γ<br/>
ҙಡΈࠐΉ+BWB4DSJQUʹґଘͨ͠ +BWB4DSJQU͕CPEZʹ TDSJQUλάͱͯ͠هड़͞Ε͍ͯΔ߹ɺ BTZODEFGFS͑ͳ͍
<br/><script src=“jquery-plugin.js” defer><br/>͜͏ͳΔ<br/>
BTZODͱEFGFS࣮ߦλΠϛϯάͷҧ͍͋Δ͕ɺ ϑΝΠϧͷಡΈࠐΈΛඇಉظͰߦ͑ΔͷͰ ͦͷؒɺ)5.-ͷύʔεΛ્͠ͳ͍
Ͳ͏͍ͯ͜͠͏͔ʁ
ಡΈࠐΈͷඇಉظԽw ࠷ݶɺϑΝΠϧऔಘ࣌ͷϒϩοΫΛͳ͘͢w CPEZͷϥΠϒϥϦͳͲʹґଘͨ͠ +BWB4DSJQU໓͢Δ
BTZODͱEFGFSɺͲͬͪʁ
Ͳͬͪʁ
έʔεɾόΠɾέʔεʂ
)5.-ύʔεBTZOD+4ಡΈࠐΈ+4࣮ߦ͕͜͜ؾʹͳΔ
ͱ͍͑ʜ
EFGFS+4ಡΈࠐΈ+4࣮ߦ)5.-ύʔε%0.$POUFE-PBEFE͕͜͜ौ͢Δͷ
BTZOD͕͍͍ͯΔͷw ϢʔβʔτϥοΩϯάܥw %0.ΑΓԼͷϨΠϠʔΛѲΔͷ
EFGFS͕͍͍ͯΔͷw 6*ૢ࡞ܥw %-$ %0.$POUFOU-PBEFEͰൃՐ͢Δͷ
BTZODͱEFGFSͲͷΑ͏ͳతͷεΫϦϓτ͔Λߟ͑ͯબ
ͱ͜ΖͰʜ
TDSJQUͲ͜Ͱॻ͍ͯ·͢ʁ
+4ͷಡΈࠐΈʮCPEZͷલʹ+4ΛಡΈࠐΉʯͷੋඇ
BTZODEFGFSΛCPEZલʹஔ͘ͱʜ+4ಡΈࠐΈ+4࣮ߦ)5.-ύʔε
+4ͷಡΈࠐΈඇಉظಡΈࠐΈͷಛੑ͕ߦ͔ͤͳ͍ͷͰɺ IFBEIFBE͕ྑ͍ͷͰʁ
·ͱΊ
ݪଇͱͯ͠w TDSJQUʹ ʮEFGFSʯ͘͠ʮBTZODʯΛ͚ͭΔw ͲͪΒ͔తΛ͔Βஅ͢Δw ͦͷ্ͰIFBEIFBEʹ
࠷ޙʹ͜ͷ͓දࣔ࠷దԽͷͨΊͷখ͞ͳϐʔε
࠷ޙʹࠓҰௌ͍ͨ͞·͟·ͳͷΛ࣋ͪؼͬͯ
࠷ޙʹշదͳΣϒΛϢʔβʔʹಧ͚·͠ΐ͏ʂ
ࠗ׆ͱ͍͑ΦϛΧϨ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ!NBFQPO