TechAcademy（テックアカデミー） プログラミング PHP 導入手順を解説！Laravelのインストール方法【初心者向け】
PHP

導入手順を解説！Laravelのインストール方法【初心者向け】

プログラミング初心者向けにPHPのフレームワークであるLaravelのインストール方法について分かりやすく解説しています。Laravelを始める上で必要になるので導入手順を参考にしてみてください。MacでもWindowsでも簡単に行えます。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

Laravelは、海外では主流のPHPフレームワークです。Webサービスを運営している会社はどんどんLaravelを採用し始めているので、海外で働きたいという人にとって相性の良いフレームワークとなるはずです。

以下、Laravelのインストール方法について解説していきます。

これからLaravelを使って開発していく上で必要な準備になるので、ぜひ忘れないうちに行いましょう。

 

Laravelとは

LaravelはWebアプリケーション開発用のフレームワークで、言語にはPHPを使用します。

ここではWindowsとMacそれぞれでのLaravelインストールの手順を紹介します。

 

大石ゆかり

田島メンター！フレームワークとは何でしょうか？

田島悠介

一言では難しいんだけど、プログラムを効率的に開発したり、複数人が関わるような時に使う、枠組みのようなものかな。

大石ゆかり

PHPは、ソースコードが自由に書けるので、複数人だと規約のようなものが必要になりそうですね。

田島悠介

そうそう。規約を守る仕組みがあったりするんだ。後、データベースを作成すると、変更などが出来るフォームを自動で用意してくれたりする機能なんかもあるんだ。では、インストールの方法を見てみよう！

 

Laravelをインストールしてみよう

1. PHPのインストール

まず最初にPHP開発環境をインストールします。

Windows

XAMPPを使用した場合の例です。

以下のリンクにアクセスし、各OSに応じたものをダウンロードしインストールします。

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

 

Mac

Homebrewを使用した場合の例です。

以下のリンクにアクセスし、「インストール」の下に書かれたスクリプトをターミナルで実行しインストールします。

http://brew.sh/index_ja.html

 

2. Composerのインストール

次にComposerのインストールを行います。

Windows

以下のリンクにアクセスします。

https://getcomposer.org/

la_inst_0

「Download」を選択します。

la_inst_1

“Composer-Setup.exe”をクリックしてダウンロードし、実行します。

la_inst_2

「Next」をクリックします。

la_inst_3

インストールしたPHPのパスが自動で表示されます。「Next」をクリックします。

la_inst_4

Proxy Settingsの画面が表示されます。プロキシを利用する場合は設定を行います。必要ない場合は「Next」をクリックします。

la_inst_5

「Install」をクリックするとインストールが開始します。

Mac

コンソールで以下のスクリプトを実行します。

curl -sS https://getcomposer.org/installer | php
mv composer.phar /usr/local/bin/composer

 

大石ゆかり

Laravelのインストールには、composerというソフトが必要なんですか？

田島悠介

composerは依存性管理ツールなんだ。

大石ゆかり

依存性って、何でしょうか？

田島悠介

例えば、ライブラリAを使いたいけど、ライブラリAにはライブラリBが必要だったり・・・というのを管理してくれるんだ。composerを使ってインストールしたほうがいいね。

 

3. Laravelのインストール

以下はWindowsとMac共通の手順になります。

Windowsはコマンドプロンプト、Macはターミナルから以下のスクリプトを実行します。

composer create-project laravel/laravel --prefer-dist TEST1

※”TEST1″の部分は任意のプロジェクト名です。
※この工程は時間がかかります。

プロジェクトのディレクトリに移動します。以下のコマンドを実行します。

cd TEST1

※”TEST1″の部分は先ほど設定したプロジェクト名になります。

以下のスクリプトを実行します。

php -S localhost:8000 -t public

la_inst_w_7

このようなメッセージが表示されれば準備完了です。

la_inst_w_8

ブラウザを起動しlocalhost:8000にアクセスします。

la_inst_w_9

Laravelのスタート画面が表示されます。終了するときは「Ctrl＋c」を押します。

 

[PR] PHPのプログラミングで挫折しない学習方法を動画で公開中

おわりに

PHPのフレームワークであるLaravelのインストール方法について説明しました。Laravelでプログラミングを始める上で必ず行う事前準備なので、ぜひやり方を参考にしてみてください。

 

大石ゆかり

表示されました！ただ、php -Sというのは何でしょうか？

田島悠介

phpにはインストール時にテスト用のサーバーが入ってるんだよね。ポート番号を指定して、-tでフォルダを指定してあげると、その場所をlocalhost:8000で表示してくれるようになるんだ。

大石ゆかり

フレームワークは少し難しそうですねー。

田島悠介

簡単とは言えないね。PHPの基礎が出来てなければいけないし、フレームワークそのものの学習も必要だったりするんだ。ただ、それでも慣れたり、コツを覚えると、高速に開発できるし、変更にも強いって実感出来るんだよね。

 

また、PHPを勉強していて、

  • もっと効率的に勉強したい
  • 誰かに聞きながら学びたい
  • 自分でWebサービスを作りたい

と思ったことはないでしょうか。

 

そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。

独学に限界を感じている場合はご検討ください。

記事を検索

関連するキーワード

関連する記事

PHPのarray_push関数を利用して配列に要素を追加する方法を現役エンジニアが解説【初心者向け】

今回は、PHPのarray_push関数を利用して配列に要素を追加する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初...
PHP

Laravelでformを使う方法【初心者向け】

Laravelでformを使う方法について解説します。 フォームはWebアプリケーションを作る上で必要な機能なので、実際にプログラムを書きながら理解してい...
PHP

PHPの論理演算子の使い方【初心者向け】

PHPの論理演算子の使い方について解説します。 それぞれの書き方と意味を説明しながら比較演算子と論理演算子を組み合わせて解説しています。  ...
PHP

PHPでasortで配列を並び替える方法を現役エンジニアが解説【初心者向け】

PHPでasortで配列を並び替える方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 &n...
PHP

PHPでechoを使って文字列を出力する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでechoを使って文字列を出力する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します...
PHP

PHPでデバッグログを出力する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでデバッグログを出力する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 &...
PHP

あわせてよく読まれている記事

PHPでcomposerをインストールする方法を現役エンジニアが解説【初心者向け】

PHPでcomposerをインストールする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPでcomposerをインストールする方法について詳しく説明していくね！ 大石ゆかり お願いします！   この記事は、PHPのパッケージ管理システム「composer」のインストール方法について記載した記事です。 composerについてよくわかっていない方でも、composerについて理解を深めて、ご自身の開発環境にcomposerをインストールできるように記載しています。   目次 composerとは composerが必要な理由 インストール方法 まとめ   composerとは composerとは、PHPのパッケージ管理システムです。   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中composerが必要な理由 composerのようなパッケージ管理システムがあることによってライブラリをインストールする際の複雑な依存関係の問題を簡単に解決してくれます。 composerのようなパッケージ管理システムがない環境では、ライブラリAをインストールする際に、ライブラリAがライブラリBを使用しているために、まずライブラリBをインストールしなければならなかった状況があります。つまり、ライブラリAがライブラリBに依存している状態です。 composerからライブラリAをインストールすると、ライブラリBも自動でインストールしてくれます。   インストール方法 WindowsOS環境でcomposerをインストールする際には、公式サイトのインストーラー(Composer-Setup.exe)をダウンロードし、インストールを行ってください。 Linx,macOS環境でcomposerをインストールする際の手順は、composerの公式ダウロードページに記載があります。そちらからインストールする際のコマンドを参照し解説します。 インストール手順： ① インストーラーのプログラムをローカル環境に’composer-setup.php’というファイル名でダウンロード $ php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');" ② ダウンロードしたインストールプログラムが改ざんされていないかチェック $ php -r "if (hash_file('sha384', 'composer-setup.php') === '795f976fe0ebd8b75f26a6dd68f78fd3453ce79f32ecb33e7fd087d39bfeb978342fb73ac986cd4f54edd0dc902601dc') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;" ③ インストールプログラム(インストーラー)を実行 $ php composer-setup.php ④ 不要になったインストーラーを削除 $ php -r "unlink('composer-setup.php');" 上記の手順でcomposerをインストールできます。 正常にインストールできていれば、下記のコマンドを実行してcompoerのバージョンが確認できます。 コマンド： $ composer --version   実行結果例： Composer version 1.10.5 2020-04-10 11:44:22   まとめ 以上、PHPのパッケージ管理システムcompoerについて解説しました。 composerは、PHPで開発を行っていく上で今や必須ともいえるツールなので、インストールし、使用方法をマスターしましょう。   筆者プロフィール 平野大輝（ひらのだいき） スキル：PHP・Java・JavaScriptを用いて様々なアプリを開発するWebエンジニア。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも最短4週間でPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
PHP

【手順を解説】今すぐ分かる！npmのインストール方法

今回は、npmのインストールについて解説します。 npmのインストール手順について説明しているので、Windowsではコマンドプロンプトを、Macではターミナルを使って作業していきましょう。   なお本記事は、TechAcademyのNode.jsオンライン講座の内容をもとに作成しています。   田島悠介 今回はnpmのインストールと、そのnpmを使用したパッケージのインストール方法を見てみよう。 大石ゆかり 田島メンター！確かnpmはNode.jsと一緒にインストールされているんでしたよね？ 田島悠介 そうだね。インストールされているバージョンを確認したら、次はパッケージのインストールに挑戦してみよう。 大石ゆかり 分かりました！   npmのインストール方法 Windows10で指定の方法でNode.jsをインストールすればnpm自体はインストールする必要はありません。 Node.jsをインストールすることでnpmも一緒にインストールされます。 Node.jsのインストール方法も載せています。   npmを使用してパッケージをインストールする npmを使用することでパッケージをインストールする事ができます。 実務上も開発環境を整える際に、npmを使用したパッケージのインストールを行います。 npmについての記事も参考にしてみて下さい。   コマンド npm install パッケージ名 --save npm i パッケージ名 --save   解説 各行に共通する–saveというオプションを入力することで、package.jsonにインストールした旨を記載できます。 package.jsonはnpmでインストールした情報を管理する目録のようなものです。 1行目のnpm installがnpmのパッケージをインストールするコマンドです。パッケージ名の部分にインストールするパッケージ名を記載することでインストール可能です。 2行目のnpm iもnpm installと同様のインストールコマンドです。npm install同様に、パッケージ名でインストールするパッケージを指定します。 一般的にはnpm installを使用します。 一見すると、npm iの方が簡単なように思えますが、パッケージ名や、オプションコマンドを記載していくと、npmコマンドで何をしようとしているか不明確になることを避ける目的でも、npm installの方が明確にインストールをしていると分かるというメリットがあります。   田島悠介 これが基本のインストール方法だよ。package.jsonは、npm initというコマンドでまた別に作成することになるんだ。 大石ゆかり なるほど、あとは「パッケージ名」のところにインストールするパッケージの名前を入れたらいいんですね。 田島悠介 次はグローバルにパッケージをインストールする方法、複数のパッケージをインストールする方法、バージョンを指定してパッケージをインストールする方法を確認してみよう。   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中npmでグローバルにパッケージをインストールする グローバルとは使用しているコンピューターのどこからでも使用できるディレクトリ（ファイル）です。   コマンド npm install -g パッケージ名   解説 -を付けたコマンドがオプションになります。 -gと記載することでグローバルを意味します。 これで、このコンピュータのどこからでもパッケージ名で指定したnpmパッケージを利用できます。 指定しない場合は、現在操作をしているディレクトリ（ファイル）内のみで、npmパッケージを利用できる点に注意する必要があります。   npmで複数パッケージを一括でインストールする インストールする際一行づつコマンドを実行することは非常に面倒です。 そこで、複数パッケージを一括インストールすることも可能です。   コマンド npm install  -g パッケージ名 パッケージ名   解説 今回はグローバルに複数パッケージをインストールする様な記載にしました。 -gを記載しなければ、現在のディレクトリ（フォルダ）で使用可能な複数パッケージをインストールする事が可能です。   npmでバージョンを指定してインストール npmではパッケージのバージョンを指定してインストールすることが可能です。   コマンド npm install パッケージ名@x.x.x   解説 パッケージ名の後に@を付け、バージョン番号を記載することでバージョンを指定できます。 例えば、1.0.1というバージョンであれば、パッケージ名@1.0.1と記載します。   今回は、npmのインストールについて解説しました。 いくつかパッケージをインストールする手順をまとめましたので、実際に行ってみてください。 Node.jsの学習サイトもまとめているので、合わせて参考にしてみてください。   田島悠介 いくつかのインストール方法を紹介したよ。 大石ゆかり パッケージは、複数まとめてインストールする他にバージョンを指定したりすることもできるんですね。 田島悠介 これらのコマンドも頻繁に使うことになるので、それぞれのインストール方法の違いをしっかり確認覚えておこう。 大石ゆかり はい！ありがとうございます！   また、オンラインのプログラミングスクールTechAcademyでは、Node.jsオンライン講座を開催しています。 Node.jsを使ってWebアプリケーションを開発することができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。
Node.js

手順を分かりやすく解説！Node.jsのインストール方法

今回は、Node.jsのインストール方法について解説します。 Windows10でのインストール手順を解説していますが、MacOSでも基本的な流れは同じなので、インストールする際にぜひ参考にしてみてください。   なお本記事は、TechAcademyのNode.jsオンライン講座の内容をもとに作成しています。   田島悠介 今回は、Node.jsのインストール方法について解説しよう。 大石ゆかり 田島メンター！最初は何を用意すればいいんですか～？ 田島悠介 インストール前に特別に用意するものはないかな。インストールを行う場所を決めておくのと、コマンドプロンプト(Macの場合はターミナル)の起動の仕方を確認しておこう。 大石ゆかり 分かりました！   Windows10にインストールする方法 まずは、ダウンロードを行います。 画像の8.9.3をクリックしてダウンロードします。 先頭の数字が偶数のバージョンを一般的には使用します。 ダウンロードはこちらからどうぞ。   インストールプログラムを起動 今回は、ダウンロードしたnode-v8.9.3-64.msiをダブルクリックしてインストールプログラムを起動します。 Node.jsプログラムがコンピューター内の容量を調べるので、次の画面が出るまで暫く待つ必要があります。 NextがクリックできるようになったらNextをクリックします。   [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中利用規約に同意します I accept the term in the License AgreementのチェックボックスにチェックしてNextをクリックします。   インストールフォルダを選択します 標準で設定されている内容でかまわないので、インストールフォルダを選択された状態の表示画面でNextをクリックします。   カスタムインストール画面です カスタムインストールというのは、インストールする内容を独自で決めることができます。 青く表示されている部分がNode.jsの本体プログラムです。 その下のnpmと書いてある部分はNode.jsのパッケージ管理システムです。 その下のOnline documentation shortcutsは、公式マニュアルへのショートカットです。 最後の行のAdd to PATHは環境変数に関する設定です。 一般的には、標準の状態でインストールする方が良いのでこのままNextをクリックします。   管理者としてインストールします ここまで来たら、管理者としてインストールするInstallボタンをクリックします。 利用環境によっては管理者のパスワードを求められることがありますので、予め管理者のパスワードを知っておくか、管理者の方に近くにいてもらうとスムーズです。   インストール中画面です 次のようにインストール中の画面が表示されます。 使用しているコンピューターのスペックによってはしばらく時間がかかります。その場合は、他の作業を行わず、キーボードやマウスの操作も行わず待って頂いたほうが良いでしょう。 使用しているコンピューターのスペックが低い場合で、他の作業を行ってしまうと、インストールが失敗するだけでなく、コンピューターが一時停止してしまうこともあります。   インストール完了画面 無事にインストールが完了した場合表示される画面です。 Finishをクリックすることで、インストールが終了します。   田島悠介 インストールの場所はあとあと大事になるのでしっかり把握しておこう。 大石ゆかり セットアップウィザード最初の「Next」が押せないんですが…… 田島悠介 そういう場合はその画面の状態で待ってみよう。少し経つと選択できるようになるよ。   コマンドプロンプト（ターミナル）を起動します Windowsメニューの隣りにある○をクリックすると入力フォームが現れます。 そこに、「c」と入力すると次のようにコマンドプロンプトという選択肢が表示されます。 このコマンドプロンプトをクリックすることでコマンドプロンプトを起動できます。 Macの方は、「ターミナル」というアプリケーションを起動しましょう。 これがコマンドプロンプトの画面です。   Node.jsのバージョンを確認します コマンドプロンプトに以下のように入力してエンターキーを押すことでNode.jsのバージョンが表示されます。 node --version 今回はv8.9.3と表示されました。 これで、Node.jsがWindows10で動作していることが確認できました。   nodeの実行方法 コマンドプロンプトで実行 コマンド node > 解説 1行目のnodeように、コマンドプロンプトでnodeと実行することでnodeのコマンドに移行します。 2行目の>とだけ表示されている状態がnodeのコマンド画面です。   今回は、Node.jsのインストール方法について解説しました。 Macでも同様にインストールし、ターミナルを起動することでNode.jsがきちんと動作しているか確認することができます。Node.jsを使う上でまず最初に行う作業なので、手順をしっかり理解しておきましょう。 Node.jsの学習サイトもまとめているので、合わせて参考にしてみてください。   田島悠介 バージョンを確認するコマンドなどは、今後も頻繁に使うことになるので覚えておこう。 大石ゆかり インストールプログラムを実行して、コマンドプロンプトでバージョン確認や実行を行うんですね。 田島悠介 そうだね。また、nodeコマンドで開始したときはCtrl＋cを2回実行すると終了することができるよ。 大石ゆかり 覚えておきます。ありがとうございました！   また、オンラインのプログラミングスクールTechAcademyでは、Node.jsオンライン講座を開催しています。 Node.jsを使ってWebアプリケーションを開発することができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。 独学に限界を感じている方はぜひご覧ください。
Node.js

インストール手順を解説！Apache Tomcatとは【初心者向け】

この記事では、JavaでWebアプリケーションを作成する時の主流ソフトウェアTomcatを紹介します。 また、Tomcatのインストール手順、サンプルWebアプリケーションのデプロイ方法を説明しているので、参考にしてみてください。   なお本記事は、TechAcademyのJava講座の内容をもとに作成しています。   田島悠介 今回はTomcatを使ってみよう。 大石ゆかり 田島メンター！Tomcatというのは何ですか〜？ 田島悠介 サーブレットやJSPを実行するためのWebコンテナなんだ。これはオープンソースで、誰でも無償で利用することができるよ。 大石ゆかり なるほど、JavaでWebアプリケーションを開発するときに使えそうですね。お願いします！ Tomcatとは TomcatはサーブレットやJSPを実行することができるオープンソースのサーブレットコンテナです。 サーブレットとは、Webサーバ上でWebページを動的に生成したり、データを処理したりするための、Javaプログラムです。 サーブレットコンテナとはサーブレットを実行するためのソフトウェアです。 本記事で紹介するTomcatの他に、Jetty, Oracle WebLogic Server, JBossといったサーブレットコンテナがあります。   Java, Aapche, Tomcatの関係 TomcatはApache HTTP Server(あるいは単にApache)とよく組み合わせて使われます。 この場合、主に下表のような役割分担になっています。 ソフトウェア 役割 処理内容 Apache Webサーバ 静的なWebページ(html)を配信する。 Tomcat アプリケーションサーバ サーブレットを用いて動的なWebページを生成する。 前述の通りJavaサーブレットコンテナは複数ありますが、Tomcatはその中でも最も有名なコンテナの一つです。TomcatそのものもJavaで記述されています。   田島悠介 Tomcatの概要と、その役割についてだね。 大石ゆかり Apacheと一緒に使われることが多いということですね。 田島悠介 ではTomcatのインストールを行ってみようか。まず最初に、Javaがインストールされているかの確認からだね。 [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中実際にインストールしてみよう この記事では、以下の環境、バージョンを使用します。 Windows 10 64ビット Java SE Runtime Environment 9.0.4 Tomcat 9.0.6   (未インストールの場合)Javaのダウンロードとインストール JREをダウンロードしてインストールします。 「システムのプロパティ」を開き、「環境変数」ボタンをクリックします。 「システム環境変数」で「新規」ボタンをクリックします。 「変数」にJAVA_HOME、「値」にC:\Program Files\Java\jre-9.0.4(※)を設定します。 (※)Javaをインストールしたフォルダです。 「システム環境変数」にJAVA_HOMEの追加されたことを確認します。   Tomcatのダウンロードとインストール Tomcatをダウンロードします。 ダウンロードしたzipファイルを適当なフォルダに展開します。ここではC:\tomcatとします。 コマンドプロンプトを開き、C:\tomcat\binに移動します。 startup.batと入力し、Tomcatを起動します。 メッセージとともにTomcatが起動します。   Tomcatの動作確認 Webブラウザで「http://127.0.0.1:8080」にアクセスします。 Tomcatの画面が表示されればインストールと起動は成功です。   Webアプリケーションのデプロイ サンプルのアプリケーションをダウンロードします。 ダウンロードしたsample.warファイルをC:\tomcat\webappsフォルダにコピーします。 Webブラウザで「http://127.0.0.1:8080/sample」にアクセスします。 Sample “Hello, World” Applicationの画面が表示されればアプリケーションのデプロイは成功です。   まとめ TomcatはWebアプリケーションの実行環境として、小規模環境から大規模ミッションクリティカルな分野まで、幅広く利用されています。 この記事ではTomcatの特徴、そのインストール手順、サンプルのWebアプリケーションのデプロイ手順を説明しました。 入門向けJavaの学習サイトもまとめているので、合わせてご覧ください。   田島悠介 Tomcatのインストールと、動作確認までの一連の手順を紹介したよ。 大石ゆかり ダウンロードして展開したファイルにコマンドプロンプト(ターミナル)で移動、コマンドを入力して起動ですね。 田島悠介 各バージョンの概要、ディレクトリ構造などの情報は公式サイトのドキュメントで見ることができるよ。ぜひ目を通しておこう。 大石ゆかり そうですね、一度見てみます。ありがとうございました！ また、オンラインのプログラミングスクールTechAcademyでは、Java講座を開催しています。 JavaやServletの技術を使ってWebアプリケーションの開発を学ぶことができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。 この記事を監修してくれた方 橋本紘希 システムインテグレータ企業勤務のシステムエンジニア 開発実績: Javaプログラムを用いた業務用Webアプリケーションや、基幹システム用バッチアプリケーションなどの設計構築試験。
Java

誰でもできる！MAMPのインストール方法【初心者向け】

プログラミングの勉強を始める人にとって最初の難関は、開発環境の構築ではないでしょうか。そんな方でも使える開発環境のMAMPのインストール方法を初心者向けに解説した記事です。 MAMP（マンプ）はPHPの開発環境として使われます。XAMPPと同じように、MySQLも一緒に使えるので便利です。 本記事では、MAMPをインストールする方法と、PHPの最初のプログラムが書けるまでを解説しています。   大石ゆかり 田島メンター！MAMPというのは何でしょうか？ 田島悠介 レンタルサーバーを借りずにローカルPCで、Webサイトを再現できるソフトをまとめたパッケージなんだ。PHPプログラムのテスト環境として使えるよ！ 大石ゆかり XAMPPとの違いってあります？ 田島悠介 XAMPPと比べると、付属ソフトが少ないことやMACに特化していることぐらいかな。でも、問題なくテスト環境として使えるんだ。さっそくインストール方法を見てみよう！   本記事の目次 本記事は下記の流れで解説します。 MAMPとは？ MAMPのインストール方法 PHPでプログラミング     MAMPとは？ MAMPとは「Macintosh」「Apache」「MySQL」「PHP」の頭文字をとったものです。 MAMPは、これらを一括で使うことができ、PHPとMySQLの開発環境として使用できます。 無料ホームページでもそれらを対応したサービスはあるのですが、データ送信に使うFTPソフトが必要だったり、SQLデーターベースの準備が必要で、初心者にとっては難しいこともあります。   なお、名前からMacでのみの利用と思われそうですが、WindowsとMacの両方のOSで使用することが可能です。 また、無料で使えるMAMPと有料版のMAMP PROがあります。違いとして、例えばlocalhostの代わりにユニークなエイリアスを与えることができるなど高機能になっています。ただし、初心者は無料版で十分でしょう。 本記事では、無料版のMAMPのインストール方法のみ紹介します。     [PR] PHPのプログラミングで挫折しない学習方法を動画で公開中MAMPのインストール方法 それでは早速、MAMPをインストールしてみましょう。 MAMPのダウンロードサイトにアクセスしてください。   アクセスすると、このように表示されるので、MAMPのアイコンにある「Download」をクリックしてください。   次の画面で、MacのPCの場合は、「Download」をクリックし、Windowsの場合は、「MAMP for Winodws is available here」をクリックしてください。   さらに「DOWNLOAD」をクリックして、MAMPをダウンロードします。 DOWNLOADボタンは、２カ所ありますが、どちらも同じですのでお好きな方をお選びください。   「DOWNLOADO」をクリックすると下記の画像が表示されます。保存をクリックして待ちましょう。 保存が完了されたら実行をクリックします。 ここからは、WindowsとMacそれぞれのインストール方法を紹介します。   Windowsでのインストール Windowsの場合は、実行すると次のようなメッセージが表示されるかもしれません。 この警告は、MAMPをCドライブの「Program Files」、または「Program Files x 86 」というファイルにインストールすると、一部の機能が使えなくなる恐れがあると教えてくれています。 後で、MAMPをインストールするときに、インストール先の場所を指定しますので気をつけましょう。 実行を押すと、警告以外に次の画面が表示されます。 「Next」をクリックしてください。   次の画面でもNextをクリックします。   さらに、MAMPのインストール場所を指定して「Next」をクリックします。   次に、プログラムのショートカットの配置場所を指定します。 ここもNextをクリックしましょう。   次に表示される画面は、デスクトップに表示されるアイコンの作成選択です。 チェックを入れて「Next」をクリックします。   最後に、今まで入力した情報を確認して、「Install」をクリックします。   インストールが完了するまで、時間がかかる場合があるので気長に待ちましょう。   インストールが完了したら、次の画面が表示されます。 「Finish」をクリックしたら完了です。     Macでのインストール 続いてMacのインストール方法です。   ダウンロードしたファイルを開いてこのような画面が表示されたら、「続ける」をクリックします。   アプリケーションからファイルを移動したり、名前を変更しないでくださいと書かれています。 デフォルトのままにして、「続ける」をクリックします。   次の画面でも「続ける」をクリックします。   インストールするのに870.3MBの領域が必要になります。 インストールしても円滑に動かせるように、十分なメモリを確保しておきましょう。   インストールが完了したら次の画面が表示されます。 閉じるをクリックしたらインストール完了です。     PHPでプログラミング MAMPがインストールできたら、MAMPを使ってPHPのプログラミングを実行してみましょう。 （今回はWindowsを使って説明しますが、基本的な使い方はMacも同じです）   まずは、MAMPをダブルクリックして開いてください。   Apache Sever（Webサーバー）と、MySQL Sever（SQLデーターベース）の隣にある四角いボックスに、緑が灯ったら、接続が完了したことになります。 Windowsの場合は、勝手にサーバーに接続されるのですが、Macの場合は、「サーバーを起動」をクリックしないと接続しないので、クリックして、ボックスが緑になっていることを確認してください。 接続が完了したら「Preferences」をクリックします。   次の画面が表示されたら、「Ports」をクリックして、「Apache Port」に入力されている数字を覚えておきます。 これからPHPのプログラムを書いていきますが、MAMPは開いたままにしておいてください。   プログラムを書くには、テキストエディタが必要です。 Winodwsには「メモ帳」、Macには「テキストエディタ」が標準搭載されていますので、今回はそちらを使います。   メモ帳（Windows）   テキストエディタ（Mac）   テキストエディタを開いたら、次のようにコードを入力します。 <?php print (‘PHPのテスト表示成功!’) ?>   入力できたら、ファイル名をtest1.phpにして、htdocsというフォルダ上に保存します。   初期の設定を変更していなければ、下記の場所にhtdocsフォルダがあります。 Windows：Cドライブ  > MAMP > htdocs Macでは：アプリケーション > MAMP > htdocs   ここまでできたら、Webブラウザを開いて、下記の内容のアドレスを入力してみてください。 先ほど覚えたポート番号は、Apache Portの数字を入力します。 http://localhost:覚えたポート番号/test1.php   成功するとこのように表示されます。 なお、先ほど保存したファイルを更新すると、この出力結果も更新されます。   おわりに MAMPのインストール方法は以上です。 もう少しPHPの基礎を知りたい場合は、PHPで文字列を出力する方法やPHPの変数を使う方法をまずはご覧ください。   大石ゆかり 実際にテスト表示することが出来ました！ただ、Apache ServerやMySQL Serverっていうのは何でしょうか？ 田島悠介 プログラムで書かれたソフトウェアなんだけど、特に何かデータを返すようなソフトをサーバーって言ったりするんだ。Webサイトは実際には、ApacheのようなWebサーバーがデータを返して、そのデータをブラウザで表示させていたりするんだよ。 大石ゆかり Webサイトってソフトウェアで成り立っているんですね。後、ポート番号がわかりません。 田島悠介 ソフトウェアが待ち受けている疑似的な番号のようなものなんだ。実際にヤフーにhttps://www.yahoo.co.jp:443で接続してみたほうがわかりやすいよ。他の番号だとエラーになるのに、443だと普通に表示されるよね。ソフトウェアがそのポート番号で待ち受けてるんだ。   PHPを勉強していて、 ・もっと効率的に勉強したい ・誰かに聞きながら学びたい ・自分でWebサービスを作りたい と思ったことはないでしょうか？ そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。 独学に限界を感じている場合はご検討ください。
PHP

月額980円で使える！Photoshop CCのインストール方法

Photoshopの最新版として、Photoshop CC（Creative Cloud）があります。以前は非常に高価なツールとして有名でしたが、CCになってから月額980円のフォトプランか、月額2180円の単体プランで使用することが可能です。 また、体験版として7日間無料で使うことができます。   今回は、Photoshop CCをインストールする方法を紹介します。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。   田島悠介 今回は、Photoshop CCについての説明をしようか。 大石ゆかり 田島メンター！！CCっていうのは何ですか～？ 田島悠介 CCは、Creative Cloudの略だよ。現在最新版のPhotoshopはいわゆる買い切り型ではなく、月にいくらという形で料金が発生するサブスクリプション方式になっているんだ。 大石ゆかり それって、毎月お金がかかるってことですか？ 田島悠介 サブスクリプション方式になる前は10万ほどの価格だったソフトのフル機能を、月額980円で使用できると考えると決して高いものではないと思うよ。実際のインストール手順を見てみよう。   Photoshop CCのインストール手順 まずは、Adobeのデスクトップアプリ一覧ページにアクセスします。 アプリの一覧の中にPhotoshopがあるので、「体験版ダウンロード」のボタンを押します。   するとPhotoshopのインストーラーがダウンロードされます。   次にダウンロードしたファイルを開いてPhotoshopのアイコンをダブルクリックします。   Photoshop CCのインストーラーが起動するとログイン画面が表示されるので、Adobeアカウントでログインするか、FacebookもしくはGoogleのアカウントでログインします。 既にAdobeのIDを持っている場合はAdobeアカウントでログインしてください。Adobeアカウントを持っていない場合は「Adobe IDを取得」からAdobeアカウントを作成するか、FacebookもしくはGoogleのアカウントでログインします。 Adobeアカウントを作成した場合は、今後もAdobe製品を使用するときに必要になるのでパスワードなど忘れないようにしましょう。   田島悠介 AdobeのID・パスワードは各種サポートやフォーラムを利用したり、アプリの管理を行う上で必要になるので必ず保管しておこう。 大石ゆかり Phothoshop以外のソフトを使う上でも必要になるんですか？ 田島悠介 Illustoratorなど他Adobeのソフトを使うときにも必要になるから、ログイン情報は忘れないようにしておこう。   次の画面ではPhotoshopのスキルレベルを聞かれるので選択し、「続行」をクリックします。   これでPhotoshopのインストールが始まりました。   Photoshop CCのインストールが完了すると、Photoshop CCとAdobe Creative Cloudというソフトがインストールされます。 Adobe Creative CloudはAdobeソフトのインストールやアップデートなどが行え、CCバージョンのソフトを使うにあたって自動でインストールされるソフトになります。   以上でPhotoshop CCのインストールは完了です。   まずは体験版を試してみましょう！   田島悠介 Photoshop CCのインストール手順は以上だよ。 大石ゆかり 無事インストールできました！よく見たら、他にも色んなソフトがありますね。 田島悠介 画像加工以外にも動画やWebサイトの作成など、Adobeにはたくさんのソフトがあるからね。ちなみにコンプリートプランというコースでは、これら全てを使用することができるよ。 大石ゆかり そっちの方も調べてみます！ありがとうございました！   インストールが完了したら、Photoshopで文字を加工することから始めてみてはいかがでしょうか。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。
Photoshop

TechAcademyから
現役エンジニアの方へ
お知らせ

WEEKLY RANKING

【超便利！】Excel(エクセル)でカレンダーを作成する方法

メールの書き方に困ったら！「了解」「承知」「了承」の違いと使い方

言葉の意味をおさらいしてみよう！「各位」の正しい使い方と用例

【困った！】いつの間にかローマ字入力が大文字になっていたときの対処法

今すぐ覚えられる！HTMLでJavaScriptを読み込む（呼び出す）方法を現役エンジニアが解説【初心者向け】

今さら聞けない！WordPressとは【初心者向け】｜現役エンジニアが解説

Photoshopで画像の背景を透明（透過）にする方法【初心者向け】

今さら聞けない！HTMLとは【初心者向け】

今さら聞けない！GitHubの使い方【超初心者向け】

【プログラミング要らず！】初心者でも使える！スマホアプリが開発できるおすすめツール11選

TechAcademy（テックアカデミー） プログラミング PHP 導入手順を解説！Laravelのインストール方法【初心者向け】