Save 37% off PRO during our Black Friday Sale! »

使いどころがムズかしいChromeの機能オリンピック

D32564792887e3fb5955021f9804c0a6?s=47 Edward Fox
February 21, 2018
Technology
0
63

 使いどころがムズかしいChromeの機能オリンピック

20180221 @社内LT会

D32564792887e3fb5955021f9804c0a6?s=128

Edward Fox

February 21, 2018
Tweet

More Decks by Edward Fox

See All by Edward Fox
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
0
12
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
2
250
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
0
77
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
0
33
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
0
180
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
0
71
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
0
220
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
0
780
D32564792887e3fb5955021f9804c0a6?s=48 edwardkenfox
1
140

Other Decks in Technology

See All in Technology
484571ccba0db66b69dc11761afdd0c4?s=48 chiroito
1
180
75c5db1b2af8fa15a273f6ef7fa08467?s=48 juweon
0
2k
1e6cfe94614ed96ac769e93f2e0c63f0?s=48 kavisha
1
370
4ccf6c02807d06f043a71435c48ce86a?s=48 eller86
2
930
942bb606679caf4c57b38927f83178e1?s=48 qsona
8
3.5k
7a29c02251394fc05ebd88c631c562dc?s=48 takufujii
0
330
46839cf590a549efe13547c17a6b2fde?s=48 isaoshimizu
5
1.5k
997716e957fe4db19491b2794346a7ce?s=48 airreader
0
260
88964b936e864ca7d326272eaa70fa9a?s=48 hgsgtk
PRO
11
3.9k
40638b9e3a098313234f358d35103735?s=48 y150saya
0
940
88b514e6413838c0d0cfb3257cefd19d?s=48 kamata_shingo
3
440
36617bf3ef2c14d0474824d678bf3796?s=48 sadashi
1
350

Featured

See All Featured
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.2k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
373
43k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
504
37k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
298
39k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.2k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
58k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
120
11k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
55
3.5k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
123
5.2k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
64
10k

Transcript

  1. ࢖͍Ͳ͜Ζ͕ Ϝζ͔͍͠ Chromeͷػೳ ΦϦϯϐοΫ Edward Fox 2018/02/21 @Repro ࣾ಺LTձ

  2. @edwardkenfox Edward Fox ɾΤϯδχΞ@Reproגࣜձࣾ ɾ୅ʑ໦ͷํ͔Βདྷ·ͨ͠ ɾRuby, JavaScript, AWS ɾϒϥ΢βٕज़શൠ, PWA,

    Vue.js

  3. ੈؒ͸ΦϦϯϐοΫͰ ੝Γ্͕ͬͯ·͕͢

  4. ࣮͸ͦͷཪͰ ͜ΜͳΦϦϯϐοΫ͕ ։࠵͞Ε͍ͯͨͷΛ ஌͍ͬͯ·͔ͨ͠ʁ

  5. ࢖͍Ͳ͜Ζ͕ Ϝζ͔͍͠ Chromeͷػೳ ΦϦϯϐοΫ

  6. ͨ͘͞Μͷڝٕͱ छ໨͕͋Γ·͕͢

  7. ͜͜Ͱ͸͍͔ͭ͘ͷछ໨ ͔ΒಔʙۚϝμϧΛ ϐοΫΞοϓͯ͠͝঺հ

  8. ಔϝμϧ

  9. ಔϝμϧ ʮconsole.log͸੝ΕΔʯ

  10. console.log͸೚ҙͷ ΦϒδΣΫτ΍จࣈྻΛ ίϯιʔϧʹग़ྗ͢Δͨ Ίͷϒϥ΢βAPIͱ ࢥΘΕ͍ͯ·͕͢

  11. ੝Ε·͢

  12. None
  13. None

  14. ʮ͓લͷconsole.log͸ ͭ·ΒΜʯ

  15. None
  16. None

  17. ੝ΕͯΔ

  18. ಔϝμϧड৆ͷཧ༝: ։ൃ࣌ʹ࢖͏͜ͱ͸ͳ͍

  19. ۜϝμϧ

  20. ۜϝμϧ ʮChrome(Desktop)͔Β Chrome(Android)ΛૢΔʯ

  21. DesktopʹChrome͕ೖͬͨ AndroidΛͭͳ͍Ͱ USBσόοάΛΦϯʹ͢Δͱɺ Desktop ChromeͰ Android Chromeͷ ϦϞʔτσόοά͕Ͱ͖Δػೳ

  22. ۜϝμϧड৆࣌ͷ༷ࢠΛ ݟͯΈ·͠ΐ͏ ʢσϞʣ

  23. ۜϝμϧड৆ͷཧ༝: ศར͚ͩͲ ϨΠΞ΢τܥͷσόοά͸ ΄΅DesktopͰ·͔ͳ͑Δ

  24. JSͷΤϯδϯ΋جຊಉ͚ͩ͡Ͳɺ Android ChromeʹͷΈϙʔτ͞Ε ͍ͯΔػೳΛσόοά͢Δͱ͖ ʹ͸ॏๅͦ͠͏

  25. ۚϝμϧ

  26. ۚϝμϧ ʮLayersʯ

  27. DOMߏ଄Λ 3DͰϏδϡΞϥΠζͯ͠ άϦάϦͰ͖Δػೳ

  28. ۚϝμϧड৆ͷԋٕΛ ݟͯΈ·͠ΐ͏ ʢσϞʣ

  29. None

  30. ۚϝμϧड৆ͷཧ༝: ͓΋͠Ζ͍͚Ͳ ΁ʙʙͬͯோΊΔ͘Β͍ ͔͠࢖Θͳ͔ͬͨ

  31. z-indexΛௐࠪͨ͠Γ parallaxͱ͔ͷࢹ֮ޮՌ ΛΰϦΰϦ࢖͏ͱ͖ʹ͸ ศར͔΋

  32. ͱ͍͏Θ͚Ͱ

  33. ΦϦϯϐοΫดձ

  34. ࣍͸2020೥ ౦ژͰ ձ͍·͠ΐ͏

  35. ͋Γ͕ͱ͏͍͟͝·ͨ͠