> ## Documentation Index > Fetch the complete documentation index at: https://docs.morph-data.io/llms.txt > Use this file to discover all available pages before exploring further. # フレームワークの概要 Morphフレームワークは、Pythonとマークダウンを用いてWebアプリケーションを構築するフレームワークです。アプリケーションのバックエンドを**Python**で、フロントエンドを**マークダウン**で構築することができます。 ## ディレクトリ構成フレームワークのディレクトリ構成は以下のようになっています。 ```bash workdir theme={"dark"} . ├── src │ ├── pages/ │ ├── python/ │ └── sql/ ├── .env ├── Dockerfile └── morph_project.yml ``` * `src` ... データアプリのソースコードを配置するディレクトリ * `pages` ... フロントエンドのMDXファイルを配置するディレクトリ * `python` ... バックエンドのPythonファイルを配置するディレクトリ * `sql` ... バックエンドのSQLファイルを配置するディレクトリ * `.env` ... 環境変数を設定するファイル * `Dockerfile` ... データアプリをDockerコンテナとしてビルドするためのファイル * `morph_project.yml` ... プロジェクトの設定を記述するファイル. フレームワークは`morph_project.yml`が配置されているディレクトリをルートディレクトリとして認識します。これらに加えて、Pythonパッケージの管理用に `requirements.txt` か `pyproject.toml` が、JavaScriptパッケージの管理用に `package.json` が配置されます。 ## 開発サーバーを起動するデータアプリの挙動を確認するために、開発サーバーを起動します。 ```bash Shell theme={"dark"} morph serve ``` 上記コマンドでサーバーの起動が成功したら、`http://localhost:8080`にアクセスすることでデータアプリにアクセスすることができます。 ## 詳細なカスタマイズ Morphには、データアプリをカスタマイズするための便利な機能が用意されています。 SQLやPythonで使用できる関数や機能を確認するためには、[フレームワークリファレンス](/reference/ja/framework/morph-project)をご覧ください。フロントエンド開発で使用できるMDXコンポーネントの詳細は、[コンポーネントリファレンス](/data-application/ja/data-component-table)をご覧ください。最後に、準備ができてチームに共有する場合には[デプロイガイド](/docs/ja/quickstart/dashboard-setup)をご覧ください。 Morphフレームワーク全体にまたがる概念であるエイリアスについて学びます。 Pythonでバックエンドを構築する方法について学びます。マークダウンでフロントエンドを構築する方法について学びます。環境変数でシークレット情報を管理する DBやSaaSにアクセスをしたデータアプリを構築するユーザーインプットに応じて、データアプリの挙動をカスタマイズするユーザーのプロジェクトロールを活用してデータのアクセス制御やアプリの挙動をカスタマイズする