ブログサイトのロゴsui Tech Blog

Hono

Total 9 posts
ObsidianHono

Hono + Obsidianプラグインをハンズオン形式で開発してみる

Honoを使用してObsidianプラグインを開発するための環境構築手順を解説します。pnpm workspacesを使ったモノレポ構成でCloudflare Workers上で動作するHonoとObsidianプラグインを管理します。

記事を読む
HonoXHonoCloudflareWorkers

『ないなら作ればいいじゃない』HonoXで金髪ヒロインしか乗ってないアニメ専門サイトを作った話

HonoXとCloudflare Workersを活用し、アニメの金髪ヒロインだけを一覧表示するWebサイト「金髪ヒロイン.com」を個人開発した体験と、技術選定や実装の工夫、今後の課題についてまとめました。

記事を読む
HonoHonoX

HonoXで短縮URL作成サイトをつくる

HonoXで短縮URL作成サイトを作成します。基本的な環境構築が終わっているsetupブランチから完成版までの変化を追いながら、実装の流れを解説します。

記事を読む
TypeScriptクリーンアーキテクチャSOLID原則

手を動かして理解するクリーンアーキテクチャ

クリーンアーキテクチャの概要をざっくり理解し、実際に手を動かして実装することで腹落ちを目指します。関心ごとの分離と依存関係の方向性について解説します。

記事を読む
HTMLDecodeLineMessagingAPI

API叩くときはしっかりデコードしよう

Hono + LINE Messaging APIを使ったコンビニスイーツ提供BOTで、HTMLエンティティのデコードを忘れたことで発生したエラーと、その解決方法を解説します。APIを叩く際のデータ処理の重要性を学びます。

記事を読む
CloudflareCloudflareWorkersHono

Hono Service bindings入門

Cloudflare WorkersのService Bindings機能を使って、パブリックにアクセス可能なURLを経由せずに別のWorkersを呼び出す方法を解説します。Honoを使った複数Workersの連携実装例を紹介します。

記事を読む
InversifyJSDIHono

Hono + DIでInversifyJSを使用する

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

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

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

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

記事を読む
CloudflareWorkersLineMessagingAPIHono

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

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

記事を読む