$30 off During Our Annual Pro Sale. View Details »

Chrome Custom Tabsを使いこなそう

Chrome Custom Tabsを使いこなそう

Shinjuku.aar #1 で発表した内容です。

sakebook

July 28, 2016
Tweet

More Decks by sakebook

Other Decks in Programming

Transcript

  1. $ISPNF$VTUPN5BCTΛ
    ࢖͍͜ͳͦ͏
    4IJOKVLVBBS
    !TBLFCPPL

    View Slide

  2. w ञຊ৳໵
    w JETBLFCPPL
    w ੴ઒ݝग़਎
    w -JOL4UBDL
    w "OESPJEJ04
    w +9௨৴ࣾ
    w /FXT%JHFTU

    View Slide

  3. $ISPNF$VTUPN5BCT
    ࢖ͬͯ·͔͢ʁ

    View Slide

  4. $ISPNF$VTUPN5BCT
    w ͍͍ײ͡ͷ8FC7JFX
    w ΄΅ઃఆෆཁͰ࢖͑Δ
    w ϥΠϑαΠΫϧͷ؅ཧ΋ෆཁ
    w όʔδϣϯࠩҟ΋ٵऩ
    w $ISPNFͱ4FTTJPOͷڞ༗͕Ͱ͖Δ
    w $ISPNFͰͷϩάΠϯ͕Ҿ͖ܧ͕ΕΔ

    View Slide

  5. w 3FRVJSFNFOU
    w $ISPNF ݱࡏͷ࠷৽͸

    w +FMMZ#FBO "1*-FWFM

    w d
    $ISPNF$VTUPN5BCT

    View Slide

  6. 63-Λදࣔ͢Δ

    View Slide

  7. w ରԠ͢Δόʔδϣϯͷ$ISPNF͕ೖ͍ͬͯΕ͹
    $ISPNF$VTUPN5BCT͕ىಈ

    View Slide

  8. w $VTUPN5BCT)FMQFS
    w ϥΠϒϥϦͰ͸ͳ͍
    w 4BNQMFͷ4IBSFEʹ͋ΔͷͰྲྀ༻

    View Slide

  9. 63-Λߴ଎දࣔ͢Δ

    View Slide

  10. XBSNVQ
    w 8BSNVQΛߦ͏͜ͱͰɺ$ISPNF͕ࣄલʹ

    ҎԼͷ͜ͱΛ࣮ߦͰ͖Δɻ࠷େNTૣ͘ͳΔɻ
    w %/4QSFSFTPMVUJPOPGUIFNBJOEPNBJO
    w %/4QSFSFTPMVUJPOPGUIFNPTUMJLFMZTVC
    SFTPVSDFT
    w 1SFDPOOFDUJPOUPUIFEFTUJOBUJPO
    JODMVEJOH)55145-4OFHPUJBUJPO
    IUUQTEFWFMPQFSDISPNFDPNNVMUJEFWJDFBOESPJEDVTUPNUBCTDPOOFDUUPUIFDVTUPNUBCTTFSWJDFBOEDBMMXBSNVQ

    View Slide

  11. XBSNVQ
    w PO4UBSUͰ$ISPNFͷ4FSWJDFͱ

    ઀ଓ͢Δͷ͕#FTU1SBDUJDF

    View Slide

  12. w QVCMJDTUBUJDCPPMFBO
    DPOOFDU"OE*OJUJBMJ[F $POUFYUDPOUFYU 4USJOH
    QBDLBHF/BNF

    w 4FSWJDFʹ઀ଓ͠ɺXBSNVQΛߦ͏ɻ
    w XBSNVQޙʹ4FSWJDFΛ੾அɻ

    View Slide

  13. ಛఆͷ63-Λ

    ߴ଎දࣔ͢Δ

    View Slide

  14. NBZ-BVODI6SM
    w ͸͡Ίʹ։͘63-Λڭ͑Δ͜ͱͰߋʹૣ͘

    දࣔͰ͖Δ
    w ෳ਺ݺͼग़ͯ͠΋ɺ͸͡Ίʹڭ͑ͨ΋ͷ͕

    ༏ઌ͞ΕΔɻ
    w ͸͡Ίʹ։͘63-͕ܾ·͍ͬͯΔ

    ·ͨ͸૝ఆ͞ΕΔ৔߹͔͠ޮՌ͕ͳ͍ɻ
    IUUQTEFWFMPQFSDISPNFDPNNVMUJEFWJDFBOESPJEDVTUPNUBCTDPOOFDUUPUIFDVTUPNUBCTTFSWJDFBOEDBMMXBSNVQ

    View Slide

  15. w $ISPNFͷ4FSWJDFͱ઀ଓ͠4FTTJPOΛషΔ

    ඞཁ͕͋Δ
    NBZ-BVODI6SM

    View Slide

  16. w PO4UBSUͰ4FSWJDFʹ઀ଓ

    View Slide

  17. w 4FSWJDF$POOFDUJPO
    w 4BNQMFͷ4IBSFEΛྲྀ༻
    w $VTUPN5BCT4FSWJDF$POOFDUJPOΛܧঝ͍ͯ͠Δ

    View Slide

  18. w 4FSWJDF઀ଓͷίʔϧόοΫΛ࣮૷͢Δ

    View Slide

  19. w 4FSWJDF΁઀ଓग़དྷͨΒ$VTUPN5BCT$MJFOUΛॳظԽ
    w $VTUPN5BCT$MJFOU͔Β4FTTJPOΛੜ੒

    View Slide

  20. w $VTUPN5BCT*OUFOUΛੜ੒͢Δࡍʹ4FTTJPOΛ౉͢

    View Slide

  21. w PO4UPQͰ4FSWJDFͱͷ઀ଓΛ੾Δ
    w (PPHMFͷ4BNQMFͷ··ͩͱίʔϧόοΫ͕

    ݺ͹Εͳ͍͔΋ɹ

    View Slide

  22. ΠϕϯτΛड͚औΔ

    View Slide

  23. $VTUPN5BCT$BMMCBDL
    w $ISPNF$VTUPN5BCTͷঢ়ଶΛड͚औΕΔ
    w ಡΈࠐΈ։࢝
    w ಡΈࠐΈऴྃ
    w ಡΈࠐΈࣦഊ
    w ಡΈࠐΈதஅ
    w λϒ͕දࣔ͞Εͨ࣌
    w λϒ͕ӅΕͨ࣌

    View Slide

  24. w ϥΠϒϥϦͷΫϥε
    w PO/BWJHBUJPO&WFOU͕ݺ͹ΕΔ

    View Slide

  25. w $VTUPN5BCT$BMMCBDLΛܧঝͨ͠ΫϥεΛ࡞੒

    View Slide

  26. w 4FTTJPOΛషΔඞཁ͕͋Δ
    w 4FTTJPOੜ੒࣌ɺઌ΄Ͳੜ੒ͨ͠ΫϥεΛೖΕΔ

    View Slide

  27. ϦϑΝϥΛ͚ͭΔ

    View Slide

  28. w *OUFOU&953"@3&'&3&3
    w "1*-FWFM
    w *OUFOU63*@"/%30*%@"11@4$)&.&
    w "1*-FWFM

    View Slide

  29. ಧ͔ͳ͔ͬͨ
    w ͜Μͳײ͡ͰૹΒΕΔ͸ͣ
    w BOESPJEBQQDPNFYBNQMFBQQIUUQ
    FYBNQMFDPN
    w ࢦఆʹ໰୊͕͔͋ͬͨ΋ͳͷͰཁௐࠪ
    IUUQTEFWFMPQFSBOESPJEDPNSFGFSFODFBOESPJEDPOUFOU*OUFOUIUNM63*@"/%30*%@"11@4$)&.&

    View Slide

  30. #PUUPNCBSΛ͚ͭΔ

    View Slide

  31. View Slide

  32. BEE5PPMCBS*UFN
    w ͔Β௥Ճ͞Εͨ
    w #PUUPNCBSʹ࠷େͭ·Ͱ௥ՃͰ͖Δ
    w Ͱ%FQSFDBUFEʹɻɻ

    View Slide

  33. TFU5PPMCBS*UFN
    w $VTUPN5BCT4FTTJPO΁Ҡಈͨ͠
    w CPPMFBOTFU5PPMCBS*UFN JOUJE #JUNBQJDPO
    4USJOHEFTDSJQUJPO

    View Slide

  34. 3FNPUF7JFXΛ͚ͭΔ

    View Slide

  35. View Slide

  36. TFU4FDPOEBSZ5PPMCBS7JFXT
    w $VTUPN5BCT*OUFOU#VMEFS
    w TFU4FDPOEBSZ5PPMCBS7JFXT 3FNPUF7JFXT
    SFNPUF7JFXT JOU<>DMJDLBCMF*%T
    1FOEJOH*OUFOUQFOEJOH*OUFOU

    View Slide

  37. Ͱ͖Δ͜ͱ͕

    ૿͖͍͑ͯͯΔ

    View Slide

  38. $ISPNF$VTUPN5BCTͰ
    ΑΓྑ͍ϢʔβମݧΛ

    View Slide

  39. ͝ਗ਼ௌ

    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    IUUQTEFWFMPQFSDISPNFDPNNVMUJEFWJDFBOESPJEDVTUPNUBCT
    IUUQTHJUIVCDPN(PPHMF$ISPNFDVTUPNUBCTDMJFOU
    IUUQTHJUIVCDPNTBLFCPPL$VTUPN5BCT4BNQMF

    View Slide