Chapter 04

環境構築とサンプルアプリの作成

くすたん
くすたん
2020.10.11に更新

Chapter3

環境構築についてです。

今までrept.itで開発していたものが自分のPCの内で開発できるようになります。

前回までのプログラム

困ったときに見るべきサイト

XAMPPでの開発の構築

https://www.apachefriends.org/jp/index.html

ローカルディスク(C) > xampp > htdocs > (作りたいプロジェクト)

localhost/作りたいプロジェクト でアクセスできます。

Gitによるバージョン管理

Linux感覚でWindowsが操作できる。

Git for Windows

対象プロジェクトでこのコマンド

(対象プロジェクトへの移動方法)

cd /C/xampp/htdocs/
git config user.name "ユーザー名"
git config user.email "メールアドレス"

本当はこのコマンド

git config --global user.name "ユーザー名"
git config --global user.email "メールアドレス"

Sublime Merge

SourceTree

エディタ

VSCode

PhpStorm

Gitについて

詳しくは別の授業でやります。

GitとGithubの基本知識

20191025-鹿児島mk3.006.jpeg

20191025-鹿児島mk3.007.jpeg

20191025-鹿児島mk3.008.jpeg

20191025-鹿児島mk3.009.jpeg

20191025-鹿児島mk3.010.jpeg

20191025-鹿児島mk3.011.jpeg

掲示板Appの作成

プロジェクトを作成してコピーする

サンプルコード

タスクの分解

  1. 入力フォームを作成する 完成したコード
  2. 送信したフォームデータを保存できるようにする 完成したコード
  3. 保存したフォームデータを表示できるようにする 完成したコード

デプロイについて

今回作成したプログラムをネット上に公開します。

1. アカウント登録

2. リポジトリをForkして、ローカルに環境を構築する

Forkするリポジトリ

git clone {Forkしたリポジトリ}

3. 既に作成してあるコードをPushする

git commit -am {編集内容}
git push origin master

4. repl.itとGitHubを連携してプロジェクト作成

.replit がない人はこの設定を記載する

language = "php7"
run = "php -S 0.0.0.0:8000 -t ."

課題1

スレッドに投稿日時を表示してみてください。

回答例

PHPのdate 関数を使うと楽です。

課題2

投稿を全削除する機能をつけてください。

回答例

thread.txt を空にする処理を実装してボタンを押したときにそれを実行するようになっていればOKです。

課題3

投稿フォームをカスタマイズしてみてください。

回答例

自力でCSSで書いても、Bootstrap を使ってもOKです。

※ 完成したらcommit&pushをしてください