Copy & Paste Engineer

【Docker】ブラウザ上で Docker を実行できる 「Play with Docker」を使ってみる

【Docker】ブラウザ上で Docker を実行できる 「Play with Docker」を使ってみる

ブラウザ上で Docker を実行できる 「Play with Docker」を使ってみる Play with Docker

ローカルで一々試すのが面倒な時やパワーがないマシン、タブレットやスマホでも使えそうな感じです。

Play with Docker で出来ること

セッションに4時間という制限はありますが、Dockerの動作確認だけではなく簡単な開発など出来そうです。

ログイン

ログインには Docker Hub のアカウントが必要です。 ログイン後、左上に制限時間が出てきます4時間でセッションが自動的に切れます。

インスタンスを作成

左サイドバーの「+ ADD NEW INSTANCE」をクリックするとインスタンスが作成されます。

Hello Docker

Docker の Hello,World を試してみます。

右、下部のコンソール部分に docker run hello-world と入力してください。 hello-worldコンテナを実行されます。

実行後に docker ps -a と入力すると hello-world コンテナをダウンロードして来て実行したのがわかります。

Docker Compose してみる

試しに Docker Compose で Wordpress 環境を作ってみます。

  1. コンソール部分に touch docker-compose.yml でファイルを作ります。
  2. 右画面中央の EDITOR をクリック
  3. 作成した docker-compose.yml を選択
  4. 以下の内容を編集して保存（クィックスタート: Compose と WordPress
version: '3'

services:
   db:
     image: mysql:5.7
     volumes:
       - db_data:/var/lib/mysql
     restart: always
     environment:
       MYSQL_ROOT_PASSWORD: somewordpress
       MYSQL_DATABASE: wordpress
       MYSQL_USER: wordpress
       MYSQL_PASSWORD: wordpress

   wordpress:
     depends_on:
       - db
     image: wordpress:latest
     ports:
       - "8000:80"
     restart: always
     environment:
       WORDPRESS_DB_HOST: db:3306
       WORDPRESS_DB_USER: wordpress
       WORDPRESS_DB_PASSWORD: wordpress
volumes:
    db_data:
  1. コンソール部分に docker-compose up で環境が構築されます。
  2. 環境が出来ると右上部の IP の部分に 8000 と表示されポートが開かれ、クリックすると作ったWordPressの環境へ接続できます。

SSH接続

右上部の「SSH」の欄からSSHコマンドが表示されています。 そちらを使えばSSH出来る模様です。

エラーが出た際は ssh-keygen を行えば入れるとのこと。

なお私は何故か入れたり、入れなかったりしました…

ショートカット

Play With Docker で普通にコピー & ペーストが出来ないのでお気をつけください。

コピー

ペースト

コンソール画面最大化

ソース

Play With Docker のソースコードは以下で公開されています。 Play with Docker

参考