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
78
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
64
ncursesを学ぼう
poccariswet
0
73
i_and_go
poccariswet
0
54
editor
poccariswet
0
91
さぁ、深夜ラジオを聴こう!
poccariswet
0
96
Aizu-Go
poccariswet
1
150
Other Decks in Programming
See All in Programming
Google I/O recap web編 大分Web祭り2025
kponda
0
2.9k
Vibe coding コードレビュー
kinopeee
0
460
レガシープロジェクトで最大限AIの恩恵を受けられるようClaude Codeを利用する
tk1351
2
540
新しいモバイルアプリ勉強会(仮)について
uetyo
1
260
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
4
640
新世界の理解
koriym
0
140
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
200
パスタの技術
yusukebe
1
400
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
650
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
120
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
120
The State of Fluid (2025)
s2b
0
190
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
53
8.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Code Reviewing Like a Champion
maltzj
525
40k
Typedesign – Prime Four
hannesfritz
42
2.8k
The Invisible Side of Design
smashingmag
301
51k
A designer walks into a library…
pauljervisheath
207
24k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Making Projects Easy
brettharned
117
6.3k
Fireside Chat
paigeccino
39
3.6k
Rails Girls Zürich Keynote
gr2m
95
14k
Facilitating Awesome Meetings
lara
55
6.5k
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