freee-wacul-web-app-lt-one

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