Laravelの基本はこちらから学べます

PHP×MAMPでHigh&Lowゲームを作ろう①MAMPのインストールと設定。




こんにちは Tsubasa です。

今回から、PHPでゲームを作っていきたいと思います。

油そば

今日からゲームを作っていくのか。
一体どんなゲームを作るんだ?

1. 完成形を確認する。

1.1 High & Lowゲームで遊ぶ。

まずは何を作るのか、実際に見て見ましょう。

【初学者向け】PHPでHigh&Lowゲームを作ろう(完成系の確認)

いかがでしょうか。ページリロードされるとランダムで変わる相手のカードよりも自分のカードが
大きい(High)のか小さい(Low)なのかを選択する単純なゲームです。

油そば

High & Low か。私はカジノだったら、バカラが好きだな。
そういやマカオに行った際に、5Kほど勝ったんだ。
脳汁すごかったなぁ。

そ、そうですか。。では作っていきます。

2. MAMPで開発環境を整える。

2.0 MAMPをインストールする

MAMPをインストールしましょう。リンクは下から。

https://www.mamp.info/en/mac/

MAMPをインストールするだけで、Wordpressによるブログ開発やLaravel(PHPのフレームワーク)でのwebアプリ開発をすることができるようになります。

公式サイトからインストールをしておきましょう。

次に行っていただきたいことがあります!

それは、PATHを通すことです。
少し難しいので、簡潔にいうとこの設定を行っておくとターミナルで MAMP の MySQL に簡単に接続することができます。

ターミナルを起動して、cdコマンドを用いてホームディレクトリに移動します。

cd

次に下のコマンドを入力してください。

vim .bash_profile

初見でも焦らずにやっていきましょう。

この黒い画面の一番上に

export PATH=$PATH:/Applications/MAMP/Library/bin

と入力してください。

入力できたら「esc」ボタン→「:」→「wq」と入力して Enter。

最後に

source .bash_profile

と入力して完了!
このコマンドを入力することで先ほど、.bash_profile に設定したパスを有効にすることができます。

油そば

なんだか、ハッカーになった気分だったな。
vim なんちゃらってなんなんだ?

Vim は高機能なテキストエディタです。
テキストエディタという面では、VSCodeの仲間と言うこともできますね。
ですが、Vim は ターミナル上で起動、ファイル編集ができるエディタとなっています。

2.1 terminalでディレクトリを作成する。

まずは動画から。MAMPの復習から入っています。

【初心者向け】PHPでHigh&Lowゲームを作成しよう(環境構築)

ホームディレクトリに移動します。

% cd 

ここから、先ほどインストールしたMAMPに移動していきます。

% cd /Applications/MAMP/htdocs

上記のコマンドを打ってください(コピペじゃない方が勉強になります)。

ちなみに入力のポイントとしては

% cd /A

と入力した後に、tabボタンを押すと予測変換してくれます。

htdocsまで移動できたら、

% mkdir high_and_low

「high_and_low」というディレクトリの作成ができました。

作成したディレクトリに移動して

% cd high_and_low
% code .

と入力することで、vscodeが立ち上がるはずです!!

油そば

あれ、私の Visual Studio Code は立ち上がらないぞ。
どうすればいいんだ。

お、そうなんですよね。少々設定が必要になります。

ターミナルから VSCode を開く設定

まず、VSCode を Finder から開きましょう。

開けましたら、Command + Shift + P でコマンドパレット開いてください。

shell と検索をしてください。

「シェル コマンド:PATH内に ‘code’ コマンドをインストールします」
をクリックしましょう。

これで設定完了です。
ではもう一度先ほどの手順にそって Visual Studio Code をターミナルから開いてみましょう。

% cd high_and_low
% code .

それでは続きは次回にしていきましょう。




1 個のコメント

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です