どうなる Remix 3

フロントエンド勉強会 in 大阪 2025/11/7 の資料です。

Transcript

1. Ͳ͏ͳΔ
   3FNJY
    8FC
   ։ൃͷήʔϜνΣϯδϟʔʹͳΓ͑Δ͔
2. ాதͻͯ͞Δ
3. ࿡ߕࢁώϧΫϥΠϜ͖ͯ͠·ͨ͠
4. 3FNJY
   +BN
   
   Ͱൃද w 7
   ͸
   3FBDU
   ΍ΊΔͬͯΑ
   w ࠓޙͷϩʔυϚοϓ
   w 3FNJY
   
   
   8FC
   ඪ४ʹରͯ͠७ਮͳ৽ϑϨʔϜϫʔΫ
   w 3FBDU
   3PVUFS
   
   ϓϩμΫγϣϯͰੜ͖ͯΔ͔Β΍Ίͳ͍
   w ͜Ε·Ͱͷ
   3FNJY
   
   
   
   
   ͦΜͳͣͬͱ࢖͍͍ͨ
   w 7
   σϞ൛Λ͍ͬͯ͡ࢥ૝ΛಡΈऔͬͯΈΑ͏
5. ͓͜ͱΘΓ w ໳֎׽͕޷͖উखݴ͏ͯ·͢
   w ࢓ࣄͰ͸
   3FNJY
   
   ΋
   3FBDU
   3PVUFS
   ΋࢖ͬͯ·ͤΜ
   w ։ൃதͷઃܭͳͷͰকདྷͲ͏ͳΔ͔Θ͔Γ·ͤΜ
   w /FYUKT
   
   3FBDU
   ͷઃܭʹ΋ผͷཧ͕͋Δͱࢥ͍ͬͯ·͢
   ˡ
   ॏཁ
6. αʔόʔαΠυ
7. /FYUKT
   ͷ
   443
   ͦ΋ͦ΋࿦ w 3FBDU
   %0.
   ॏް
   w ϑϩϯτΤϯυٕज़ΛαʔόʔଆͰແཧͯ͠΍ͬͯΔײ
   w ஌Βͳ͍ͱϋϚΔಠࣗͷن໿
   w ϑΝΠϧϑΥϧμ໊ͷن໿ɺVTF
   DMJFOU
   VTF
   TFSWFS
   ஫ऍɺ-JOL
   *NBHF
   ͳͲݻ༗ͷίϯϙʔωϯτɺFYQPSU
   NFUBEBUB
   
   ม਺໊΋ܾ· ͬͯΜͷ͔
   w 4FSWFS
   "DUJPOT
   ͱ͔͍͍Μ͚ͩͲ
   63-
   ͕ຖճมΘΔ͔Βͳʔ
8. 3FNJY
   ͷαʔόʔαΠυ w )551
   ·ΘΓ͸
   &YQSFTT
   ͙Β͍ബ͍
   ΋͘͠͸
   'MBTL
   ΍
   143
   ͳͲ
   w ϦΫΤετΛೖΕͯϨεϙϯεΛฦ͢Α
   w ύεͱϝιουͰϧʔςΟϯά͢ΔΑ
   w Ϗϡʔ͸
   +49
   ΛςϯϓϨʔτΤϯδϯͱͯ͠ར༻
   w +49
   ͚ͩͲ࣮૷͸
   3FBDU
   Ͱ͸ͳ͍
   w QSFBDU
   ͷϑΥʔΫ͕ϕʔεΒ͍͠
9. ΤϯτϦϙΠϯτ ;ͭ͏ʹ
   UTY
   XBUDI
   TFSWFSUT
   Ͱಈ͘εΫϦϓτ ૉͷ
   )551
   αʔόʔ TFSWFSUT
10. ϦΫΤετɾϨεϙϯεɾϧʔλʔ SPVUFS
    ʹϦΫΤετΛ౉ͯ͠
    ग़͖ͯͨϨεϙϯεΛฦͯ͠Δ͚ͩ ͨͩͷؔ਺ ͨͩͷؔ਺
11. ϦΫΤετϋϯυϥɾ+49 ௚ྻԽͯ͠)5.-ͷ
    OFX
    3FTQPOTF
    ʹ
12. ܕ҆શͳϧʔτύλʔϯఆٛ ϋϯυϥͷόΠϯυʹ ϋϯυϥʹ͸ܕਪ࿦ώϯτ +49
    Ͱ
    63-
    ͷੜ੒ʹ΋
13. ͱ͍͏Θ͚Ͱ
    "1*
    ΋ಛघن໿ͳ͠Ͱૉ௚ʹ
14. αʔόʔαΠυͦͷଞ w ϢʔςΟϦςΟͷ
    SPTPVSDF
    ϧʔτΘ͔ͬͯΔʙ
    w $36%
    ʹඞཁͳϋϯυϥΛϫϯηοτ ܕ੍໿Ͱ աෆ଍ͳ͘ఆٛՄೳ
    w ΫϥΠΞϯτίϯϙʔωϯτͷॳظঢ়ଶ͸
    )5.-
    ʹͪΌΜͱ৐Δ
    w ॳظঢ়ଶ αʔόʔධՁ ͕
    )5.-
    ʹͳͬͯຒΊࠐ·ΕΔ
    w ϒϥ΢βʹಈతίϯϙʔωϯτͷϞδϡʔϧ͕ϩʔυ͞ΕΔ
    w ඳըߋ৽ ΫϥΠΞϯτΠϕϯτ ͕ى͖ͨͱ͖
    %0.
    ͕มԽˠޙ൒΁
15. ΫϥΠΞϯταΠυ
16. 3FBDU
    ͬͯͦ΋ͦ΋ w 
    ೥લͷ໰୊ʹର͢ΔιϦϡʔγϣϯ
    w (PPHMF
    ͕
    7
    Λ࡞ͬͯ
    +4
    ॲཧܥ͸ര଎ԽʹਐΜ͕ͩ
    w ͦΕʹରͯ͠ϒϥ΢β
    %0.
    ͸͍·ܹͩ஗
    *&
    ΨϥεϚΛච಄ʹ
    w جຊίϯηϓτ
    w +4
    Ͱݟ͑ͳ͍
    %0.
    7%0.
    Λ࡞Γɺ࣮
    %0.
    ʹ୯ํ޲൓ө
    w 7%0.
    ͷมԽͷ࠷খࠩ෼Λࣗಈܭࢉ
    ˠ
    ࠷গૢ࡞Ͱ࣮
    %0.
    ʹύον
    w ࠩ෼ͷੵΈ্͕͛ڰΘͳ͚Ε͹͓͔͘͠ͳΒͳ͍ɺ͸ͣ
17. ࠓ
    3FNJY
    
    Λ࡞Γͨ͘ͳΔؾ࣋ͪ ૝૾ w %0.
    ͕஗͍ϒϥ΢β͸΋͏໓ΜͩΑͶ
    w +4
    ॲཧܥҎ֎΋ɺϒϥ΢βଆͷਐา͕Ί͟·͍͠
    w ͦ͜·Ͱ࠷খࠩ෼ύον͡Όͳ͍͍ͯ͘ͷͰ͸
    w ͦΕΑΓɺ3FBDU
    ͸ϑοΫ૿͑ͯ೉͘͠ͳΓ͗ͯ͢Δͷ͕ਏ͍
    w 8FC
    ඪ४Ͱ΋ͳ͍ͤ͘ʹֶशίετߴ͍ͳ
    w ࠷খࠩ෼ͷͨΊʹඞࢮ͘͜ΑΓɺ։ൃऀ੹೚ͰϚχϡΞϧඳըߋ৽΄͏͕
18. 3FNJY
    ͷίϯϙʔωϯτ ͬͪ͜͸443ͷ)5.- IZESBUFE
    
    63-
    Ͱϥοϓ
    443Ͱ࢖͏ͱॳճධՁ݁Ռ͚ͩͲɺ
    ͜ͷϞδϡʔϧ͸ޙͰ63-͔Β΋
    ಡΊΔΑ
19. ϏϧυύϒϦογϡ w FTCVJME
    BQQBTTFUT UTY
    PVUEJSQVCMJDBTTFUT
    GPSNBUFTN
    w ର৅ϑΥϧμ಺ͷϑΝΠϧΛ
    &4.
    ͷ
    +4
    ϑΝΠϧʹม׵ͯ͠Δ͚ͩ
    w ී௨ͷ
    )551
    ϦΫΤετͰΞΫηε͞ΕΔ୯ͳΔ੩తϑΝΠϧ
    w FOUSZUT
    
    όϥͷ
    +4
    ܈ͷ͏ͪඞཁͳϞδϡʔϧΛಈతʹϩʔυ
    w ϩʔμʔҎ֎ʹԿ͕ඞཁ͔͸ɺ443
    ͞Εͨ
    )5.-
    ʹॻ͍ͯ͋Δ
20. ࢀরಁաੑͱ͔΋͏๨ΕΑ͏ ͜͜ͱ ͜͜ʹ஫໨ ࣗಈࠩ෼
    ˠ
    UIJTSFOEFS
    VTF4UBUF
    ˠ
    MFU
    VTF& ff FDU
    ˠ
    ۠ผͳ͠ 3FBDU
    
    جຊ͸
    QSPQT
    ͕ มΘΒͳ͚Ε͹ඳըߋ৽͕ ى͖ͳ͍ࢀরಁաؔ਺
    ͩ ͚Ͳͦͷྫ֎͕΋͏Ͷ
21. Πϕϯτͷॊೈੑɾඪ४४ڌ w ϒϥ΢β͸͔ͤͬ͘ΧελϜΠϕϯτ ͱ͔αϙʔτͯ͠Δͷʹ
    w 3FBDU
    ͷجຊ
    %0.
    ཁૉ͸
    PO$MJDL
    PO'PDVT
    ͳͲܾ·ͬͯΔ
    w ੜͷ
    %0.
    ཁૉʹ΋ະ஌ͷΠϕϯτ΍ ෳ߹తͳΠϕϯτΛϦεϯͰ͖Δॊೈ ੑΛ BEE&WFOU-JTUFOFS
    ͱ͔
    K2VFSZ
    ͷ
    PO
    ʹ͍ۙϊϦ w όϒϦϯά
    
    ͢Δ
    w όϒϦϯά͠ͳ͍ͱɺมͳ
    DIJMESFO
    ͕ೖ͍ͬͨͤͰ਌ʹΠ ϕϯτ͕དྷͳ͍໰୊͕͋Δ
    w 3FBDU
    ͸͠ͳ͍
    
22. ෳ߹తͳΧελϜΠϕϯτͷྫ
23. ࠷ऴΠϕϯτ·ΘΓ͜͏ͳΓͦ͏ Πϕϯτෳ਺Ϧεφʔ
    0
    K2VFSZ
    9
    3FBDU MPOH1SFTT
    ͳΜͯͷ͕ϏϧτΠϯͰ΋͏͋ͬͨ ෳ߹Πϕϯτ࡞ΔҎ֎ʹɺ഑ྻͰෳ਺Ϧεϯ΋
24. ϨʔείϯσΟγϣϯରࡦ w ௨৴଴ͪͷؒʹΫϦοΫ࿈ଧ
    w ˠ
    Ͳͷ
    BXBJU
    ͕࠷ޙʹऴΘΔ͔ Θ͔ΒΜ
    w ΠϕϯτϦεφʔʹདྷΔʮγάφ ϧʯ
    ಉظΦϒδΣΫτ
    w ˠ
    ෆཁͳ௨৴͸தஅ
    BXBJU
    ൈ͚
    w ˠ
    BCPSUFE
    ͳΒॲཧΛൈ͚Δ
    IUUQT[FOOEFWDPKJBSUJDMFTSFNJYJOUSPEVDUJPO&""&##"&"%"TJHOBM&&#%#'&
25. ·ͩ࡞Γ͔͚ w FTCVJME
    ͷίϚϯυϥΠϯ࣮ߦͷΈ
    w $44
    ϑϨʔϜϫʔΫͷαϙʔτͲ͏ͳΜͷ
    w ࠓͷͱ͜ΖཁૉʹελΠϧ௚ॻ͖
    ˠ
    )5.-
    ʹ
    TUZMF
    ੜ੒
    w ΫϥΠΞϯτίϯϙʔωϯτͭஔ͍ͨΒยํ͔͠ಈ͔ͳ͔ͬͨ
    w Ϧεφʔෳ਺͚ͭΔͱΠϕϯτ͕ॏෳͯ͠ൃੜͨ͠
    w αʔυύʔςΟίϯϙʔωϯτͬͯθϩελʔτΑͶ
26. ૯ׅ
27. σϞ൛ͷײ૝ w ͻͱ͜ͱͰݴ͏ͱʮϏϡʔʹ
    +49
    ͕࢖͑Δ
    7BOJMMB
    +4
    
    &YQSFTTʯ
    w Θ͚ͷΘ͔Βͳ͍ࣗಈΑΓखಈͷํ͕Θ͔Γ΍͍͔͢΋
    w େྔͷ
    VTF3FG
    ͱڊେͳ
    VTF& ff FDU
    ʹͳΔ͙Β͍ͳΒ
    w 5ZQF4DSJQU
    ܕ੔߹ੑϑΝʔετͳઃܭ
    w ढज़తͳՕॴ͕ͳ͘ɺશͯ໌ࣔతʹ
    54
    ͷܕ͕߹ͬͨίʔυʹͳ͍ͬͯΔ
    w ਓؒͷ೴ʹ͸ෛՙ͕ߴ͍͚Ͳɺ*%&
    ΍
    "*
    ʹ͸΍͍͞͠ͱࢥ͏
28. ࢲతʹ͸͜͏͍͏ͷେ޷෺ͳΜͰ͕͢ w Ͳ͜ʹԿΛͲ͏ϓϩάϥϛϯάͯ͠΋͍͍ײ
    લ͔Βͦ͏͚ͩͲ
    w ʮॻ͚͹Ͱ͖ΔʯͰίʔυ͕૿͑Δܥ
    ˠ
    ઃܭεΩϧ͕ͳ͍ͱεύήςΟԽ
    w ෳࡶͳλεΫΛ౉ͤͳ͍εΩϧͷਓʹ͸ɺن໿ϕʔεͷ΄͏͕Ϛγ͔΋
    w ͜Εࣗମ͕ҰൠతʹྲྀߦΔ͔Ͳ͏͔͸ͳΜͱ΋ݴ͑ͳ͍ͱ͜Ζ
    w "*
    ίʔσΟϯάͰ୯७࡞ۀϓϩάϥϚʔෆཁ͕పఈ͞ΕͨΒ͋Δ͍͸
    w ͚Ͳ͍ͭ͜ͷίϯηϓτ͸ɺ࣍ͷ࣍ͷσϑΝΫτʹ͸࣮֬ʹӨڹΛ༩͑Δͱࢥ͏