Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
shorterql
Search
poccariswet
November 03, 2018
Programming
0
75
shorterql
fallLT_aizu
poccariswet
November 03, 2018
Tweet
Share
More Decks by poccariswet
See All by poccariswet
rust for web app
poccariswet
2
350
APNG maker on wasm
poccariswet
1
180
past and future
poccariswet
0
59
ncursesを学ぼう
poccariswet
0
68
i_and_go
poccariswet
0
51
editor
poccariswet
0
90
さぁ、深夜ラジオを聴こう!
poccariswet
0
93
Aizu-Go
poccariswet
1
140
Other Decks in Programming
See All in Programming
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
490
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
140
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
420
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
180
GraphRAGの仕組みまるわかり
tosuri13
8
520
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
720
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
ニーリーにおけるプロダクトエンジニア
nealle
0
730
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
490
WindowInsetsだってテストしたい
ryunen344
1
230
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
190
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Thoughts on Productivity
jonyablonski
69
4.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Music & Morning Musume
bryan
46
6.6k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Scaling GitHub
holman
459
140k
Transcript
shorterql 2018/11/3
- soeyu - 3年 - Zli サークル - 趣味: 深夜ラジオ(bananamoon)
github 2 introduction
3 shorterql ?
4 url shortener + graphql api
5 url shortener + graphql api
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 Using url shortener 7 - URL の 共有 -
SNSの文字列制限 - bot等のメッセージフォーマットが崩れないように - サービスの終了に伴い、短縮URLと元となるURLの結びつき がなくなり、リンク切れになる可能性 - ドメインカスタムされたURLができない デメリット 最近のハロウィーン回 ” 2018年10月26日(金) ”
8 と言ったのが url shortener です
9 url shortener + graphql api
10 url shortener + graphql api
11 GraphQL 11 - クライアント・サーバ間 API用のクエリ言語でありランタイム - クライアントがサーバーからデータを取得,変更,購読できるようにするための データ言語 -
リアルタイム処理が可能(購読[サブスクリプション]) - REST API との違い (https://www.slideshare.net/keisuketsukagoshi/rest-api-graphql) ref • https://graphql.org/ 「チャーハン握り一番早く食 べられるのは?!の回」 ” 2018年9月21日(金) ”
12 GraphQL 3種類のオペレーションタイプ 12 Query 取得 Mutation 更新 Subscription 購読
「口笛を頑張る日村さん」 ” 2018年9月14日(金) ”
13 GraphQL メリット 13 - クライアントが欲しい情報だけをqueryで指定することが可能 query request response https://developer.github.com/v4/explorer/
- ドキュメント生成が楽 - 一回のリクエストで深い階層のデータまで取得可能 example スキーマ定義
14 GraphQL どーゆーときに使う? 14 https://aws.amazon.com/jp/campaigns/manga/vol4-3/
15 以上が graphqlと url shortenerです
16 url shortener + graphql api = shorterql
17 実装までの経緯 - url shortener: 夏のインターンで実際に調べたり、利用する 機会があってロジック等が気になったので、作ってみたくなった - GraphQL: 単に興味があって今回で知見を得体のと使ってみ
たかった 17 「オススメのお菓子を求め て!の回」 ” 2018年9月28日(金) ”
- LongURL をPostする - ShortURLを生成し、responseする 18 主な機能 18 「オススメのお菓子を求め て!の回」
” 2018年9月28日(金) ” - ShortURLを作る際に生成された hash値をIDに ShortURLの情報をgetできる 実装言語: go
19 実装 19 • Redis storage • Create Hash •
Redirect handler • GraphQL handler 「日村&オークラを笑わせろ!2018 Summer!」 ” 2018年8月31日(金) ”
20 Redis Storage 20
21 Create hash 21 • uuid ◦ 一意の値を生成 ◦ https://github.com/google/uuid
22 Redirect handler 22
23 GraphQL handler 23 - request body から query の取得
- そのqueryを実行する関数 へ飛ばす - 実行して得たresultをエン コードして出力
24 GraphQL 3種類のオペレーションタイプ 24 Query 取得 Mutation 更新 Subscription 購読
「口笛を頑張る日村さん」 ” 2018年9月14日(金) ”
25 GraphQL handler 25 Query (取得)
26 GraphQL handler 26 request response
27 GraphQL handler 27 Mutation (更新)
28 GraphQL handler 28 request response
29 まとめ 29 - 短いhash値を作るのがちょっと大変 (id(1...n) を生成してbase62 encodeすればいい?) - 公式リファレンスにGraphQLのexampleやチュートリアルがに
あるのでとっつきやすかった - 個人的にこれからサービスを作ろうと思っているので、それに graphql の apiを取り入れていければいいなと思った。 「設楽流、さくらんぼの種の かっこいい出し方!回」 ” 2018年6月1日(金) ”
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