この前の記事でElmを使って簡易的なBMI計算機を作ってみたので、デプロイしてみることにした!
デプロイする流れとしては、GitHubにBMI計算機のソースコードをpushしNetlifyにてデプロイ。
リポジトリとプロジェクト作成
まずはGitHubで新規レポジトリを作成。
その次に、Git Bashにて以下のコマンドを入力。
cd {ローカルのレポジトリ置き場}
git clone {GitHubのURL}
cd {GitHubのレポジトリ名}
vim .gitignore
# https://www.toptal.com/developers/gitignore で Elm, Node を選択。
elm init
さくっとBMI計算機をつくる
前の記事で作成したこいつをsrc/Main.elm
を移す。
Netlifyにデプロイ
Elmをビルドするために package.json にビルドスクリプトを追加する。
Netlifyは、設定したビルドスクリプトを実行してくれる機能があるので、出力されたファイルを公開する。
デプロイした成果物
感想
Netlifyの使い方に慣れなければ。
Elmをビルドするためのスクリプトを入れるに手こずった。