posi-nega-change

LINE Developer Community :
第 4 回 ボット自慢/苦労自慢 LT 大会
https://linedevelopercommunity.connpass.com/event/135814/

ネガフィルムの色合いをポジにする変換機能をLINE BOTで作った話

Transcript

1. LINE DEVELOPER COMMUNITY
   ୈ 4 ճ Ϙοτࣗຫ/ۤ࿑ࣗຫ LT େձ
   @YKHIRAO
   https://linedevelopercommunity.connpass.com/event/135814/
   

   View Slide

2. ࣗݾ঺հ
   ฏඌ༐थ YKHIRAO
   ▸ ෺ྲྀΞ΢τιʔγϯάαʔϏε΍ͬ
   ͯ·͢ in גࣜձࣾΦʔϓϯϩδ
   ▸ ීஈ͸BFFྖҬ Laravel, React, Vue
   ▸ ΤϯδχΞྺ2.5೥͘Β͍
   Messaging APIྺ2ϲ݄͘Β͍
   ▸ Twitter https://twitter.com/yk_hirao
   ▸ ϑΟϧϜΧϝϥͱ͔ࣸਅ͕޷͖
   ▸ ͜ͷࣸਅ͕ࠓ೥ͷ1݄ɻ൒೥Ͱ…
   

   View Slide

3. ΞδΣϯμ
   ࿩͢͜ͱ
   ▸ ։ൃ͖͔͚ͨͬ͠
   ▸ ։ൃͨ͠Ϙοτͷઆ໌
   ▸ ಛʹྗΛ͍Εͨػೳ
   ▸ ۤ࿑ͨ͠఺
   ▸ ΞʔΩςΫνϟ
   ▸ ͦͷଞ
   

   View Slide

4. ։ൃ͖͔͚ͨͬ͠
   झຯ X ΤϯδχΞ ͱ͍͏ྖҬ
   ▸ Instagram
   ▸ ୶͍૘΍͔ͳࣸਅΛ໨ࢦͯ͠ϑΟϧ
   ϜΧϝϥͰීஈࡱӨ͍ͯ͠Δ
   ▸ ࣗ෼ͷझຯͷྖҬͰ։ൃͯ͠Έͨ
   ͔ͬͨ
   ▸ ωΨϑΟϧϜͱ͍͏ϑΟϧϜͷঢ়ଶ
   ͸ͦͷ··ͩͱѻ͍ʹ͍͘
   

   View Slide

5. ։ൃ͖͔͚ͨͬ͠
   झຯ X ΤϯδχΞ ͱ͍͏ྖҬ
   ▸ ωΨϑΟϧϜͱ͍͏ঢ়ଶ
   ▸ Χϥʔͷ৭Λ൓సͤ͞ΔʢωΨςΟϒΛϙδςΟϒʹʣ
   ▸ ੨ΈͳͲΛݮΒͯ͠ɺ৭߹͍Λద੾ʹ͢Δ
   

   View Slide

6. ։ൃͨ͠Ϙοτͷઆ໌
   ৭ͷ൓సΛͯ͠ը૾Λฦ٫͢Δ
   ▸ ωΨϑΟϧϜͩͱԿ͕ࣸͬͯΔ͔Θ͔Βͳ͍
   ▸ ֬ೝ͚ͩͰLightroomͱ͔Photoshopͱ͔։͖ͨ͘ͳ͍
   ▸ ͦ͏ͩʂը૾ΛૹΔड͚ޱ͸Lineָ͕ͦ͏ͩʂʂ
   

   View Slide

7. ΞʔΩςΫνϟ
   WEBHOOKͷड͚ޱͲ͏͠Αɻ
   ▸ ݴޠ
   ▸ Ruby, Node.js, JS( in GAS), PHP
   ▸ FaaS (Function as a Service) || IaaS (Infrastructure as a Service)
   ▸ Google Apps Script(GAS), Lambda, Cloud Functions
   ▸ Heroku, EC2, ...[]
   

   View Slide

8. ΞʔΩςΫνϟ
   -*/&ΫϥΠΞϯτ
   -*/&αʔόʔ
   8FCIPPL
   (PPHMF
   "QQT4DSJQU
   DPOUFOU*E
   \SFQMZ5PLFObYYY
   bDPOUFOU*EYYY^
   ड෇ϝοηʔδ
   SFQMZ5PLFO
   %PXOMPBE63-
   CMPC͔ΒϑΝΠϧ࡞੒
   ϑΥϧμҠಈ
   ڞ༗63-ൃߦ
   ਖ਼֬ʹ͸("4͔Β%SJWF"QJΛ࢖ͬͯૢ࡞Ͱ͖Δ
   
   %PXOMPBE63-
   ը૾ͱͯ͠ૹ৴
   ը૾Ճ޻
   

   View Slide

9. ۤ࿑ͨ͠఺
   GASͰՃ޻͢Δ࿩
   ▸ ը૾Ճ޻͕ॏ͗ͯ͢GASʹࡌͤΒΕͳ͍
   ▸ ͢΂ͯGCPʹҠߦ
   ▸ ͦͷҎ֎ͩͱGAS࠷ڧ
   

   View Slide

10. ΞʔΩςΫνϟ / GAS
    ʲGASʳWEBPACKͰςϯϓϨʔτΛ࡞੒ͯ͠GIT/LOCAL։ൃ͠Α͏
    ▸ Webhookͷड͚ޱΛGASʹ͢Δͱ͖͸ɺWebpackΛ࢖ͬͯ
    Git؅ཧ͠Α͏ͥͬͯ࿩Λهࣄʹͨ͠
    ▸ https://qiita.com/ykhirao/items/9de38a012b5f3f3e81f6
    

    View Slide

11. ΞʔΩςΫνϟ / GAS
    ʲGASʳWEBPACKͰςϯϓϨʔτΛ࡞੒ͯ͠GIT/LOCAL։ൃ͠Α͏
    ▸ Webpack։ൃͷҰ൪ͷར఺͸Typescript + @typesͰίʔ
    σΟϯάͰ͖ΔͷͰɺGAS͕؆୯ʹ͔͚Δɻ
    ▸ ࢲͷهࣄͷϦϯΫ͔Βhowdy39͞ΜͷهࣄΛಡ΋͏ɻ
    ▸ https://qiita.com/howdy39/items/0e799a9bfc1d3bccf6e5
    

    View Slide

12. ۤ࿑ͨ͠఺ʁ
    LINE CAMERA
    ▸ ࣮͸…
    ▸ Line Cameraͱ͍͏ΞϓϦέʔγϣ
    ϯͷػೳʹ͸ʮωΨςΟϒϞʔυʯ
    ͱ͍͏ͷ͕͋Δ
    

    View Slide

13. ͦͷଞ
    ·ͱΊ
    ▸ झຯͷྖҬͰLine BOT࡞Δͱͱͯ΋ָ͍͠Α
    ▸ Line Camera͢͹Β͍͠ :tada: :tada: :tada:
    ▸ Google Apps Script͸ΊͬͪΌศར͚ͩͲॏ͍ॲཧ͕ۤख
    ͳͷͰɺΞʔΩςΫνϟΛߟ͑ͯόοΫΤϯυΛબ΅͏ͳ
    ▸ LT͍͖ͤͯͨͩ͋͞Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ
    

    View Slide