インストール
Morphを使用するためには、Python 3.9以上、Node.js 18以上が必要です。
前提条件
Morphの全ての機能を使用するためには、以下の環境が必要です。
これらのセットアップが完了していない場合、MorphのCLIとフレームワークが正常に動作しない可能性があります。
Python 3.9 ~ 3.12 のインストール
Python 3.9 ~ 3.12 のインストール
Morphフレームワークが動作するためには、Python 3.9以上、3.13未満が必要です。
Pythonのバージョンを確認するには、以下のコマンドを実行してください。
Python 3.9以上がインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
- Pythonの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでPythonとpyenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install pythonを実行して最新のPythonをインストール。 - ターミナルで
brew install pyenvを実行してpyenvをインストール。 - ターミナルで
pyenv install 3.11.11を実行してPython 3.11.11をインストール。
公式サイトからのインストール
- Pythonの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでPythonとpyenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install pythonを実行して最新のPythonをインストール。 - ターミナルで
brew install pyenvを実行してpyenvをインストール。 - ターミナルで
pyenv install 3.11.11を実行してPython 3.11.11をインストール。
公式サイトからのインストール
- Pythonの公式サイト からWindows用のインストーラー（.exeファイル）をダウンロードし、インストールウィザードの指示に従ってインストールします。
Pythonのバージョン管理には、 pyenv-win などのツールを使用することをお勧めします。
お使いのLinuxディストリビューションの推奨の方法でPythonをインストールしてください。
Node.js 18以上, npm 7以上のインストール
Node.js 18以上, npm 7以上のインストール
Morphフレームワークが動作するためには、Node.js 18以上とnpm 7以上が必要です。
Node.jsのバージョンを確認するには、以下のコマンドを実行してください。
Node.js 18以上がインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
- Node.jsの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでNode.jsとnodenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install nodeを実行して最新のNode.jsをインストール。
nvmを使用してNode.jsをインストールする
- nvmのドキュメントを参照して、nvmをインストールしてください。
公式サイトからのインストール
- Node.jsの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでNode.jsとnodenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install nodeを実行して最新のNode.jsをインストール。
nvmを使用してNode.jsをインストールする
- nvmのドキュメントを参照して、nvmをインストールしてください。
公式サイトからのインストール
- Node.jsの公式サイト からWindows用のインストーラー（.exeファイル）をダウンロードし、インストールウィザードの指示に従ってインストールします。
nvm-windowsを使用してNode.jsをインストールする
- nvm-windowsのドキュメント を参照して、nvm-windowsをインストールしてください。
お使いのLinuxディストリビューションの推奨の方法でNode.jsをインストールしてください。
Dockerのインストール
Dockerのインストール
MorphフレームワークをMorph CLIを用いてクラウド環境にデプロイするために、Dockerが必要です。Githubリポジトリとの連携によるデプロイができない場合は、この手順を参考にDockerをインストールしてください。
Dockerがインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
- Dockerの公式サイト からmacOS用のインストーラ（.dmgファイル）をダウンロードし、ダブルクリックでインストールします。
公式サイトからのインストール
- Dockerの公式サイト からmacOS用のインストーラ（.dmgファイル）をダウンロードし、ダブルクリックでインストールします。
公式サイトからのインストール
- Dockerの公式サイト からWindows用のインストーラー（.exeファイル）をダウンロードし、インストールウィザードの指示に従ってインストールします。
お使いのLinuxディストリビューションの推奨の方法でDockerをインストールしてください。
Morphのインストール
pipコマンドでmorphをインストールする
Morphプロジェクトを作成する
morph new コマンドを使って、Morphプロジェクトを作成します。
Morphの開発サーバーを起動する
morph serve コマンドを使って、Morphの開発サーバーを起動します。
ブラウザでアプリを開く
localhost:8080 にアクセスして、アプリを開きます。
SQL, Python, MDXを使ってアプリを構築する
ここまでで、基本的な開発サーバーを起動できました。SQL, Python, MDXを使ってアプリを構築していきましょう!
エディター (VS Code) のセットアップ
Morphのフロントエンドで用いるMDXファイルは、VSCodeの拡張機能をインストールすることで、シンタックスハイライトやコード補完を行うことができます。
https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx
インストール
Morphを使用するためには、Python 3.9以上、Node.js 18以上が必要です。
前提条件
Morphの全ての機能を使用するためには、以下の環境が必要です。
これらのセットアップが完了していない場合、MorphのCLIとフレームワークが正常に動作しない可能性があります。
Python 3.9 ~ 3.12 のインストール
Python 3.9 ~ 3.12 のインストール
Morphフレームワークが動作するためには、Python 3.9以上、3.13未満が必要です。
Pythonのバージョンを確認するには、以下のコマンドを実行してください。
Python 3.9以上がインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
- Pythonの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでPythonとpyenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install pythonを実行して最新のPythonをインストール。 - ターミナルで
brew install pyenvを実行してpyenvをインストール。 - ターミナルで
pyenv install 3.11.11を実行してPython 3.11.11をインストール。
公式サイトからのインストール
- Pythonの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでPythonとpyenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install pythonを実行して最新のPythonをインストール。 - ターミナルで
brew install pyenvを実行してpyenvをインストール。 - ターミナルで
pyenv install 3.11.11を実行してPython 3.11.11をインストール。
公式サイトからのインストール
- Pythonの公式サイト からWindows用のインストーラー（.exeファイル）をダウンロードし、インストールウィザードの指示に従ってインストールします。
Pythonのバージョン管理には、 pyenv-win などのツールを使用することをお勧めします。
お使いのLinuxディストリビューションの推奨の方法でPythonをインストールしてください。
Node.js 18以上, npm 7以上のインストール
Node.js 18以上, npm 7以上のインストール
Morphフレームワークが動作するためには、Node.js 18以上とnpm 7以上が必要です。
Node.jsのバージョンを確認するには、以下のコマンドを実行してください。
Node.js 18以上がインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
- Node.jsの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでNode.jsとnodenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install nodeを実行して最新のNode.jsをインストール。
nvmを使用してNode.jsをインストールする
- nvmのドキュメントを参照して、nvmをインストールしてください。
公式サイトからのインストール
- Node.jsの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでNode.jsとnodenvをインストールしてパッケージ管理をする
- Homebrewのインストール。
- ターミナルで
brew install nodeを実行して最新のNode.jsをインストール。
nvmを使用してNode.jsをインストールする
- nvmのドキュメントを参照して、nvmをインストールしてください。
公式サイトからのインストール
- Node.jsの公式サイト からWindows用のインストーラー（.exeファイル）をダウンロードし、インストールウィザードの指示に従ってインストールします。
nvm-windowsを使用してNode.jsをインストールする
- nvm-windowsのドキュメント を参照して、nvm-windowsをインストールしてください。
お使いのLinuxディストリビューションの推奨の方法でNode.jsをインストールしてください。
Dockerのインストール
Dockerのインストール
MorphフレームワークをMorph CLIを用いてクラウド環境にデプロイするために、Dockerが必要です。Githubリポジトリとの連携によるデプロイができない場合は、この手順を参考にDockerをインストールしてください。
Dockerがインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
- Dockerの公式サイト からmacOS用のインストーラ（.dmgファイル）をダウンロードし、ダブルクリックでインストールします。
公式サイトからのインストール
- Dockerの公式サイト からmacOS用のインストーラ（.dmgファイル）をダウンロードし、ダブルクリックでインストールします。
公式サイトからのインストール
- Dockerの公式サイト からWindows用のインストーラー（.exeファイル）をダウンロードし、インストールウィザードの指示に従ってインストールします。
お使いのLinuxディストリビューションの推奨の方法でDockerをインストールしてください。
Morphのインストール
pipコマンドでmorphをインストールする
Morphプロジェクトを作成する
morph new コマンドを使って、Morphプロジェクトを作成します。
Morphの開発サーバーを起動する
morph serve コマンドを使って、Morphの開発サーバーを起動します。
ブラウザでアプリを開く
localhost:8080 にアクセスして、アプリを開きます。
SQL, Python, MDXを使ってアプリを構築する
ここまでで、基本的な開発サーバーを起動できました。SQL, Python, MDXを使ってアプリを構築していきましょう!
エディター (VS Code) のセットアップ
Morphのフロントエンドで用いるMDXファイルは、VSCodeの拡張機能をインストールすることで、シンタックスハイライトやコード補完を行うことができます。
https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx