shorterql

fallLT_aizu

Transcript

1. shorterql 2018/11/3
2. - soeyu - 3年 - Zli サークル - 趣味: 深夜ラジオ(bananamoon) github 2 introduction
3. 3 shorterql ?
4. 4 url shortener + graphql api
5. 5 url shortener + graphql api
6. 6 url shortener 6 短縮URL（たんしゅくユーアールエル）とは、長い文字列のURLを短く したものである。リダイレクトを利用して本来の長いURLに接続する。 (wiki) - goo.gl ( 3月で終了) - Firebase Dynamic Links (FDL) - Ow.ly - Bitly https://goo.gl/bQkBfu https://github.com/poccariswet/shorterql
7. 7 Using url shortener 7 - URL の 共有 - SNSの文字列制限 - bot等のメッセージフォーマットが崩れないように - サービスの終了に伴い、短縮URLと元となるURLの結びつき がなくなり、リンク切れになる可能性 - ドメインカスタムされたURLができない デメリット 最近のハロウィーン回 ” 2018年10月26日(金) ”
8. 8 と言ったのが url shortener です
9. 9 url shortener + graphql api
10. 10 url shortener + graphql api
11. 11 GraphQL 11 - クライアント・サーバ間 API用のクエリ言語でありランタイム - クライアントがサーバーからデータを取得,変更,購読できるようにするための データ言語 - リアルタイム処理が可能(購読[サブスクリプション]) - REST API との違い (https://www.slideshare.net/keisuketsukagoshi/rest-api-graphql) ref • https://graphql.org/ 「チャーハン握り一番早く食 べられるのは？！の回」 ” 2018年9月21日(金) ”
12. 12 GraphQL 3種類のオペレーションタイプ 12 Query 取得 Mutation 更新 Subscription 購読 「口笛を頑張る日村さん」 ” 2018年9月14日(金) ”
13. 13 GraphQL メリット 13 - クライアントが欲しい情報だけをqueryで指定することが可能 query request response https://developer.github.com/v4/explorer/ - ドキュメント生成が楽 - 一回のリクエストで深い階層のデータまで取得可能 example スキーマ定義
14. 14 GraphQL どーゆーときに使う？ 14 https://aws.amazon.com/jp/campaigns/manga/vol4-3/
15. 15 以上が graphqlと url shortenerです
16. 16 url shortener + graphql api = shorterql
17. 17 実装までの経緯 - url shortener: 夏のインターンで実際に調べたり、利用する 機会があってロジック等が気になったので、作ってみたくなった - GraphQL: 単に興味があって今回で知見を得体のと使ってみ たかった 17 「オススメのお菓子を求め て！の回」 ” 2018年9月28日(金) ”
18. - LongURL をPostする - ShortURLを生成し、responseする 18 主な機能 18 「オススメのお菓子を求め て！の回」 ” 2018年9月28日(金) ” - ShortURLを作る際に生成された hash値をIDに ShortURLの情報をgetできる 実装言語: go
19. 19 実装 19 • Redis storage • Create Hash • Redirect handler • GraphQL handler 「日村＆オークラを笑わせろ！2018 Summer！」 ” 2018年8月31日(金) ”
20. 20 Redis Storage 20
21. 21 Create hash 21 • uuid ◦ 一意の値を生成 ◦ https://github.com/google/uuid
22. 22 Redirect handler 22
23. 23 GraphQL handler 23 - request body から query の取得 - そのqueryを実行する関数 へ飛ばす - 実行して得たresultをエン コードして出力
24. 24 GraphQL 3種類のオペレーションタイプ 24 Query 取得 Mutation 更新 Subscription 購読 「口笛を頑張る日村さん」 ” 2018年9月14日(金) ”
25. 25 GraphQL handler 25 Query (取得)
26. 26 GraphQL handler 26 request response
27. 27 GraphQL handler 27 Mutation (更新)
28. 28 GraphQL handler 28 request response
29. 29 まとめ 29 - 短いhash値を作るのがちょっと大変 (id(1...n) を生成してbase62 encodeすればいい？) - 公式リファレンスにGraphQLのexampleやチュートリアルがに あるのでとっつきやすかった - 個人的にこれからサービスを作ろうと思っているので、それに graphql の apiを取り入れていければいいなと思った。 「設楽流、さくらんぼの種の かっこいい出し方！回」 ” 2018年6月1日(金) ”
30. 30 最後に 30 - graphql チートシート (https://devhints.io/graphql) - Web app graphql (https://wehavefaces.net/learn-golang-graphql-relay-1-e59ea 174a902) - Github graphql client (https://developer.github.com/v4/explorer/) - Bananamoon picture ref - (https://www.tbsradio.jp/banana/)
31. “ ご静聴ありがとうございました。 31