はてなブックマーク

Vercel は Serverless functions が使えるので、サーバーを立てて、そこから静的コンテンツを配信することができます。 Vercel のコンテンツにパスワード付ける機能はオプション機能なので有料ですが、Serverless functions を利用すれば無料プランの範囲内で Basic 認証付きの環境を作ることができたので、その方法をメモ。 今回は Node.js を使いました。 事前にやっておくこと vercel コマンドのインストール (リポジトリの連携を行っている人は必須ではない) プロジェクトの public に静的コンテンツを作成しておくか npm run build のように静的コンテンツをビルドするためのコマンドを用意しておく やること プロジェクト内にエントリーポイントとなるファイルを用意する vercel.json に builds, routes

シェルで複雑な処理を書きたい場合はスクリプトファイルを作成することになります。 私の場合、JavaScript で書きたくなります。Node.js にはChild process というモジュールが存在しています。 これを経由することで子プロセスを作成して OS のコマンドを Node.js から実行することができます。 const { spawn } = require('child_process'); const ls = spawn('ls', ['-lh', '/usr']); ls.stdout.on('data', (data) => { console.log(`stdout: ${data}`); }); しかし非同期処理が callback 方式だったり、Promise.then や async await を使って処理をシンプルに書くためには promisify を通

Vite で Node.js Webアプリケーションの開発を行えるようにするためのメモ書きです。 やりたかったこと Node.js Webアプリケーション開発でも TypeScript で型の恩恵を受けたい 開発時にサーバーを立ち上げたら、コードを修正する度にビルド -> サーバーを立ち上げ直すことなく動作確認できるようにしたい 前提 Vite のインストール方法についてはこの記事では取り扱いません。 以下は Vite がすでにインストールされている前提で進めています。 Vite Plugin Node を導入する 今回は vite-plugin-node を利用しました。 github.com Vite Plugin Node の特徴 Vite Plugin Node の README には以下の機能が紹介されています。 Node server の開発で HMR を利用できる (hot

git worktree git worktree というコマンドがあることを知ったので、メモ。 Git - git-worktree Documentation ブランチの切り替えをしなくてよくなるコマンド git worktree がすごい！ git worktree git worktree は Git 2.5.0 から導入されているコマンドで、1つのリポジトリに複数のワークツリーを持つことができる。 何が便利なのかを見ていく あるブランチ(branchA)で作業しているときに、(branchB) で修正が必要となった時のことを考えてみる。 git worktree を使わない場合 git checkout branchB 上記のように branchB へ切り替えて作業を行う。 作業の内容によっては git stash save で branchA で先に行っていた修正を退避させてお