## PHPの特徴を初心者向けに解説

まずはじめに、*PHPの特徴について解説*します。**PHPのメリットやPHPで何が作れる**のか、ということについてまとめました。「そもそもPHPとは何？」という方はまずはこちらから読み進めてください。

PHPの特徴は、*初心者でも扱いやすい*ことです。文法が平易であり、ソースコードが読みやすいです。また、覚えるべきことも実はそこまで多くなく、C言語などにある「ポインタ」などの難しい概念もありません。さらに、**PHPは人気言語であるため**、ネット上に多くの情報が載っており、わからないところを調べやすいのも初心者に優しい点でしょう。

PHPで開発できるものは、*Webアプリケーション*です。具体的に、掲示板・SNS・ECサイトなどを作ることができます。Webアプリが開発できる言語は他にもPythonやRubyなどがありますが、**PHPはその中でも大きなシェアを獲得**している言語です。Webアプリを開発したいなら、まずはPHPを習得するのがおすすめでしょう。

PHPはWordPressの開発でも使われており、*WordPressのテーマも開発*することができます。WordPressとは、**ブログやサイトを簡単に構築できるCMSのこと**であり、多くのサイトがWordPressを元に作られています。WordPressでも使われているということは、それだけ利便性が評価されている言語ということでしょう。

PHPは他の言語に比べて*案件数が豊富*なのも特徴です。Webアプリ開発案件・WordPressのテーマ作成の案件・スクレイピング案件など、数多くの種類があります。PHPは学習コストが低くかったり利便性が高かったりといったメリットがあるため、多くの企業で使われています。**PHPを習得すれば、開発案件に参画できる確率がアップ**するでしょう。

### 多くのレンタルサーバーで使える

PHPは*多くのレンタルサーバーで使うことができます*。初心者はWebアプリを開発する際にレンタルサーバーを利用する場合が多いため、**自分が学んでいる言語がそこで使えるかは重要**でしょう。有料のレンタルサーバーなら、ほとんどの場合PHPが最初からインストールされています。

PHPは型の指定が不要なのも大きな特徴です。変数を作る際は、「数値」「文字列」などをコンピュータ側に教える必要がなく、*変数名を書くだけで済みます*。型を書かなくてもコンピュータ側が勝手に推測してくれるからです。型をプログラマー側で考える必要がない分、スピーディーに開発することができるでしょう。

反面、コンピュータが型の推測を間違える恐れがあるため、**バグを生み出す危険性もあります**。例えば、数値のつもりが文字列として認識されてしまえば、予期せぬ動作が行われる可能性があります。こういった点には注意が必要です。

ここでは、*PHPの基本的な書き方*についてまとめました。PHPは文法がシンプルでコードが短めです。他の言語を習得済みの方は、**どのように書き方が異なるのか**も考えながら読み進めてください。

*文字列を出力*する場合、次のように書きます。

まず、PHPの場合コードの先頭に「<?php」、後尾に「?>」をつけます。この中にプログラムの動作を記述します。**文字列を出力する場合は「echo」を使います**。「echo」の後に表示させたい文字列を記入し「"」で囲みます。
上記のコードでは「Hello world！」と表示しています。

*計算結果を出力*する場合、次のように書きます。

数値を出力する場合も「echo」を使います。**「echo」の後に計算式を記入**すると、その計算結果が出力されます。上記のコードでは1+1の結果である「2」が表示されます。

*変数を使用*する場合、次のように書きます。

PHPでは**変数を使う場合「$」を使います**。「$」の後に変数名を記入し、変数に入力したい数値や文字列を記入して「=」で結びます。上記のコードでは「$a」という変数を作成し、変数の中に1を入力しています。

## 初心者がPHPを習得するおすすめロードマップ

続いて、*初心者がPHPを習得するおすすめロードマップ*を紹介します。PHPを初めて学ぶ方は、どういった方法で学べばいいのか分からない方も多いはず。そこで、PHPでWebアプリが開発できるようになるための手順をまとめました。**これからPHPを学習する方はぜひ参考にしてください**ね。

### Step1.PHPの基礎文法を本などで習得する

まずは、PHPの基礎文法を本などで習得する必要があります。PHPの技術書も多く販売されており、中には*イラストや図が多く使われた分かりやすいものもあります*。そういった本を購入し、PHPの文法を覚えていきましょう。「Helo World」の出力方法からはじめ、条件分岐・if文・関数の使い方などを順番に学習していきます。

技術書には大抵サンプルコードが記載されています。**サンプルコードは実際に自分の環境で動かしてみるのが良い**です。手を動かしてサンプルコードを書くことで、記憶に定着しやすくなるでしょう。

ある程度文法を抑えたら、*Paizaなどの練習問題を解いていきましょう*。Paizaにはプログラミングの練習問題が多数掲載されており、無料で解くことができます。基礎的な文法知識を問う問題から、**現役エンジニアでも考え込んでしまう問題**まで、幅広く用意されています。Paizaの問題が全部解ければ、PHP初心者は卒業したと言っても良いでしょう。

### Step3.その他のスキルを習得する

Webアプリを開発するには、PHPの知識だけでなく、*HTMLやSQLの知識も必要です*。HTMLもSQLも学習コストはそこまで高くありませんが、**PHPとは文法が全く異なるので、個別に勉強する必要があります**。PHPをある程度習得したら、次はHTMLやSQLの習得にステップアップしましょう。

### Step4.PHPのフレームワークを習得する

スキル習得後は、PHPのフレームワークを習得しましょう。フレームワークとはWebアプリに必要な基本機能が1つにまとまったもののことです。フレームワークを活用することで、*効率的にWebアプリが開発できます*。ただし、フレームワークを活用するのに慣れが必要です。

PHPには**CakePHPやlaravelなど、数多くのフレームワークがあります**。これらを全て習得する必要はなく、どれか1つを極めるのが良いでしょう。

### Step5.掲示板などのWebアプリを作ってみる

フレームワークを習得したら、*掲示板など簡単なWebアプリを作ってみましょう*。今まで学んだことを活かせば、掲示板なら作れるはずです。掲示板はログイン機能・メッセージ機能・返信機能などが必要なため、これらの機能を1つずつ実装していきましょう。実際にWebアプリを開発することで、実用的なスキルが身につくだけでなく、プログラミングの楽しさも実感できます。

また、Webアプリを作れば、**ポートフォリオとして面接時に提示することが可能**です。ポートフォリオを提示すれば自分の技術力をアピールできるため、就職や転職時の採用率がアップします。特に未経験からPHPエンジニアを目指す場合、学習意欲を証明するためにもポートフォリオは作成した方が良いでしょう。

## 初心者がPHPを学ぶ際の注意点

最後に、*初心者がPHPを学ぶ際の注意点*について解説します。PHPを学ぶ際に、初心者がよくやりがちなことと、その対処方法をまとめました。**プログラミングの勉強は挫折率が高い**ため、注意点を意識して途中で挫折しないようにしましょう。

### 自分が何を開発したいかをまず考える

PHPを学ぶ前に、*自分が何を開発したいか*をまず考えましょう。PHPはWebアプリ開発以外で使われることはほとんどありません。Webアプリ開発以外のことがしたい場合は、他の言語を選択した方が良いです。

例えば、スマホアプリを開発したい場合はKotlinやSwift、人工知能開発がしたいならPythonやRといった言語を学ぶ方が良いでしょう。**それらの開発もPHPでできないことはないのですが、案件がほとんどありません**。プログラミング言語を習得する前に、自分が何の開発に携わりたいかを考えてください。

### わからない箇所は検索して解決する

PHPを学んでいてわからない箇所は、検索して調べるようにしましょう。プログラミングの勉強は、*わからない箇所を放置しないこと*がコツです。わからない箇所を放置すると、その後の単元も理解が難しく、挫折する可能性が高くなります。PHPはネット上で情報が多く掲載されており、わからない箇所は調べやすいです。また、**PHPの公式マニュアルも無料で閲覧でき、関数の使い方などを学ぶことができます**。こういったサイトを参考にし、わからない箇所を調べてみましょう。

### 自己解決できない場合は質問サイトを活用する

ネットで検索しても自己解決できない場合もあるでしょう。そういった場合は、*質問サイトの活用がおすすめ*です。Yahoo知恵袋やteratailなどのサイトに、「どこでつまずいているのか」「自分の開発環境はどういった感じか」などを丁寧に書き込めば、有志の方が答えを返してくれたり、参考にすべきサイトを教えてくれたりします。答えが返ってこない場合もありますが、**こういったサイトは活用しないと損と言える**でしょう。

### いきなり難しいWebアプリの開発に挑戦しない

Webアプリを開発する場合、*いきなり難しいものに挑戦するのはおすすめできません*。例えば、いきなりSNSなど複雑なアプリを作ろうとしても、大抵挫折してしまいます。まずは、掲示板や入力フォームなどの簡単なアプリ開発にチャレンジし、**慣れてきたら複雑なアプリを開発**していきましょう。

## PHPは案件数が豊富な言語！ぜひ習得しよう

本記事では、*PHPの特徴やPHPを学ぶ手順について解説*しました。PHPがどういった言語なのか、お分かりいただけたかと思います。PHPは初心者でも習得しやすい上、案件数も豊富です。PHPを習得すれば仕事には困らない、と言われることもあります。**特にWebアプリ開発に興味がある方は、PHPを習得するのがおすすめ**です。本記事で解説したPHPを学ぶ手順も参考に、ぜひPHPをマスターしてみてくださいね。

本記事では、PHP初心者に向けてPHPとは何かについて解説します。主にPHPの特徴やメリットについてまとめました。さらに、初心者がPHPを習得するためのロードマップも解説しています。PHPをこれから学習したい方は、ぜひ参考にしてみてください。

PHPとは、初心者でも扱いやすい言語

PHPはWebアプリ開発に特化した言語

PHPでWebアプリを開発するなら、簡単なものから挑戦するのがおすすめ

Webアプリ開発言語PHPの特徴や学習方法を初心者向けに解説！

**Rubyとは1995年にリリースされたオブジェクト指向型のスクリプト言語であり、まつもとゆきひろ氏によって開発されました。**Rubyは国産のプログラミング言語ということもあり、日本語で情報収集がしやすく、プログラミング初心者やRuby入門者でも勉強しやすい環境が整備されているのが特徴です。
ここではRubyの用途ということで、できることや作れるものについて詳しく紹介します。

**Rubyには便利なフレームワーク「Ruby on Rails」があります。**フレームワークとは、アプリケーションを開発する際に、土台として機能するソフトウェアのことです。*したがってRuby on Railsを使用すれば、開発効率の向上が期待でき、アプリケーションを簡単に素早く開発することができます。*Rubyで開発されたアプリケーションの代表例として「クックパッド」「食べログ」などが挙げられます。

### ECサイト・ショッピングサイトの開発

**Rubyを使用すれば、ECサイトやショッピングサイトを開発することもできます。**またサブスクリプションサイトやキャンペーンサイトなど、様々な形式のサイトを開発することも可能です。*RubyにはSolidusという決済機能を実装できるパッケージが用意されています。Cサイトやショッピングサイトのフロントエンド部分から、決済機能などのサーバーサイド部分まで開発できるため、開発効率の向上や作業工数の削減にもつながるでしょう。*Rubyで開発されたサービスの代表例として「価格.com」が挙げられます。

**Rubyフレームワークの1つRuby on Railsでは、ログイン機能やデータベース機能などSNSサイトに必要不可欠とも言われる要素を実装できます。**SNSとして有名なTwitterのアプリケーションフレームワークは、当初Ruby on Railsによって開発されていました。現在は、JavaVM上で稼働するScalaというプログラミング言語に移行されています。Rubyを使用して開発されたSNSサイトの代表例として「Wantedly」「Airbnb」などが挙げられます。

**Rubyで作れるものとしてAPI機能も挙げられます。**APIとは「Application Programming Interface」の略称で、ソフトウェアの要素同士が互いにデータをやり取りする際に使われるインタフェースの仕様のことです。例えばアプリケーション開発を行うときに、サーバーにデータを保存する処理を行う場合にはAPI機能を実装する必要があります。*API機能を開発するときの専用ライブラリである「rails-api」を活用すれば、効率よくAPI機能を開発することが可能です。*

**Rubyで作れるものとしてスクレイピングも挙げられます。**スクレイピングとはWebサイトにある必要なデータを収集・抽出し、加工するための技術のことです。*Rubyはスクレイピングにおすすめのライブラリが充実しているため、Rubyによって簡単にスクレイピングを行うことができます。*例えば「Nokogiri」というライブラリを利用すれば、初心者でも容易にスクレイピングを行うことが可能です。

## Rubyでできないこと・向いていないこと

Rubyは他のプログラミング言語と比較して習得しやすいため、初心者向けの言語であり、できることや作れるものが数多くあることは理解できたでしょうか。ここでは、Rubyが向いていないことについて詳しく紹介します。

**Rubyはシンプルな文法や使用が特徴で汎用的なプログラミング言語ですが、Web制作には向いていません。**Webサイトを作成する場合、文章構造を構築するにはHTML、見た目を装飾するにはCSS、動的なWebサイトを開発するにはJavaScriptといったプログラミング言語が必要です。*よってRubyは機能面の開発には強みをもっていますが、Web制作には不向きです。*

**Rubyはアプリケーション開発が得意な言語ですが、スマホアプリの開発にはあまり向いていません。**Rubyではなく、*Java・Swift・Kotlin*などのスマホアプリに適している言語を勉強する方が得策でしょう。

しかし、Rubyがスマホアプリ開発に使えないというわけではありません。*RubyMotionというソフトウェアを利用すれば、 iOSのスマホアプリを開発することが可能です。*RubyMotionにはスマホアプリを開発する際に便利な機能が豊富に用意されていますが、*Androidのスマホアプリは開発できないため注意が必要です。*

**文字認識や画像認識などのAI・機械学習の開発に、Rubyはあまり向いていません。**向いていないというだけで、Rubyが使えないというわけではありません。*例えばRubyによって、チャットボットを開発することが可能です。*チャットボットとは、文字や音声を活用して自動で会話するプログラムを指します。Rubyではソフトウェア開発キット（SDK）を利用すれば、チャットボットをWebサイトに対して実装することが可能です。

*しかしAI・機械学習の開発を行う場合には、Pythonがおすすめです。*Pythonが勧められる理由として、文法がシンプルであること・機械学習向けの豊富なライブラリがあること・フレームワークが充実していることが挙げられます。

## Rubyはゲーム開発にも向いている

**Rubyはゲーム開発にも向いていると言われています。**他にゲーム開発に適しているプログラミング言語として、C++やJavaScriptなどが挙げられます。ここでは、Rubyがゲーム開発に向いている理由について詳しく紹介します。

**Rubyは開発の自由度が高いプログラミング言語の1つです。**一般的にプログラミング言語にはコーディング規則が定められており、ルールを満たしていないとエラーやバグが発生してしまいます。

*Rubyにはシンプルにソースコードを記述できるという特徴があります。*例えばデータ型を宣言しなくても変数を定義することが可能です。他のプログラミング言語を使用すると、プログラムが複数行に渡るような処理でも、Rubyでは1行で済むことも少なくありません。
以上から、Rubyは**開発の自由度が高く使いやすい言語なため、ゲーム開発も効率よく行うことが可能です。**

Rubyは日本人であるまつもとゆきひろ氏が開発したプログラミング言語です。**国産の言語であるため日本語の情報が多いのが特徴です。**Rubyには下記のようにRubyコミュニティメンバーによって運営されている日本語の情報サイトもあり、疑問点や不明点があった際に簡単に情報を集めることができます。Ruby入門者にも便利な情報が数多く記載されているため、気になる方はぜひ参考にしてみてください。
（ 参考：https://www.ruby-lang.org/ja/ ）

このように、Rubyは国産の言語であるため、他のプログラミング言語と比較すると日本語の情報やドキュメントが多いです。学習しやすい環境が整備されているのも、ゲーム開発に向いている理由と言えるでしょう。

**Rubyは内部DSLを作成することが向いているプログラミング言語の1つです。**DSLとは「Domain Specific Language」の略称であり、ドメイン固有言語と一般的に呼ばれています。ドメイン固有言語とは、ある事柄に対して特化しているプログラミング言語のことです。*Rubyを使用して内部DSLを作成すれば、ゲーム開発において手間が大きくかかるユーザーインターフェースの構築などを簡単行うことができるようになります。*また、Rubyでゲーム開発を行うときに「*DXRuby*」「*Ruby/SDL*」「*DXOpal*」などのライブラリを活用するのがおすすめです。

## Rubyの用途は数多くあり習得しやすい初心者向けの言語

これまでに、Rubyの用途・できること・向いていないこと・ゲーム開発にも向いている理由について解説しました。Rubyとはまつもとゆきひろ氏によって開発された国産のプログラミング言語のことです。Rubyの特徴として、**文法や仕様がシンプルであることやRuby on Railsという便利なフレームワークがあることが挙げられます。**

Rubyの用途として、「*アプリケーション*」「*ECサイト・ショッピングサイト*」「*SNSサイト*」「*API機能*」「*スクレイピング*」などの開発が挙げられ、Rubyでできることは数多くあるのが特徴です。しかし「Web制作」「スマホアプリの開発」「AI・機械学習」などは他に向いている言語があるため、Rubyを使用するのはあまりおすすめできません。またゲーム開発についても他に向いている言語があります。

Rubyが向いていないからといって、Rubyが使えないというわけではありません。*Rubyは国産の言語であるため、日本語の情報にアクセスしやすく、Ruby入門者やプログラミング初心者に適している言語とも言えるでしょう。*プログラミングを気軽に始めてみたいと考えている方は、Rubyから勉強してみるのもおすすめと言えます。

Rubyはまつもとゆきひろ氏によって開発されたプログラミング言語です。シンプルな文法やRuby on Railsというフレームワークが特徴です。当記事では、Rubyの用途・できること・向いていないこと・ゲーム開発にも向いている理由について解説します。

Rubyはまつもとゆきひろ氏によって開発された国産のプログラミング言語

Rubyの用途は「アプリケーション」「ECサイト・ショッピングサイト」「SNSサイト」「API機能」「スクレイピング」などの開発

Rubyは日本語の情報にアクセスしやすく、内部DSLを作成しやすいためゲーム開発にも向いている

Rubyの用途・できること・向いていないことを初心者向けに解説！

JavaScriptが誕生したのは1990年代で、Netscape Navigatorというブラウザ専用に開発され、当初の名称は「LiveScript」でした。この時期にJavaというプログラミング言語がトレンドであったため、LiveScriptは「JavaScript」と改名されました。

**JavaScriptとは、主にWebサイトを動的に表示するためのブラウザ上で稼働するプログラミング言語を指します。**WebサイトはHTMLやCSSを使用すれば、作成することが可能です。しかしJavaScriptを使用すれば、Webサイトに動きを付けられるなどできることの幅が広がります。
ここでは、JavaScriptの用途・できることについて詳しく紹介します。

**JavaScriptは、主にWebサイトに動きを付けるために開発されたプログラミング言語です。**JavaScript以外にWebサイトに動きを付けられる言語はないため、希少価値が高いプログラミング言語と言えます。また、*近年ではNode.jsが登場し、サーバーサイド開発でもJavaScriptが使用されています。*サーバーサイド開発ができるようになったため、フロントエンドもサーバーサイドもJavaScriptで開発することが可能です。

イベントとは、ボタンのクリック・入力欄へ電話番号を入力・チェックボックスにチェックを付ける・タブをクリックするなどの行動を意味します。**JavaScriptを使用すれば、ボタンをクリックした際にデータベースからデータを取得したり、入力欄に電話番号を入力したら「入力した電話番号は既に利用されています。」とポップアップ表示させたりすることを瞬時に行うことが可能です。**

**JavaScriptはスマホアプリを開発することもできます。**一般的にスマホアプリは、iOSやAndroidなど各OSに対して適したプログラミング言語で開発する必要があります。*しかしJavaScriptとHTMLを使用すれば、OSに依存することなくスマホアプリを開発することが可能です。*

**非同期通信とは、Webサイトを更新しなくても表示内容を更新できることを意味します。この非同期通信もJavaScriptでできることの1つです。**例えばGoogle Mapでは何度も更新しなくても、フォーカスする位置を変えるだけで新しいデータを表示させることが可能です。

近年ではWebサイトを訪れるユーザーは、ページの読み込み時間にストレスを感じやすい言われており、表示するまでにかかる時間が長いほどWebサイトから離脱する可能性は高くなります。*そのため非同期通信は、ユーザー体験を高めるために重要な要素と言えるでしょう。*

## JavaScriptについて入門者・初心者向けに解説

JavaScriptの用途・できることについては理解できたでしょうか。ここでは、JavaScriptの概要や特徴についてプログラミング入門者や初心者向けに紹介します。

**JavaScriptは初心者でも習得しやすいシンプルな文法が特徴です。**またJavaScriptは世界中で使用されている言語でもあるため、コミュニティが充実しています。JavaScriptを使用するエンジニアは成長しやすい環境が整備されていると言えるでしょう。2021年8月のTIOBEインデックスのプログラミング言語の人気ランキングによると、JavaScriptは7位に位置しています。
（ 参考：https://www.tiobe.com/tiobe-index/ ）

また、*JavaScriptはフレームワークやライブラリが充実していることも特徴です。*これらを活用すれば、開発効率の向上が期待できます。さらに、フロントエンドからサーバーサイドまで開発ができるようになったため、*管理が行いやすい*という特徴もあります。

プログラミング言語は、コンパイルが必要かどうかで大きく2つに分類できます。*スクリプト言語とは、コンパイルが不要なプログラミング言語のことです。*もう1つはコンパイラ言語であり、代表的なプログラミング言語はJavaやC言語です。
一方スクリプト言語の代表例として、JavaScript・PHP・Pythonなどが挙げられます。なおスクリプトとは、IT用語では簡易的なコンピュータプログラムを指します。*スクリプトはプログラムを実行するときに、自動でコンパイルされるため、ソースコードを記述する方はコンパイル作業を気にする必要はありません。*

**スクリプト言語はコンパイル不要なため、ソースコードの修正や更新を簡単に行うことができるというメリットがあります。**一方プログラムを実行するときに、その都度コンパイルしているため、処理速度が遅くなるというデメリットもあります。Web業界では処理速度よりも開発スピードが重視されるため、スクリプト言語が使用されることが多いです。

**JavaScriptとJavaは名称が似ていますが、これらの2つの言語は全く異なるプログラミング言語です。**ここでは、JavaScriptとJavaの違いについて紹介します。

まず変数の処理の観点からみると、*JavaScriptは動的であるのに対して、Javaは静的*です。また、JavaScriptはWebサイトに動きを受けることが主な目的ですが、Javaはどのようなハードウェアでも動作することが目的とされており、大規模システムの開発によく使用されています。
このように、JavaScriptとJavaは全く異なるプログラミング言語であるため、それぞれの違いの理解を深めておくことが大切です。

## JavaScriptの勉強方法（入門者・初心者向け）

JavaScriptの特徴やJavaとの違いは理解できたでしょうか。ここでは、プログラミング入門者や初心者向けにJavaScriptの勉強方法について紹介します。まずはJavaScriptのコード一覧やサンプルコード・実行結果を見て、どのようなことを勉強する必要があるかの大枠を押さえておくことが大切です。

おすすめの勉強方法の1つとして、**まず本を活用してJavaScriptを学習するのが挙げられます。**JavaScriptの最新のコードが記載されていることが重要なため、できる限り最新の本を選択することが大切です。そして本での学習である程度知識を深められたら、*ソースコードを書き写すことがスキルを身に付ける近道と言えます。*ソースコードを書き写していく中で、文法や仕様について徐々に理解を深めることが可能です。
ここからは具体的なおすすめの本について紹介します。

*1.[確かな力が身につくJavaScript「超」入門 第2版](https://www.sbcr.jp/product/4815601577/)*
本書は*JavaScriptの勉強をこれから始める方や、これまでに挫折したことがある方におすすめの本*です。実際に手を動かしながら学習できるため、知識だけではなく実務で役立つスキルを身に付けることができます。実務に活かせるサンプルを集めているため、モチベーションを維持しながら学習できるのが特徴です。
また本書ではつまずきやすい部分を徹底解説しているため、挫折しない仕組みを作り上げています。

*2.[スラスラわかるJavaScript](https://www.shoeisha.co.jp/book/detail/9784798125831)*
本書は*JavaScriptの知識が全くない入門者を対象とした本*です。この本を読めば、JavaScriptの基礎知識・基本文法・基本テクニックなどのスキルを身に付けることが可能です。最後にはJavaScriptのプログラムを自分の力で作成できるようになります。
以上から、本書は初めてプログラミング言語を学習する方や、JavaScriptの基礎固めをしたい方におすすめの本と言えるでしょう。


### 学習サイトや動画を活用する

**学習サイトや動画でJavaScriptを学習するのもおすすめの勉強方法の1つです。**近年では、YouTube動画でプログラミング入門者や初心者向けのJavaScriptに関する動画を発信している方も多いため、自分のレベルにあった動画を選べば、コストがかからず効率よく学習することができます。

*また学習サイトも数多く登場しており、ドットインストールやProgateを使用すれば、実際に手を動かしながらJavaScriptを勉強することが可能です。*ただし、独学なため質問や疑問があったときの対応策を考えておくことも大切です。独学だと途中で挫折してしまう方は、プログラミングスクールに通うことも検討してみましょう。

## JavaScriptの用途を理解して市場価値の高いエンジニアを目指そう！

これまでに、JavaScriptの用途・できること・特徴・Javaとの違い・勉強方法について解説しました。JavaScriptは、主にWebサイトに動きを付けるために使用されるプログラミングですが、**近年ではスマホアプリの開発やサーバーサイドの開発にも使用されるようになってきています。**

*JavaScriptはスクリプト言語の1つであり、コンパイルが不要という特徴があります。*またJavaScriptはJavaと名称が似ているため、同様のプログラミング言語と勘違いされる方も少なくありません。しかしJavaScriptとJavaは全く異なるプログラミング言語であるため、注意しましょう。

**JavaScriptを勉強するにあたって、本・動画・学習サイトを利用するのがおすすめです。**またJavaScriptは勉強すべきことが多いため、自分が将来的に何がしたいのか目的を明確にしてから勉強を始めることが重要と言えます。

JavaScriptは、主にWebサイトに動きを付けるために使用されるプログラミングですが、近年では様々な用途で使用されるようになってきています。当記事では、JavaScriptの用途・できること・特徴・Javaとの違い・勉強方法について解説します。

JavaScriptの用途は「Webサイトに動きを付ける」「サーバーサイドの開発」「非同期通信の開発」「スマホアプリの開発」など

JavaScriptはスクリプト言語でありコンパイルが不要

JavaScriptとJavaは名称が似ているが全く異なるプログラミング言語

JavaScriptの用途やできることを初心者向けに紹介！

*CSS*とは、ウェブページを作成する際に使用する*HTML言語で用いるスタイルシート*を指します。スタイルシートとは、見栄えを良くするために記述する言語です。スタイルシートを用いることで*色やフォント、レイアウト*が希望通りに**柔軟に指定**できます。

*HTML*はウェブページを作成するための*マークアップ言語*です。従来はHTML自体に見栄えに関する属性指定を入れていましたが、HTML4やHTML5では*文書構造（コンテンツ）*をHTMLが担当します。したがってHTMLとCSSは次の関係が成り立ちます。

*ウェブコンテンツ*＝記載する*文章構成（HTML）*＋*見栄え（CSS）*

*CSS*は単独で利用するわけではなく、設定対象となる**HTML文書がセットで必要**です。

CSSを利用することで**多くのメリット**があります。代表的なメリットは以下の通りです。

・*構造がシンプル*
　HTMLとCSSに分離したことにより、構造がシンプルになりました。そのためドキュメントの編集作業の効率が高まり保守性が向上します。

・*カスタマイズしやすい*
　HTMLファイルとは別にCSSファイル（スタイルシートファイル）に保存することができます。そのためファイルが複数にわたる場合も同じ見栄えが実現でき、変更時も一括対応できます。

・*表示速度が速い*
　見栄え含めてすべてHTMLで記述するとブラウザ処理が増加するため、総じてウェブ表示の負荷が高くなります。近年のウェブブラウザはCSSの最適化がされているため、CSSを用いることで表示速度が高速になります。

通常用いる**HTMLとCSSの表示の違い**を簡単に見てみましょう。

・*HTMLの場合*
*記述例：*
\<p\>今日も暑い一日でした。明日も晴れるかな？\</p\>
*表示例：*
<p>今日も暑い一日でした。明日も晴れるかな？</p>

・*CSSの場合*
*記述例：*
\<p>今日も\<span style="color: red"\>暑い一日\</span\>でした。明日も晴れるかな？\</p\>
*表示例：*
<p>今日も<span style="color: red">暑い一日</span>でした。明日も晴れるかな？</p>

上記例では同じ文章をタグ内に記述しています。ちょっとした色の指定ですが、CSSの場合はその*開始タグ*で**見栄えを変更する**ことができます。HTMLの単純な文章にCSSで色付けすることで*文章が読みやすくなります*。以降でCSSの使い方をもう少し詳しく見ていきましょう。

ここからCSSの使い方を説明していきます。*CSSの作成*に必要なものは、*編集用PCのみ*です。CSSはHTML同様に**テキストファイル**ですので、*テキスト編集のメモ帳アプリやエディタ*を用いて編集します。可能であれば先にウェブページの文書構成ファイルとなる*HTMLファイルを事前準備しておく*のが良いでしょう。

**CSSは簡単**なため、以下の構成要素が理解できるとすぐに活用可能です。

・*文法*
　セレクタ { プロパティ: 値 ; }
　セレクタの後に宣言ブロックという波カッコ”{ }” 内で見栄えを指定します。波カッコ内にはプロパティと値をセミコロン”;”で区切り、複数指定することができます。この文法ルールにしたがい利用していきます。
・*セレクタ*
　スタイルを適用するHTMLのタグ要素を指定します。
・*プロパティ*
　具体的な変更対象となる要素で用いる属性を指定します。
・*値*
　指定するプロパティに設定する値です。

構成要素となるセレクタ・プロパティ・値については、以降でさらにくわしく説明していきます。

### CSSで記述する主なセレクタは？

*セレクタ*とは**HTMLで用いているタグ要素**を表します。具体的には以下の要素で利用します。

・*h要素*
　h1～h6　見出しの指定で、h1が最上位の大見出しとなります。
・*body要素*
　文書本体全体を指します。
・*p要素*
　文書段落を指します。
・*li・ol・ul要素*
　リスト表示のタグを指します。
・*table・tr・th・td要素*
　表（テーブル）表示のタグを指します。

### CSSで記述する主なプロパティは？

*プロパティ*は**CSSで変更対象とする属性**です。代表的なプロパティは以下の通りです。

・*color*
　前面の色を指定する属性です。
・*background*
　背景色を指定する属性です。
・*border*
　枠線を指定する属性です。
・*margin*
　縁の余白を指定する属性です。
・*padding*
　内側の調整余白を指定する属性です。
・*width*
　幅を指定する属性です。
・*height*
　高さを指定する属性です。
・*font*
　フォントを指定する属性です。
・*font-size*
　フォントサイズを指定する属性です。
・*font-style*
　標準・イタリック体・斜体を指定する属性です。

*CSSで指定する値*は**文字列やキーワード、数および単位識別子**が指定できます。

・*色の指定*
　設定済みカラーネーム、red・blue・breen・black・white・yellow等基本色16色、拡張カラー147色から指定します。
　または16進数RGB、例としてwhiteは#FFFFFF、blackは#000000を指定します。
　もしくは10進数RGB、例としてwhiteはrgb(255,255,255)、blackはrgb(0,0,0)を指定します。パーセント値表記での指定も可能です。
・*幅や高さ・ポジション*
　プロパティに応じてピクセル値やパーセント値を指定します。
・*フォント*
　フォントサイズを文字列・ピクセル値・パーセント値で指定します。
　フォント名を文字列で指定します。
　さらにフォントスタイルを指定可能です。

*CSSの作り方*は代表的な以下の**3通り**の方法があります。

・*HTMLの要素にstyle属性を用いる作成方法*
　お持ちのHTMLファイルに簡単に追加できます。
・*CSSをstyle要素として指定するセレクタを属性設定する作成方法*
　HTMLのhead要素に簡単に追加できます。
・*CSSファイルを作成する方法*
　CSSファイルをlink要素として読み込む方法でCSSを別ファイルに保存できます。
　HTMLファイルとは別のCSSファイルに保存しますのでメンテナンスしやすくおすすめの方法です。

詳細は以降で説明していきます。

### HTMLでstyle属性を用いるCSSの作り方は？

この記述方法は、*HTMLの各要素*に対して*style属性を用いる方法*です。必要とされる文字の大きさ・種類・色等が指定可能です。*style属性*は**HTMLの開始タグに記載**し、指定した属性は**終了タグまで有効**です。

*構文：*
　style=”プロパティ: プロパティの値[;プロパティ: プロパティの値]”
　プロパティ　　宣言する属性
*使用例：*
\<p style="color: green”\>今日も\<span style="color: red"\>暑い一日\</span\>でした。明日も晴れるかな？\</p\>

### HTMLでstyle要素を用いるCSSの作り方は？

CSSでは、style要素を用いて必要とされる文字の大きさ・種類・色等が指定可能です。
*style要素*では\<style>\</style>の間に宣言を記載します。style要素は**head要素で記述します**。これによって、セレクタで指定した*該当HTML要素*に宣言した属性が**一括適用**されます。

*構文：*
　\<style type="text/css"\>
　　　セレクタ{プロパティ: プロパティの値[;プロパティ: プロパティの値]}
　\</style\>
　セレクタ　スタイルを適用する要素
　プロパティ　宣言する属性
*使用例：*
\<!DOCTYPE html\>
\<html\>
　\<head\>
　　\<style type="text/css"\>
            \<!--
            h2 { color: blue; background: yellow }
            p { color: green }
            span { color: red }
            --\>
        \</style\>
　　\<title\>私の思い出\</title\>
　\</head\>
　\<body\>
　　　\<h1\>ある夏休みの1日\</h1\>
　　　\<h2\>8月xx日\</h2\>
　　　\<p\>今日も\<span\>暑い1日\</span\>でした。明日も晴れるかな？\</p\>
　\</body\>
\</html\>

使用例ではstyle要素の記述を\内に記載しました。これにより古いバージョンのCSS未対応ブラウザではコメント行として処理されますので、不要な表示がされません。

CSSでは、*link要素*を用いて*CSSファイル*を読み込みことが可能です。これは*複数のHTML文書を管理する際*に、**同一のスタイルを適用する**ために行います。

*構文：*
　\<link rel=”stylesheet” type=”text/css” href=”CSSスタイルシートのファイル名”\>
　link要素　CSSファイルの読み込み、終了タグなし
　CSSファイル　セレクタ{
　　　　　　　　プロパティ: プロパティの値;
　　　　　　　　[プロパティ: プロパティの値;]
　　　　　　　　}
　セレクタ　スタイルを適用する要素
　プロパティ　宣言する属性
*使用例：*
\<!DOCTYPE html\>
\<html\>
　\<head\>
　\<link rel="stylesheet" type="text/css" href="sample\_css.css"\>
　　\<title\>私の思い出\</title\>
　\</head\>
　\<body\>
　　　\<h1\>ある夏休みの1日\</h1\>
　　　\<h2\>8月xx日\</h2\>
　　　\<p\>今日も\<span\>暑い1日\</span\>でした。明日も晴れるかな？\</p\>
　\</body\>
\</html\>
*sample\_css.cssの内容：*
h2 {
 color: blue;
 background: yellow;
}
p {
 color: green;
}
span {
 color: red;
 font: bold large serif;
}
*表示例：*

この例では「暑い1日」をフォントを指定し強調してみました。もしHTMLファイルが複数存在する場合でも、同じCSSファイルを指定することで簡単に**同じ見栄えに統一することが可能**です。

## CSSの最初の一歩が理解できたら色々なコンテンツに使ってみましょう

ここではCSSの初心者向け情報をお伝えしました。CSSは見栄えを調整するため、*色・サイズやレイアウト調整*まで**幅広い対応範囲で活用できます**。基礎知識を理解した次は*実際にCSSを作成*し、コンテンツの見栄えがどのようになるのか実践し、*理解を深めましょう*。

スタイルシートはHTMLに代表される構造化文書の見た目を記述する言語です。CSSはスタイルシートの代表的な記述言語となります。ここでは初心者の方が最初に理解する情報を整理してお伝えします。加えてCSSの使用例を含めて解説していきます。

CSSはスタイルシートの代表的な記述言語で、HTMLコンテンツとセットで用います

CSSの役割はHTML文章の見栄えを調整するものです

使い方はHTMLに直接埋め込む方法2種類とCSSファイルから読み込む方法の計3種類があります

CSSとは？初心者が覚えたい基礎知識から使用例まで解説！

**Go言語とは、2009年頃にGoogle社によって開発されたプログラミング言語を指します。**また、Go言語の設計はロブ・パイク氏とケン・トンプソン氏の2人によって行われました。シンプルな文法や仕様と動作スピードが早いことが特徴です。ここではGo言語入門ということで、概要や作れるもの、将来性について詳しく紹介します。

Go言語とは、**Google社によって開発されたプログラミング言語のことです。**Go言語は、Webアプリ開発やサーバー構築などにも用いられています。動画配信サービス「YouTube」、フリマアプリ「メルカリ」、グルメサイト「ぐるなび」などの有名なサービスに、Go言語が採用されています。

**Go言語を使用すれば、Webアプリやスマホアプリ、コマンドラインインターフェース（CLI）を作成することができます。**コマンドラインインターフェースとは、コンピュータやソフトウェアが利用者にデータを提示する方法の類型の1つで、全てのやり取りを文字によって行う方式のことです。*Google社のイメージからWeb系の開発を思い浮かべる方も多いかもしれませんが、ドローンの制御技術の開発を行うこともできます。*

*独立行政法人情報処理推進機構（IPA）のサイトの情報によると、2018年時点の国内ソフトウェア開発で使用されているプログラミング言語の累積件数のデータには、Go言語は含まれていません。*そのため比較的認知度が低いプログラミング言語と言えるでしょう。しかし、Go言語の需要は今後増加していくと推測されています。
（ 参考：https://www.ipa.go.jp/files/000085879.pdf ）

**HackerRank社が毎年実施している「Developer Skills Report」に基づくと、エンジニアが勉強したいプログラム言語では、Go言語が2018から2020年までで1位を獲得しています。**
（ 参考：https://research.hackerrank.com/developer-skills/2019 ）

また、*Go言語はクラウド技術・コンテナ技術・マイクロサービスなどの最先端IT技術と親和性が高いのが特徴です。*今後は、Go言語を使いこなせるエンジニアの市場価値は高まることが予測されます。最先端技術の開発に強みがあるPythonなどと同様に、Go言語の将来性は高いと言えるでしょう。

Go言語は比較的最近開発され、将来性があるプログラミング言語であることは理解できたでしょうか。ここでは、Go言語の特徴について詳しく紹介します。

**Go言語はソースコードを記述しやすく、冗長表現は不要です。しかしデータ型の変換など曖昧な記述ができないのが注意点として挙げられます。**Go言語はシンプルな文法と仕様を重視しているプログラミング言語であるため、機能を増やして言語を拡張するということはありません。そのため、JavaやJavaScriptなどの比較的複雑なプログラミング言語に触れた経験がある方であれば、Go言語のシンプルさに驚きを覚えるかもしれません。

**Go言語の最も有名な特徴とも言えるのが並行プログラミングです。Goルーチンとも呼ばれるものによって、並行プログラミングを簡単に行うことができます。**関数を呼び出す前に「go」というキーワード記述すれば、新しいGoルーチンを作成でき、そこで処理が実施されます。

並行プログラミングでは、Goルーチン間におけるデータのやり取りが難しいです。*しかしGo言語であれば、チャネルというデータ形式によって、安全にデータをやり取りを行うことができます。*

### 豊富な標準ライブラリと周辺ツール

**Go言語では、豊富な標準ライブラリと周辺ツールが用意されているのが特徴です。**標準ライブラリのみで、HTTPサーバーを構築できたり、JSON・XML・CSVなどの形式を扱ったりすることができます。

*周辺ツールの例を挙げると、「gofmt」というコードフォーマッターが標準で用意されており、コードの書式が一意に定められるため、プロジェクトごとに細かいコーディング規約を設ける必要はありません。*他にもビルドを行うコマンドやコードチェッカーなど様々な周辺ツールがあります。

### シングルバイナリ・クロスコンパイル

**Go言語の特徴として、シングルバイナリとクロスコンパイルが挙げられます。**Go言語では、ソースコードをコンパイルするとシングルバイナリとなります。そのため生成されたバイナリのみであれば、実行環境で処理系などを準備しなくても実行することが可能です。また、クロスコンパイルもできます。例えばmacOSを使用して、WindowsやLinux向けのバイナリをクロスコンパイルするには、下記のように「GOOS」と「GOARCH」の環境変数を設定する必要があります。なお「go build」は、Go言語のソースコードをコンパイルするためのコマンドです。

$ GOOS=windows GOARCH=386 go build
※Windows向けにコンパイル

$ GOOS=linux GOARCH=amd64 go build
※Linux(64ビット)向けにコンパイル

ここではGo言語入門として、文法の基礎について詳しく紹介します。

**Go言語では、単一行をコメントアウトしたい場合には
```
「//」
```
を使用し、複数行をコメントアウトしたい場合には
```
「/`*`」「`*`/」
```
を使用します。**コメントはコンパイルの際に無視されるため、プログラムの実行に対して影響を与えることはありません。ここからは具体例を見ていきましょう。

*1.単一行をコメントするための記述方法*

```
// 単一行がコメントアウトされます。
```

*2.複数行をコメントするための記述方法*

```
/`*` 複数行が
コメントアウト
されます `*`/
```

**Go言語では一般的に、行末にセミコロン「;」を記述しますが、多くの場合に省略することが可能です。セミコロンを記述すれば、複数文を1行に記述するという特徴があります。以下で具体例をご紹介します。

// セミコロンを使用しない場合
number = 100
string = XYZ

// セミコロンを使用する場合
number = 100; string = XYZ;

**Go言語にはクラスという概念はなく、データ型の概念があります。**例えば数値型は「int」、文字型は「string」、真偽値は「bool」で定義することが可能です。*他のデータ型へ変換することをGo言語では「変換」と呼ばれ、型のチェックは厳しいため、 明示的に変換を使用しなければ、整数同士の型だとしても、代入や比較ができない可能性が高いです。*

**基本的な変数の宣言方法は「var 変数の名称 型 = 初期値」です。**しかし初期値により型名が明らかな場合には、データ型を省略して記述することができます。また、「:=」を使用すれば「var」を省略することも可能です。*そして定数を宣言したい場合には「const」を使用します。*

// 基本的な変数を宣言する場合
var i int = 100

// 初期値によりデータ型を省略して変数を宣言する場合
var i = 100

// 「var」を省略したい場合
i := 123

// 定数を宣言する場合
const c = 123

## Go言語のおすすめの勉強方法

ここでは、Go言語のおすすめの勉強方法について詳しく紹介します。

### 本やチュートリアルサイトで独学する

**Go言語を勉強するための入門書としておすすめの本は、飛松清氏と奥谷謙一氏が著者である「Go言語入門」です。**この本を読めば、GO言語の基礎を網羅的に理解することができるでしょう。
（ 参考：http://www.ric.co.jp/book/contents/book_1041.html ）

*またチュートリアルサイト「ドットインストール」「Progate」などで、Go言語を学習するのもおすすめです。*チュートリアルサイトはプログラミングスクールと比較すると費用が安く、手を動かしながら学習できるため、知識やスキルが定着しやすいという特徴があります。しかし独学が苦手な方は、プログラミングスクールの受講を検討してみましょう。

### Go言語をインストールして使用してみる

**Go言語を学習するには、一般的にGo言語の開発環境を整備しなければなりません。**Go言語をインストールするには、オフィシャルサイトからOSごとに用意されたファイルをダウンロードする必要があります。
（ 参考：https://golang.org/dl/ ）

その後Go言語をインストールしたら、「Visual Studio Code」「ATOM」などの統合開発環境（IDE）を用意すれば、開発環境の構築は完了します。*開発環境を構築してから勉強すれば、実務に役立つスキルを身に付けることができるでしょう。*

## Go言語はシンプルな仕様で将来性が高いプログラミング言語

これまでに、Go言語の概要・特徴・将来性・基本的な文法・おすすめの勉強方法などについて解説しました。**Go言語とは、Google社によって開発されたプログラミング言語であり、シンプルな文法や動作スピードが早いこと、並行プログラミングなどが特徴です。**

Go言語では行末のセミコロンが不要など、簡易的にソースコードを記述することができます。*Go言語を勉強するにあたって、独学で勉強する場合、本やチュートリアルサイトを活用するのがおすすめです。*また開発環境の構築から始めると、より実務に役立つスキルを身に付けることができるでしょう。

**Go言語は現在ではまだまだ認知度が低いプログラミング言語ですが、最先端IT技術との親和性もあるため、将来性が高いと言えます。**

Go言語とは、Google社によって開発されたプログラミング言語です。シンプルな文法などが特徴であり、将来性が高い言語と言われています。当記事では、Go言語入門として、概要や特徴、将来性、基本的な文法、おすすめの勉強方法などについて解説します。

Go言語の特徴はシンプルな文法や動作スピードが早いこと、並行プログラミングなど

Go言語は最先端IT技術との親和性があり、将来性が高いプログラミング言語

Go言語を勉強するには本やチュートリアルサイトを活用するのがおすすめ

Go言語入門！特徴や作れるもの、将来性について徹底解説！

*正規表現*とは*文字列のパターン*を*正規式で置き換えたもの*で、パターン検出や抽出・変換を行うコマンドやプログラム言語で用いられます。

初心者の記事（15ページ目）