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

Learn GraphQL with idobata

Learn GraphQL with idobata

次世代データAPIのGraphQLとJavaScript実装のApollo 勉強会
発表資料

https://meteor-fan.connpass.com/event/53144/

Fumiaki MATSUSHIMA

April 21, 2017
Tweet

More Decks by Fumiaki MATSUSHIMA

Other Decks in Programming

Transcript

  1. (株)永和システムマネジメント
    @mtsmfm
    松島 史秋
    idobata で学ぶ
    GraphQL

    View full-size slide

  2. 松島 史秋
    GitHub, Twitter
    @mtsmfm

    View full-size slide

  3. self.inspect
    - 永和システムマネジメント勤務
    - Rails で Web アプリ開発
    - 自社インフラの管理
    - 西日暮里.rb 主催
    - Ruby と麻雀 が好き

    View full-size slide

  4. https://nishinipporirb.doorkeeper.jp/events/58916

    View full-size slide

  5. https://idobata.io/en/home

    View full-size slide

  6. チャット
    サービス

    View full-size slide

  7. GraphQL
    どうなんすかねー
    ほー
    ※再現イメージ

    View full-size slide

  8. GraphiQL で
    ぽちぽちしたい
    楽しそう
    ※再現イメージ

    View full-size slide

  9. できた
    まじか
    ※再現イメージ

    View full-size slide

  10. https://twitter.com/Idobataio/status/854538193307357189

    View full-size slide

  11. https://idobata.io/en/api

    View full-size slide

  12. https://speakerdeck.com/hibariya/building-a-web-api-with-graphql

    View full-size slide

  13. 詳しくは
    どこかにいる
    本人に

    View full-size slide

  14. せっかくなので
    遊んでみる

    View full-size slide

  15. - Electron
    - React
    - Relay
    - Docker

    View full-size slide

  16. https://github.com/mtsmfm/idobata-graphql-electron-example

    View full-size slide

  17. デモ内容は
    こちら
    https://github.com/mtsmfm/idobata-graphql-electron-example/commit/step-1
    https://github.com/mtsmfm/idobata-graphql-electron-example/commit/step-2
    https://github.com/mtsmfm/idobata-graphql-electron-example/commit/step-3
    https://github.com/mtsmfm/idobata-graphql-electron-example/commit/step-4

    View full-size slide

  18. https://www.wantedly.com/projects/28670

    View full-size slide

  19. Credits
    Background pattern from subtlepatterns.com

    View full-size slide