Skip to content

programming environment

MinoruInachi edited this page Nov 18, 2017 · 2 revisions

環境構築手順

土日でわかるPythonプログラミング教室の開発環境を構築する

前提条件

  • 対応OS:Windows 8、Windows 8.1/Windows 10、MacOS X Mountain Lion 10.8以降
  • 対応ブラウザ:Google Chrome
  • Windowsではハードウェア仮想化(VT-x)を有効にしておくこと

32ビットOSはDockerが非対応のため対象外

Windows 7は対象外だが、TeraTermを利用することで動作する サポート情報:FAQ①の質問9を参照

1.Dockerのインストール

Windows、MacOS ElCapitan以前の場合

※MacOS Sierra以降は、後述のHomebrewを使用した手順を参照。

1-1.ダウンロードページからインストーラーをダウンロード

1-2.インストーラーの実行

  • ダウンロードしたインストーラーを実行する
    • 「セキュリティの警告」が表示された場合は「実行(R)」をクリック。
    • 「ユーザーアカウント制御」が表示された場合は「はい」をクリック。
  • Welcome to the Docker〜の画面で、[Next]をクリック
  • Select Destination Locationの画面で、[Next]をクリック
  • Select Componentsの画面で、[Full installation]を選択し、[Next]をクリック
  • Select Additional Tasksの画面で、デフォルト設定のまま、[Next]をクリック
  • Ready to Installの画面で、[Install]をクリック
  • Completing the Docker〜の画面で、[Finish]をクリック

1-3.Kitematicの起動確認

  • インストール完了後に表示されるショートカットフォルダから「Kitematic(Alpha)」をダブルクリック
  • Kitematic起動画面でエラー画面が表示された場合は、[USE VIRTUALBOX]をクリック
  • Docker Hubへのログイン画面が表示されたら、[SKIP FOR NOW]をクリック
  • Kitematicのホーム画面が表示されたら成功

MacOS Sierraの場合

Mac OS Sierra 10.12以降ではDocker Toolboxのインストーラーが動作しないため、Homebrewを使ってインストールする

1-1.Homebrewのインストール

  • ターミナルを起動し、以下のコマンドを実行してHomebrewをインストール /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • 以下コマンドを実行し、Homebrewを最新バージョンに更新 brew update

1-2.Docker Toolboxのインストール

  • 以下コマンドを実行し、Docker Toolboxをインストール brew cask install docker-toolbox

1-3.起動確認

  • アプリケーションフォルダ内の「Kitematic(Beta)」をダブルクリック
  • Kitematic起動画面でエラー画面が表示された場合は、[USE VIRTUALBOX]をクリック
  • Docker Hubへのログイン画面が表示されたら、[SKIP FOR NOW]をクリック
  • Kitematicのホーム画面が表示されたら成功

2.Atomのインストール

2-1.ダウンロードページからインストーラーをダウンロード

2-2.インストーラーの実行

  • ダウンロードしたインストーラーを実行する
  • インストールが完了すると、「Atom」が起動し、「Welcome Guide」が表示される

2-3.日本語化設定

  • Windowsの場合 : メニューバーの[File]→[Settings]をクリック
  • Macの場合 : メニューバーの[Atom]→[Preferences]をクリック
  • [Install]タブをクリック
  • テキストボックスに[japanese-menu]と入力してエンターキーを押下
  • 検索結果に表示された[japanese-menu]の[Install]ボタンをクリック

3.Dockerコンテナの作成

3-1.donichipythonフォルダの作成

  • ホームディレクトリに「donichipython」フォルダを作成する
    • Windowsの場合 : C:¥Users¥[ユーザ名]/
    • Macの場合 : /Users/[ユーザ名]/
      • MacではFinderを起動して、[command]+[shift]+[H]で移動できる

3-2.Dockerコンテナの生成

  • Kitematicを起動し、画面左下の[Docker CLI]をクリックすると、ターミナルが起動する
    • 環境により表示されるターミナルの種類は異なる

  • ターミナルで、以下のコマンドを入力し、Dockerコンテナを生成する ※Dockerイメージのダウンロードを行うので、少し時間がかかる。 ※途中で改行せず、1行で入力。 ※[ユーザ名]は端末環境に合わせて変更が必要。

    • Windowsの場合
      • docker create -it -p 80:80 -v /c/Users/[ユーザ名]/donichipython/:/root/donichiconpython --name donichicon donichi/pythonver2
    • Macの場合
      • docker create -it -p 80:80 -v /Users/[ユーザ名]/donichipython/:/root/donichiconpython --name donichicon donichi/pythonver2
  • Kitematicの左のコンテナ一覧に、「donichicon」コンテナが生成されていることを確認

  • 「donichicon」コンテナを選択し、Kitematic右側の[Settings]→[Volumes]をクリック

  • コンテナのdonichiconpythonフォルダがローカルのdonichipythonにマウントされていることを確認

    • マウントされていない場合は、[CHANGE]ボタンからフォルダの変更が可能

3-3.Dockerコンテナへの接続・動作確認

  • Kitematicで、donichiconコンテナを選択し、上部の[START]をクリック

  • ステータスが[STOPPED]から[RUNNIG]に変わることを確認
  • [EXEC]ボタンをクリックし、コンテナに接続されたターミナルを起動する

以下、起動したターミナルで操作 ※Windows7の場合は、[EXEC]で起動した標準のターミナルではなく、以下を参照してTeraTermを使用してください サポート情報:FAQ①の質問9を参照

  • pythonのバージョン確認
python --version
=> Python 2.7.5         # Python2系のバージョンが表示される

source ~/.bash_profile  # .bash_profileの再読み込み

python --version
=> Python 3.5.2         # Python3系のバージョンが表示されることを確認
  • Djangoの起動
cd /root/donichiconpython              # donichiconpythonフォルダに移動

mkdir sample                           # DjangoでWebアプリを作るフォルダを作成

cd sample                              # sampleフォルダに移動

django-admin startproject samples      # DjangoでWebアプリ[samples]を作成

cd samples                             # samplesフォルダに移動

python manage.py runserver 0.0.0.0:80  # Webサーバを起動する
  • Kitematic画面に戻り、[HOME]タブをクリック
  • 右上の[WEB PREVIEW]ボタンをクリックするとブラウザが起動

  • Djangoが起動していれば以下のような画面が表示される