【20221019_toranoana.deno#9】閉鎖した個人開発のサービスを Deno Deployで復元する

by 虎の穴ラボ株式会社

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. 利用技術要素的な変遷  当初(2018下期)利用技術要素  - EC2  - Node.js  - Mysql(EC２内にインストール)  - Vue.js  - skelton.css  - 特に認証の仕組みの導入は無し  - 日本語のみ  - JavaScript  2022年10月  - Deno Deploy(アプリ本体)  - supabase(DB/API)  - upstash(キャッシュ)  - Fresh(preact)  - tailwind.css  - Twitter連携  - i18n対応  - TypeScript  復元といいつつ、利用技術に共通性は薄く、   コンセプトの継承であって、「復元」ではないなと書いていて思いました。  

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Freshに、追加導入しているモジュール  Fresh 単独では、目的としたものは作れない  追加で導入しているモジュール  - std モジュール群  - basic_auth：　開発中の一応の保護目的  - redis：　redis接続用(deno deploy環境では、upstash-redisに差替)  - fresh_session：　Freshにセッション管理を追加  - deno_csrf：　CSRF対策用トークンの発行と検証  - twitter_oath_1_0a：　Twitter連携用トークン発行と検証 

Slide 11

Slide 11 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Freshに、追加導入しているモジュール  - fresh_session  コントリビューターとして機能拡張してます。  このくらいの規模感のOSSだと、手出ししやすいと思います。  - deno_csrf  - deno_twitter_oauth  この２つは、私が公開しているモジュールです。 

Slide 12

Slide 12 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Fresh ベースで開発で役に立ったこと  - DENO_ENV という環境変数  いわゆる development / staging / production などが書いてある変数  動作環境ごとのインフラの差異から、使用モジュールを差し替えしている  - 開発環境 dockerで建てた redis を参照する  - 本番/テスト環境(deno deploy) upstash redisを参照する  　　(Rails脳で考えた結果なので、他の方法もあるかも)   

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Fresh ベースで開発で役に立ったこと  - ページテンプレートコンポーネントの導入    - fresh が提供している preact用のコンポーネントHead  htmlのhead要素への要素追加ができます。    import {Head} from “$fresh/runtime.ts”