デジタル技術の生活への浸透が進む中、IT系のエンジニアの需要は高まる一方ですが、ひと口にITエンジニアと言っても、その仕事にはさまざまな種類があります。

ここでは、その中でも「フロントエンジニア」にスポットを当て、その仕事の内容や求められる技術について紹介していきます。

[【関連記事】「未経験だけどIT業界に転職する方法! 職種や仕事内容もご紹介」](https://mynavi-agent.jp/knowledge/it/762.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)

## フロントエンジニアは何をするエンジニア？

フロントエンジニアはウェブサイトの「フロントエンド」を作る職業です。まずはフロントエンドとは何か、ウェブサイトを手がける他のエンジニアとの違いから見ていきましょう。

ウェブサイトの中で利用者が直接目にする部分を「フロントエンド」と呼びます。画面に文字を表示する、ボタンを設置する、ボタンの色を変えるなど、その「見た目」の部分を開発していくのがフロントエンジニアです。HTML、CSS、JavaScriptなどのプログラム言語を使用し作成します。

見た目の部分は、まさにウェブサイトの「顔」となるものです。オシャレでセンスのあるウェブサイトは多くの人の目を引きます。そのため、「このサイトは自分が作った」という大きな達成感を感じることができます。

### バックエンドエンジニアとの違い

一方、サイトを見る人の目には見えないデータベースの設計などを手掛けるエンジニアを「バックエンドエンジニア」と呼びます。ウェブサイトにログインする場合のID・パスワードの入力場所やログインボタンを作るのはフロントエンドエンジニアですが、その情報を処理するための設計はバックエンドエンジニアが担当することになります。このバック部分の多くは、Java、Python、PHP、Ruby、SQL言語などのプログラム言語で作成されています。

## フロントエンジニアと混同しやすい職業

エンジニア職の中には、フロントエンジニアと似たような役割を担う職業もあります。それぞれにどういった違いがあるのかを説明していきます。

役割としてはフロントエンジニアと変わりません。あえて違いを挙げるなら、使用言語としてHTMLとCSSに重点を置いていることです。HTMLは「マークアップ言語」と呼ばれるタイプの言語であるため、このように呼ばれています。

ウェブサイトの企画や設計には関わらず、設計書に沿ってコーディングのみを担当する人を指します。多くのエンジニアはまずコーダーとしてスタートし、経験を重ねながらキャリアアップしていくことになります。

## フロントエンジニアに求められるスキルとは

では、フロントエンジニアになりたい場合にはどのようなスキルが必要なのでしょうか。具体的に例を挙げて解説します。

### プログラミング言語への理解

プログラミングは実際に動かしてみないと結果がわからない部分も多くありますが、思うような挙動をできるだけ少ない工数で実現し、修正のタイムロスを減らすためにも、プログラム言語の高い理解度を身につけることが大前提となります。

PCやスマホでウェブサイトを見ていると、表示が崩れたレイアウトを目にすることがあると思います。また、目的の情報がすぐに見つけられなかったり、うまくクリックやタップができなかったりという経験もあると思います。

UI/UXとは、そうしたことがないように、サイトを利用するユーザーにとって快適なレイアウトを実現することです。ユーザーを意識せずに、ただ見た目のみにこだわったサイトなどでは、UI/UX最適化されておらずユーザーがサイトに訪れたとしてもすぐに離脱してしまう可能性があり、ユーザービリティの低いサイトは、SEO的にもマイナス要因となってしまうので、これもまた必須の知識だといえます。

CMSとは、Webサイトの情報を比較的簡単に追加・更新できるシステムです。広く使われているものとして有名なのはWordPressですが、WixやJimdoといった誰でも手軽にウェブサイトの構築やデザインができる一般向けサービスもCMSに当てはまります。

## フロントエンジニアに必要な資格

フロントエンジニアに限らず、エンジニアになるためには特別な資格は必要ありません。しかし、資格は面接の際に自分の価値を高める材料の一つとなるものであり、取得しておいて損はないものです。具体的には以下のような資格が挙げられます。

HTMLとCSSのテストによって検定が行われ、ランクはエキスパートとスタンダードの2段階に分かれています。受験料はエキスパートが7,500円、スタンダードが5,900円です（2020年11月現在）。サンプル問題もあるので、検定前にぜひ試してみましょう。

[【参考】「webクリエイター能力検定」Webサイト](https://www.sikaku.gr.jp/web/wc/?_fsi=x2Y9Smax)

### HTML5プロフェッショナル認定試験

HTML、CSS、JavaScriptのテストです。レベル１とレベル２の2段階で構成されています。どちらも受験料は15,000円です（2020年11月現在）。こちらもサンプル問題がありますので、試験前に挑戦してみてはいかがでしょうか。

[【参考】「HTML5プロフェッショナル認定試験」Webサイト](https://html5exam.jp/?_fsi=x2Y9Smax)

## フロントエンジニアからキャリアアップが目指せる職業

フロントエンジニアの経験をもとにキャリアアップを目指す道としては、デザインやSEOなどを学びWebデザイナーとして働く方法があります。また、UI/UXの設計スキルを磨いてUI・UXエンジニアになることも選択肢の一つです。一方、管理職を狙うのであれば、プログラマーを束ねるWebディレクターを目指すのも良いでしょう。

もちろん、フロントエンジニアとしてさらに高みを目指す道もあります。プログラム言語は、一つ覚えると他の言語も比較的覚えやすいものです。操るエンジニアが少ない言語を習得して仕事の幅を増やしていくというキャリアアップの方法もあるでしょう。

## フロントエンジニアには時代の変化に合わせた知識が必要

ウェブサイトの数は、これからも増え続けることは間違いありません。したがって、フロントエンドエンジニアの需要が減ることもないでしょう。しかし、だからといって新しい知識を学ぶ姿勢を失ってはいけません。Webデザインも時代によって変化する傾向にあるため、フロントエンジニアとして成長するためには常に最新の流行を知っておく必要があります。

ツールにおいても同様です。最近、プログラミングなしでプログラムを作ることができる「NoCode」というツールが流行し始めています。今後はNoCodeでWebサイトを作ってほしいという依頼も増えてくるかもしれません。さらに言語も、iPhoneアプリを作る「Swift」、Androidアプリを作る「Kotlin」など、技術の進歩とともに新たな言語が次々と生まれており、それらの習得も必要になります。

そうした時代の変化に柔軟に対応できる姿勢があれば、きっとフロントエンジニアとして長く活躍できるはずです。

ここでは、数あるエンジニア職の中から「フロントエンジニア」について紹介しました。

フロントエンジニアが手掛けるのは、ウェブサイトの「顔」ともいえるもの。デザイン性の高いウェブサイトの構築やユーザー目線で使い勝手の良いウェブサイト作りを目指したいなら、ぜひフロントエンジニアの道を目指してみてください。

<center>[あなたに合った企業選びをサポート致します。<br/>エンジニア転職のご相談はぜひ<br/>*『マイナビIT エージェント』*へ！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)</center>

フロントエンジニアとは？仕事内容と求められる技術について解説

プログラミングを学びたいけど、覚えることが多くて難しそうと思ったことはありませんか？

そんな方におすすめしたいのが、「[Scratch（スクラッチ）](https://scratch.mit.edu/?_fsi=x2Y9Smax)」です。Scratchは、小学生でもプログラミングが理解できるように作られているため、プログラミング初心者にはピッタリ。そんなScratchの特徴や操作方法について解説します。

[【求人特集】「システムエンジニアの転職」](https://mynavi-agent.jp/it/systemengineer/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)

## プログラミングが学べるScratch（スクラッチ）とは？

Scratchとは、マサチューセッツ工科大学(MIT)メディアラボが開発したビジュアルプログラミング言語です。まずはその特徴について見てみましょう。

### 無料でプログラミングを学べる

Scratchは、用途を問わず無料で利用することができます。個人でのプログラミング学習はもちろん、教育やゲームやアニメーションなどの作品制作も無料で行うことができます。

### ビジュアルプログラミングで抵抗なく使用できる

Scratchは、ビジュアルプログラミング言語です。画面上のブロックを組み合わせる感覚でプログラミングできるため、文字によるコーディングに苦手意識がある方でも、プログラミングの概念を分かりやすく学ぶことができます。

### 対象年齢に関係なく使用できる

Scratchの対象年齢は8〜16歳とされています。しかし実際の教育現場では小学生から大学生まで利用されているうえ、図書館や公民館、コミュニティーセンターなど幅広い年代で活用されており、対象年齢に関係なく誰でも利用できるようになっています。

### 作った作品を公開すればたくさんの人と交流できる

Scratchで作った作品は、Scratchのコミュニティを通して世界中に公開することができます。あなたの作品を公開することで世界中の人と交流することができます。

## Scratch（スクラッチ）を利用すればさまざまな作品が作れる

Scratchを利用することで、誰でも作品を作ることができます。具体例として、次のようなものが挙げられます。

### インタラクティブストーリー

インタラクティブストーリーとは、ユーザーの選択によって展開が代わる物語のことです。Scratchでは、選択肢による物語の条件分岐をドラッグ&ドロップで設定出来るため、一見複雑そうに見えるインタラクティブストーリーも簡単に作ることができます。

Scratchには、画面上のキャラクターに対して「10歩動かす」「15度回す」といった動きを設定できます。これらを組み合わせることで、アニメーションも簡単に作ることができます。

プログラミングの中でもゲーム制作は特に難しいとされていますが、Scratchを使えばアイデア次第でゲーム制作も可能です。ScratchのコミュニティにもアクションやRPGなど様々なジャンルのゲームが公開されています。

## Scratch（スクラッチ）のメリット・デメリットとは？

Scratchのメリット・デメリットとして、以下のような点が挙げられます。

### メリット(1)ソフトをダウンロードする必要がない

Scratchはブラウザ上で操作ができます。インターネットにつながる環境さえあれば、わざわざソフトをダウンロードする必要がなく、手軽に始められます。

### メリット(2)簡単にプログラミング体験ができる

Scratchは、難しいコードを書く必要がなく、直感的に操作できるようになっています。特に予備知識も必要としないため、「なんとなく」使っているだけで簡単にプログラミングを体験できます。

### デメリット(1)プログラミング言語の学習はできない

Scratchでプログラミングの概念は理解できますが、コーディングは行えません。そのため、PythonやJavaScriptのようなプログラミング言語を学習できるわけではない点に注意です。

### デメリット(2)パソコンがないと使えない

Scratchを利用するには、パソコンまたはタブレットが必要となります。スマートフォンでもプロジェクトの閲覧はできますが、作成・編集はできません。

## Scratch（スクラッチ）の基本的な操作方法をご紹介

ここからは、実際にScratchを操作するための基本的な手順について解説します。Scratchのサイトにアクセスすればすぐに利用できるので、Scratchの画面を確認しながら進めてください。

Scratchのサイトにアクセスすると、上記のような画面が表示されます。プロジェクト作成画面を開くために「作ってみよう」をクリックしてください。

なお、作品を残したい場合はユーザー登録が必要となるため、先に「参加する」をクリックして登録を済ませておきましょう

プロジェクトを開くと、上記画面が表示されます。Scratchの具体的な機能や操作手順を確認するために、まずは「チュートリアル」を見てみましょう。基本操作についての解説動画が最初から表示されている他、上メニューの「チュートリアル」からカテゴリ別に様々な動画が公開されています。Scratchの操作を勉強したいときや手順に困ったときにチェックしてみてください。

それでは実際に作品を作ってみましょう。

Scratchの作成画面は、左型に並んでいるブロックを中央のスペースに並べることでプログラムを組むことができ、その実行結果が右側のウィンドウに表示されます。スプライト(画面上に表示されるキャラクターのこと)や背景の設定は右下から編集できます。

Scratchのサイトには、ユーザーが作った作品がたくさん公開されています。これらはユーザー登録しなくても見ることができ、アニメーションやゲームを楽しめるようになっています。プログラミングの中身を見ることも出来るので、これらの作品がどのように作られているか参考にすることもできます。

## Scratch（スクラッチ）でプログラミングを学ぼう！

今回は、Scratchによるプログラミングについて解説しました。

Scratchは誰でも手軽にプログラミングの概念を体感的に理解できるようになっているため、これからプログラミングを学びたい人やプログラミングに苦手意識のある人に特にオススメです。Scratchを通して、プログラミングやものづくりの楽しさをぜひ体感してみてください。

フリーソフト「Scratch（スクラッチ）」で学ぶプログラミング

プログラミング言語といっても、その種類は無数にあります。いざプログラミングを学ぼうとしても、どれを選んでいいかわからないという方も多いのではないでしょうか。そこで今回は、プログラミングを学ぶ上での難易度をプログラミング言語別に説明します。

## プログラミング言語の難易度は何を基準に変わる？

まずは、プログラミング言語の違いについて解説します。

プログラミング言語には、実行方式がコンパイル方式とインタープリタ方式の2種類があります。

一旦ソースプログラムを機械語に翻訳して、実行する方式です。この翻訳する作業をコンパイルといい、翻訳するプログラムのことをコンパイラといいます。

コンパイル方式はプログラムの実行速度が速い一方で、プログラムをコンパイルする手間がかかったり、コンパイル済みのプログラムは他の環境で実行できなかったり、という特徴があります。

プログラムの命令を一文ずつ機械語に解釈して実行します。作成したプログラムをすぐに実行できるのでテストなどがしやすいですが、コンパイル方式に比べると処理が遅いといった特徴があります。

プログラミング言語は記述方式によって手続き型、オブジェクト指向型、関数型の3つに分類できます。

コンピュータへの命令を順番に記述することでプログラムを構成する方式です。コンピュータが処理する機械語を、人間にもわかりやすく翻訳したものといえます。

関連するデータやそれを処理する命令をオブジェクトとしてひとまとめにし、オブジェクト間で指示やデータを送り合うことでプログラムを実行します。オブジェクト化することで、複雑な処理も管理しやすいといった特徴があります。

関数を組み合わせることで計算や処理を実行します。手続き型やオブジェクト指向型は問題解決の手順を記述し変数によって現在の状態を保持しますが、関数型では再帰的に関数を呼び出して処理を進め、現状を保持しないのが特徴です。

## 習得難易度はどれくらい？プログラミング言語の用途も一緒にご紹介

具体的にどのようなプログラミング言語があるのか、難易度別にみてみましょう。

PHPは、主にWeb開発に用いられる*スクリプト言語です。プログラミング言語の中でも比較的仕様や文法が簡単であるため、初心者でも習得しやすいのが特徴です。MySQLなどのデータベースとも連携が容易であり、WordpressなどのWebアプリケーション開発にも使われています。

JavaScriptはWebブラウザ上で動作する*スクリプト言語です。Webページに対して文字や画像を拡大・縮小したり、動画の再生、メッセージを送付したりするなど、動的なコンテンツを実装できます。HTMLに対して直接書き込むことができるため、少ない命令で実装することができ、難易度は比較的低めになっています。

Rubyは日本人によって開発されたオブジェクト指向の*スクリプト言語で、言語を作る人・使う人・学ぶ人すべてが楽しめることを目的としています。汎用性が高く様々な環境下で動作するため、WebサイトやSNS、チャットボット、人工知能(AI)など幅広い分野での開発言語として用いられています。記述がシンプルであるため学習難易度も低く、日本語の記事や書籍も多いため、プログラミング初心者でも安心して学習できます。

スクリプト言語とは、比較的容易に記述でき、習得が簡単になるように工夫されたプログラミング言語です。他の言語と比べてすばやく開発ができ、すぐに実行できるといった特徴があります。ただし、言語として厳密に定義されているわけではなく、抽象的な総称としてこう呼ばれています。

Pythonは汎用性の高いスクリプト言語で、アプリケーション開発からWebシステム開発、人工知能(AI)など幅広い分野で活用されています。できることの幅が広いため初心者にはどうすればいいか迷ってしまうかもしれませんが、シンプルな構文でわかりやすいため、プログラミング学習にも最適といえます。

C#はマイクロソフトが開発したオブジェクト指向型のプログラミング言語で、WindowsアプリケーションのほかmacOSやスマートフォンアプリ、Webアプリなどの開発に用いられています。JavaとC++の特徴を取り入れて作られているため言語体系がやや複雑ですが、開発環境も整えやすく習得はそこまで難しくありません。

GoはGoogleによって開発されたオープンソースのプログラミング言語です。「軽量・高速・シンプル」を掲げており、実行速度が速く並列処理に強い、消費リソースが少ないといった特徴があります。

そのため、WebアプリケーションやAPIサーバー開発、PaaSなど幅広い分野で活用されています。まだまだ歴史の浅い言語であるため実例が少ないですが、シンプルなためプログラミング学習も比較的容易といえます。

Objective-CおよびSwiftは、iOSやmacOSのアプリケーション開発用にAppleが提供するプログラミング言語です。Objective-Cはその名が示す通りC言語をベースにオブジェクト指向化したもので、iPhoneが発表された当初、iPhoneアプリ開発の標準言語として使われていました。

その後、iOSやmacOSの高機能化が進み、開発効率を上げるにはObjective-Cでは限界となり新たにSwiftが開発されることになりました。Objective-Cは表記が独特で初心者には扱いにくい言語でしたが、Swiftでは覚えることが比較的少なく開発環境も整えやすいため初心者でも習得しやすい言語といえます。

C言語はプログラミング言語の中でも特に知名度の高い言語です。汎用的に使えるため、Webアプリやスマホアプリからロボット制御の組み込みアプリなど様々な分野で活用できます。

ただし、アプリ開発に時間がかかるうえ、人間よりも機械に近い言語で構文もやや読みにくいため、学習難易度は高めです。しかしC言語を習得すれば、様々なプログラミングの基礎となる知識が身につくので、大学などの教育機関で学習対象となっていることがあります。

Javaは大企業での大規模システム開発から、最近ではAndroidアプリの標準言語としても使われているほど、幅広い分野にて使用されている人気言語のひとつです。

JavaはJVM(Java Virtual Machine：Java仮想マシン)上で動作するため、JVMに対応していればOSやデバイスを問わずどのような環境でも動作できるのが特徴です。

しかし高性能な分、学習難易度は比較的高めです。特にオブジェクト指向を理解していないとJavaでの開発が効率よく進められないため、実用レベルまで習得するのに時間がかかりがちです。

C++は、C言語を機能拡張したプログラミング言語です。そのため、家電などハードウェアの操作システムからPC・モバイルアプリの開発、業務システムなど、幅広い分野でのプログラムを作成できます。

ただし、C++はC言語をオブジェクト指向できるよう機能拡張しているため、言語仕様がとても複雑になっています。ほかの言語では簡素なコードでもC++では何行も書かなければならないケースもあり、学習コストは高めといえます。

## どんな企業で働きたいか、何を作りたいかで学ぶべき言語は変わる

プログラミング言語によって、「できること」「できないこと」は異なります。そのため、プログラミングを学習する前にどんな企業で働きたいか、どんなものを作りたいかを明確にしましょう。

例えば、Webシステムを開発したい場合はPHPやJavaScriptの習得は必須となりますし、人工知能(AI)の分野であればPythonが盛んに使われています。

またエンジニアとしてのキャリアを目指す場合、年収や求人数にも注目しましょう。なぜなら、エンジニアとして扱えるプログラミング言語で、年収や求人数が異なるからです。

企業側からの需要が高く扱える人が少ない言語ほど、年収や求人数が高くなる傾向にありますので、自分がやりたい分野の求人があり年収が納得のいくものであるか確認したうえで、プログラミング言語を学びましょう。

今回は、種別や難易度別にプログラミング言語について紹介しました。

言語によって得意不得意が異なるため、それによって出来ることも変わり求人数や年収も違ってきます。

特にプログラミング言語を習得するには時間がかかるため、目的にあった言語を選ばないと大きく時間をロスしてしまいます。エンジニアとしてのキャリアを目指すなら、そのキャリアプランをしっかり立てた上で習得すべきプログラミング言語を選びましょう。

プログラミング言語を難易度別に紹介、言語別「できること」も【初心者対象】

プログラミングに興味がある人でなくても、一度は「JavaScript」という名を目にしたことがあるのではないでしょうか。

JavaScriptは、これからプログラミングを身につけようと考えている方でも比較的学びやすく、かつ非常に利用価値の高い言語でもあります。

ここでは、そのJavaScriptの特徴やメリットについて解説していきます。

まず、JavaScriptとはどのようなものかについて解説します。

JavaScriptとは、Webブラウザ上で動作するプログラミング言語の一つです。 Webページは一般的にHTMLを用いてつくられますが、それだけでは文章や画像をそのまま表示するだけで面白みがありません。しかしJavaScriptを用いれば、ブラウザ上で画像を拡大・縮小したり、動画を再生したり、入力フォームからメッセージを送付したりするなど、ユーザーの操作に応じて内容が変わる動的なコンテンツを実装することができます。

### JavaScriptはどのような場面で使われている？

JavaScriptは主にWebシステムの開発に用いられます。 例えばユーザーが見ているWebコンテンツを動的に生成したり、フォームに入力された情報をチェックしたりするなど、WebブラウザとWebサービスとのやりとりを円滑にするためのフロントエンド言語として使われています。

名前は似ていますが、JavaScriptとJavaは全く異なるプログラミング言語です。JavaScriptは主にWebページ上でのプログラムを開発することに用いられるのに対し、Javaは業務システムやスマートフォン向けアプリなど、環境に依存しないプログラムを開発することに用いられます。また、JavaScriptはコンパイル不要ですが、Javaは実行するのにコンパイルが必要です。なお、名前が似ているのは、発表以降世界中の注目を集めたJavaの人気に便乗したためだとされています。

## JavaScriptの人気が高い理由とは

JavaScriptは、もはやWebシステムを開発するための定番言語といっても過言ではありません。ここではその人気の秘密について紹介します。

JavaScriptは、開発するにあたっての環境を整えることが簡単であるという特徴があります。スタンドアロンからブラウザ上で動作するものまで様々なエディタが揃っており、すぐに利用できます。もちろん、OS標準のテキストエディタでも開発可能です。

### 学習するための環境や教材が揃っている

JavaScriptは世界中で利用されているため、学習環境や教材も揃っています。専門的な学校での教育や入門者向けのサイト・ブログ、最近ではオンラインでプログラミングの学習を指導するサービスも増えています。

続いて、JavaScriptによってどのようなコンテンツが開発できるのか、具体例を3つ見てみましょう。

JavaScriptで最も一般的なのが、動的Webページの作成です。 WebページはHTMLとCSSによって表示させることができますが、ユーザーの操作に応じてそれを変化させることはできません。

しかし、JavaScriptによって動的にページを作成することで、メニューの表示やフォームの内容確認など、ユーザーの操作に応じたコンテンツを充実させることができます。

JavaScriptではWebアプリの開発も可能です。例えば、ECサイトの検索エンジンやブラウザゲームなどがあります。なお、JavaScriptだけでWebアプリを開発することも可能ですが、一般的には「Ruby」や「Python」のような他の言語と併用されることが多いです。

JavaScriptは一般的にフロントエンド言語とされていますが、サーバーサイドの開発にも利用できます。Node.jsを用いることでブラウザがなくてもJavaScriptが実行できるようになり、サーバーサイドの処理をJavaScriptで書けるようになります。フロントエンド・サーバーサイド両方で同じ言語を用いることで、開発がより効率化できるのがポイントです。

## JavaScriptでの開発に向いていないものとは？

JavaScriptはWebブラウザ上で動作するプログラミング言語です。したがって、Webブラウザを介さないアプリケーションや業務システムなどの開発には向いていません。

それでは、JavaScriptを学ぶと、どのようなメリットが得られるのでしょうか。ここでは3つの例を挙げ解説します。

### 多くのWebアプリの作成に対応できる

JavaScriptはブラウザ上での動作となるため、Webサイトへアクセスできる環境であればOSやデバイスなどの環境に依存しません。そのため、多くのWebアプリの作成に対応することができます。

JavaScriptはどのようなWebアプリにも対応できるため、Web開発案件において使われることが自然と増えます。さらに、フロントサイドだけでなくサーバーサイドにも対応できるJavaScriptを学習しておくことで、請け負える仕事の幅が広くなります。

JavaScriptは日々進化しており、ライブラリやフレームワーク、拡張言語などにおいて次々と新しいものがつくられています。今後もJavaScriptが発展し生産性が上がっていくことが見込まれるため、将来性の高い言語です。習得しておけば様々な現場での活躍につながります。

実際にJavaScriptがプログラミング言語としてどのようなメリットがあるのか、具体的に解説します。

### 初心者でも学習しやすいプログラム構文

JavaScriptのプログラム構文はとてもシンプルです。そのため、プログラミング初心者でもわかりやすく、また世界中にユーザーがいるためコミュニティ環境が充実しており、開発者が育ちやすいというメリットもあります。

### フレームワークやライブラリが充実している

JavaScriptにはフレームワークやライブラリが充実しています。これらを活用することで実装の時間を短縮することができるため、効率よく開発を進めることができます。

### フロントエンド開発・バックエンド開発どちらでも使える

JavaScriptは本来フロントエンド開発の言語として使われてきました。しかし現在では、Node.jsによってバックエンド開発にも使われるようになりました。JavaScript一つでフロントエンドからバックエンドまで一括して開発できるため、管理が行いやすいというメリットがあります。

続いて、JavaScriptのデメリットについても見てみましょう。

### 処理速度が他の言語より遅い

JavaScriptは、他の言語に比べると処理速度が遅い傾向にあります。これは、JavaScriptがコンパイル不要であるが故に、実行時にプログラムの解析、解釈、変換が必要になるため、処理に時間がかかってしまうためです。

### ブラウザによって挙動が異なることがある

JavaScriptはブラウザ上で動作する言語であるため、ブラウザの種類やバージョンによって挙動が異なる可能性があります。異なるブラウザでも同じように動作させるためには、それぞれの環境でテストを行う必要があるため、通常の開発テストよりも工数がかかってしまいます。

## JavaScriptの学習に向いている人

JavaScriptはWebシステム向けの開発言語であるため、特にWebサイトやWebアプリを開発したいという人に向いている言語と言えます。JavaScriptによってWebサイトやWebアプリのユーザーエクスペリエンスが大きく変わるため、習得していればWeb開発の仕事を獲得しやすくなるでしょう。

この記事では、JavaScriptの特徴について解説しました。

いまやJavaScriptはWeb開発において必須と言っても過言ではなく、エンジニアとしてキャリアアップを目指すなら、JavaScriptを習得しておいて損はありません。ぜひこの記事をきっかけに、JavaScriptに対する理解を深めてください。

【初心者向け】JavaScriptとは？ 人気の理由とメリット・デメリットについて

## 天津大大学院生の魏斯文さんが、毎分691.55ビットの世界新記録を樹立

中国の北京で、2019年9月に開催された世界ロボット大会で、脳波タイピングの速度記録に挑戦するコンテンストが開催された。3人の選手が出場し、その中で天津大学の大学院生である魏斯文さんが、毎分691.55ビットの世界新記録を樹立して優勝した。

この速度は、英文入力に換算すると、1文字あたり0.413秒に相当するという。英文の場合、一般には1分あたり100文字が速いタイピングの目安になっている。この世界記録は、毎分140文字程度に相当するため、指によるタイピングよりも速く入力ができたことになる。

## どうやって脳波を使って文字入力する!?

ところで、脳波タイピングというのは、いったいどうやって脳波を使って文字入力をするのだろうか。

これにはSSVEP(定常状態視覚誘発電位)と呼ばれる脳波を利用する。清華大学の高小榕教授チームが開発したシステムでは、PCの画面にアルファベットの一覧が表示され、すべての文字が異なる周期で明滅をしている。この中から、入力をしたい文字を注視すると、その文字の明滅周期と同期したSSVEPが発生する。これをヘッドギアの電極で捉え、文字周期とシンクロするSSVEPを観測したら、その文字が入力されたと見なす。

~~ 脳波タイピングの仕組み。ディスプレイ上の文字は、それぞれ異なる周期で明滅をしている。入力者が入力をしたい文字を注視すると、明滅周期にシンクロした脳波が発生する。これを観測して、文字入力をする。[A Dynamic Windwow Recognition Algorithm for SSVEP-Based Brain-Computer Interfaces Using a Spatio-Temporal Equalizer, Chen Yang](https://www.researchgate.net/publication/325851778_A_Dynamic_Window_Recognition_Algorithm_for_SSVEP-Based_Brain-Computer_Interfaces_Using_a_Spatio-Temporal_Equalizer?_fsi=x2Y9Smax)他より引用 ~~

端から見ていると、入力者はただ画面を見て集中しているだけで、指1本動かしていない。まるで、念力で文字入力をしているかのように見える。

しかし、この脳波タイピングは誰にでも簡単にできるというものではないようだ。今回のコンテンストでは、3人の選手が出場したが、第2位の記録は毎分451.99ビット、第3位は毎分410.38ビットと、指によるタイピングよりも遅い速度でしかなかった。

しかも、この3人は、脳波タイピングの精鋭たちだった。清華大学の高小榕チームでは、脳波タイピングのコンテストを過去3回開いていて、毎回2000人ほどがタイピングスピードを競っている。今回のコンテストに参加したのは、いずれも決勝進出者で、脳波タイピングの世界記録を樹立することを狙ったイベントだった。

~~ 北京で開催された世界ロボット大会での、脳波タイピングコンテストの様子。規制テープ内に立っているシャツの人が、このシステムを開発した精華大学の高小榕教授。[マカオ大学ニュースページより引用](https://www.um.edu.mo/zh-hant/news-and-press-releases/press-release/detail/48791/?_fsi=x2Y9Smax) ~~

## 脳波タイピング、ALS（筋萎縮性側索硬化症)患者などのコミュニケーション手段として期待

このような脳波タイピングの研究は、例えば、ALS（筋萎縮性側索硬化症)患者などのコミュニケーション手段として活用されることが期待されている。ALS患者は、舌やのどの筋力も弱まり、言葉を発することが難しくなる。また、手足の運動麻痺も進行すると、筆談やジェスチャーも難しくなる。

そこで、一般的に用いられているのが、文字盤を使う方法だ。指が動かせる状態であれば、文字盤を指差す方法、あるいはキーボードをタッチする方法で、文字を入力することができる。

手足の運動麻痺も進んでしまった場合は、透明の文字盤を使い、読み手と患者が東名文字盤上の文字を通過するように視線を合わせ、瞬きを合図として文字を決める。

しかし、読み手が常に必要になる上に、患者の負担は大きく、さらに入力にも時間がかかる。患者がSNSなどを使いたいと思っても、短文を入力するだけでも、長い時間と患者の負担と周囲の手助けが必要になる。

脳波タイピングは、このような問題を解消し、患者が誰の手を借りることもなく文字入力をすることができるようになると期待を集めている。

さらに、入力できるのは文字だけではない。単語を表示して、より簡単に意思を伝えることも可能であるし、車椅子や家電製品のコマンドを並べて表示して、自分で制御することも可能になってくる。

~~ 脳波タイピングは、ALS患者などのコミュニケーションツールとして期待をされているが、乗り越えなければならない課題も多い。現在も、研究者たちにより、日々改良されている。写真は、精華大学チームの開発による最新型のヘッドギア。[「2018年脳機接口研発熱点回眸」](https://www.researchgate.net/publication/332223803_2018niannaojijiekouyanfaredianhuimou)（陳小剛他）より引用 ~~

## 一般の人も、意外なところで使う機会が今後出てくる可能性

ただし、高小榕教授によると、まだまだ脳波タイピングの実用化にはいくつもの課題があるという。そもそも、適性のようなものがあり、かなりのトレーニングを積まないとスムースに入力できるようにはならない。

今回のコンテンストでは、事実上のトップ選手3人が出場したが、それでも手によるタイピング速度を上回る好成績をあげたのは、優勝した魏斯文さんのみだった。新しいコミュニケーション手段として利用できるようになるまでは、まだまだ時間がかかる。

しかし、専門家からは、別の形で普及する可能性も指摘されている。それは脳波タイピングをすることが、集中力を養い、創造力、記憶力、注意力を向上させることがわかっているからだ。文字入力をすることが目的ではなく、集中力を養うトレーニングとして使われるようになる可能性もあるという。

このようなSSVEPを利用した入力装置の研究は、中国だけでなく、日本でもその他の国でも行われている。一般の人でも、意外なところで使う機会が今後出てくるかもしれない。

中国が、脳波タイピングの世界記録を樹立。毎分140文字相当で、指のタイピング速度を上回る

プログラミングにおいて必須スキルと言っても過言ではないループ処理。その中でも「forEach文」は、シンプルなコードによりJavaScriptでのプログラミングを大きく効率化できるものです。

ここでは、そのforEach文について、基礎的な使い方から上級者向けのコードまで解説していきます。

[【関連記事】「未経験だけどIT業界に転職する方法! 職種や仕事内容もご紹介」](https://mynavi-agent.jp/knowledge/it/762.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)
[【求人特集】「システムエンジニアの転職」](https://mynavi-agent.jp/it/systemengineer/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)

forEach文とは、JavaScriptにおいて配列に特化したループ処理です。コールバック関数に実行したい内容を記述することで、配列の要素ひとつひとつに対して繰り返し処理を実行します。

forEach文では、配列の各要素に対する繰り返し処理を一括で指示することができます。

通常のfor文の場合、配列内のデータを順に出力するにはループの終了条件やカウンターなどの設定が必要となり、少し複雑なコードになりがちです。

しかしforEach文であれば、コールバック関数に実行したい処理内容を記述するだけで済むので、コードをシンプルにまとめることができ、ミスの軽減や管理がしやすくなるといったメリットがあります。

forEach文の基本形は次のようなコードになります。

```var array = [配列データ];
array.forEach(コールバック関数);```

この形をベースに、一次元配列と多次元配列における使い方について見てみましょう。

まずはforEach文の基本的な使い方として、一次元配列の場合で解説します。具体例として、次のコードを見てみましょう。

```var array1 = [‘東京’, ‘神奈川’, ‘千葉’, ‘埼玉’];
array1.forEach(function(value) {
console.log(value);
});```

このコードでは、array1に格納された各要素に対して、forEach文にて順に出力するような命令になっています。そのため、実行するとarrayに格納されている『東京』『神奈川』『千葉』『埼玉』が順に出力されます。

次に、多次元配列の場合ではどのように処理されるか解説します。具体例として、次のコードを見てみましょう。

```var array2 = [
[‘東京’, ‘神奈川’, ‘千葉’, ‘埼玉’],
[‘茨城’, ‘栃木’, ‘群馬’]
];
array2.forEach(function(value) {
console.log(value);
});```

このコードでは、array2に格納された要素に対してforEach文で出力するような命令になっています。そして、この「array2に格納する」ことが注意ポイント。このコードでarray2に格納されている要素は2つの配列です。

お役立ち記事