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

Deno Deployと組み合わせるのに Upstashをおすすめしたい

Avatar for 虎の穴ラボ株式会社 虎の穴ラボ株式会社
August 31, 2022
Technology
0
450

Deno Deployと組み合わせるのに Upstashをおすすめしたい

Deno Deployと組み合わせるのに Upstashをおすすめしたい

Avatar for 虎の穴ラボ株式会社

虎の穴ラボ株式会社

August 31, 2022
Tweet

More Decks by 虎の穴ラボ株式会社

See All by 虎の穴ラボ株式会社
Tailwind CSSとAtomic Designで実現する効率的な Web 開発の事例
Avatar for 虎の穴ラボ株式会社 toranoana
1
540
Denoについて、同人誌記事を出しました+update
Avatar for 虎の穴ラボ株式会社 toranoana
0
180
【虎の穴ラボ Tech Talk #2】プロンプトエンジニアリング
Avatar for 虎の穴ラボ株式会社 toranoana
0
120
20241121_[TechTalk#2]虎の穴ラボでのLLMについて取り組み紹介
Avatar for 虎の穴ラボ株式会社 toranoana
0
110
社内チャットへRAG導入した話（Tech Talk #2）
Avatar for 虎の穴ラボ株式会社 toranoana
0
180
Deno Deploy で Web Cache API を 使えるようになったので試した知見
Avatar for 虎の穴ラボ株式会社 toranoana
1
570
【虎の穴ラボ Tech Talk】虎の穴ラボTech Talk説明資料
Avatar for 虎の穴ラボ株式会社 toranoana
0
410
虎の穴ラボ Tech Talk_CDKでFargate環境構築
Avatar for 虎の穴ラボ株式会社 toranoana
1
450
虎の穴ラボスキルアップ支援制度の利用例
Avatar for 虎の穴ラボ株式会社 toranoana
0
8.4k

Other Decks in Technology

See All in Technology
ZOZOTOWNカート決済リプレイス ── モジュラモノリスという過渡期戦略
Avatar for ZOZO Developers zozotech
PRO
0
190
プログラミング言語を書く前に日本語を書く── AI 時代に求められる「言葉で考える」力/登壇資料（井田 献一朗）
Avatar for Hacobu hacobu
PRO
0
150
エンジニアにとってコードと並んで重要な「データ」のお話 - データが動くとコードが見える：関数型＝データフロー入門
Avatar for Izumu KUSUNOKI ismk
0
490
やり方は一つだけじゃない、正解だけを目指さず寄り道やその先まで自分流に楽しむ趣味プログラミングの探求 2025-11-15 YAPC::Fukuoka
Avatar for すぎゃーん sugyan
1
560
なぜThrottleではなくDebounceだったのか？ 700並列リクエストと戦うサーバーサイド実装のすべて
Avatar for Yoshiori SHOJI yoshiori
12
3.8k
Black Hat USA 2025 Recap ~ クラウドセキュリティ編 ~
Avatar for Kyohei Mizumoto kyohmizu
0
520
どうなる Remix 3
Avatar for Hisateru Tanaka tanakahisateru
2
360
ググるより、AIに聞こう - Don’t Google it, ask AI
Avatar for Oikon oikon48
0
850
AIを前提に、業務を”再構築”せよ IVRyの9ヶ月にわたる挑戦と未来の働き方 (BTCONJP2025)
Avatar for chama yueda256
1
270
マイクロリブート ~ACEマインドセットで実現するアジャイル~
Avatar for ソニー株式会社 sony
0
300
こんな時代だからこそ！ 想定しておきたい アクセスキー漏洩後のムーブ
Avatar for Takuya Yonezawa takuyay0ne
4
560
嗚呼、当時の本番環境の状態で AI Agentを再評価したいなぁ...
Avatar for po3rin po3rin
0
410

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
24
1.6k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k

Transcript

  1. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. 2022/08/24
 toranoana.deno

    #8 
 
 虎の穴ラボ
 奥谷 一陽
 Deno Deployと組み合わせるのに
 upstashをおすすめしたい


  2. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. 自己紹介
 奥谷

    一陽
 所属：虎の穴ラボ株式会社
 担当：とらコインSHOPなど新規事業系の開発
 興味：TypeScript、Deno
 おすすめコンテンツ：
 　　『プラネテス』
 　　『暴太郎戦隊ドンブラザーズ』
 
 Twitter：@okutann88


  3. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deploy

    どのくらい使っ てますか？


  4. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deploy

    と組み合わせる前提で、
 オススメSaaSを紹介したい


  5. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash
 


    
 
 
 
 
 
 
 参考：https://upstash.com/


  6. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash
 -

    カルフォルニアの Upstash, Inc. が運営するSaaS
 - Redis Kafka qStashを提供
 - キーワード：グローバル 低レイテンシ 上限付きの従量課金
 


  7. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の

    Redis
 - 無料プラン：10K コマンド/日
 - 有料プラン：0.2 $/100Kコマンド、月間最大 $120 まで
 - 公式が、deno.land/x にモジュールを公開済み
 https://deno.land/x/[email protected]
 - Redisと銘打つものの、内部でfetchが使用されたhttpリクエストを使用
 「Redisっぽく動く」 「Redis互換の」ぐらいの感触


  8. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の

    Redis の使用例
 import { Application, Router, Context } from "https://deno.land/x/oak/mod.ts"; import { Redis } from "https://deno.land/x/upstash_redis/mod.ts"; const redis = new Redis({ url: Deno.env.get("UPSTASH_URL"), token: Deno.env.get("UPSTASH_TOKEN"), }); const router = new Router(); router.get("/", async (context: Context) => { const count = await redis.get("count"); context.response.body = count; }); router.post("/update", async (context: Context) => { await redis.incr("count"); context.response.body = "updated"; }); const app = new Application(); app.use(router.routes()); app.use(router.allowedMethods()); await app.listen({ port: 8080 }); 


  9. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の

    Redis で実際にやりたいのは?
 - キャッシュの仕組みが有ったときに、Webサービスで扱いたいのは
 「セッション」では無いだろうか(偏見かもしれません)
 - oak_session モジュール + upstash_redis モジュール は組み合わせ可能？
 => できる ただし...、 オプションが必須


  10. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の

    Redis を oak_session で使う
 import { Application, Context, Router } from "https://deno.land/x/oak/mod.ts"; import { RedisStore, Session } from "https://deno.land/x/oak_sessions/mod.ts"; import { Redis } from "https://deno.land/x/upstash_redis/mod.ts"; const redis = new Redis({ url: Deno.env.get("UPSTASH_URL")!, token: Deno.env.get("UPSTASH_TOKEN")!, automaticDeserialization: false, // <== ポイント }); const router = new Router(); router.get("/", async (context: Context) => { const name = await context.state.session.get("name"); context.response.body = ` <!DOCTYPE html> <html> <body> <div> ${!name ? "" : "name=" + name} </div> <form method="POST"> <input name="name"> <button type="submit">submit</button> </form> </body> </html> `; }); router.post("/", async (context: Context) => { const form = await context.request.body({ type: "form" }).value; const name = form.get("name"); if (!!name) context.state.session.set("name", name); context.response.redirect("/"); }); type AppState = { session: Session; }; const app = new Application<AppState>(); const store = new RedisStore(redis); app.use(Session.initMiddleware(store)); app.use(router.routes()); app.use(router.allowedMethods()); await app.listen({ port: 8080 }); 
 upstash_redisは、デフォルトで、jsonの自動デシリアライズが ONになっているので この機能を停止させる 
 デシリアライズは、oak_session に任せる！ 
 


  11. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. qStash ?


    - upstashの独自サービス
 - サーバーレス、エッジランタイム向け、HTTPベースメッセージング/
 スケジューリングソリューション
 - 無料プラン：50リクエスト/日
 - 有料プラン：50Kリクエスト/日 0.4 $/1Kリクエスト 月間最大 $450 
 - 最大のポイント Deno Deploy をスケジュール実行できる
 => さらに、upstash公式が deno deploy をサポート


  12. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. qStash の

    deno deploy サポート


  13. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deployで

    qStash 使ってみる 
 以下の内容を実装する
 - qStashから1分に1回 Deno Deploy に置いたアプリを呼び出す
 - 呼び出しに対応して upstash Redisに保管した値をカウントする
 - ブラウザからアクセスし値を参照する


  14. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deployで

    qStash 使ってみる 
 ポイント
 - 公式が、deno.land/x にモジュールを公開済み
 - https://deno.land/x/[email protected]
 - qStashからのリクエストであることを upstash_qstash モジュールを
 使い検証すること
 


  15. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deploy

    で qStash を使う実装例
 import { Application, Router, Context } from "https://deno.land/x/oak/mod.ts"; import { Redis } from "https://deno.land/x/upstash_redis/mod.ts"; import { Receiver } from "https://deno.land/x/upstash_qstash/mod.ts"; const redis = new Redis({ url: Deno.env.get("UPSTASH_URL"), token: Deno.env.get("UPSTASH_TOKEN"), }) const receiver = new Receiver({ currentSigningKey: Deno.env.get("QSTASH_CURRENT_SIGNING_KEY")!, nextSigningKey: Deno.env.get("QSTASH_NEXT_SIGNING_KEY")!, }); const router = new Router(); router.get("/", async(context:Context) => { const count = await redis.get("count"); context.response.body = count; }); 
 router.post("/update", async(context:Context) => { const isValid = await receiver.verify({ // <== ポイント signature: context.request.headers.get("Upstash-Signature")!, body: await context.request.body({ type: "text" }).value, }).catch((err: Error) => { console.error(err); return false; }); if (!isValid) { return new Response("Invalid signature", { status: 401 }); } await redis.incr("count"); return new Response("OK", { status: 200 }); }); const app = new Application(); app.use(router.routes()); app.use(router.allowedMethods()); await app.listen({ port: 8080 }); 


  16. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. 現在動作中です。
 一分に一回カウントアップされます。

    https://late-otter-59.deno.dev/
 
 


  17. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. まとめ
 -

    Deno Deployの有効活用のため、upstashの組み合わせオススメ
 - 出来ることが、大きく広がる
 - Deno Deploy 起点のフルサーバーレスなサービスを開発できる可能性
 例えば?
 


  18. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deploy

    起点フルサーバーレス サービス インフラ 構想
 
 deno deploy ・APIサーバー ・DB管理 ・ストレージ キャッシュ呼び出し Redis qStash バッチ処理呼び出し フロントサーバー

  19. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deploy

    起点フルサーバーレス サービス インフラ 構想
 deno deploy フロントサーバー ・APIサーバー ・DB管理 ・ストレージ キャッシュ呼び出し Redis qStash バッチ処理呼び出し deno deploy +　　　　　　+ bunny cdn ... API呼び出し

  20. Copyright (C) 2021 Toranoana Inc. All Rights Reserved. ありがとうございました