皆さん、こんにちは。おっくんです。 今回は、「Deno で掲示板サイトを作ろう！ with upstash & supabase」企画の 6 回目として、Twitter 連携機能を組み立てます。 (記事作成の途上でTwitter連携機能に関する状況が変わってきていますが、OAuth連携およびログインを使うアプリの実装方針としてご参考ください。2023年4月10日時点で動作確認済みです。) 前回記事はこちら toranoana-lab.hatenablog.com 実装方針 Twitter 連携機能は、Twitter Developer Platform のドキュメントにある、OAuth 1.0a に対応し、3-legged OAuth flow を使用し導入します。 developer.twitter.com こう書くとピンと来ないかもしれませんが、いわゆる「Twitterで認証」ボタンを

皆さん、こんにちは。 冷蔵庫を買い換えました。以前より容量を倍にしたら部屋での存在感がすごいです。おっくんです。 今回は、「Deno で掲示板サイトを作ろう！ with upstash & supabase」企画の 5回目として、upstash QStash を使用したスケジュール実行処理を組み立てます。 前回記事はこちら toranoana-lab.hatenablog.com upstash QStash の導入 前回記事では、upstash redis を導入しました。 こちらは upstash.inc が展開している「サーバーレスで」「お安く」「上限有り(MAX160$)の従量課金」で使える Redis でした。 upstash では、Redis 以外にサーバーレスおよびエッジランタイム向けのメッセージング/スケジューリングソリューションのQStash も展開しています。 この Q

皆さん、こんにちは。 年末最後の大きなお買い物は布団乾燥機でした。おっくんです。 今回は、「Deno で掲示板サイトを作ろう！ with upstash & supabase」企画の 3 回目として、前回に引き続き掲示板への投稿の登録本体の実装を行うとともに、バリデーションとサニタイズを導入します。 前回記事はこちら toranoana-lab.hatenablog.com 実装 掲示板の詳細を作る ダイナミックルーティング導入 現在、掲示板のトピックの登録と一覧の表示ができています。 このページからのリンク先として、投稿一覧を作成します。 Fresh は、routes 以下にファイルを作っていくことでルーティングが作成されます。 また、[pageId].tsx のような名前でファイルを作っていくことでダイナミックルーティングが使用できます。 これから作るのは、掲示板のトピックに紐づいたペ

皆さん、こんにちは。 自宅では、トラドラオニタイジン極がご本尊みたいになっています。おっくんです。 今回は、「Deno で掲示板サイトを作ろう！ with upstash & supabase」企画の2回目として、掲示板の登録と参照の実装を進めていきます。 今回の実装で、次のように、掲示板の登録ができるようになります。 前回記事はこちら toranoana-lab.hatenablog.com 訂正 始めに、第1回で取り扱った環境変数の取り扱いについて、一部訂正をさせていただきます。 第1回に紹介した、以下のdotenvの実装がありました。 [anonymous-board/util/config.ts] import { config } from "dotenv/mod.ts"; export const envConfig = await config({ safe: true })

皆さんこんにちは、「ぼっち・ざ・ろっく」の PV にやられました。期待しか有りません。 おっくんです。 今回の投稿から、「Deno で掲示板サイトを作ろう！ with upstash & supabase」 と題して、数回に分けて必要な要素を分解しながら、実際に匿名掲示板のリリースを進めていきます。 最初に計画 この連載では、次のような副題を掲げて段階を踏みながら、最後は匿名掲示板を実際にデプロイすることを目標にします。 環境構築と、簡単なアプリケーション(☆ 今回 ☆) 機能の実装とテスト デプロイと自動化 Upstash の導入 調整と公開 作成するもの タイトルで出していますが、この連載では Deno で匿名掲示板を作ります。 紹介したいサービスを使うことと、なるべくメンテナンスフリーにすることを目的として以下の機能を盛り込んでいく予定です。 いわゆる匿名掲示板を作ります 閲覧は自由

虎の穴ラボおっくんです。暑い夏、いかがお過ごしでしょうか？ この記事は、虎の穴ラボ 夏のアドベントカレンダーの14日目の記事です。 今回のアドベントカレンダーも引き続き「見た目でわかるビジュアルネタ5連発」の第4弾となります。 13日目は、A.M.さんによる「【Go言語】アスキーアートでダンジョンから脱出するゲームを作ってみた」が投稿されました。 15日目は、Mさんによるビジュアルネタ「🔴サーバーにエラーが起きた時にVSCodeを真っ赤にしよう🔴」が公開されますこちらも御覧ください。 発端 去る 2022 年 5 月 11 日 Google I/O で、Geospatial API という位置情報を使用した AR に利用する API が公開されました。 しかしながら ARcore 向けの API なので Chrome で扱えるものではないわけです。 悔しい実に悔しいので、ブラウザででき