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

freee-wacul-web-app-lt-one

 freee-wacul-web-app-lt-one

Keiji Matsuzaki

June 10, 2016
Tweet

More Decks by Keiji Matsuzaki

Other Decks in Programming

Transcript

  1. Modern Web App LT!
    (freee x WACUL)
    2016/6/10

    View Slide

  2. View Slide

  3. 自己紹介

    View Slide

  4. 自己紹介
    ● Twitter: @xga, GitHub: @futoase
    ● freeeで会社員やってます
    ● 去年までインフラでした
    ● 今年からアプリ開発やってます
    ○ Ruby on Rails
    ○ React
    ○ Backbone…
    ● 今年でエンジニア定年を迎えます

    View Slide

  5. なんと

    View Slide

  6. 同じ時間帯で
    ReactNative meetup
    やってるらしい

    View Slide

  7. http://react-native-meetup.connpass.com/event/32213/

    View Slide

  8. 観測してなかった
    いけばよかった... orz

    View Slide

  9. View Slide

  10. Nativeなほう

    View Slide

  11. 2016年5月に
    もやもや〜っとしていて

    View Slide

  12. 2016年6月になって
    興味持ち始めた

    View Slide

  13. Reactの知見活かせるな?

    View Slide

  14. iOS向け開発機材ある
    (Mac Book + iPhone)

    View Slide

  15. 実際に少し書いてみた

    View Slide

  16. DEMO
    https://github.com/futoase-sandbox/ReactNativeExample

    View Slide

  17. どうやっていく?
    > react-native init AppName
    > cd AppName
    > react-native start
    > … サーバ側起動
    > Simulatorが立ち上がる

    View Slide

  18. Debug

    View Slide

  19. Component ≒ UIKit

    View Slide

  20. 便利そうなもの

    View Slide

  21. React Native Playground
    https://rnplay.org/

    View Slide

  22. View Slide

  23. DEMO
    https://rnplay.org/apps/bZ-_Tw

    View Slide

  24. Web上で動作する

    View Slide

  25. ReactNativePlayground
    アプリを使えば
    実機でも確認できる

    View Slide

  26. CodePush
    https://microsoft.github.io/code-push/

    View Slide

  27. View Slide

  28. アプリ更新手段として。
    てかMSさんなのね

    View Slide

  29. IDEやビルド環境、
    配信諸々揃ってる印象

    View Slide

  30. 非常に良さそうな
    テクノロジー

    View Slide

  31. 会社員に興味のあるかた↓
    https://jobs.freee.co.jp/

    View Slide

  32. おわり

    View Slide