【hono】Hello, worldした。

はじめまして。新卒1年目エンジニアのいちたです。

初投稿はhonoで「hello, world」を表示するところをまとめてみたいと思います。
ほぼ、公式ドキュメントでできる内容にはなってしまいますが、ご容赦ください。

honoとは

honoは、JavaScriptのWebフレームワークです。めっちゃ軽量で高速に動くそうです。実際、Nuxtに比べて、プロジェクト作成や起動が高速でした。すごい...
（Webフレームワーク自体の開発にも興味が...）

さまざまなJavaScript Runtimeに対応しているのもすごい...

実際に動かす

「さまざまなJavaScript Runtimeに対応している」とは言いましたが、今回はNode.jsを使います。また、パッケージマネージャは"pnpm"です。

プロジェクト作成

以下のpnpmコマンドでプロジェクトを作成します。

pnpm create hono@latest

こちらを実行するとアプリケーション名、JavaScript Runtimeを選択できます。
選択後、すぐに作成が完了します。

作成後

作成後のプロジェクトのディレクトリ構造はこんな感じです。
初期段階ではindex.tsがルータとコントローラの役割を持っている感じです。

.
└── my-app
    ├── src
    │   └── index.ts
    ├── package.json
    └── README.md

起動

以下のコマンドを用いると開発者モードで起動できます。

pnpm dev

起動結果はこんな感じ。（これくらいだと、2秒です。）

まとめ

今回はhonoフレームワークを使って、「Hello, World!」を無事に表示できました

honoとは

• JavaScriptのWebフレームワークの一つ
• 超高速・超軽量
• Node.js以外のJavaScript Runtimeで動く

参考

• Hono公式ドキュメント
• Hono GitHubリポジトリ
• Hono[炎]っていうイケてる名前のフレームワークを作っている
  ↑開発者さんの記事です。分かりやすくまとまっていてすごい...