Upgrade to Pro — share decks privately, control downloads, hide ads and more …

最近関わった案件のおはなし / About recently involved projects

komat
December 18, 2019
1.4k

最近関わった案件のおはなし / About recently involved projects

komat

December 18, 2019
Tweet

Transcript

  1. View Slide

  2. 2010 - Creative Company Energy Co., Ltd.
    2014 - BIRDMAN Inc.
    2017 - DeNA Co., Ltd.

    View Slide

  3. View Slide

  4. https://fontgraphy.dena.com/ https://shueisha-dena-projects.com/
    DeNA
    fontgraphy

    View Slide

  5. View Slide

  6. Fontgraphy
    https://fontgraphy.dena.com
    fontgraphy AI

    DeNA
    ×
    AI
    AI
    https://engineer.dena.jp/2019/09/fontgraphy.html

    View Slide

  7. View Slide

  8. +
    homunculus Inc. ( https://homunculus.jp )
    WebGL
    Dreamweaver
    P-Chan +
    AI AI
    1 2

    View Slide

  9. /
    3 3D
    Fontgraphy
    36 / HTML

    View Slide


  10. Docker + BrowserSync

    View Slide

  11. ( homunculus Inc. )
    WebGL
    Fontgraphy

    View Slide

  12. View Slide

  13. DeNA
    https://shueisha-dena-projects.com/

    2 DeNA
    DeNA

    View Slide

  14. Next.js
    THREE.js
    TweenMax (gsap)
    TypeScript
    Babel / webpack
    (1)

    View Slide

  15. ( )
    Next.js (React) 

    Re-ducks
    MVC
    MVC / Flux / Redux / Mobx / Re-ducks / Vuex (Nuxt.js )

    https://shueisha-dena-projects.com/

    (2)

    View Slide


  16. 20

    (1)

    View Slide


  17. THREE.AudioAnalyser 

    JavaScript
    (new AudioContext()).createAnalyser() 

    (2)

    View Slide

  18. FrequencyData
    m

    (3)

    View Slide


  19. Mac
    Google Chrome
    2280px
    GPU
    iPhone
    (4)

    View Slide


  20. DeNA

    View Slide



  21. /





    View Slide

  22. View Slide