メインコンテンツへスキップ
ブログサイトのロゴsui Tech Blog

Blog

Total 116 posts
6分
InversifyJSDIHono

Hono + DIでInversifyJSを使用する

HonoとDIで実装したアプリケーションにInversifyJSを使用して改修します。依存性の注入をサポートする軽量のIoCコンテナであるInversifyJSの使い方を解説します。

記事を読む
4分
TypeScriptDIオブジェクト指向プログラミング

手を動かして理解しようとするDI(依存性の注入)

依存性の注入(DI)という概念を手を動かしながら理解します。読んでもよく分からなかったので、実装を通じてナンモワカランからチョットワカッタカモになることを目指します。

記事を読む
8分
ChromeExtensionTypeScriptVite

Viteで始めるGoogleChrome拡張機能開発

Vite + TypeScriptを使用してGoogle Chrome拡張機能を開発する方法を解説します。初めて拡張機能を開発する方の第一歩になる記事です。

記事を読む
1分
LineMessagingAPICloudflareWorkers

コンビニスイーツをランダムに表示するLINE BOTをつくる

CloudflareWorkersとHonoを使ってコンビニスイーツをランダムに表示するLINE BOTを作成。

記事を読む
4分
CloudflareWorkersLineMessagingAPIHono

Honoでランダムにアイスクリームを提案するLINE BOTを作る

Hono + Cloudflare Workersを使用してランダムにアイスクリームを提案するLINE BOTを作成しました。チョコモナカジャンボに変わる新しい最強のアイスクリームを見つけることをコンセプトに、技術選定から実装までを解説します。

記事を読む
3分
PythonAPI

不動産情報ライブラリAPIを使ってみる!

国土交通省の不動産情報ライブラリAPIを使ってみた体験記。

記事を読む
1分
MySQLsqlalchemyDocker

SQLAlchemy + pytestでRuntimeError Event loop is closedが起きたときにやったこと

SQLAlchemyとpytestでRuntimeError Event loop is closedエラーが発生した際の対処法。

記事を読む
1分
GoogleMapsAPIGoogleCloud

Google Places API (New)で言語コードを設定せず沼りかけた

Google Places API (New)で言語コードを設定せず沼りかけた経験。

記事を読む
1分
PythonFastAPI

【FastAPI】idをuuidで設定するときは型定義に気をつけたい

FastAPIでidをuuidで設定する際の型定義の注意点。

記事を読む
1分
GASNext.js

支離滅裂な文章を生成するアプリ

GASのLanguageAppクラスを使って支離滅裂な文章を生成するアプリ。

記事を読む
2分
APINext.jsVercel

Next.js13 デプロイ時にAPIのパスを動的に変えるやり方

Next.js13でデプロイ時にAPIのパスを動的に変更する方法。

記事を読む
3分
DesignNext.jsshadcn/ui

ザ・ダークパターンをshadcn/uiで作成する

shadcn/uiを使ってダークパターンを実装する例。

記事を読む