Skip to main content

​
前提条件

Morphの全ての機能を使用するためには、以下の環境が必要です。
これらのセットアップが完了していない場合、MorphのCLIとフレームワークが正常に動作しない可能性があります。
Morphフレームワークが動作するためには、Python 3.9以上、3.13未満が必要です。Pythonのバージョンを確認するには、以下のコマンドを実行してください。
python --version
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をインストール。
Morphフレームワークが動作するためには、Node.js 18以上とnpm 7以上が必要です。Node.jsのバージョンを確認するには、以下のコマンドを実行してください。
node --version
Node.js 18以上がインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
  • Node.jsの公式サイト からmacOS用のインストーラ（.pkgファイル）をダウンロードし、ダブルクリックでインストールします。
HomebrewでNode.jsとnodenvをインストールしてパッケージ管理をするnvmを使用してNode.jsをインストールする
MorphフレームワークをMorph CLIを用いてクラウド環境にデプロイするために、Dockerが必要です。Githubリポジトリとの連携によるデプロイができない場合は、この手順を参考にDockerをインストールしてください。Dockerがインストールされていない場合、以下の手順を参考にインストールしてください。
公式サイトからのインストール
  • Dockerの公式サイト からmacOS用のインストーラ（.dmgファイル）をダウンロードし、ダブルクリックでインストールします。

​
Morphのインストール

1

pipコマンドでmorphをインストールする

Shell
pip install morph-data
2

Morphプロジェクトを作成する

morph new コマンドを使って、Morphプロジェクトを作成します。
Shell
morph new morph-starter-app
3

Morphの開発サーバーを起動する

morph serve コマンドを使って、Morphの開発サーバーを起動します。
Shell
cd morph-starter-app
morph serve
4

ブラウザでアプリを開く

localhost:8080 にアクセスして、アプリを開きます。
5

SQL, Python, MDXを使ってアプリを構築する

ここまでで、基本的な開発サーバーを起動できました。SQL, Python, MDXを使ってアプリを構築していきましょう!

​
エディター (VS Code) のセットアップ

Morphのフロントエンドで用いるMDXファイルは、VSCodeの拡張機能をインストールすることで、シンタックスハイライトやコード補完を行うことができます。 https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx