**R言語とは、統計解析に特化したプログラミング言語の1つです。**そのためR言語は、統計に関する分野以外で使用されることは少ないです。よって他のプログラミング言語と比較して、R言語の学習コストは低いのが特徴です。ここでは、R言語の入門として概要やR言語とPythonの違いについて詳しく紹介します。

**R言語は、オープンソースのフリーソフトウェアであるため無償で使用することができます。またR言語は、統計解析やデータ分析に強みをもっているスクリプト型のプログラミング言語です。**

*スクリプト言語とは、曖昧な定義となっており、可読性が高く比較的簡単にソースコードを記述できる言語の総称を指します。*例えば、PHP・Ruby・Pythonなどもスクリプト言語と言えるでしょう。R言語のソースコードは主にC言語やFORTRANのプログラミング言語を使用して開発されています。

R言語は、統計解析に強みをもっているプログラミング言語です。*しかし、Pythonのプログラミング言語を利用しても統計解析を行うことはできます。*そのため、R言語とPythonのどちらを学習すべきか気になる方は少なくありません。

**R言語はデータ分析に特化したプログラミング言語であるため、単体でWebアプリケーションを開発することができません。**しかしPythonを使えば、Webアプリケーションの開発が可能です。またPythonはフレームワークが充実しており、機械学習に強みをもっているプログラミング言語でもあります。**そのため、Pythonは汎用性が高い言語と言えるでしょう。**

*しかし、統計解析の専門家を目指すならば、R言語のほうが機能が豊富で、学習コストが低いためおすすめです。一方で、まだやりたいことが定まっていない場合には、汎用性が高いPythonを学ぶことがおすすめと言えます。*

R言語は**統計解析に特化しているプログラミング言語**ということが分かりました。ここでは、R言語の基礎について詳しく紹介します。

**R言語を使用すれば、数字の列をベクトルとして扱うことで、多次元ベクトルを作成することができます。ベクトルを生成する際には「c()」と記述すれば簡単に作成することが可能です。**ここからは具体例を見ていきましょう。

上記では「x」というベクトルが作成できました。また、記述方法は他にもあります。例えば「x <- c(1:5,5:1)」と記述すれば「1 2 3 4 5 5 4 3 2 1」が「x」のベクトルの中に代入されることになります。*コロン「:」を活用すれば、連続した整数を扱うことが可能です。R言語の注意点として「<-」が代入を意味することが挙げられます。*例えば「x<-z」と記述すれば、「x」に「z」を代入することが可能です。

*また「rep」という関数を使用すると便利なこともあります。*「rep」は複製を意味する「replicate」の略称です。例えば「x <- c(rep(3,5))」と記述すれば、「3 3 3 3 3」が「x」のベクトルの中に代入されることになります。

**一般的なプログラミング言語では、整数同士の割り算を行うと演算結果も整数になります。しかし、R言語で整数同士の割り算を行うと演算結果は実数になります。**R言語では小数点以下を丸めるために使用できる関数も用意されているため、上手く活用することが大切です。代表的として「round(x, digits = 0)」「ceiling(x)」「floor(x)」「trunc(x)」などが挙げられます。それぞれの関数は、実数の丸め方が異なるため、必要に応じて使いこなすことが重要です。

他のプログラミング言語と同様に、R言語でもコメントを記述することができます。コメントをソースコードの中に記載しておけば、第3者がプログラムを確認するときに理解がしやすく、作業工数の削減につながるでしょう。**R言語でコメントを記述する際には「#」を使用します。「#」から行末までがコメントアウトされます。**コメントアウトされた記述はプログラムの実行結果に影響を与えません。

プログラミング言語を学ぶ上で配列は基礎と言えます。R言語でも配列という概念はありますが、他のプログラム言語と異なる点があるため、注意が必要です。一般的なプログラミング言語の場合、配列の初期値は「0」から始まることが多いです。**一方、R言語の場合、配列の初期値は「1」から始まります。**

そのため、他のプログラミング言語を学習した場合、間違って記述してしまうことがあるので注意しましょう。*R言語の独特の文法や記述方法に最初は戸惑う方が多いですが、慣れてしまえば非常にシンプルでわかりやすい言語です。*

## R言語で正規分布のグラフを作成

**R言語では、数多くの確率分布のグラフ・ヒストグラム・箱ひげ図などを簡単に作成することができます。**ここでは、一例としてR言語を使用して正規分布のグラフの作成方法について詳しく紹介します。

### 簡単な正規分布を作成する方法

正規分布を作成してみたいという方は、下記のプログラムを実行してみましょう。

```curve(dnorm,-10,10)       #curve(関数の式,横軸の最小値,横軸の最大値)```

これだけのプログラムで、標準正規分布のグラフを作成することができます。まず「-10,10」というのはグラフの横軸の範囲です。ここでは「curve()」と「dnorm()」という関数を使用しています。

**「curve()」の関数は、指定した関数のグラフをそのまま作成することが可能です。**その際に関数の式を入力する必要があります。*プログラムでは「curve(関数の式,横軸の最小値,横軸の最大値)」のように使用します。*ここからは具体例を見ていきましょう。

```curve(sin(x),-10,10,col=”blue”)　#「col=”blue”」によって色は青に指定しています。```

上記のプログラムでは、横軸が「-10」から「10」までの「y=sin(x)」のグラフを作成することが可能です。*またグラフの線の色を指定することもでき「col=”色の名前”」で指定します。*色の指定方法はさまざまであるため、インターネットの情報や書籍などを参考にしてください。

**また、「dnorm()」の関数は正規分布の確率点を返します。プログラムでは「dnorm(x,平均,標準偏差)」のように使用するのが一般的です。**これは、パラメータの平均と標準偏差を取ります。*ただしパラメータの指定がない場合には、自動で平均「0」分散「1」の標準正規分布の確率点を返すようになっています。*ここからは具体例を見ていきましょう。

```dnorm(7,10,15) #dnorm(x,平均,標準偏差)```

上記のプログラムでは、平均「10」標準偏差「15」の正規分布の「7」における確率点を求めることが可能です。この処理結果は「0.02606951」と出力されます。

### 平均と分散を指定して正規分布を作成する方法

先述したグラフでは「dnorm」のみ関数として記述し、パラメーターを特に指定しなかったため、標準正規分布のグラフとなりました。**パラメーターを指定すると、作成できるグラフの幅が広がります。**ここからは具体例を見ていきましょう。

```curve(dnorm(x,50,10),0,100) #横軸の範囲は0から100まで```

上記のグラフでは、横軸が「0」から「100」までで、平均「50」標準偏差「10」のグラフを作成することができます。

### 横軸や縦軸に名前をつけて正規分布のグラフを作成する方法

**グラフに軸に名前をつけることも簡単にできます。ここでは「xlab=”横軸の名前”」「ylab=”縦軸の名前”」を使用します。**具体例を見ていきましょう。

```curve(dnorm(x,170,6),150,190,xlab=”身長”,ylab=”その身長の方が全体に占める割合”)  #横軸は150から190まで```

上記のプログラムでは、横軸は「150」から「190」までで、平均「170」標準偏差「6」として身長に関する正規分布のグラフを作成することが可能です。*そして「xlab=””」と「ylab=””」によって軸に名前をつけることもできます。*

ここでは、複数のグラフを出力させる方法について紹介します。**プログラムを記述する際にオプションとして「add = TRUE」を追記すれば、複数のグラフを作成することが可能です。**以下で具体例をご紹介します。

```curve(dnorm(x,350.92,0.85),300,400,add = TRUE,col = “blue”) #横軸は300から400まで、色は青
curve(dnorm(x,350,3),300,400,add = TRUE,col = “green”) #横軸は300から400まで、色は緑```

*上記のプログラムでは「add = TRUE」を記述することによって、2本のグラフを作成することができます。*

## R言語を使用すれば統計解析やグラフの出力ができる！

これまでに、R言語の概要やPythonとの違い、R言語の基礎、正規分布のグラフの作成方法について解説しました。**R言語は統計解析に強みをもっているプログラミング言語です。**Pythonでも統計解析を行うことはできますが、統計解析に特化したいと考えている場合には、R言語を学習するのがおすすめです。

*R言語は独特の文法や記述方法があるため、他のプログラミング言語と比較して戸惑う方も少なくありませんが、慣れるとシンプルでわかりやすい言語です。特に配列の初期値は「1」から始まる点には注意しましょう。*

*今回は正規分布のグラフの作成方法について詳しく解説しましたが、他にもヒストグラムや箱ひげ図などのグラフも比較的簡単に作成することが可能です。*統計解析について興味がある方は、ぜひR言語を勉強してみましょう。

R言語は統計解析に強みをもっているプログラミング言語です。統計解析ができる言語であるPythonと比較されることも少なくありません。当記事では、R言語の概要やPythonとの違い、R言語の基礎、正規分布のグラフの作成方法について解説します。

R言語は統計解析に強みをもっているプログラミング言語

R言語で配列のプログラムを記述する場合、初期値は「1」から始まる

R言語ではさまざまなグラフを簡単に作成することができる

R言語入門！概要や基礎、正規分布のグラフの作成方法について解説！

**Swiftは日本語ではスウィフトと発音し、Apple社が開発したプログラミング言語です。**これまでApple社で使用されていたObjective-Cのコードにも簡単に組み込むことができます。*Swiftが登場したことにより、iOSやMacOSのアプリケーションはSwiftで開発できるようになりました。*ここでは、Swiftの概要やSwiftとObjective-Cの違いについて詳しく紹介します。

**Swiftとは、2014年にApple社が公表したオープンソースのプログラミング言語の1つです。**Swiftとは日本語に訳すと鳥類のアマツバメを指し、「速い」「素早い」「迅速な」という意味があります。Swiftは、iOSやMacOSのアプリケーションを開発するために、Apple社が毎年主催しているエンジニア向けのイベント「WWDC（Worldwide Developers Conference）2014」で発表されました。

**Swiftのプログラミング言語を使用すれば、多くのApple製品のデバイスのアプリケーションを開発することができます。**例えば、「Apple TV」「Apple Watch」などが挙げられます。iOSやMacOSでは、Apple社がハードウェアとソフトウェアの両方を開発しています。そのためSwiftのプログラミング言語によって、ハードウェアやハードディスク・CPU・メモリなどのITインフラを担う部分に関するアプリを作成することも可能です。

*またオープンソースのプログラミング言語であるため、Swiftで開発されたアプリケーションは、全てのソースコードが公開されています。*よって、誰でも自由にソースコードを閲覧や編集でき、作成したアプリは「App Store」で配信することもできます。

**Swiftが誕生するまで、Apple製品のアプリを開発する際には、Objective-Cというプログラミング言語が使用されていました。**Objective-Cは、Apple社で初期の「OS X」と「iOS」の開発に活用され、数多くのアプリが誕生しました。そのためSwiftが公開されたときは、新しいプログラミング言語が必要なのかという疑問がありました。

**Swiftが開発された理由として、Objective-Cは他のプログラミング言語と比較して文法や仕様が複雑で習得するまでに時間を要し、開発を続けていく際に不便であったことが挙げられます。**こういった理由から、Swiftは他のプログラミング言語の特徴や仕様を組み込み、世界中の方々に使用してもらいたいという思いが込められて開発されました。

ここでは、Swiftの特徴について詳しく紹介します。

モダンとは「現代的な」という意味を指します。**つまりモダンプログラミングとは、ソースコードが記述しやすく、読みやすいということです。**SwiftにはObjective-C・Ruby・Python・Javaなどのプログラミング言語の特徴が含まれています。*そのため、Swiftは、わかりやすく理解しやすいプログラミング言語になるように開発されています。*

### 他のプログラミング言語との相互性

**Swiftは、Objective-Cと互換性があるため、使い勝手が良いという特徴があります。**例えば、アプリ開発を行う際に「Objective-C」と「Swift」のソースコードのファイルが存在していても問題なくプログラムを実行することが可能です。また、SwiftとObjective-Cの間でAPI機能を使用することで、Objective-CのフレームワークをSwiftにインポートすることもでき、シームレスに利用することができます。*他にも「Objective-C++」「C言語」などのプログラミング言語との混在や移行もできます。*

### リアルタイムで動作確認ができる

**Swiftのプログラミング言語を使用する際に、よく利用される統合開発環境「Xcode」には、リアルタイムでプログラムの動作確認ができる「Playground」という機能があります。**Xcodeとは、Apple社が提供している統合開発環境のことです。Java・C言語・Objective-Cなどのプログラミング言語では、一般的にソースコードを追加したり修正したりしたときには、動作がどのように変わるかを、実際にプログラムを実行して確認する必要があります。

**一方SwiftではPlaygroundを使用すれば、コーディングしている際にプログラムの動作確認ができるため、ソースコードのバグやミスを素早く見つけることができます。またコンパイル作業も不要なため、プログラム実行の手間が減るのも特徴です。*Playgroundの機能によって開発効率の向上が期待できます。*

**Swiftはコードの文法や仕様がシンプルであるため、プログラミング初心者にもおすすめの言語と言えます。**例えば、多くのプログラミング言語ではソースコードを記述していく中で、改行する際にはセミコロン「;」を付ける必要があり、付けるのを忘れるとエラーが発生することが少なくありません。*一方、Swiftではセミコロンは不要です。そのためプログラミング初心者に多い、セミコロン付け忘れのコーディングミスを心配する必要はありません。*

**Swiftには自動的に型を判定してもらうことができる「型推論」という機能もあります。**そのため変数を指定する際に、型を指定しなくても問題ないため、コーディングが比較的簡単にできるという特徴があります。*プログラマーは数多くのソースコードを記述するため、コードの文法がシンプルであることは、エラーやバグの減少にもつながりメリットと言えるでしょう。*

## Swiftのメリット・デメリット

ここでは、Swiftを使用する上でのメリットとデメリットについて詳しく紹介します。

ここでは、Swiftのメリットについて紹介します。

*1.処理が早い*
Swiftは、C言語をベースとして開発されたObjective-Cに代用できるよう設計されています。**よってSwiftはC言語と同等以上のパフォーマンスを発揮しなければならないとも言えるでしょう。**実際にObjective-Cと比較するとどちらが処理が早いのかは、コーディングを行ったプログラムによって異なります。

*またApple社の公式サイトの検証結果によると、深さ優先探索アルゴリズムを使用して、1つのグラフ内で10,000個の整数を検索した場合、Objective-Cの最大2.6倍、Pythonの最大8.4倍の処理速度が発揮されると発表しています。*
（ 参考：https://www.apple.com/jp/swift/ ）

 *2.C言語やObjective-Cと簡単に連携可能*
**これまでにも説明しましたが、SwiftはC言語やObjective-Cと簡単に連携することができます。**例えばSwiftからC言語の関数を呼ぶことが可能です。またC言語で作成した構造体もそのままSwiftで使用することができます。構造体とは、複数の値をまとめて管理できる機能のことです。

*3.メンテナンスしやすい*
**Swiftでコーディングする際に、変数が空の状態を開発者が許可しなかった場合、プログラムが強制終了する仕組みとなっています。**強制終了するのはデメリットに感じるかもしれませんが、エラーやバグが潜在的にある状態でリリースされてしまう事態を避けられる点でメリットとも言えます。*したがって、プログラムの異常が強制終了により、確認できるためメンテナンスがしやすいのがメリットです。*

ここでは、Swiftのデメリットについて紹介します。

*1.コンパイルが遅い*
Swiftはコンパイルが遅いというデメリットがあります。**コンパイルが遅い原因として、差分コンパイルがサポートされていない点が挙げられます。またコンパイラが自動的にデータの型を推測するため、その計算時間がコンパイルする際に加えられることも遅い原因につながっていると言えるでしょう。**コンパイルスピードを改善するためには、コンパイル過程を解析して、根本的な原因を突き止める必要があります。

*2.MacOSでしか開発ができない*
**SwiftでiOS開発を行う場合にはMacOSが必要です。**Windows・Linuxを使用しているユーザーがiOS開発を行いたいと思ったときにはデメリットになります。MacOSを使用せずにiOS開発を行いたい場合には、クロスプラットフォームと呼ばれる「Xamarin」「Cordova」などを使用して開発することも可能です。

## iOSやMacOSのアプリ開発を行いたい場合にはSwiftを利用してみよう！

これまでに、Swiftの概要や特徴、メリット・デメリットについて解説しました。**Swiftとは、2014年にApple社が公表したオープンソースのプログラミング言語で、主にiOSやMacOSのアプリ開発に使用されることが多い言語です。**

*Swiftの特徴には、文法がシンプルなことや他のプログラミング言語と互換性があること、リアルタイムでプログラムの動作確認ができることなどが挙げられます。そのため、プログラミング初心者でも学習しやすかったり、開発効率の向上が期待できたりというメリットがあります。*iOSやMacOSのアプリ開発を行いたい方は、ぜひSwiftを勉強してみることをおすすめします。

Swiftとは、2014年にApple社が公表したオープンソースのプログラミング言語で、主にiOSやMacOSのアプリケーション開発に使用されています。当記事では、Swiftの概要や特徴、メリット・デメリットについて解説します。

SwiftとはApple社が公表したオープンソースのプログラミング言語

Swiftは主にiOSやMacOSのアプリ開発に使用される

Swiftの特徴は「モダンプログラミング」「他の言語と互換性がある」「リアルタイムで動作確認ができる」「コードがシンプル」

Appleの新しいプログラミング言語、Swift ― その概要や特徴、メリット・デメリットについて解説

**JavaScriptのプログラミング言語はフレームワークを使用すれば、効率よく開発を行うことができます。**JavaScriptはWebサイトやWebアプリなどの開発に主に利用されているプログラミング言語です。近年はスマホアプリの開発に関する求人や案件が増加しているため、JavaScriptの需要も増加しています。ここでは、JavaScriptの概要やフレームワークについて詳しく紹介します。

**JavaScriptとは、1995年頃Netscape社のBrendan Eichによって開発されたプログラミング言語を指します。JavaScriptの主な用途はWebサイトに動きをつけることです。**例えば、HTMLのコンテンツ・コードの変更・CSSスタイルの変更などを行うことができます。近年では、Google ChromeやFirefoxなどのさまざまなブラウザにJavaScriptのエンジンが組み込まれています。

また、JavaScriptとJavaの違いについても気になりますよね。JavaScriptは、開発された当初は「LiveScript」と呼ばれていました。当時需要が高かったプログラミング言語であるJavaにあやかって、「JavaScript」という名称に変更されました。*JavaScriptとJavaは全く異なるプログラミング言語であるため、注意しましょう。*

**フレームワークという用語には「枠組み」の意味があります。フレームワークとは開発を実施する際に、何度も使用される機能をまとめて提供してくれるもののことです。**そのため、フレームワークを使用してプログラミングを行えば、開発効率の向上や運用コストの削減が期待できます。

例えば文章を記述する際に、「起承転結」という考え方があります。これもプログラミングとは関係ありませんがフレームワークと言えるでしょう。文章の書き方があまりわからない方でも、「起承転結」に沿って記述すれば、一定のレベルの文章を書くことができます。

*以上のように、フレームワークは高度な知識やスキルはなくても開発ができる道具とも言えるでしょう。*

## JavaScriptでフレームワークを使用するメリット

JavaScriptのプログラミング言語やフレームワークの概要について理解できたでしょうか。ここでは、JavaScriptが提供しているフレームワークを使用するメリットについて詳しく紹介します。

MVP開発やリーンスタートアップなどの言葉が注目を浴びているように、IT業界ではサービスを素早くリリースすることが重要です。**JavaScriptのプログラミング言語に限ったことではありませんが、フレームワークを活用するのとしないのでは、開発効率に大幅な差が生じます。**

*例えばJavaScriptのフレームワークには、データベースへのアクセス機能やログイン機能などが備わっており、これらのフレームワークを使用すれば、開発効率の向上が期待できるでしょう。*一方、フレームワークを使用せずにこれらの機能を開発するには、多くの作業コストがかかります。

### コーディングを統一化できる

*プログラミング開発だけではなく、あらゆる仕事にいえますが、複数人でプロジェクトや業務を進める場合、個人それぞれの癖がでることがよくあります。スキル・年齢・性格・キャリアなどさまざまな要因から、人によってコーディングの仕方に差が生じます。*そして、他者が記述したソースコードを修正するのは、コストや時間を要することが多いです。

**そこで、フレームワークを使用すればコーディングを統一化させることができるため、複数人で開発する場合でも対応しやすくなります。**しかし、高度なスキルをもっている方に対して、フレームワークなどで縛りを大きくすると、スキルを活かすことができず、サービスの品質が下がってしまう可能性もあるため注意しましょう。

JavaScriptのフレームワークは数多くのエンジニアが使用しています。そのため、エラーやバグは既に解消されていることが多いです。**エラーやバグが少ないフレームワークを使用して開発を実施すれば、実装したプログラムもエラーやバグが少なくなるのが一般的です。**そのため、プログラムに関する修正の手間が省けるので、コスト削減が期待できます。

**JavaScriptエンジニアの求人・案件を見てみると、「フレームワークの使用経験あり」と募集要項に記載されていることも少なくありません。**実際にJavaScriptを使用した中・大規模のプロジェクトでは、フレームワークを活用することが多いです。そのため、フレームワークは近年のトレンド技術とも言えるでしょう。

*フレームワークのスキルをもっていると、エンジニアとしての市場価値が高まります。*また、JavaScriptエンジニアとしてフリーランスで活躍するには、フレームワークのスキルがあると年収アップや安定的な仕事案件の獲得ができるでしょう。

## JavaScriptでフレームワークを使用するデメリット

フレームワークにはさまざまなメリットがあります。しかし、フレームワークを活用するにあたってデメリットもあります。ここでは、JavaScriptでフレームワークを使用するデメリットについて詳しく紹介します。

**フレームワークを使いこなすためには、JavaScriptのプログラミング言語に関するスキルがある前提で、数週間から数ヶ月程度学習する必要があります。**フレームワークの概要について理解することができたとしても、実務でフレームワークを活用するスキルを身に付けるには、多くの学習コストが必要です。また、フレームワークに関する資料は一般的に英語で記載されていることが多いです。

### イレギュラーには対応できない可能性がある

**フレームワークはよく使われる機能を開発する場合に有効的です。しかし、前例がないような機能を開発する場合には、上手く対応できないことが少なくありません。**フレームワークは定められたルールにしたがって、サービスを開発しなければなりません。*そのため、イレギュラーが発生するようなサービス開発ではフレームワークを使用しない方が良い場合もあります。*

## JavaScriptの具体的なフレームワーク

ここでは、JavaScriptの具体的なフレームワークについて厳選して紹介します。

**Reactとは、Facebook社が提供している仮想DOMを使用した高速処理が可能なフレームワークを指します。**さまざまなJavaScriptのフレームワークの中でも、人気や需要が高いのが特徴です。オープンソースソフトウェアであるため、誰でも無償で利用することができます。

*Reactはコンポーネント指向であり、機能の見た目や働きをセットとして扱うため、再利用性に優れています。*そのため開発効率の向上が期待できるでしょう。また、ReactはどのようなWebアプリにも導入できるため、1度習得してしまえばあらゆる開発に柔軟に適用させることが可能です。
（ 参考：https://ja.reactjs.org/ ）

**jQueryとは、アメリカのプログラマーであるジョン・レシグ氏によって開発されたフレームワークを指します。**JavaScriptのソースコードを簡単に記述するために開発されました。

*jQueryはブラウザに依存せず、再利用可能な機能がまとまっているのが特徴です。*また、よく使用される便利な機能が備わっているため、開発効率の向上が期待できます。*さらに、jQueryではさまざまなプラグインを使用して機能を拡張させることが可能です。*
（ 参考：https://jquery.com/ ）

**Vue.jsとは、Evan You氏によって開発された仮想DOMを使用して画面描画を最適化できるフレームワークを指します。**Vue.jsはフロントエンド開発の際によく使用されています。また、オープンソースソフトウェアであるため、無償で利用することが可能です。

*Vue.jsは学習コストが低く、汎用性が高いのが特徴です。*フレームワークの規模が比較的小さいため、他のフレームワークと比べると覚えることが多くありません。*また、双方向データバインディングというデータ入力と画面表示の同期処理に強みがあるフレームワークで、シンプルにプログラムを実装することが可能です。*
（ 参考：https://jp.vuejs.org/index.html ）

## JavaScriptのフレームワークを習得して効率よく開発を行おう！

これまでに、JavaScriptやフレームワークの概要、JavaScriptのフレームワークを使用するメリット・デメリット、具体的なJavaScriptのフレームワークについて解説しました。*フレームワークとは、開発を行う際に繰り返し使用される機能をまとめて提供してくれるものを指します。そのためフレームワークを使用すれば、開発効率の向上が期待できます。他にも、コーディングを統一化させることができたり、エラー・バグを減少させたりすることが可能です。*

しかし、学習コストが高いことやイレギュラーには対応しにくいことなどのデメリットもあります。**JavaScriptのフレームワークはさまざまなものがありますが、代表例として「React」「jQuery」「Vue.js」などが挙げられます。フレームワークはトレンド技術でもあるため、ぜひ習得してエンジニアとしての市場価値を高めましょう。**

フレームワークを使用すれば、開発効率の向上が期待できます。当記事では、JavaScriptやフレームワークの概要、JavaScriptのフレームワークを使用するメリット・デメリット、具体的なJavaScriptのフレームワークについて解説します。

フレームワークとは開発する際に、繰り返し使われる機能をまとめて提供してくれるもの

フレームワークを使用するメリットは「開発効率の向上」「コーディングの統一化」「エラー・バグの減少」など

JavaScriptのフレームワークの代表例は「React」「jQuery」「Vue.js」

JavaScriptに関するフレームワークについて徹底解説！

**▼ITエンジニアにおすすめの資格一覧をご紹介！**

ITエンジニアも資格がある方が有利？おすすめの関連資格を解説！

*PHP*とは、Webページ作成に用いるオープンソースの*プログラミング言語*を指します。PHPはThe PHP Groupが開発した言語です。PHPは動的なWebページを生成するツールであるCGIを起源としており、*PHP: Hypertext Preprocessor*の略です。

PHPはクライアントサイドではなく、*サーバーサイドWebアプリケーション開発*に用いられます。サーバーサイドではPHPの処理系はPHPタグである*<?php ?>*で囲われた部分を解釈・実行し、必要な処理を実行します。
参考：[php](https://www.php.net/)

### PHPの特徴と資格取得の対象者は？

*PHP*は動的なウェブコンテンツを作成できるサーバーサイドのプログラム言語で、*スクリプト言語*に属します。PHPはC言語の基本構文に沿っており、サーバーサイドで動作する組み込み関数が多く各DBMS向け組み込み関数が用意されています。

*データベース*は企業の蓄積データを参照することが多いので、*アクセス品質の維持*が求められます。そのため、*データ活用を行う動的ウェブコンテンツ開発者*は**PHPの資格取得**をおすすめします。

### PHPの資格取得のメリットは？

*PHPの資格取得のメリット*は、*開発スキルを対外的に証明できる*ことです。認定資格取得により、*技術力並びに提供品質の高さを証明可能*です。

各*求人情報サイト*を見てみると、求められる開発スキル・言語は、*Java*・*JavaScript*・*PHP*の順で求人情報に掲載されています。求人サイトでは、ビジネスとしてプログラム開発を行う方を求めています。企業で求められる開発用途としては*サーバーを用いたデータ処理*が多く、容易なデータベースアクセスが可能である**PHPの人気**が高まっています。

*PHPの資格*は以下の**2種類**があります。

・*PHP技術者認定試験*
　国内資格で知名度が高い資格です
　参考：[PHP技術者認定試験](https://www.phpexam.jp/)

・*Zend PHP Certification*
　国際資格で海外ビジネスに活用可能です
　参考：[Zend PHP Certification](https://www.zend.com/training/php-certification-exam)

これから各資格の詳細を見ていきましょう。

*PHP技術者認定試験*とは、**PHP技術者認定機構**が実施する認定試験です。PHP技術者認定試験は以下の資格から成ります。

・*PHP7技術者認定初級試験*、*PHP5技術者認定初級試験*（初級）
　PHPの基礎知識レベルを想定
　 ITSS レベル1相当
　受験料：13,200円（税込）
　正答率7割以上で合格
　合格率7割から8割前後

・*PHP5技術者認定上級/準上級試験*
　正答率に応じて上級合格または準上級合格が付与される
　実務経験3年以上を想定
　受験料：16,500円（税込）
　〇PHP5技術者認定準上級試験（中級）
　　ITSS レベル2相当
　　正答率5割以上7割未満で準上級試験合格
　〇PHP5技術者認定上級（上級）
　　ITSS レベル3相当
　　正答率7割以上で上級試験合格
　　合格率1割以下

・*PHP5技術者認定ウィザード*
　正答率9割以上で上級試験合格した方が対象
　所定の文章提出により認定、文章は500文字以上を記載
　2015年に2名の初合格者（申し込み休止を経て2020年から再開）

PHP技術者認定試験は、全国の試験会場（*オデッセイコミュニケーションズCBTテストセンター*）で受験可能です。なお、ITSSのレベル対応につきましては以下のリンクをご参照ください。
参考：[スキル標準ユーザー協会 ITSSのキャリアフレームワークと認定試験・資格とのマップ](http://www.ssug.jp/docs/isv/ISVMapVer11r2.pdf)

*Zend PHP Certification*とは、**Zend社**（現Zend by Perforce社）によって実施されている資格です。Zend社はPHPの開発メンバーによって創設され、Zend Serverソリューションの提供や認定資格の提供・トレーニングを実施しています。

Zend PHP Certification試験合格により、*Zend Certified Engineer（ZCE）*のグローバル認定が得られます。ZCE技術者はZend社のウェブサイトに公開されており、現在143名の日本合格者がサイトに登録されています。
参考：[ZCE Search for a Zend Certified Engineer Japan](https://www.zend-zce.com/en/services/certification/zend-certified-engineer-directory#cid=110&certtype=&firstname=&lastname=&company=&ClientCandidateID=)

受験料は195米ドルで、全国の試験会場（*ピアソンVUE*）で受験できます。試験は*英語のみ*です。
参考：[Zend PHP Certification](https://www.zend.com/training/php-certification-exam)

Zend社では、PHPの自社フレームワークである*Zend Framework*についても認定試験を実施しています。詳細は以下のリンクをご参照ください。
参考：[Zend Framework Certification](https://www.zend.com/training/zf2-certification-exam)

PHPの資格は*PHP技術者認定試験*が*ITSS準拠*のため、およその難易度が*情報処理推進機構（IPA）*の*共通キャリア・フレームワーク*から把握できます。

PHP技術者認定試験の*初級試験*は*ITSSレベル1*相当なため、*ITパスポート試験*と同等レベルです。そのため基本的な知識があれば合格するレベルと言えます。同様に、*準上級試験*は*ITSSレベル2*ですので*基本情報技術者試験*と同等レベルなため、合格には試験対策が必要なレベルと言えます。

さらに、*上級試験*は*ITSSレベル3*ですので*応用情報技術者試験*に相当します。*ITSSレベル3*は情報技術を活用した戦略を立案や、システムの設計・開発・運用を主導するレベルですので**難易度は高い**といえます。
参考：[共通キャリア・スキルフレームワーク](https://www.ipa.go.jp/jinzai/itss/csfv1.html)

*Zend PHP Certification*は、トレーニングと対策コースのカバー内容から考えるとPHP技術者認定試験の*初級から上級の間*、*準上級試験程度*と想定できます。この場合も*試験対策の準備が必要なレベル*です。

*PHP資格取得学習に関する情報*が**各公式サイト**に掲載されています。そのため、推奨教材を中心に理解を深めるのが良いでしょう。

・*PHP技術者認定試験*
　PHP技術者認定試験 認定教材として紹介
参考：[PHP技術者認定試験 認定教材](https://www.phpexam.jp/material/)

・*Zend PHP Certification*
　Zend PHP Certification Study Guideとして19.95米ドルで販売
参考：[Zend PHP Certification Study Guide](https://www.zend.com/training/php-certification-study-guide)

### PHP技術者認定初級試験の学習教材は？

*PHP技術者認定初級試験の学習教材*は**公式サイト**で以下の情報が掲載されています。

・*PHP7初級試験　認定教材*
　〇初めてのPHP（PHP7対応版）
　　出版社: オライリージャパン
　　参考：[オライリージャパン 初めてのPHP](https://www.oreilly.co.jp/books/9784873117935/)
　〇徹底攻略PHP7技術者認定[初級]試験問題集
　　出版社:インプレス
　　参考：[インプレス 徹底攻略PHP7技術者認定［初級］試験問題集](https://book.impress.co.jp/books/1118101075)

・*PHP5初級試験　認定教材*
　〇初めてのPHP5 増補改訂版
　　出版社: オライリージャパン
　　参考：[オライリージャパン 初めてのPHP5 増補改訂版](https://www.oreilly.co.jp/books/9784873115801/)
　〇PHP公式資格教科書 PHP5技術者認定初級試験 合格教本
　　出版社：技術評論社
　　参考：[技術評論社 PHP公式資格教科書 PHP5技術者認定初級試験 合格教本](https://gihyo.jp/book/2014/978-4-7741-6692-6?ard=1410060297)
　〇徹底攻略 PHP5技術者認定[初級]試験 公式問題集
　　出版社: インプレス
　　参考：[インプレス 徹底攻略 PHP5技術者認定［初級］試験問題集［PJ0-100］対応](https://book.impress.co.jp/books/3277)

### PHP技術者認定上級/準上級試験の学習教材は？

*PHP技術者認定上級/準上級試験の学習教材*は**公式サイト**で以下の情報が掲載されています。

・*PHP5上級/準上級試験　認定教材*
　〇プログラミングPHP 第3版
　　出版社: オライリージャパン
　　参考：[オライリージャパン プログラミングPHP 第3版](https://www.oreilly.co.jp/books/9784873116686/)
　〇徹底攻略 PHP5 技術者認定[上級] 試験問題集
　　出版社:インプレス
　　参考：[インプレス 徹底攻略 PHP5技術者認定［上級］試験問題集 ［PJ0-200］対応](https://book.impress.co.jp/books/1111101169)

### Zend PHP Certificationの学習教材は？

*Zend PHP Certificationの学習教材*は**公式サイト**で以下の情報が掲載されています。トレーニングやドキュメントは*全て英語*で提供されています。

・*バウチャー付きオンラインコース*
　〇Zend PHP Certification（995米ドル、試験バウチャー付き）
　　最速でPHP開発スキルを蓄積したい方が対象
　　オンライン3時間コースを合計3コマ実施
　　参考：[Zend TRAINING Test Prep: PHP Certification](https://www.zend.com/training/php-certification-test-prep)

・*関連オンラインコース*
　〇PHP Fundamentals III（1,295米ドル）
　　Advanced PHP Programming
　　上級PHP開発者向けコース
　　3年以上のソフトウェア開発経験者が対象
　　オンライン2時間コースを合計9コマ実施
　　参考：[Zend TRAINING PHP Fundamentals III](https://www.zend.com/training/php-fundamentals-3)

・*関連学習情報*
　〇Resource Paper&Video
　　ドキュメントやウェブ情報を掲載
　　参考：[Zend Resources](https://www.zend.com/resources)
　〇Webinar
　　ウェブセミナー情報
　　参考：[Zend Events & Webinars](https://www.zend.com/resources/events)
　〇過去のWebinar
　　ウェブセミナーの蓄積情報
　　参考：[Zend Recorded Webinars PHP](https://www.zend.com/resources/recorded-webinars?field_product_target_id=All&field_topics_target_id=141)

## PHPの資格を取得しサーバーサイドのコンテンツ作成に活用しましょう

*PHP*は、サーバーサイドで*動的ウェブコンテンツ*が簡単に作成できます。近年、*IoTやビッグデータ*により蓄積される*データが増加*しています。そのため、*データ分析の効率化*が求められます。*PHP*は*データベースアクセスを容易に実装できる*ため、大変人気があります。

*PHPの資格取得*により、**市場のニーズに対応できるエンジニア**を目指しましょう。

PHPはサーバーサイドWebアプリケーション開発に用いられます。PHPは動的ウェブコンテンツが簡単に作成できるため、高い人気を誇ります。ここでは、PHPの資格の種類や特徴を紹介していきます。合わせて難易度や学習コンテンツについても解説します。

PHPは動的なWebページ作成に用いるプログラミング言語で、サーバーサイドWebアプリケーション開発で用います

PHPの資格は国内資格と国際資格があり、それぞれ特徴があります

PHPは求人情報でも人気開発言語と位置づけられており、資格取得でステップアップが可能です

PHPの資格は？資格の種類や特徴を難易度とともに詳しく解説！

*HTML*は、*ハイパーテキスト記述言語*（HyperText Markup Language）です。*ハイパーテキスト*とは、複数の文書を相互参照するための*リンク（ハイパーリンク）機能を有する仕組み*を指します。*ハイパーテキスト*はWeb（World Wide Web）を始めとするウェブ系システムで**標準利用**されています。

*ウェブコンテンツ*は*HTML*で記述されており、*HTTP通信プロトコル*を用いて、ウェブサーバーとウェブクライアント間でコンテンツの通信を行います。また、直接*PCに格納されたHTML文書*をブラウザで表示することも可能です。

*HTMLの仕様*は*Web Hypertext Application Technology Working Group*（WHATWG）が策定し、*World Wide Web Consortium*（W3C）で勧告されています。現在最新の仕様は、**HTML 5.2**まで勧告されています。
参考：[WHATWG HTML Living Standard](https://html.spec.whatwg.org/multipage/)
参考：[HTML 5.2 W3C Recommendation](https://www.w3.org/TR/html52/)

*HTML*はハイパーテキストを記述する言語ですので、**テキスト文書を作成する環境**があればすぐにでも開始できます。具体的にはHTMLを編集するための*エディタ*、およびHTMLを表示する*ブラウザ*の準備ができれば問題ありません。動作環境は*クライアントPC*で作業できれば十分です。

HTMLとは？できることや初心者向けのタグの例、CSSについても紹介

**HTMLの基本構造**は以下の要素からなります。
・*文書型宣言*
　タグは\<!DOCTYPE html>
　このテキストが最新HTMLであることを表します（他のバージョンを指定することも可能）
・*html要素*
　タグは\<html>\</html>
　head要素とbody要素からなります
・*head要素*
　タグは\<head>\</head>
　文書ヘッダーの明示（ブラウザに表示されない部分）
　meta要素（文書情報）、link要素（他との関連情報）、title要素（タイトル情報）からなります
・*body要素*
　タグは\<body>\</body>
　文書内容の明示（ブラウザに表示される部分）
　article要素からなります（記事であることを明示）

各要素は<要素>として宣言し、</要素>として括ります。

*使用例：*
\<!DOCTYPE html>
\<html>
　\<head>
　　\<title>この文章のタイトル\</title>
　\</head>
　\<body>
　　ここに必要な文書内容を書きます
　\</body>
\</html>

残る作業は必要な体裁を整えたり見栄えを良くしたりする処理を行うだけです。なお\はコメントを表しますので適宜利用します。

### HTMLで使う要素とタグとは？

*HTMLの要素*とは*HTMLの文書を構成する*ものです。*タグ*とはその*要素を認識するための記号（\<>\</>）*を意味します。各要素は開始タグ（\<>）と内容そして終了タグ（\</>）からなります。

さらに要素に属性を追加指定することも可能です。*属性*とは要素で用いる*各種設定を変更*したり、*動作を微調整*したりするものを指します。

これまでにHTMLの基本構造の要素をお話ししました。あとは*必要な要素を組み合わせる*だけで、**HTML文書が簡単に作成できます**。

*HTML文書の体裁を整えるため*に以下の**代表的な要素**が用意されています。

・*段落（ページレイアウト）の構成要素*
　段落（ページレイアウト）の構成要素は、文書を構成する基本要素を指します
　*主要な要素：*
　　p　　段落構成を明示します
　　pre　整形済みテキストとします
　　hr 　 水平線を引きます（終了タグはありません）
　　br 　 明示的な改行を行います（終了タグはありません）
　*使用例：*
　　\<p> \
　　 文章を入力します
　　\<pre>整形済み文章です\</pre>
　　文章を入力します\<br>ここから次の行に改行されます
　　\<hr>
　　\</p> \

・*見出しの構成要素*
　見出しの構成要素は、見出しの種類を宣言します
　*主要な要素：*
　　h1～h6　見出しの指定、h1が最上位となります
　*使用例：*
　　\<p> \
　　\<h1>大見出しです\</h1>
　　\<h2>2番目の見出しです\</h2>
　　中見出しの文章を入力します
　　中見出しの文章を入力します
　　\<h3>3番目の見出しです\</h3>
　　小見出しの文章を入力します
　　小見出しの文章を入力します
　　\</p> \

・*リスト（項目表示）の構成要素*
　リストの構成要素は、リスト化された項目を指定した項目番号あり・なしで表示します
　*主要な要素：*
　　li　　リスト項目を指定します（終了タグは省略可能です）
　　ol 　 順序付きリスト、typeでリスト項目番号（1、A、a、I）を指定できます
　　ul 　 順序なしリスト、typeでリスト項目マーク（disc、circle、sqare）を指定できます
　*使用例：*
　　\<p> \
　　\<h2>リスト表示です\</h2>
　　　\<ul>
　　　　  \<li>リスト項目の1番目です（項目番号なし）\</li>
　　 　　 \<li>リスト項目の2番目です（項目番号なし）\</li>
　　 　　 \<li>リスト項目の3番目です（項目番号なし）\</li>
　　　\</ul>
　　　\<ol>
　　　　  \<li>リスト項目の1番目です（項目番号あり）\</li>
　　　　  \<li>リスト項目の2番目です（項目番号あり）\</li>
　　　　  \<li>リスト項目の3番目です（項目番号あり）\</li>
　　　\</ol>
　　\</p> \

・*表（テーブル）の構成要素*
　表の構成要素は、表形式データ等の情報を表示します
　本構成要素はHTML5で非推奨属性や廃止属性があり、CSSで代替可能です
　*主要な要素：*
　　table　表の構成要素を宣言します
　　tr 　　 表の行を示します
　　th 　　ヘッダのセルを示します
　　td 　　データのセルを示します
　*使用例：*
　　\<p> \
　　\<h2>表の表示です\</h2>
　　\<table>
　　　\<tr>
　　　　\<th>表の項目\</th>
　　　　\<th>列1の項目\</th>
　　　　\<th>列2の項目\</th>
　　　\</tr>
　　　\<tr>
　　　　\<td>行1の項目\</td>
　　　　\<td>行1列1の情報を書きます\</td>
　　　　\<td>行1列2の情報を書きます\</td>
　　　\</tr>
　　　\<tr>
　　　　\<td>行2の項目</td>
　　　　\<td>行2列1の情報を書きます\</td>
　　　　\<td>行2列2の情報を書きます\</td>
　　　\</tr>
　　\</table>
　　\</p> \

### HTMLの見栄え調整や関連情報を追加するには？

*HTML文書の見栄え調整や情報追加*のために、以下の**代表的な要素**が用意されています。

・*フォントの構成要素*
　フォントの構成要素は、フォントを装飾します
　*主要な要素：*
　　i 　斜体（イタリック）を指定します
　　b　太字（ボールド）を指定します
　　big　 文字を拡大します（HTML5で廃止）
　　small 文字を縮小します
　*使用例：*
　　\<p> \
　　このフォントは\<i>斜体\</i>です
　　このフォントは\<b>太字\</b>です
　　このフォントは\<big>大文字\</big>です
　　このフォントは\<small>小文字\</small>です
　　\</p> \

・*リンク構成要素*
　リンク構成要素はハイパーリンクを作成します
　*主要な要素：*
　　a　アンカーを指定し、ハイパーリンクを作成します
　*使用例：*
　　\<p> \
　　\<a href="https://sample.sample-domain.com/sample" >Sample URLのリンクです</a>
　　\</p> \

・*画像構成要素*
　画像構成要素は、画像を文書に埋め込む指示を行います
　*主要な要素：*
　　img　埋め込み画像の表示し、終了タグはありません
　*使用例：*
　　\<p> \
　　\<img src="sample_picture.jpg" alt="サンプル画像">
　　\</p> \

HTMLタグとは？HTMLタグ一覧など初心者向けに解説！ 

### HTMLの見栄えをさらに良くするには？

*HTMLの見栄え*をさらに良くするために、*CSS*が用いられています。*CSS*とはCascading Style Sheetsの略で、*構造化文書の見た目を記述するための言語*を指します。*CSS*はHTMLに代表される*マークアップ言語*で記述された*文書のスタイルを指定*します。具体的には、文書の*フォントやレイアウト・色*等を指定し**文書の表現力を高めます**。

*使用方法*は、*\<style>\</style>*で括ったタグの間をstyle要素として処理する他、style属性やlink要素を用います。ここでは、*フォントの指定や文字色・背景色、幅*等が詳細に指定できます。

*HTML5*では、文字の大きさや種類・色等の*見栄えの指定はCSSが担当*します。同様に、*HTML5*では文書の*情報構造をHTMLが担当*します。そのため、見栄えに関連する要素や属性については非推奨項目や廃止項目が増えています。*HTMLとCSSを併用する*ことで**デザイン性の高いウェブページが作成可能**です。

HTML・CSSとは何か？使い方やできること、独学方法を解説！

## HTMLの基本を理解し、一歩進んだウェブドキュメント作成に取り掛かりましょう

*HTML*は**ウェブコンテンツに必須の記述言語**です。HTMLの基本構造は複雑なものではありません。HTMLに慣れたら次はコンテンツの見栄えを高めるためにCSSに挑戦しましょう。実際の*ウェブコンテンツ作成*には、**HTMLとCSSをセットでメンテナンスする**必要がありますので、さらに理解を深めることをおすすめします。

HTMLはウェブコンテンツで用いられる記述言語で、ハイパーテキスト記述言語と呼ばれています。基本構造は要素をタグで指定するだけのシンプルな構造をとっています。ここでは初心者向けにHTMLの構造と構成要素を基礎から解説していきます。

HTMLはウェブコンテンツで標準的に利用されている記述言語を指します

HTML文書はテキスト形式ですのでテキストエディタがあれば編集可能です

HTMLに加えてCSSを併用することでコンテンツの見栄えが良くなります

言語・開発の記事（111ページ目）