はてなブックマーク

こんにちは、sugar-catです。 この記事はとある個人開発のWeb/DiscordサービスをVercelからCloudflareへ移行した際の記録です。 個人開発の内容については下記のスライドもご参考ください。 はじめに 開発したWebサービスについて サービスの内容 配信者(Vtuber)の配信スケジュールを一覧で確認できるWebサイトと、Discord Botを組み合わせたキュレーションサービスです。 利用状況 Webサイト:月間PV 20万〜30万程度 Discord Bot:370サーバーで稼働中(2025年6月1日現在) システムの特徴 リアルタイムでのコンテンツ更新(約1分間隔) YouTube/Twitch/ツイキャスの外部APIを大量利用 Discordの各サーバーに1分ごとに配信情報を通知 なぜ移行することになったのか 最初は2022年ごろにVercel + Fire

はじめに この記事は【Zenn 初開催】AI エージェント開発に挑戦!初心者歓迎ハッカソンに提出した成果物である「BLOOMS」という Flutter を用いた iOS/Web アプリケーションで使用した、様々なテクニックについてまとめたものです。 BLOOMS が何なのか、についてはこちらの記事を参照してください。iOS 版と Web 版があるので、興味のある方はぜひお試しください。 筆者について 2025 年現在、私はフリーランスのソフトウェアエンジニアとして活動しています。 主に Flutter を用いたモバイルアプリケーションを得意とし、必要に応じて Firebase を用いてバックエンドも構築しています。 細かい内容はポートフォリオをご覧ください(PR) https://kingu.dev この記事について 「BLOOMS」は私がこれまで個人開発や仕事で得た知識を活用して実装して

こんにちは、sugar-catです。 この記事はHono Advent Calendar 2024の12日目の記事です。 はじめに Honoではv4.5系でService Workerのアダプターを使用することができるようになりました。 このアダプターを使用することで、リクエストのインターセプトや各種処理をHonoの書き味のまま実装することが可能になります。 Service Workerについて Service Workerは、ブラウザとネットワークの間でプロキシとして機能します。 ブラウザのバックグラウンドで動作し、キャッシュやプッシュ通知などのタスクを処理するスクリプトとして利用されています。 ライフサイクルについては、以下の動画がわかりやすいです。 このService Workerには、fetchイベントがあります。 このfetchイベントはメインスレッドがネットワークリクエストを行

こんにちは、sugar-catです。 はじめに 皆さんはTypeScriptでバックエンド開発を行う際に、どのようにロギングをしていますか。 この記事では、TypeScript製のロギングライブラリであるtslogの紹介と、その内部の仕組み、秘匿情報を含むログを出力しないための方法について解説します。 ログの種類 この記事ではアプリケーションログを扱います。アプリケーションコンテナで出力された標準出力を収集し、任意の監視ツールに送信し表示されるようなログを指します。 アクセスログや監査ログ、システムログのようなものは扱いません。 tslogとは tslogはTypeScript製で作成された、構造化ロギングを行うためのロギングライブラリです。 主な特徴として、Node.jsとブラウザのどちらにも対応しており、他のロギングライブラリと異なり外部のライブラリへの依存が一切ない点や、コードベース

1. はじめに Discord Bot は SDK を使用することで簡単に作成することが可能です。 テキストでのメッセージの送信はもちろん、埋め込み、音声メッセージなど Discord Bot で表現できることの幅は広くなっています。 今回は新たに Discord Bot を作成する上で Discord Bot で表現できること、および運用する上での注意点を紹介します。 本記事の内容はGo(v1.20)とdiscordgo(v0.27.1)を使用し作成しています。 また記事内の内容は章ごとに独立しているので、必要に応じて目次から参照してください。 対象読者 Discord Bot で何ができるかよくわからない人 Discord Bot を作成したい人 Discord Bot の運用について知りたい人 2. Discord Bot で表現できるメッセージの種類 2.1. テキストメッセージ

git merge とは? 複数のブランチを 1 つのブランチに統合するコマンドです。 merge コマンドは、元のブランチと分岐したブランチを統合した新しいコミットを作成します。 gitで merge 後の結果には 下記のような種類があります。 Already up to date mergeするブランチ同士のコミット内容に差分が無く、mergeする必要がなかった状態。 Fast Forward(早送りになるmerge) 現在のブランチの先端から対象ブランチに向かって 1 本の直線的なパスのみが通っている状態。 fast-forward な関係や状態といわれたら、merge 元ブランチ(merge した内容を持つブランチ)の内容はすでに merge 先にあるという状態のことを指します。 fast-forward な関係にある時に pull すると、実際には merge は発生しないので、

はじめに Flutterで新規にアプリを作る時にテンプレ的に大体同じような事をやっているが、いつも忘れるので備忘録としてまとめ。 Flutterは絶賛開発中なので、本稿の内容は当時これでうまくいっていたぐらいに留めていただけると幸いです。 また、本稿は個人的なメモの意味合いが強いため、割愛している説明が多々あります。 本稿の変更を適用したサンプルリポジトリはこちら 記事もテンプレ自体も随時更新予定 旧バージョンの記事はこちら:Flutterで新規アプリ作る時にやることまとめ - Qiita この記事でできること要約 大体アプリ作るときにやるであろう手順の備忘録 dart-defineを用いて開発環境、ステージング環境、本番環境のフレーバーを切り替え、別々のアプリとして独立させる方法 フレーバーに応じて利用するFirebaseプロジェクトを切り替える方法 コードカバレッジ計測のTips 環境