【週刊ドットインストール】 レッスン制作の進捗、HTML/CSSを極めるコーナーを更新、今週のミニクイズ
「JavaScript入門 データ構造編」のミニクイズをリリースしました
図解「 background 」 - HTML / CSS を極めるコーナー
「JavaScript入門 関数編」のミニクイズをリリースしました
「実践!アプリのランディングページを模写しよう」のミニクイズをリリースしました
「実践!ポートフォリオサイトを模写しよう」のミニクイズをリリースしました
「JavaScript入門 基礎文法編」のミニクイズをリリースしました
「はじめてのJavaScript」のミニクイズをリリースしました
あなただけの学習ロードマップを作成します 【随時受付中】
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
このレッスンを始める前に、以下のレッスンを参考にして学習環境を整えるようにしましょう。
このレッスンで使うファイルは以下のリンクからダウンロードしてください。
https://github.com/dotinstall/basic_php_v3/archive/master.zip
他のアプリケーションによって8080番ポートが使用されている場合に出るエラーになります。配布ファイルの中にあるdocker-compose.ymlを編集して割り当てるポート番号を変更してください。
--- version: '3.7' services: php: #build: ./php-fpm build: ./php ports: # こちらの8080を8079や8081などの値に変更してください。 - 8080:8000 volumes: - ./work:/work
docker-compose.ymlを保存後、ターミナルでdocker-compose up -dとして再度確認してみてください。またご自身でポート番号を変更した場合、レッスン内で出てくる「localhost:8080」は「localhost:ご自身で設定したポート番号」に読み変えて進めていただければ幸いです。
docker-compose up -d
Dockerを停止するにはターミナルで docker-compose down としてあげればOKです。
docker-compose down
workの中に入っているサイトの作り方については以下のレッスンを参照してみてください。
#01 開発環境について理解しよう
補足情報 学習しておくと良いレッスンについて
このレッスンを始める前に、以下のレッスンを参考にして学習環境を整えるようにしましょう。
https://dotinstall.com/lessons/basic_dockerdesktop_win
https://dotinstall.com/lessons/basic_dockerdesktop_mac_v2
#02 Dockerを使って開発環境を整えよう
補足情報 レッスンで使うファイルについて
このレッスンで使うファイルは以下のリンクからダウンロードしてください。
https://github.com/dotinstall/basic_php_v3/archive/master.zip
補足情報 `docker-compose up -d`とした時に 『Bind for 0.0.0.0:8080 failed: port is already allocated』 というエラー文が表示される
他のアプリケーションによって8080番ポートが使用されている場合に出るエラーになります。配布ファイルの中にあるdocker-compose.ymlを編集して割り当てるポート番号を変更してください。
docker-compose.ymlを保存後、ターミナルで
docker-compose up -d
として再度確認してみてください。またご自身でポート番号を変更した場合、レッスン内で出てくる「localhost:8080」は「localhost:ご自身で設定したポート番号」に読み変えて進めていただければ幸いです。補足情報 Dockerを停止するには?
Dockerを停止するにはターミナルで
docker-compose down
としてあげればOKです。#03 PHPのコードを埋め込んでみよう
補足情報 このレッスンで利用しているサイトについて
workの中に入っているサイトの作り方については以下のレッスンを参照してみてください。
https://dotinstall.com/lessons/basic_html_v5
https://dotinstall.com/lessons/basic_css_v5