PHP

PHPでバージョンアップする方法【初心者向け】

初心者向けにPHPでバージョンアップする方法について解説しています。バージョンによって新機能が追加されていたりするので、注意しましょう。実際にコマンドを入力して処理の結果を確認しながら理解していきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

PHPでバージョンアップする方法について解説します。

そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。

なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。

今回は、PHPに関する内容だね！

どういう内容でしょうか？

PHPでバージョンアップする方法について詳しく説明していくね！

お願いします！

バージョンアップする方法

PHPのバージョンアップは基本的にインストール方法と同じになります。

インストール方法はプラットフォーム(OSやディストリビューション)の種類によって変わってきます。

OSはunix 系とwindows系がありunix系にはlinuxも含まれますがディストリビューションによって差異が大きいです。

linuxのディストリビューションは大きく分けてRedHat系（centos、Fedora、Amazon linux 等）と Debian 系（ubuntu等）で異なります。

unix 系全般で利用できる方法がmakeコマンドでソースプログラムからビルドしてインストールする方法です。この方法は万能ですが難易度が高く最近ではあまり使われていません。

主流のlinuxディストリビューションでは代わりにパッケージ管理システムでインストールする方法が一般的です。

RedHat系では yum コマンド、Debian系ではapt系のコマンドを使います。

ubuntuでは比較的新しいPHPが標準でインストール可能です。

Red Hat系は保守的なので初期状態では古いPHPしか入っていません。

centos7のPHPはv5.4となっています。(2018年9月15日現在)

PHP7をyumでインストールするにはRemi’s RPM repositoryなどを追加で登録します。
RemiはRedHat社に在籍しているエンジニアと言われています。また、世界中で利用されている実績があるので安全と思われます。

※リポジトリを追加する際は信頼できるサイトか確認するようにしてください。最悪の場合はパッケージにバックドアが仕掛けられていたりする危険性もありますので要注意です。

実際に書いてみよう

現在のPHPバージョンを確認

想定している内容はcentoos7でPHPv5.4 からv7.1へのアップグレード手順になります。
‘$’ の右にあるのが入力するコマンドです。

$ php -v
PHP 5.4.16 (cli) (built: Apr 12 2018 19:02:01)
Copyright (c) 1997-2013 The PHP Group
Zend Engine v2.4.0, Copyright (c) 1998-2013 Zend Technologies

# インストールされている php 及び関連モジュールの確認

$ yum list installed | grep php
php.x86_64                            5.4.16-45.el7                    @base
php-cli.x86_64                        5.4.16-45.el7                    @base
php-common.x86_64                     5.4.16-45.el7                    @base

古い php を削除。上で確認した php と関連モジュールを削除します。

$ sudo yum erase -y php-common php-cli php

yum のパッケージと Remi’s RPM repository の追加

$ sudo yum upgrade
$ sudo yum install -y https://rpms.remirepo.net/enterprise/remi-release-7.rpm

PHPv7.1の他にいくつかの拡張機能をインストールしてみます。他に必要なものが有りましたら同様に追加してください。

$ sudo yum install -y php71 php71-php-pdo php71-php-mbstring php71-php-xml

$ php71 -v
PHP 7.1.22 (cli) (built: Sep 11 2018 17:09:03) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.1.0, Copyright (c) 1998-2018 Zend Technologies

このままではPHPコマンドで起動できないのでエイリアスを作ります。

まずは、実行ファイルの場所を調べます。

$ which php71
/usr/bin/php71

この記事を監修してくれた方

大網清和（おおあみきよかず）
現在は派遣スタッフとしてLaravelで大手ポータルサイトの開発業務をしています。

プログラム歴は長く中学生の頃から始めて35年くらいになります。古くはBASIC、C、COBOLなどを経験しSQLを集中的に使っていた時期もあります。
Web の開発はまだ2年位とあまり長くは無いですが、プログラミングの楽しさを伝えられたら良いなと思っています。

内容分かりやすくて良かったです！

ゆかりちゃんも分からないことがあったら質問してね！

分かりました。ありがとうございます！

TechAcademyでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

PHPでHTMLタグを表示する方法を現役エンジニアが解説【初心者向け】

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

PHP

PHPのarray_keysで配列のキーを取得する方法を現役エンジニアが解説【初心者向け】

今回は、PHPのarray_keysで配列のキーを取得する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解...

PHP

PHPのrandメソッドを使って乱数を生成する方法【初心者向け】

randメソッドの使い方について解説しています。数字をランダムで取得できるので、使い方をぜひ覚えておきましょう。そもそもPHPが何か分からない場...

PHP

PHPで四捨五入、切り捨て、切り上げする方法を現役エンジニアが解説【初心者向け】

今回は、PHPで四捨五入、切り捨て、切り上げする方法について解説します。そもそもPHPについてよく分からないという方は、PHPとは何...

PHP

PHPで文字列を出力する方法【初心者向け】

プログラミング初心者向けに、PHPの基礎を紹介する記事です。今回は、PHPで文字列を出力する方法を解説します。なお本記事は、...

PHP

PHPで特定の文字列を含むか（部分一致）判定する方法を現役エンジニアが解説【初心者向け】

今回は、PHPで特定の文字列を含むか（部分一致）判定する方法について解説します。そもそもPHPについてよく分からないという方は、PH...

PHP

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

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

Web開発でよく使われている「PHP」という言語を初心者向けに解説した記事です。聞いたことはあるけど、いまいちPHPが何なのかよく分からないという人は、ぜひご覧ください。これからプログラミングを始めようと思っている人にも全体像がイメージできると思います。今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。目次 PHPとは PHPでできることサーバーとクライアントとは PHPがプログラミング初心者向きな理由 PHPの将来性やエンジニア需要基本的なPHPの書き方 PHPの基本構文 PHPを学習できるWebサービス PHPを学習できる書籍 PHPとは PHPはHTMLに埋め込むことができるため、Web開発でよく使用されるスクリプト言語です。Web開発でよく使用されるスクリプト言語に、JavaScriptがありますが、PHPとJavaScriptの大きな違いは、そのコードがどこで実行されるかにあります。 JavaScriptは、クライアントサイド（Webサイトを閲覧しているブラウザ）がコードを受け取り、そこで動作します。そのため、どのようなコードが書かれているのか、誰でも見ることができてしまいます。一方、PHPはサーバーサイドでコードを実行します。クライアントサイドはその結果のみを受け取るため、どのようなコードで導き出された結果なのか見ることができません。 PHPを実行するには、PHPがインストールされたWebサーバーが必要です。ローカルに開発環境を用意したい場合は、XAMPPを使うのが便利です。また、すぐにPHPを使用することができるレンタルサーバーもあるので、すぐに勉強を始めたいという場合は便利です。大石ゆかり田島メンター！サーバーサイドで実行されるというのは、どういうことでしょうか？田島悠介簡単に例えると、サーバーサイドが自分の家、家に訪問してくる人がクライアントサイドかな。大石ゆかりサーバーサイドは訪問してくる人を選べるってことですか？田島悠介そうそう。外から入ってくる人を選べるので、セキュリティとか、管理人しか入れない領域とかを作ることが出来るんだ。ブログ・ショッピングサイト・SNSなど。では、PHPについて見てみよう！ [PR] PHPを学んで未経験からWebエンジニアを目指す方法とはPHPでできること PHPを使うと、ひとつのページに様々な情報を反映して動的なページを作ることができます。基本的にPHPでよく使用されるのは次の３つです。 HTMLソースコードを生成する PHPを使うと、HTMLソースコードを作成することができます。すべての文章をPHPで書く必要はなく、HTMLの一部分のみPHPで生成するということができます。データベースと連携する PHPを使うとMySqlやPostgerSQLなどさまざまなデータベースと連携したWebサイトを簡単に作成することができます。ブログや掲示板などのサイトは、記事をデータベースに記録し、サイトへのアクセスがあるとPHPでその記事のデータをデータベースから読み込んで表示させています。クライアントから送信された情報を受け取る HTMLのフォームでユーザーが入力した情報をPHPを使って受け取ることができます。HTMLで作成したフォームから送信された情報を受け取って、HTMLソースに表示したり、データベースに保存したりすることができます。サーバーとクライアントとは続いてサーバーとクライアントの違いについて、SNSの代表のツイッターを題材にお話しようと思います。まず言葉的な話ですが、クライアントとは、サービスを利用しているユーザー側という意味で、逆にサーバー側とは、データなどを取り扱っているサービス提供側という意味になります。ツイッターだとスマホを使って操作しているのがクライアント側で、ツイッターの運営会社がサーバー側という事になりますね。クライアントとサーバーと何故別れているかというと、システムの機能性と安全性のためです。クライアント側の役割例えばクライアント側(JavaScript)でのプログラムの処理といえば、まず初期表示の時にどこになんの文字または画像を表示させるのかという処理など「ツイート」をクリックすると画面にコメントボックスを表示する。「DM」を押すと、DMメッセージ一覧を表示させるなどの画面側での処理などをメインで行っています。実はクライアント側のプログラムというのはユーザー側のパソコンなどスマートフォンなどに、保存されていてそのプログラムを読み込んで動いています。サーバー側の役割逆にサーバー側(PHP)では、ユーザーさんがツイートしたデータをツイッター画面から送ってもらって企業側のデータベースに格納する。他のユーザーが、最新のツイートに取得する際に新しいツイートをユーザー側に送るというデータベースに関係する処理を行います。サーバー側のプログラムはユーザーには基本非公開ですので、改ざんの余地などもありません。ですのでデータ関係の処理をサーバー側に一任しているのです。 PHPがプログラミング初心者向きな理由まずPHPが他のプログラミング言語と違って初心者向きな所は、「関数」というものが豊富にある点です。関数とは値を渡せば様々な結果が返ってくるというとても便利なものになります。関数の中でも初心者におすすめの物がarray()という関数で、これはデータを取り扱うために必要な「配列」を作る関数になります。配列とは、複数のデータを保持しておける箱のようなものです。通常配列のデータを取得する際は、この箱の何番目のデータがほしいというように指定してデータを取得しますが、PHPでは上記の関数で通常の配列とは少し違う連想配列というものを手軽に作れます。連想配列ではデータの保存場所に数字ではなく名前をつける事ができます。たとえばこの箱の「◯◯」という名前のデータをください指定するだけで、データの取得および保管などができるのです。もう一点は、型の自動変換機能があるところだと思っています。プログラミング言語には、データを取り扱う際に型というもの概念があります。例えば「1234」は数字型で「あいうえお」は文字型「2020/06/25」は日付型という扱いがあります。上記で説明した配列にもこれは当てはまります。数値の配列という形で宣言した場合、数値のデータしかいれる事ができないのです。ですので、通常のプログラミング言語では数値型に文字型のデータなどを入れるとエラーが表示されますが、文字型の1234というデータを文字ではなく数値として変換すれば代入が可能になります。これをキャストといいます。 PHPではこのキャストを指示しなくても暗黙的に行います、ですので初心者で型の事を上手く理解できていない人でもプログラムを組むことができるのです。（余談ですがこの型がプログラムで難しいところといわれている所でもあります。） PHPの将来性やエンジニア需要 PHPは世界中で利用されています。最新のGitHubの調査(2019年)によるとPHPでは第4位に人気がある言語として記録されています。 PHPが登場したのは1995年ですから、それから20年以上もの間、高い人気を保ったまま利用されていることが分かります。この人気は今後しばらくは続くことでしょう。 GitHubよりまたPHPは日本国内のソフトウェアの開発現場でも多く利用されています。求人・転職情報サイトGreenでPHPの求人を検索してみると約1200件ヒットしました(2020年6月現在)。これはフロントエンド(約780件)、Python(約760件)よりも圧倒的に多く、開発現場で最も多く利用されているJava(約1800)の次ぐらいに多い求人数です。画像出典：Green またITベンダーやシステム開発会社の新入社員研修でもPHPはJavaと並んで多く採用されています。それもやはり求人数の多さから即戦力を意識してのことと思われます。エンジニアとしてはPHPとフロントエンドの知識を持っていれば、非常に重宝される人材となりうるでしょう。基本的なPHPの書き方 PHPファイルは「.php」という拡張子をつけることで、PHPファイルであることをコンピューターが認識してくれます。（例　index.php） PHPを記述する場合、「<?php」で始まり「?>」で終わるというルールがあります。この間に書かれるスクリプトは複数行になっても大丈夫です。また、スクリプトの最後には「;」が必要です。以下が、HTMLにPHPを埋め込んだ例です。 <!DOCTYPE html> <html> <head> <title>基本的なPHPの書き方</title> </head> <body> <?php echo "HELLO WORLD"; ?>

PHP

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

.post-body img{border: solid 1px #eee;} プログラミングの勉強を始める人にとって最初の難関は、開発環境の構築ではないでしょうか。そんな方でも使える開発環境のMAMPのインストール方法を初心者向けに解説した記事です。 MAMP（マンプ）はPHPの開発環境として使われます。XAMPPと同じように、MySQLも一緒に使えるので便利です。本記事では、MAMPをインストールする方法と、PHPの最初のプログラムが書けるまでを解説しています。本記事の目次本記事は下記の流れで解説します。 MAMPとは？ MAMPのインストール方法 PHPでプログラミング MAMPとは？ MAMPとは「macOS」「Apache」「MySQL」「PHP」の頭文字をとったものです。 MAMPは、これらを一括で使うことができ、PHPとMySQLの開発環境として使用できます。無料ホームページでもそれらを対応したサービスはあるのですが、データ送信に使うFTPソフトが必要だったり、SQLデーターベースの準備が必要で、初心者にとっては難しいこともあります。なお、名前からMacでのみの利用と思われそうですが、WindowsとMacの両方のOSで使用することが可能です。また、無料で使えるMAMPと有料版のMAMP PROがあります。違いとして、例えばlocalhostの代わりにユニークなエイリアスを与えることができるなど高機能になっています。ただし、初心者は無料版で十分でしょう。本記事では、無料版のMAMPのインストール方法のみ紹介します。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とはMAMPのインストール方法それでは早速、MAMPをインストールしてみましょう。 MAMPのダウンロードサイトにアクセスしてください。アクセスすると、このように表示されるので、一番上の画像内にある「Free Download」ボタンをクリックしてください。 Macの場合次の画面で、MacのPCの場合は種類によってクリックする場所が違います。新しいPC（M1やM2など）の場合は、「Apple M1/M2 CPU」と書かれた部分をクリックします。インテルのCPU（i7やi5など）を搭載したPCの場合は、「Intel x86 CPU」と書かれた部分をクリックします。 Windowsの場合一番上に表示されている「Windows 10+」と書かれた部分をクリックします。上記のそれぞれのPCに対応した部分をクリックするとブラウザでダウンロードが始まります。ブラウザの下にダウンロードの進行状況が表示されます。 Mac Windows アプリのサイズがかなり大きいので、ダウンロードに時間がかかります。 macOSでインテルのCPUかどうかを見分けるには？左上のりんごのアップルメニューから「このMacについて」をクリックします。開いた画面に「プロセッサ」と書かれていればインテルのCPUが搭載されていて、「チップ」と書かれていればApple M1などの新しいPCです。 Downloadボタンが見つからないときは？もしDownloadボタンが見当たらないときは、MAMPのトップページを下にスクロールして「Free MAMP download >」リンクをクリックします。 Windowsでダウンロードが始まらないときは？ Windowsで下記の画像が表示されたときは、「保存」をクリックします。ここからは、WindowsとMacそれぞれのインストール方法を紹介します。 Windowsでのインストール Windowsの場合は、実行すると次のようなメッセージが表示される場合があります。この画面は不正なプログラムが自動でインストールされるのを防ぐ機能です。はいを押して、MAMPのインストール画面を表示してください。 Nextをクリックしてください。一緒にインストールするアプリを指定します。今回は無料のMAMPだけインストールするので、チェックは2つとも外してから、Nextをクリックします。使用許諾契約が英語で表示されます。同意してインストールを続ける場合は「I accept the agreement」をクリックして選択し、Nextをクリックします。次はプログラムをインストールするフォルダを指定する画面です。そのままNextをクリックしましょう。次に表示される画面は、スタートメニューに登録する場所の指定です。そのまま「Next」をクリックします。デスクトップにアイコンを作成するかどうかを決める画面が表示されます。そのまま「Next」をクリックします。最後に、今まで入力した情報を確認します。内容に問題なければ「Install」をクリックします。インストールが完了するまで、時間がかかる場合があるので気長に待ちましょう。インストールが完了した画面が表示されます。「Finish」をクリックしたらMAMPのインストールは完了です。 Macでのインストール続いてMacのインストール方法です。ダウンロードしたファイルを開くと、「はじめに」の画面が表示されます。「続ける」をクリックします。「大切な情報」が英語で表示されます。「続ける」をクリックします。「使用許諾契約」の画面が英語で表示されます。「続ける」をクリックすると表示されている使用許諾契約に同意するか尋ねられます。使用許諾契約に同意できるなら「同意する」をクリックします。続いて「インストールの種類」画面が表示され、インストールに必要な記憶装置の空き容量が表示されます。インストールするのに必要な空き容量は、使用しているPCやMAMPのバージョンによって変わるので、よく確認しておきましょう。インストール先の空き容量に問題がなければ、「インストール」をクリックします。インストールの確認を求められるので、パスワードかTouch IDの指紋認証などで許可しましょう。さらにインターネットからダウンロードしたアプリをインストールする確認画面が出ます。「OK」をクリックしてインストールを許可します。インストールが始まります。インストールには時間がかかるので、完了するまで待ちます。インストールが完了したら「閉じる」ボタンをクリックします。インストールが完了すると、ダウンロードしたインストーラのファイルを削除するか尋ねる画面が表示されます。インストールできていれば、インストーラは不要なので「ゴミ箱に入れる」をクリックして削除します。これでMacにMAMPをインストールする作業は完了です。 PHPでプログラミング MAMPがインストールできたら、MAMPを使ってPHPのプログラミングを実行してみましょう。今回は、ブラウザに「PHPのテスト表示成功!」と出力するプログラムを作成します。 PHPのプログラムを動作させるために、WebサーバであるMAMPを起動しておきます。 ※XAMPPなどの他のサーバアプリがすでにインストールされて起動している場合、ポート番号などが競合してMAMPのサーバが起動できない場合があります。サーバを起動する MacでMAMPのサーバを起動するまずは、画面下のDockからMAMPをクリックして開いてください。 MAMPのウィンドウと同時に黄色の「Standard View」の画面が表示されたときは「Show this window when starting application」のチェックを外してから、左上の×で閉じます。 MAMPのコントロールパネルが表示されます。右上にある「Start」をクリックして、サーバを起動します。しばらくしてサーバの起動が完了すると、クリックした「Start」ボタンが「Stop」に変わって、サーバが起動中であることを表す緑色になります。 WindowsでMAMPのサーバを起動する Windowsの場合は、デスクトップ画面に作成されたMAMPアイコンをダブルクリックして起動します。 MAMPをDropboxとリンクするページが表示されますが、Dropboxとのリンクは必須ではないのでそのままページを閉じて大丈夫です。起動時にWindows標準セキュリティ機能などにより、ファイアウォールの確認画面が表示されることがあります。「プライベートネットワーク」だけにチェックを入れて「アクセスを許可する」ボタンを押します。 MAMPが起動してコントロールパネルが表示されます。既定の設定では、Apache Server（Webサーバ）がMAMPの起動時に自動的に開始されます。緑の丸がついていたら起動が完了しています。サーバを停止するには「Stop Severs」、開始するには「Start Servers」をクリックします。停止や開始には少し時間がかかります。反応がないからといってサーバの開始・停止ボタンを短時間に連続してクリックしないようにしましょう。 MAMPのサーバからWebページを表示させるここからはWindows・Mac共通の操作になります。 MAMPのコントロールパネルの「WebStart」をクリックするとブラウザが開き、MAMPのサーバが表示させたWebページが表示されます。（画面はMacで表示した場合です）表示されているページのURLの最初の部分が、自分で配置したWebページを表示させるときに必要になります。自分のPCで表示されているURLの赤枠で囲った部分を覚えておきましょう。これからPHPのプログラムを書いていきますが、MAMPは開いたままにしておいてください。プログラムを書くには、書式情報を含まない文字だけの情報を保存できるテキストエディタが必要です。 Winodwsには「メモ帳」、Macには「テキストエディット」が標準搭載されていますので、今回はそちらを使います。メモ帳（Windows）テキストエディット（Mac）テキストエディット起動後、「新規書類」をクリックします。書式情報のないPHPのコードとして保存するために、メニューバーから「フォーマット」->「標準テキストにする」を選択します。もし、「標準テキストに変換しますか？」と確認画面が出た場合は「OK」をクリックします。 Windows・Macともに、テキストエディタが開けたら次のようにコードを入力します。 <?php print ('PHPのテスト表示成功!') ?> ※「‘PHPのテスト表示成功!’」以外は半角（漢字オフで入力する英数字や記号）で入力します。 Mac Windows 入力できたら、ファイル名をtest1.phpにして、htdocsというフォルダ上に保存します。メモ帳（Windows）メニューバーの「ファイル」->「名前を付けて保存」Cドライブ > MAMP > htdocs テキストエディット（Mac）メニューバーの「ファイル」->「保存」アプリケーション > MAMP > htdocs ここまでできたら、MAMPのコントロールパネルの「WebStart」をクリックし、ブラウザのURLを以下の例のように後半部分を「test1.php」に修正します。このように http://localhost:ポート番号/htdocs以降のファイルパスという形でMAMPで起動させたサーバから、WebページやPHPのプログラムを読み込めます。なお、先ほど保存したファイルを更新すると、この出力結果も更新されます。おわりに MAMPのインストール方法は以上です。もう少しPHPの基礎を知りたい場合は、PHPで文字列を出力する方法やPHPの変数を使う方法をまずはご覧ください。 PHPを勉強していて、・もっと効率的に勉強したい・誰かに聞きながら学びたい・自分でWebサービスを作りたいと思ったことはないでしょうか？そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、オリジナルWebサービスを開発することが可能です。独学に限界を感じている場合はご検討ください。

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を学んで未経験からWebエンジニアを目指す方法とは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人ずつつき、マンツーマンのメンタリングで学習をサポートし、習得することが可能です。

Node.js

東京のパソコン教室20選｜自分にあった教室の選び方も紹介

東京23区内の通いやすいパソコン教室をピックアップしました。自分にあった教室を選ぶことによって、資格の取得や転職、スキルの獲得などを目指しましょう。田島悠介今回は、なにか相談受けたんだって？大石ゆかり東京に住んでる友達からパソコンの知識をつけたいって相談を受けたんですが、どこ選べばいいかわからなくて・・・田島悠介それじゃ、自分にあったパソコン教室の選び方と東京にあるパソコンスクールを紹介していくね！大石ゆかりお願いします！目次自分にあった教室の選び方低価格な教室初心者向けの教室転職サポートのある教室フリーランス志望向けの教室資格が充実している教室まとめ自分にあった教室の選び方自分に合う教室の探し方として、自分のニーズを理解するという過程が重要となります。このニーズは、「あまりお金をかけたくない」や「転職までサポートしてほしい」といった具体的なものです。本記事ではそういったニーズに沿ってジャンル分けを行い、それに適した東京23区のパソコン教室について紹介していきます。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とは低価格な教室低価格からスタートできる教室について、みていきましょう。「パソコン教室には通ってみたいけど、あまりお金をかけたくはない」という方におすすめの教室をまとめたので、ぜひ参考にしてください。キュリオステーション特徴キュリオステーションの最大の特徴は、覚えるまで通える「安心定額のシステム＆個別指導型レッスン」です。支払う費用は「初期費用となる所定のコース料金(コースにより11,000円から)＋月額3,300円」が基本となる料金システム。目的や希望に合わせて安価に無駄無くコースを選択し、納得するまで教えてもらえるのが大きな特徴です。プラン・コース一覧パソコンの基本操作、パソコンの活用、Officeの基礎・応用、MOS資格対策・模擬試験、ホームページビルダーやワードプレスを利用したホームページ作成　ほか料金コース料金(コース1つにつき1回限り11,000円から)＋月謝(3,300円) ※スクールにより多彩なコース・料金プランあり就職・転職サポートキャリアコンサルタントによる就職相談、転職アドバイスを実施するスクールがあります。就職・転職支援講座を開講するスクールがあります。住所・アクセス「下高井戸店」世田谷区赤堤5-31-3フレンド104ビル1F 「武蔵小山店」品川区小山3-23-19芙蓉ビル1F左「永福町店」杉並区大宮2-14-1ライオンズマンション西永福1F 「萩窪店」杉並区天沼3-11-6 「大泉学園店」練馬区東大泉1-20-36 脇坂ビル1F 「成増店」板橋区成増2-17-2 ラフィネ・イムーブル1F 「足立区役所前店」足立区梅島2-1-19 冨岡ビル1F 「菊川店」墨田区菊川3-21-11 レジデンス須賀菊川101 「つつじヶ丘店」調布市つつじヶ丘2-1-2 エクセルハイツⅤ 1F 「新中野店」中野区本町4-38-26 マーブル新中野102号「北千住店」足立区千住中井町17-15 花井ビル1F 「久米川店」東村山市栄町2-7-28 シュウエイ久米川ビル1F ホームページURL https://curiostation.com/ 割引制度無料体験ありスクールごとに割引キャンペーンの開催あり(不定期) パソコンスクールメディアック特徴パソコンスクールメディアックの最大の特徴は月謝の値段です。月額¥3,300で回数、受講制限なしで通うことができます。また、少人数制で集中して受講できるため、値段重視で決めたいという方にはおすすめのパソコン教室です。プラン・コース一覧基礎コース、便利活用コース、デジカメコース、ビジネスコース、ホームページコース料金月謝：¥3,300 住所・アクセス「上板橋教室」〒174-0076 東京都板橋区上板橋1-26-8 「住吉教室」〒135-0003 東京都江東区猿江　2-12-1 ホームページURL http://www.mediac-ps.com/ 割引制度無料体験ありフォーティネットパソコンスクール特徴フォーティネットパソコンスクールは、完全予約制のマンツーマン授業を行えるパソコン教室です。会社で作成する必要があるデータベースやプログラムなどを、持ち込むことで一緒に考えてくれるという珍しい授業のスタイルも用意されていることが特徴となっています。プラン・コース一覧ポイントレッスン(完全フリーで質問可能)、Office基礎知識、 VBA、パソコン基礎知識　ほか料金ポイントレッスン：¥4,400 その他コース：¥9,900～住所・アクセス〒111-0032 東京都台東区浅草2-2-1 森田ビル2F ホームページURL http://www.fortynet.co.jp/ 割引制度 2名同時授業で授業料10％OFF、3名以上は授業料30％OFF アニッシュインターネットスクール特徴アニッシュインターネットスクールの特徴は、1時間¥1,000～と設定されている安価な料金体系です。月謝制でもう少し安価なパソコン教室もあるものの、時間制であれば、全く行けない月だと支払いが全く発生しない点がメリットです。そのため、「行きたい時に安く通いたい」という方におすすめのパソコン教室です。プラン・コース一覧 Office基礎知識、パソコン基礎知識、イラストレーター、 CAD、パソコンで塗る水彩画、パソコン組立講座、　ほか料金 1時間¥1,000～住所・アクセス〒130-0002 東京都墨田区業平５－１０－２ TEL: 03-3829-0885 ホームページURL http://www.anish.jp/ 割引制度無料体験授業あり初心者向けの教室「パソコンで年賀状を作ってみたいけど、そもそもパソコンに触ったことがない」方や「社会人になってからちゃんとパソコンを触るようになった」方なども安心して入校できるパソコン教室をまとめました。科学技術館パソコン教室特徴この教室の特徴としては、教職員の方向けの講座が実施されているという点です。また、自習形式での時間もあるため、「親族に何度も同じ質問をして嫌な顔をされてしまった」といった方におすすめの教室です。プラン・コース一覧 Windows10講座、Office基礎知識、いまどきのパソコン旬な使いかた講座(自習形式)　ほか料金チケット制 1枚：￥4,180 5枚：￥19,250 10枚：￥33,900 ※別途テキスト代(￥510)が必要住所・アクセス〒102-0091 東京都千代田区北の丸公園2-1 ホームページURL http://kagakupc.jp/ 割引制度とくになしパソコン教室ビットラボラトリ四谷校特徴パソコン教室ビットラボラトリ四谷校の最大の特徴は、「1日速習」です。通常は数日かけて学習する内容を、短時間でポイントを絞って効率よく指導できるプランです。その日だけの金額を払えば済む点から金額的にも安心だといえます。プラン・コース一覧 Office基礎知識、ホームページ作成(HTML・CSS)、 IOT講座、Python、ほか料金 Office・ホームページ作成など、1日速習講座料金：¥21,780 その他のコースに関してはコースによって異なります。住所・アクセス「四谷校」〒160-0004 東京都新宿区四谷3丁目7 宮子ビルディング5F ホームページURL https://www.bitlab.jp/ 割引制度ママ割・学割完備商工会議所パソコン教室特徴商工会議所パソコン教室は全国に111教室を構えている大手のパソコン教室です。そもそも「パソコンを触ったことがない」方に人気のパソコン教室となっているため、初心者の教室の方におすすめの教室となっています。プラン・コース一覧パソコン基礎知識、Office基礎知識、資格対策講座(日商PC検定、簿記)、趣味講座(ホームページ作成、デジカメ)、スマホ/モバイル講座　ほか料金授業料：¥1,000(1時間) 機器使用料：¥200(1時間) 教室維持費：¥1,400(月1回) 住所・アクセス「町田教室」〒194-0013 東京都町田市原町田3-3-22 町田商工会議所2階「多摩境教室」〒194-0215 東京都町田市小山ヶ丘2-2-5-8 まちだテクノパークセンタービル3階「吉祥寺教室」〒180-0004 東京都武蔵野市吉祥寺本町1-8-22 吉祥寺パレスビル6階「武蔵境教室」〒180-0023 東京都武蔵野市境南町2-3-4 五番館ビル5階「青梅商工会議所教室」〒198-8585 東京都青梅市上町373-1 青梅商工会議所2階「多摩商工会議所パソコン教室」〒206-0011 東京都多摩市関戸1-1-5 ザ・スクエア2階ホームページURL https://www.pcci-school.com/ 割引制度特になしパソコン教室パソカレッジ高田馬場駅前特徴パソコン教室パソカレッジ高田馬場駅前はMOS資格取得希望者に人気の教室です。他のパソコン教室には少ない特徴として、Macの使い方に関する講座があります。また、1日短期講習もあるので、「Officeの基礎知識などを短期的に習得したい」と考えている方にもおすすめのパソコン教室です。プラン・コース一覧 Mac講座、Office基礎講座、MOS資格対策講座、ほか料金入会金：¥5,500 チケット制：10時間チケット¥16,500〜 1日短期習得講座：1日6時間¥20,800 ※短期講座は入会金が不要です。住所・アクセス東京都新宿区高田馬場3−3−1 ホームページURL https://baba-pasocollege.com 割引制度特になしパソコン市民講座特徴パソコン市民講座は子供から大人に対して、約800種類の講座を受けることができる教室です。また、映像配信学習にも対応しており、忙しくて実際に教室に行かなくても自宅で学習することが可能です。プラン・コース一覧 MOS資格対策、サーティファイ対策、パソコン基本操作、タブレット・スマホ基本対策、子供向けパソコン講座　ほか料金入会金(初回のみ)、1時間あたり¥1,650、テキスト教材費住所・アクセス「丸井吉祥寺教室」〒180-8552 東京都武蔵野市吉祥寺南町1-7-1 丸井吉祥寺3F 「丸井錦糸町教室」〒130-0022 東京都墨田区江東橋3-9-10 丸井錦糸町店 5F 「神保町駅前教室」〒101-0051 東京都千代田区神田神保町2-14 SP神保町ビル5F 「イトーヨーカドー金町教室」〒125-0041 東京都葛飾区東金町1-10-8 イトーヨーカドー金町店 2F 「イトーヨーカドーアリオ亀有教室」〒125-0061 東京都葛飾区亀有3-49-3 イトーヨーカドーアリオ亀有店 3F 「ダイエー東大島教室」〒136-0072 東京都江東区大島7-38-30 ダイエー東大島店4F 「ダイエー西八王子教室」〒193-0835 東京都八王子市千人町2-1-9 ダイエー西八王子店中3F 「上野マルイ教室」〒110-8502 東京都台東区上野6-15-1 上野マルイ 7F 「中野マルイ教室」〒164-0001 東京都中野区中野3-34-28 中野マルイ3F 「イトーヨーカドー竹の塚教室」〒121-0813 東京都足立区竹の塚5-17-1 イトーヨーカドー竹の塚店5-17-1 イトーヨーカドー竹の塚店2F 「亀有駅前教室」〒125-0061 東京都葛飾区亀有3-26-1 亀有リリオ館6F 「イトーヨーカドー葛西教室」〒134-0084 東京都江戸川区東葛西9-3-3イトーヨーカドー葛西店3F 「大泉学園ゆめりあ教室」〒178-0063 東京都練馬区東大泉1-29-1ゆめりあ1街区8F 「西友福生教室」〒197-0021 東京都福生市東町5-1 西友福生店5F ホームページURL https://www.pc4353.net/ 割引制度小学生から大学生まで学割料金で受講できます。ディードットステーション特徴ディードットステーションの特徴は、月々¥3,240で通い放題という点です。初心者の方から資格取得まで通うなど、様々なニーズに応えることができる教室です。「金額は安く済ませて、パソコンの基礎から学びたい」方におすすめのパソコン教室となっています。プラン・コース一覧パソコン入門知識、Office基礎知識、パソコン活用知識、キッズプログラミング、ホームページビルダーを使用したホームページ作成、MOS　ほか料金コース料金の初期費用＋月謝(¥3,240) 住所・アクセス「三軒茶屋教室」東京都世田谷区太子堂3-18-3 1F 「久が原教室」東京都大田区南久が原2-9-7 1F ホームページURL https://dstation.jp 割引制度特になし（無料体験あり）東京パソコンスクール特徴パソコンに触れたことが無い方からMOS試験の対策を行いたい方におすすめのパソコン教室です。中高年に人気のアットホームな教室で、授業後にはコーヒータイムでくつろげる教室になっています。プラン・コース一覧パソコン基礎知識、Office基礎知識、MOS試験対策講座、 Windows講座、パソコン周辺機器講座　ほか料金月謝制 4回/月：¥12,980 8回/月：¥23,100 12回/月：¥35,200 チケット制 6回/60日：¥21,010 住所・アクセス〒181-0013 東京都三鷹市下連雀3-28-23三鷹センター商店街2階ホームページURL http://www.tokyopc.co.jp/ 割引制度特になし転職サポートのある教室「パソコン教室でスキルを習得し、最終的には身に付けたスキルが活かせる仕事に就きたい」と考えている方に対し、就職・転職のサポートを行ってくれる教室があります。ここでは、そういった転職サポートのあるパソコン教室をまとめました。 Winスクール特徴パソコン教室の中でも大手であり、全国各地に教室があるWinスクールです。特徴として、就職のサポートが手厚い点が挙げられます。また、厚生労働省の「教育訓練給付制度」だけでなく、企業向け助成金制度にも対応しています。プラン・コース一覧 AutoCAD、SolidWorks、HTML・CSS、 Adobe製品講座、PHP、CCNA対策講座、 C・C#、Python、Office基礎知識　ほか料金資料請求が必要です。就職・転職サポート Winスクール受講生限定でサポートしてくれる制度が設けられています。住所・アクセス「新宿本校」東京都新宿区西新宿1-7-1松岡セントラルビル 3F 「渋谷校」東京都渋谷区渋谷1-24-4渋谷こうゆうビル 4Ｆ「池袋校」東京都豊島区東池袋1-20-3MAKIビル 4F 「銀座校」東京都千代田区有楽町2-10-1東京交通会館ビル3F 「秋葉原校」東京都千代田区神田平河町1第三東ビル7F 「品川校」東京都港区高輪3-25-33長田ビル

プログラミング

初心者でもできた！Ruby on Rails開発環境の構築方法（Mac編）

プログラミング初心者が勉強を始めようとした時の、最初のハードルは開発環境の構築ではないでしょうか？そんな初心者向けに、今回はMacを使ったRubyのフレームワークRuby on Railsの開発環境の構築方法をご紹介します。田島悠介今回はMacでのRuby on Rails環境構築について説明するよ。大石ゆかり田島メンター！！Macの場合は何が必要になるんですか〜？田島悠介まずはHomebrewをインストールするところから始めよう。ターミナルの使い方についても詳しく解説していくよ。大石ゆかりよろしくお願いします！ Ruby on Rails開発環境構築の流れ今記事では、下記の手順に沿って紹介していきます。 1. Homebrewのインストール　1-1 Command Line Tools for Xcodeのインストール　1-2 Homebrewのインストール　1-3 HomebrewのPATHを通す　1-4 Homebrewをインストールを確認する 2. rbenvのインストール 3. Rubyのインストール 4. Ruby on Railsのインストール 5.エラーが出た際の対処方法 1.Homebrewのインストール Homebrewとは、Mac上でソフトウェアのインストールやアンインストールを管理してくれるシステムです。これがないとMacでの開発はできません。 Homebrewをインストールするためには、Command Line Tools for Xcodeを先にインストールする必要があります。ですので、まずはそちらをインストールします。 Command Line Toolsをインストールすると、Homebrew内で使用されているコンパイラやgitといった基本的なツールを使うことができるようになります。 1-1.Command Line Tools for XcodeのインストールまずはDownloads for Apple DevelopersからOSに合わせたCommand Line Toolsをインストールしてください。(AppleIDでのログインが必要です) 使用しているMacのOSは、Appleマークの「このマックについて」から確認できます。ダウンロードすると、以下のようにウィンドウが開きますので、アイコンをダブルクリックしてインストールしてください。 1-2.Homebrewのインストール次にターミナルを起動します。メニューバー右上の虫眼鏡アイコン（Sportlightといいます）をクリックして「ターミナル」と打ち込み、出てきたアイコンをクリックしてターミナルを起動します。ターミナルとは、コンピュータに文字で出入力をおこなう端末装置のことです。キーボードから入力した文字を接続先の端末に送信し、接続先の端末が送ってきた文字を表示する中継駅のような機能を有します。デフォルトでは白い画面になっています。ターミナル/環境設定/設定/ウィンドウから外観の色を変更することができます。見やすい外観にすると良いでしょう。また、「ウィンドウ」と並列している「テキスト」からは文字色を変更することができます。ここでは、黒い画面・白い文字に設定します。画面の準備が終わったら、いよいよHomebrewをインストールします。以下のコマンドをターミナルに打ち込んで（コピペでOK）Enterキーを押します。ちなみに、この行程を「コマンドを実行する」と言います。今後は、コマンド実行とある箇所では同様の作業をおこなってください。 ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” ※上記のコマンドは頻繁に変更されるので、うまくいかない場合は、こちらにアクセスし、下の方にある「Install Homebrew」のコマンドをチェックしてください。すると、以下のような表示が出てきますので、Passwordにお使いのPCのパスワードを打ち込み、Enterを押してください。（この際、打ち込んだ文字は画面上では表示されませんが、気にせず実行しましょう）田島悠介今後あらゆるインストールにターミナルが必要になってくるので、ここで使い方をきっちり覚えておこう。大石ゆかりいつもみたいに公式サイトからファイルをダウンロードしてそこからインストール、という感じではないんですね。パスワードっていうのは何のパスワードですか？田島悠介パスワードは使用しているMacのユーザーパスワードを入力するよ。マスクされた状態なども表示されないので文字数が分かりにくい場合があるけれど、そのまま入力しよう。 1-3.Homebrewのパスを通すパスを通すとは、コンピュータに実行ファイルの場所を教え、双方を繋ぐ道を通してあげることを指します。 Homebrewのパスを通すには、ターミナルに以下のコマンドを入力しEnterキーを押します。 echo ‘export PATH=/usr/local/bin:$PATH’ >> .bash_profile source .bash_profile すると、次のような表示が出ます。赤で囲んだ部分の数字の読み込みが完全に完了するまでしばらく待ちます。 1-4.Homebrewのインストールを確認するここまでできたら、Homebrewがきちんとインストールされているか確認してみましょう。ターミナルに以下のコマンドを入力しEnterキーを押します。 brew -v この際、「Homebrew X.X.X」のようにバージョン情報が表示されればインストール完了です。私の環境では以下のように表示されています。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とは2.rbenvのインストール rbenvとは、Ruby on Railsの開発元である37signalsが提供するRubyのバージョンを管理してくれるツールです。これを導入することで、最新の2系や1.9系のRubyの切替が簡単に可能になります。引き続きターミナルを使った作業になりますので、以下をコピー&ペーストして、コマンドを順に実行してください。それぞれのコマンドが完全に終わるのを待ってから次の操作に進むように注意してください。 brew install ruby-build （rubybuild：rbenvで様々なバージョンのRubyをビルド・管理するために必要な機能） brew

Ruby

今すぐ設定できる！Javaの開発環境の構築方法(Windows編)【初心者向け】

Javaの開発環境の構築方法について解説しています。Eclipseを使ってJavaでのプログラミングができるように設定していきましょう。 Javaについてそもそもよく分からないという方は、Javaとは何なのか解説している記事をまずご覧ください。なお本記事は、TechAcademyのJava講座の内容をもとに作成しています。田島悠介今回は、Eclipseを使ったJavaの開発環境の構築手順を見てみよう。大石ゆかり田島メンター！！Eclipseというのは何ですか～？田島悠介 Eclipseは総合開発環境(IDE)のひとつで、Javaやそれ以外のたくさんの言語に対応しているんだ。今回はWindowsでのインストール方法を解説していくよ。大石ゆかりよろしくお願いします！目次事前準備 Javaのインストール Eclipseのインストール Eclipseを日本語化初期設定の手順入れておくと便利なツール事前準備 Eclipseを動作させるためには、JRE1.7以上が必要です。JREが17.以上がインストールされている場合は、「Javaのインストール」を読み飛ばしてもかまいません。今回は、コマンドでのJavaの実行もできるように、JDKをインストールしておきます。また、Windows10を使用していますが、Windows7、8でも同様の手順でインストール可能です。 ※ライセンスについて Java自体はオープンソースであり、オープンソース版のJDKとして無償で利用できるOpenJDKが存在しています。 Javaのライセンス自体はOracle社が保有しており、Oracle社が提供するJDKはOpenJDKと区別できるよう、OracleJDKと呼ばれています。OracleJDKは2019年4月16日以降「個人的な使用や開発目的に限り無償」、企業での使用などそれ以外は「有償」に変更となりました。 OpenJDKとOracleJDKは基本的には「同一」であり、セキュリティパッチの提供期間がOpenJDKの方が短い、という違いがあります。本記事では機能が同一であり、個人使用や開発では無償で利用できることから、OracleJDKのインストール方法を紹介しています。 OpenJDKを利用したい場合は、以下の公式サイトからダウンロードします。 jdk.java.net [PR] PHPを学んで未経験からWebエンジニアを目指す方法とはJavaのインストール事前準備まずは、32bitと64bitでダウンロードするファイルが異なるので、パソコンのビット数を確認しておきましょう。デスクトップの左下のWindowsのマークを右クリックして、システムをクリックします。システムの種類のビット数をメモしておきます。 JDKのダウンロード Javaの開発環境であるJDK(Java SE Development Kit)をダウンロードします。 ※以下の手順では最新版のJDKがダウンロードされます。過去のバージョンのJDKは以下のサイトからダウンロードできます。過去のバージョンのJDKをダウンロードする： Oracle Java Archive それでは最新版のJDKをダウンロードしましょう。Javaのページにアクセスして、「無償で試す」をクリックします。「JDK Download」をクリックします。 Windows x64 Installerの右側にある「jdk-14.0.1_windows-x64_bin.exe」をクリックします。「I reviewed and…」にチェックを付けてダウンロードボタンをクリックします。 JDKのインストールダウンロードしたインストーラを実行し、次へをクリックします。後でパスを設定するときに必要なので、インストール先をメモしましょう。次へをクリックします。インストールが実行されます。閉じるをクリックしてインストール完了です。環境変数の設定次は、インストールしたJavaを使うための、環境変数を設定します。デスクトップの左下のWindowsのマークを右クリックして、システムをクリックします。システムの詳細設定をクリックします。環境変数をクリックします。システム環境変数のPathを選択して、編集をクリックします。新規をクリックし、インストール時にメモしたパスに「bin」を追記して入力します。入力が終わったらOKをクリックします。環境変数の画面に戻るので、OKをクリックします。システムのプロパティの画面もOKをクリックして、設定を完了します。動作確認最後に、動作確認を行いましょう。動作確認はコマンドプロンプトでjavacを使い、バージョンを表示することで確認できます。デスクトップの左下のWindowsのマークを右クリックして、ファイル名を指定して実行をクリックします。「cmd」と入力し、OKをクリックします。コマンドプロンプトの画面に、「javac -version」と入力し、Enterキーを押します。以下のように「javac 14.0.1」などとバージョンが表示されれば、JDKのインストール確認完了です。 ※表示されるバージョンはインストールしたJDKのバージョンにより異なります。大石ゆかり EclipseじゃなくてJDKというのをダウンロードするんですか？田島悠介 JDKはJavaの開発環境なんだ。総合開発環境の前にこちらをインストールしておくよ。大石ゆかり分かりました！次はどうしたらいいんでしょう？田島悠介今度はEclipseの方をダウンロード・インストールするよ。手順を見てみよう。 Eclipseのインストール Eclipseのダウンロードページにアクセスして、インストーラをダウンロードします。 Download の「Windows 64bit」をクリックします。もう一度、Downloadをクリックすると、ダウンロードが始まります。ダウンロードしたインストーラ(eclipse-inst-win64.exe)を実行します。 Eclipse IDE for java Developersをクリックします。後で日本語化する時に使うので、Installation Folder(インストールフォルダ)をメモしておいてください。メモをとったら「INSTALL」をクリックします。 Accept Nowをクリックします。インストールが完了するまで数分待ちましょう。以下のような画面になったらインストール完了です。 LAUNCHをクリックしてEclipseを起動します。ワークスペースを指定します。特に指定がなければ、そのままLaunchをクリックします。 Eclipseが起動しました。英語のメニューになっていますので、次は日本語化してみましょう。一旦、Eclipseは終了しておいてください。 Eclipseを日本語化日本語化するためにPleiadesというプラグインを導入します。 Pleiadesのダウンロードページにアクセスして、Windowsをクリックします。以下のリンクをクリックします。ダウンロードしたzipを解凍します。解凍により出てきたsetup.exeを実行します。選択ボタンを押し、Eclipseをインストールしたフォルダの中にある「eclipse.exe」を選択します。選択が終わったら「日本語化する」をクリックしましょう。日本語化が完了したら、Eclipseをインストールしたフォルダに有る「eclipse.exe -clean.cmd」を実行します。以下のように、日本語化されたEclipseが起動します。次回以降は、デスクトップのEclipseのショートカットから起動すれば、日本語化された状態で起動します。初期設定の手順それではEclipseを使ったJavaプロジェクトの作成と実行方法について確認しましょう。「ようこそ」のタブは閉じます。 Eclipseではプロジェクトと呼ばれるまとまりを作成し、その中にパッケージやソースコードを作成していくことでプログラミングを行います。ファイルメニューから新規>Javaプロジェクトをクリックします。プロジェクト名を適宜設定します。半角英数字で指定しましょう。漢字などの日本語は使用できません。入力したら「完了」をクリックします。以下のような画面になります。次に「src」を右クリックし、新規 > パッケージをクリックします。パッケージ名を適宜設定します。こちらも半角英数字で指定しましょう。入力したら「完了」をクリックします。作成したパッケージを右クリックし、新規>クラスをクリックします。名前を適宜設定します。また「public static void main(String[] args)(V)」にチェックを付けます。入力したら「完了」をクリックします。以下のような画面になります。「MyProject1」の中に「mypkg」というパッケージを作成し、さらにパッケージの中にJavaのソースコード「MyClass1.java」を作成した状態です。「.java」の部分は拡張子と呼ばれ、ファイルの種類を表しています。 Javaのプログラムの拡張子は「.java」となります。それでは簡単なソースコードを入力しましょう。 MyClass1の「// TODO 自動生成された…」の下に以下のように入力します。 System.out.println("こんにちは！Javaプログラミング！"); 入力が終わったら実行してみましょう。ツールバーの実行ボタンをクリックします。以下のように実行結果が表示されれば成功です！正しく動作しない場合、入力ミスなどが無いか確認しましょう。入れておくと便利なツール Eclipseには「プラグイン」と呼ばれる機能拡張の仕組みが存在します。例えば、前述した日本語化もPleiadesというプラグインを導入することで実現しています。以前は機能毎に後からプラグインを導入する必要がありましたが、最近のEclipseではあらかじめ主なプラグインが導入済となっています。ここでは導入しておくと便利な設定の1つとしてダークモードを紹介します。またプラグインのインストール、インストール済プラグインの確認方法についても見ていきましょう。ダークモード最近はOSや多くのエディタなどでも取り入れられているダークモードですが、Eclipseでも対応しています。 Eclipseでダークモードを設定するにはウィンドウメニューから設定を選択し、一般>外観でルック＆フィールを「ダーク」に選択します。設定後はEclipseを再起動すると良いでしょう。起動すると以下のようにダークモードが適用されます。プラグインの導入方法新たなプラグインを導入するには、ヘルプの「新規ソフトウェアのインストール…」をクリックします。作業対象を「すべての使用可能なサイト」とし、名前からプラグインを選択します。今回はデータベースPostgreSQL用のプラグインを選択しました。確認画面が表示されます。次へをクリックします。ライセンスに同意し、完了をクリックします。しばらくするとプラグインのインストールが完了します。導入済プラグインの確認方法導入済のプラグインを確認するには、ヘルプから「Eclipse IDE について」をクリックします。表示された画面の「インストール詳細」をクリックします。以下のようにインストール済のソフトウェアやプラグインを確認することが出来ます。以上、WindowsでJavaのEclipseを使った開発環境の構築と動作確認ができました。実際にJavaでプログラミングをしようと思ったら準備するものが多いと感じるかもしれませんが、一連の作業を終えれば実際にプログラミングをすることができます。田島悠介以上でJavaの開発環境構築とEclipseの日本語化は完了だよ。大石ゆかり Pleiadesの導入がちょっと難しそうですね…… 田島悠介このような環境構築はバージョンが変わったりするとやり方も変化する場合があるので、うまくいかない場合は新しい情報もチェックしてみよう。大石ゆかり調べながらやるのが大事ってことですね。ありがとうございました！ Javaの学習サイトもまとめているので、合わせてご覧ください。また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。 [お知らせ]オンラインのプログラミングスクールTechAcademyでは、Java講座を開催しています。JavaやServletの技術を使ってWebアプリケーションの開発を学ぶことができます。現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートします。

Java

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

PHPでバージョンアップする方法【初心者向け】

バージョンアップする方法

実際に書いてみよう

関連するキーワード

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

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

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

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

東京のパソコン教室20選｜自分にあった教室の選び方も紹介

初心者でもできた！Ruby on Rails開発環境の構築方法（Mac編）

今すぐ設定できる！Javaの開発環境の構築方法(Windows編)【初心者向け】

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

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

バージョンアップする方法

実際に書いてみよう

記事を検索

関連するキーワード

関連する記事

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

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

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