Go to Qiita Advent Calendar 2024 Top
LoginSignup
5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ElixirAdvent Calendar 2024

Day 12
@Alicesky2127(alicesky 2127)infukuoka.ex：福岡Elixirコミュ

Windows11にUbuntu 24.04をHyper-V経由でインストール + Phoenix Expressでコマンド一発Phoenixアプリ作成

Last updated at Posted at 2024-12-27

こんにちは！
プログラミング未経験文系出身、Elixirの国に迷い込んだ？！見習いアルケミストのaliceと申します。
今回はコマンド一発でPhoenixアプリケーションを作れる「Phoenix Express」という手順をやってみて学んだことをまとめます。

目的

Hyper-V上のUbuntu Desktop 24.04.1 LTSを使用して「Phoenix Express」を検証する。

Phoenix Expressの手順↓

なお、Phoenix Expressの存在は下記の記事で知りました！
(thx for @torifukukaiou🎉)

実行環境

Windows 11(以降ホストOSはHyper-Vを使える前提で進めます)

仮想マシンの作成

下記記事のUbuntu 24.04版です。

Ubuntuのisoファイルをダウンロード

こちらからUbuntu Desktop 24.04.1 LTSのisoファイルをダウンロードし、適当なディレクトリに保存します。

image.png

Hyper-V上で仮想マシン作成

Hyper-Vを起動して、右ペインから「新規」→「仮想マシン」を選択します。
image.png

「次へ」を押下します。
image.png

名前と場所の指定

仮想マシンの名前をつけて「次へ」を押下します。
image.png

世代の指定

Ubuntu 24.04.1は2GHzデュアルコアプロセッサ以上推奨なので「第2世代」を選択し「次へ」を押下します。
image.png

メモリの割り当て

4GBシステムメモリが必要なのでひとまず倍くらい確保しておきます。
image.png

ネットワークの構成

Default Switchにし「次へ」を押下します。
image.png

仮想ハードディスクの接続

ひとまずデフォルト値のまま「次へ」を押下します。
image.png

インストールオプション

先ほどインストールしたisoファイルを選択し「次へ」を押下します。
image.png

インストール前確認

「完了」を押下します。
image.png

できました(^▽^)/
image.png

OSのインストール

言語設定

日本語を選択して「次」を押下します。
image.png

アクセシビリティ

「次」を押下します。
image.png

キーボードレイアウト

キーボードを選択して「次」を押下します。
image.png

ネットワークに接続

「有線接続を使用」を選択して「次」を押下します。
image.png

Ubuntuを試用またはインストール

「Ubuntuをインストール」を選択して「次」を押下します。
image.png

インストールの種類

「対話式インストール」を選択して「次」を押下します。
image.png

アプリケーション

「既定の選択」を選択して「次」を押下します。
image.png

コンピューターを最適化

「次」を押下します。
image.png

ディスクのセットアップ

「ディスクを削除してUbuntuをインストールする」を選択して「次」を押下します。
image.png

アカウントの設定

ユーザー名、パスワードを作成して「続ける」を押下します。
image.png

タイムゾーン

Tokyoを選択して「次」を押下します。
image.png

インストール前確認

「インストール」を押下します。
image.png

インストール中です...
ネットワーク環境にもよりますが私はインストールに12分ほどかかりました。
image.png

インストール完了

「今すぐ再起動」を押下します。
image.png

ログイン

アカウントを押下します。
image.png

パスワードを入力します。
image.png

仮想マシン内での初期設定

「次へ」を押下します。
image.png

「Skip for now」を選択して「次へ」を押下します。
image.png

「いいえ、システムデータを共有しません」を選択して「次へ」を押下します。
image.png

「完了」を押下します。
image.png

できました(^▽^)/
※もしアップデートの通知が来ていたら随時実施してください
image.png

これでOSのインストールは終わりです。

はまった箇所 -OSを読み込んでくれない

作成した仮想マシンをそのまま起動するとこうなりました。OSを読み込んでくれなかったようです。
image.png

一度仮想マシンを停止し、右ペインから「設定」を押下します。
image.png

「セキュリティ」→「セキュアブートを有効にする」のチェックをオフにします。[^3]
image.png

「Try or Install Ubuntu」を選択しEnterキーを押下します。
これでゲストOSが起動しました(^▽^)/
image.png

Phoenix Expressの実施

左メニューから「端末」を開きます
image.png

curlとgitのインストール

先にcurlとgitをインストールしておく必要があります

shell
sudo apt install curl
sudo apt install git

コマンド実行

公式ドキュメントに記載の下記を実行します。

shell
curl https://new.phoenixframework.org/myapp | sh

image.png

できました(^▽^)/

Phoenixのアプリが起動するところまで自動でやってくれます(^▽^)/
Elixir／Phoenixアプリを起動するまでに必須だったmixコマンドはここまで1回も使ってないです。
すごい。ものすごく簡単🎉🎉🎉

image.png

余談

curlが入っていないと下記のエラーが出ます
image.png

gitが入っていないと下記のエラーが出ます。
image.png

～Elixirの国のご案内～

↓Elixirって何ぞや？と思ったらこちらもどぞ。Elixirは先端のアレコレをだいたい全部できちゃいます:laughing::sparkles::sparkles:

↓ゼロからElixirを始めるなら「エリクサーチ」がおすすめ！私もエンジニア未経験から学習中です。

↓We Are The Alchemists, my friends!:bouquet:1
Elixirコミュニティは本当に優しくて温かい人たちばかり！
私が挫折せずにいられるのもこの恵まれた環境のおかげです。
まずは気軽にコミュニティを訪れてみてください。2

  1. @torifukukaiouさんのAwesomeな名言をお借りしました。Elixirコミュニティを一言で表すと、これに尽きます。 ↩

  2. @kn339264さんの素敵なスライドをお借りしました。Elixirコミュニティはいろんな形で活動中！ ↩

5
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?