📖 Note

Denoハンズオン

2025年2月27日6 min read

Denoとは

DenoとはNode.jsの作者Ryan dahl氏により開発されているJavaSctiptランタイムです。Node.jsの反省点などを踏まえ開発されています。

Node.jsとの主な違い

  • TopLevel awaitが可能 DenoはデフォルトでTopLevel awaitニ対応しています。非同期関数を使うためにasyncで囲う必要はもうありません。

  • Web標準のAPIが使用可能 Denoの組み込み関数はWeb標準に則って実装されているため、ブラウザと同じAPIを使うことができます。例えばURL関数を用いてURLの生成・操作が可能です。

  • エッジでの実行が可能 DenoはデプロイサービスDeno Deployなどがあり、エッジでの実行で有利です。

  • ランタイムがシングルバイナリ Denoのランタイムは一つのバイナリに集約されています。これによりインストールが非常に簡単になっています。

  • パッケージマネージャが存在しない Node.jsの反省点としてnpmが挙げられていたこともあり、Denoにはパッケージマネージャが存在しません。 なのでDenoには忌まわしきnode_modulesが存在しません。常にクリーンな開発環境で開発することができます。

  • デフォルトでTypeScriptが実行可能 Denoはデフォルトかつ設定無しでのTypeScriptの実行をサポートしています。tsconfig.jsなどでプロジェクトがごたつくこともありません。

  • 開発に用いるツールがランタイムに集約されている DenoはLSP、フォーマッタ、テスター、ドキュメント生成、タスクランナーが全てDenoコマンドで実行可能です。スクリプトをフォーマットするために新たにツールをインストールする手間はありません。

  • リモートファイルを実行できる Denoはパッケージマネージャが無いという特性から、リモートにあるスクリプトをいきなり実行することが可能です。これを活用してセットアップスクリプトをGistで公開してしてユーザーに実行させる、なんて事も可能です。

Hello World

Denoの環境構築を済ませたら、早速DenoでHello Worldしてみましょう。Denoの公式のインストールガイドにアクセスしてインストールするための環境に合ったワンライナーをコピーして実行します。

実行が完了したら早速実行してみましょう！

コンソールでdenoと打ってみて下さい。Nodeの様に対話型の実行環境が起動します。そしてそのプロンプトに

console.log("Hello Woeld!")

と打って実行してください。画面にHello World!と表示されるはずです。

次はファイルで実行してみましょう。server.tsというファイルを作成し、エディタを起動して次のスクリプトを書き込んでください。

import { serve } from "https://deno.land/[email protected]/http/server.ts";
 
const host = "0.0.0.0"
const port = 8080
 
const server = serve({ hostname: host, port: port });
console.log(`HTTP webserver running.  Access it at:  http://localhost:${port}/`);
 
//リクエストを待ち続ける
for await (const request of server) {
  let bodyContent = "Hello!🦕\nYour user-agent is:\n\n";
  bodyContent += request.headers.get("user-agent") || "Unknown";
 
  request.respond({ status: 200, body: bodyContent });
}

次にdeno run server.tsを実行してください。するとエラーが発生するはずです。これはDenoがスクリプトの権限を指定しないとアクセスできない仕様になっているからです。この仕組みのお陰で安全性が担保出来無いスクリプトが危険な操作を行うことを防止できます。

Denoで権限が必要なプログラムを実行するには--allowフラグが必要です。ネット接続の場合は--allow-netと指定することで許可出来ます。 ここまでの話を踏まえ、server.tsをネット接続を許可して実施してみましょう。以下のコマンドを実行してください。

deno run --allow-net server.ts

すると以下のメッセージが表示されます。

HTTP webserver running.  Access it at:  http://localhost:8080

一番下にURLが表示されているのでそのURLにブラウザでアクセスしてみてください。するとブラウザの画面に

Hello!🦕
Your user-agent is:

ユーザーエージェント

と表示されるはずです。ユーザーエージェントの部分は環境によって変わります。複数のブラウザをインストールしている方は別のブラウザでアクセスしてみても良いでしょう。

型を利用したコードを書く

先程書いたコードは型宣言がこれと言って見当たらず、あまり型の恩恵を受けている感じがしませんでした。TypeScriptは強力な型推論を兼ね備えているので、かなりの型宣言を省略することが可能です。次のコードでそれを試してみましょう。

その前に、TypeScriptを書いたことがない方のために少しTypeScriptの解説をします。簡単TypeScript入門

グラフビュー

バックリンク

  • バックリンクはありません