Skip to content

Windows での動かし方

Jump to bottom
Yohei Taniguchi edited this page Mar 3, 2017 · 3 revisions

環境（インストールが必要なソフト）

アプリ開発環境の構築手順

必要なソフトのインストール

VirtualBoxのインストール

GitHub Desktopのインストール

  • 「DownLoad GitHub Desktop」をクリックする。 GingerSetup.exeがダウンロードされる。（ダウンロードフォルダか指定した場所にダウンロードされる。）
  • GingerSetup.exeをクリックして、インストールを実行する。
  • 「Welcome」の画面まできたらキャンセル

Teratermのインストール

ブラウザ(例：FireFox)のインストール

アプリ開発環境の設定作業

仮想PC環境を作る

  1. コマンドプロンプトを起動する。

    • スタートメニュー -> 【プログラムとファイルの検索】に「cmd」を入力
    • 「cmd.exe」が表示されたら、右クリックし「管理者として実行」を選択

  2. コマンドプロンプトで作業用フォルダを作成して、そのフォルダに移動する。（例:C:\IODD)

    • 以下のコマンドを順番に実行
    mkdir C:\IODD

    cd C:\IODD

  3. wagrantのサイトから必要なファイルをダウンロード

    • 以下のコマンドを実行
    git clone https://github.com/wakayama-hacker/wagrant.git

  4. コマンドプロンプトでフォルダ「wagurant」に移動する。(例:C:\IODD\wagurant)

    cd C:\IODD\wagurant

  5. 仮想PCを起動する。

    • 以下のコマンドを実行。（5分～10分ほど時間が掛かります。）
    vagrant up

仮想PCにログインする

  1. Teratermを起動し以下の入力を行ってOKを押下
    • ホスト:127.0.0.1
    • TCPポート:2222
    • SSHを選択
  2. 以下の入力を行ってログインを行う
    • ユーザ名:vagrant
    • パスワード:vagrant
    • 「プレンテキストを使う」を選択

開発環境を作る

  1. wnewのサイトから必要なファイルをダウンロード
    • 以下のコマンドを実行。
    git clone https://github.com/wakayama-hacker/wnew.git

開発環境を動かす

  1. 以下のコマンドを実行

    cd wnew

  2. 以下のコマンドを順番に実行

    npm install

    npm run build

    npm start

開発環境のWebサーバにアクセスする。

  1. ブラウザーを起動する(例：InternetExploreやFirefox)

  2. アドレスバーに以下を入力

    http://192.168.33.10

  3. 画面が表示されたら環境構築は成功

Clone this wiki locally