adage frontend

格言フロントエンド

〜アプリを使用してください〜

Adageは、遺伝子発現データを探索し、機械学習モデルから新しい洞察を発見するのに役立つツールです。このリポジトリには、「フロントエンド」のコード、つまりWebアプリ自体が含まれています。モデルデータがロードされてからWebアプリに提供される「バックエンド」は、ここにあります。

について

このアプリは、Reactフレームワークで構築されました。具体的には、最小限のセットアップでReactアプリを作成するためのテンプレート/開始点であるCreate React Appを使用して作成されました。

このソースコードを編集するには、Git、Github、HTML、CSS、Modern JavaScript、React、JSX、Redux、Node環境の基礎を理解する必要がある可能性があります。

自分の目的のためにこのアプリの動作を変更したい場合は、サポートが必要な場合は、チームに連絡できます。変更を提案したい場合は、このリポジトリに問題を作成できます。

変更を加えます

必要なインフラストラクチャを設定します。

1. git（アプリソースコードの変更を追跡するシステム）をインストールする
2. このリポジトリをフォークし、コンピューターにクローン化します（したがって、独自の変更を加えるためにコードのローカルコピーがあります）
3. node.js（アプリをテスト、ビルド、パッケージ化する環境）をインストールする
4. Yarn（アプリのすべてのサードパーティの依存関係をインストールするパッケージマネージャー）
5. オペレーティングシステムのお気に入りのコマンドラインインターフェイスとテキストエディターを選択してインストールします

コマンドラインで、リポジトリをクローン化したディレクトリに移動します。以下にリストされているすべてのコマンドは、そこから実行する必要があります。

アプリのパッケージ依存関係をインストールします。

1. yarn installを実行します。これには数分かかる場合があります。

アプリのローカルテストバージョンを実行します。

1. yarn startを実行します。これにより、アプリのライブプレビューを使用して新しいブラウザタブが開きます。このコマンドは、ソースコードの変更を継続的に監視し、ブラウザのプレビューを自動的に更新します。 ctrl+c （またはコマンドラインインターフェイスに応じて他の何か）を押して、このライブプレビューを停止し、別のコマンドを実行します。

含まれているすべてのテストを実行して、最近の変更によりアプリの重要な動作が壊れたかどうかを確認します。

1. yarn testを実行します。前のコマンドと同様に、これはソースコードの変更を継続的に監視しています。 ctrl+cを押してプロセスを停止し、別のコマンドを実行します。

アプリを構築します。つまり、Webサイトに配置できるアプリのバンドルされた最適化されたバージョンを作成します。

1. yarn buildを実行します。