こんにちは、アンドエンジニア編集部です。

先日公開した*『[失敗しないためのエンジニア学習ロードマップとは？](https://and-engineer.com/articles/YbcPghEAACIAa4gF)』*記事内でもお伺いをしましたが、**皆さんは、エンジニアの職種をいくつご存知でしょうか？**

フロントエンドエンジニア、バックエンドエンジニア、iOSエンジニア、インフラエンジニア、データサイエンティスト…エンジニアと一言に言っても、その職種・内容は様々です。そして、その様々な職種を昨今のエンジニア市場、エンジニアスクール市場を参考に見てみると**「ウェブ制作をするエンジニア」「システム開発をするエンジニア」の二つに大別できます。**

その中でも「システム開発をするエンジニア」を目指すにあたって求められるスキルのひとつに、Linuxがあります。今回はそんなLinuxをオンライン上で学習できるサイト、『Envader』の体験レポートをお届けします！

Envader(エンベーダー)紹介動画

~~2021年10月に公開された、サーバー構築やネットワーク・サイバーセキュリティなどの仕組みを学ぶことができるインフラ学習プラットフォーム。2021年12月時点での利用者数は1900名を超える。（参照：[Envader公式サイト](https://envader.plus/)）~~

#### balloon nao left
今回の体験学習者そのいち。文系出身の元webデザイナーで、使用経験があるのはHTML/CSS/PHP。サーバー構築とは無縁の人生を歩んできた完全未経験者。

#### balloon kota right
今回の体験学習者そのに。以前は金融系システムの受託開発にアサインされてました。環境構築の経験はあるものの、Linuxは"よわよわ"。

Linuxエンジニアとは？詳細や仕事内容、必要なスキルを解説！

~~Envaderコース一覧学習ロードマップ。Linux基礎コース・セキュリティ基礎コースはそれぞれ無料で学習することができる。~~

**↓ログインはこちらから↓**
**【Envader公式サイト：[https://envader.plus/](https://envader.plus/)】**

#### balloon kota right
UIがシンプルでわかりやすいですね。

#### balloon nao left
わかりにくいUIってそれだけでやる気なくすから助かる…ごちゃごちゃいっぱい書いてあるとページ開くのも億劫になっちゃう…

#### balloon nao left
**「なにから手を付けていいのか分からない！」**ってやる気なくすことも多いから、*学習ロードマップ*で何から始めればいいか分かるようになっているのもありがたいな。

#### balloon kota right
初心者でも迷わず学習できそうですね。**ダッシュボードで学習記録やランキングが見られる**のも、モチベーション維持に繋がりそうです。

#### balloon nao left
たしかに。モチベーションでいうと、こういう学習系って「時間があるときにやろう」と思うんだけど「どれくらい時間あればキリのいいところまでできるんだ…？もっと時間あるときにやろうかな…」ってなんやかんや理由付けて結局めちゃくちゃ後回しにしちゃうんだよね。

#### balloon nao left
これみたいに「このコースは15hくらいでできるよ」的なことが書いてあると「じゃあ1項目あたりこれくらいの時間でできるかな」ってざっくり目安を付けられるから手を出しやすいかも。

~~Linuxの基本操作を学習し、基本的なコマンドをマスターすることを目的としたコース。無料コースで、難易度は"easy"。~~

~~まずはチュートリアルでEnvaderの使い方を学ぶ。~~

#### balloon nao left
おおおおおおおおおお

#### balloon kota right
環境構築中に出てくる数字の羅列はワクワクしますね！

#### balloon nao left
「サーバー構築について、実際に触って学ぼう！」ってなった時、自分でサーバーの種類を調べて用意して立ち上げて…みたくまず**学ぶまでの手間がすごい掛かるイメージ**なのよね。しかもせっかく用意したサーバーをヘタに触ってバグらせたら嫌だから「ある程度を本で学んでから挑戦しよう！…でもどの本を読んだらいいんだ…？」ってどんどんハードルが上がっていくという…

#### balloon kota right
それを踏まえると、自分でサーバーを用意しなくても**パソコン1台あればEnvader上で「実際に触って学ぼう」ができるのは学習を始めるハードルがかなり下がりますね。**

~~『基本的なコマンド(cd/ls/cat編)』を体験。cd/ls/catによる基本的なディレクトリ移動とファイル出力について学習する。~~

#### balloon kota right
学習開始前に**用語の説明や基本的な使い方・利用例などが表示される**んですね。

#### balloon nao left
初心者に優しい～！けど今出されても覚えられない～～～！！！

~~環境を起動すると、練習問題が始まる。~~

#### balloon nao left
あ、**学習中も前提知識タブからさっきの内容が再確認できるようになってる**のね。最初、問題文読んでも「ディレクトリの移動…？secret.txtの中身を出力…？なに？？？」って感じだったけど、前提知識やハンズオンと照らし合わせながら進めたらちゃんと正解できた！

#### balloon kota right
任意箇所をドラッグするだけでコピーできるのでサクサク進みますね、**ユーザーの不便を排除する配慮が見られます。**仮想環境なので、気にせずディレクトリを削除できる点もポイント高いです。

~~セキュリティ分野における基本的な知識や攻撃方法の習得を目的としたコース。サイバー攻撃からシステムを守るために、セキュリティ分野における基本的な知識と攻撃方法を身につける。無料コース（※いずれ有料となる予定）で、難易度は"nomal"。~~

~~『SSHに対する攻撃』を体験。SSHに対するログイン試行攻撃について学習する。~~

#### balloon kota right
Hydraは使ったことなかったのですが、面白いですね！**仮想環境でツールを導入**してゴリゴリ動かすのも楽しいです！もし失敗してもボタン1つで環境の再構築ができますし…**「間違えても問題ない」という安心感からビクビク作業しないので、学習スピードが早いです。**

#### balloon kota right
左側に表示されている前提知識やハンズオンの内容が『Linux基礎コマンド』と比べて少し簡略化されている気もしますが…**ググる力があればヒントを見なくても問題ない**と思います。

#### balloon nao left
…ｽｹﾃ…ﾀｽｹﾃ…

#### balloon kota right
…………………………………………………。

#### balloon kota right
…ちなみにSSHって分かります…？

#### balloon nao left
ふんわり…ネットワークのセキュリティ的なや…つ…？

#### balloon kota right
そうです。SSHというのはSecure Shellの略で、暗号や認証の技術を使って安全にリモートコンピュータと通信するためのプロトコル…手順や決まり事を示します。助けてと仰っていましたが、今どの辺で詰まってますか？

#### balloon nao left
catでユーザー名やパスワードが書かれたファイルの中身を見るまではできたの。でもそこから先が分からない…「Hydraの使い方は以下のコマンドで調べることができます」ってハンズオンの最初に書いてあったから入れてみたら英文たくさん出てきてびっくりした…えいごこわい…

#### balloon kota right
うーんヒント自体が初心者からみたらそんなに優しくないのかも？基礎ができてな…知識ゼr…初心者のなおさんにとって必要な情報が足りていない気はします。

#### balloon nao left
オブラートぐるんぐるんじゃん

#### balloon nao left
うううううううう解説動画観たい観よう観ます

#### balloon kota right
えっ…早くないですか？まだスタートして3分くらいじゃないですか？

#### balloon nao left
いやたぶんこれ以上悩んでも私にはどうにもできない観る観る観る

~~回答を間違えると『解説動画』や『問題解説』ボタンが出現するが…~~

#### balloon nao left
…………………………………………………。

#### balloon kota right
なるほど。**シナリオ起動から10分以内は解説動画を、15分以内は問題解説を見られないようになっているんですね。**

#### balloon kota right
分からないからと思考停止させてヒントを見るのと、分からないなりに自分の頭で考えたり調べたりした後にヒントを見るのとでは定着度が違うんじゃないですか？

#### balloon nao left
納得しかない…

#### balloon kota right
**エンジニア必須スキルとも言われているググり力が身につきそうですね。**とりあえず色々打ち込んでみては？実際のサーバーと違って**壊れる心配のない仮想環境なので、気兼ねなく間違えられますよ。**

#### balloon nao left
そする…いやでも手を動かす分定着度が高そうな気が！します！！

#### balloon kota right
前提知識やハンズオンの内容が簡略化されているのも、もしかしたらググらせる狙いがあるのかもしれませんね。

#### balloon nao left
よし、早速ググってみよう！えーーーっとjoeアカウント…いやHydra…？

#### balloon kota right
まずググる際のポイントから学べるとより効果がありそうですね。

~~Linuxの基本操作を学習し、コマンドをマスターすることを目的としたコース。有料コースで、難易度は"nomal"。なお、有料コースは学習したいコースのみを購入する課金制。~~

~~『Gitの使い方』を体験。LinuxにおけるGitの操作方法について学習する。~~

#### balloon nao left
Git！Gitは知ってる！！プログラムのソースコードを変更・管理するやつ！

#### balloon kota right
そうです。プログラムのソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムのことですね。

#### balloon nao left
リポジトリ…ブランチ…コミット…言葉の意味が分かる…！私はセキュリティ基礎コース『SSHに対する攻撃』よりこっちのLinux応用コース『Gitの使い方』の方が進めやすいかも。

#### balloon kota right
これまでの学習で基礎が固まってきたというのもあるでしょうが…Gitは比較的なじみがあるというのも大きいんでしょうね、サクサクいけます。繰り返しの感想になりますが、**壊す心配がないので心置きなくコミットできる**のが素敵です。

#### balloon nao left
分かるーーーーー弊社もGit導入してるけど「ほんとに？ほんとにこれコミットして大丈夫？なにか取返しのつかないこと起きたりしない？」って毎回どきどきするもん。

#### balloon nao left
懸念点としては、今は前提知識やハンズオンに解説があるからできてるけど、いざ実践で必要な時にmkdirみたいなコマンドをパッと思い出せるのか？ってところかな…なんて読むの？めくでぃあ？

#### balloon kota right
メイク・ディレクトリです。なおさんのような未経験者さんは「mkdirは"make directory"の略だよ！」まで分かるとすんなり頭に入るかもしれませんね。覚えにくいコマンドは「コマンド　●●　意味」などで調べてみるといいですよ、ググり力ですググり力。

#### balloon nao left
勉強みたいなこと言うじゃん…

●自分でサーバー環境を用意する必要がない
●必要なものはパソコン1台（WindowsかMacOS等を搭載/Google Chrome推奨）
●Linux・セキュリティ基礎コースは無料で学習できるので、まずはお試し感覚で気軽に始められる
●解説動画の用意など、初心者向けの配慮が見られる
●ググり力が身につく

●解説動画など、コースによってまだ準備中のコンテンツがある
●完全初心者だと、人によっては手詰まりになる場面が出てくる

### Envaderはこんな人に向いている

●まず何から手を付けたらいいか分からない人
●とにかく手を動かして覚えたい人
●ググることが苦にならない人

デメリットの「完全初心者だと手詰まりになる場面が出てくる」については、周りに経験者がいなくともTwitterで「[@envader_plus](https://mobile.twitter.com/envader_plus)」をつけて疑問点をツイートすると**運営チームが可能な範囲で回答をリプライしてくれます。**また、Envaderは現在も改修を重ねており、使いやすさも日々向上中です。

**新たに『Python環境構築コース』もリリース**し、まだまだ進化していくEnvader。ご興味のある方はぜひ一度体験してみてくださいね！

Envader公式サイト：[https://envader.plus/](https://envader.plus/)

アンドエンジニア編集部員。文系出身の元webデザイナー。

編集部：なお

編集部：こーた

インフラ学習プラットフォーム『Envader』とは？

『Envader』は使いやすいのか？実際に体験してみた

『Envader』のメリット・デメリットまとめ

『Envader』でLinuxを学んでみた。たとえやらかしても…ボタン1つでなかったことに！？【体験レポート】

**COBOL（Common Business Oriented Languageの略称）は、米国で編み出された事務処理向けの高級言語**です。COBOLは1959年9月に誕生してから60年以上が経過しており、非常に長い歴史と実績を併せ持っています。

当時には、すでにCOBOL以外の高級言語にFORTRANやLIPSが使われていました。FORTRANは科学技術計算用として、LIPSは人工知能の研究や開発に利用されていましたが、どちらも事務処理系のプログラムには向いておらず、事務処理で利用できるプログラムのニーズに応えて作られたのがCOBOLでした。

COBOLは自然言語の文法に近く、理解しやすいこともあり、プログラミングの入門用に適していたことから、一気に利用者が世界中に広まりました。現在でも政府系や金融系の基幹システムとして、一般企業の勘定系システムなどで活躍しています。

COBOLについて知るために、まずCOBOLの特徴を理解しておきましょう。日本にCOBOLが上陸したのは1963年のことで、1965年に富士通がCOBOLの最初のコンパイラを発表しました。その後、すべての汎用機にCOBOLのコンパイラが搭載されています。では、**COBOLの主な特徴**について見ていきましょう。

1.*自然言語に近い文法*によってプログラミングができるため、習得が比較的容易
2.単純なシーケンシャルファイル（順ファイル）から相対ファイルや索引ファイルまでさまざまなファイルを扱える
3.*大量データの読み書き、マージや並び替えなどを高速で処理できる*
4.事務処理に必要な定型帳票類の作成、印刷などが行える
5.データを*10進数で表現することができ、金額などのデータの確認が容易に行える*
6.メインフレーム以外にも、Windows・Mac・LinuxなどさまざまなOSで利用でき、移植性が高い
7.歴史があり、堅牢性や信頼性に優れ、*大規模システムの開発によく利用される*

*COBOLは、次の4つの部（DIVISION）から構成*されます。

IDENTIFICATION DIVISION（見出し部）は必ず記述しなければなりませんが、見出し部以外は省略することができます。DIVISIONの中には節（SECTION）や段落がありますが、慣れてくれば定型パターンや類似プログラムを利用して楽にコーディングができます。

### IDENTIFICATION DIVISION（見出し部）

**COBOLプログラムの識別を行うのが見出し部**です。見出し部には節（SECTION）がありません。ここにはPROGRAM-ID（プログラム名）などを記述します。

000010 IDENTIFICATION                   DIVISION.
000020 PROGRAM-ID.                       ABC001.
000030 AUTHOR.                             Taro Engineer.
000040 DATE-WRITTEN.                   2022/01/01.
000050 DATE-COMPILED.                 2022/01/02.

**プログラムを動かすコンピュータ名、環境変数などの情報の定義**を行うCONFIGURATION SECTION（構成節）と、プログラムファイルを使用する場合に記述するINPUT-OUTPUT SECTION（入出力節）などを記述します。

000060 ENVIRONMENT                      DIVISION.
000070 CONFIGURATION                    SECTION.
000080 SOURCE-COMPUTER.             SOURCECOMPUTER.
000090 OBJECT-COMPUTER.            XYZ-088.
000100 INPUT-OUTPUT                    SECTION.
000110 FILE-CONTROL.
000120  SELECT   IN-FILE             ASSIGN     TO ID-01
000130  ORGANIZATION IS LINE SEQUENTIAL.
000140  SELECT   OUT-FILE         ASSIGN     TO OD-01
000150       ORGANIZATION IS LINE SEQUENTIAL.

FILE SECTION（ファイル節）、WORKNG-STORAGE SECTION（作業場所節）、LINKAGE SECTION（連絡節）、COMMUNICATION SECTION（通信節）などで構成されています。ここでは、**プログラムで使用する入出力ファイルレイアウト・データ項目・外部プログラムインターフェースなどの定義**を行います。

000160 DATA                             DIVISION.
000170 FILE                             SECTION.
000180 FD IN-FILE.
000190 01 IN-RECORD.
000200    03  IN-SYAIN-CODE               PIC  9(6).
000210    03  IN-SYAIN-NAME              PIC  X(30).
000220    03  IN-SYOHIN-SYOZOKU      PIC  9(4).
000230 WORKING-STORAGE                 SECTION.
000240 77 WRK-COUNT                       PIC  9(2).

**プログラムの処理内容を記述**します。他の部とは違い、規定の節や段落はありません。

000250 PROCEDURE DIVISION.
000260 PERFORM INIT-PROC.
000270*
000280 PERFORM MAIN-PROC.
000290*
000300 STOP RUN.
000310*
000320 INIT-PROC SECTION.
000330 MOVE  ZERO TO  WRK-COUNT.
000340*
000350 OPEN  INPUT  IN-FILE.
000360*
000370 PERFORM  INFILE-READ-PROC.
000380 INIT-PROC-EXIT.
000390*
000400 EXIT.

## COBOLのコーディングルール（書き方）

**COBOLには厳格なコーディングのルール**があります。ルールから外れると、コンパイルエラーが多発し、そのエラー潰しに時間を要することになりますので、ルールは厳格に守るようにしてください。
COBOLでは1行は80文字以内と決められており、80文字を以下の5つの領域に分けた書き方をしていきます。

*▪一連番号領域*
先頭6文字は行番号を6桁の数字で記述します。自動採番される場合もあり、コーディング時に特に意識をする必要はありません。

*▪標識領域*
先頭から7文字目に「*」を入れることで、コメント行として利用できます。記述内容の説明などに使います。他、「/」でソースコード印刷の際に改ページ行であることを示すことができます。ここに「-」を入れると、前行から継続している意味となります。

*▪A領域*
先頭から8〜11文字目までの領域で、DIVISION（部）、SECTION（節）や段落の見出し、データ項目のレベル番号などを領域先頭から記述します。

*▪B領域*
B領域はメイン領域とも言える場所で、先頭から12〜72文字目までの領域です。それぞれの段落を構成する文、命令文などを記述します。ピリオドもこの範囲内で収まるようにします。

*▪見出し領域*
先頭から73〜80文字目までの領域で、翻訳対象外の領域です。ここにはプログラムの主に修正日、修正者名などをメモ的に記述を行います。この領域までコーディングを行ってしまうと、コンパイルエラーの原因となるので注意が必要です。

## COBOL入門に関するおすすめの書籍やサイト

ここまでCOBOLの基本について解説しましたが、実際に学び、自らコーディングをしてみないと理解は難しいでしょう。以下に、*おすすめのCOBOL入門関係の書籍やサイト*をご紹介します。

*[プログラミング入門　COBOL―情報処理技術者テキスト](https://www.kinokuniya.co.jp/f/dsg-01-9784407305388)*
情報処理技術者受験者向けのテキストです。情報処理技術者試験では2019年を最後にCOBOLが廃止されましたが、COBOLの入門本として長らく人気を集めた定番書です。**図解を多用しており、分かりやすいと定評**があります。サンプルプログラムを利用して実践的な知識が身に付きます。

・日本情報処理開発協会【監修】
・浅井 宗海【編・著】
・川上 るり子【著】
・サイズB5版
・ページ数230

COBOLは歴史がある反面、意外にもオンラインの学習サイトは多くはありません。その中から、おすすめのサイトを1つご紹介します。

*[COBOLプログラミング入門](http://tallercolibri.com/)*
**COBOLのプログラミングを初めて学ぶ方**に、分かりやすく図解を取り入れて解説しているCOBOLの入門サイトです。

実際にサンプルプログラムや練習問題の結果を確認したい場合があります。ご自身のパソコンにオープンソースのCOBOLを利用して開発環境を構築する方法もありますが、**書いたコードをすぐに実行して結果を確認できるサイト**がありますので、紹介しておきます。

ネット上にある簡単なプログラム（サンプルプログラム）をコピペして試すこともできます。このサイトは他にC・C++・Java・Ruby・Python・PHPなどの言語にも対応していますので、COBOL以外の言語を学んでいる方も活用できます。

*【参考】：[paiza.io](https://paiza.io/ja/projects/new?language=cobol)*

COBOLは60年以上の歴史を持ち、官公庁や金融関係を中心にして多くの企業で利用されている言語であり、膨大なシステムが現在も稼働しています。それらのメンテナンスだけでも多くのCOBOLエンジニアが必要ですが、政府提唱のDX化の動きによって、COBOLで構築されたシステムのオープン系へのリプレイス、再構築の動きも目立ち始めました。

こうしたことから、**COBOLに対する需要は今後も期待でき、COBOLエンジニアの将来性は高い**と考えられるでしょう。この記事でCOBOLに興味が湧いた方は、ぜひ第2言語としてCOBOLの習得を目指してみてください。

システムエンジニアがキャリアアップするのにおすすめの資格を解説！

COBOLは60年以上の歴史を持つ高級言語ですが、最近になり改めて注目を集めています。COBOLを扱えるエンジニアが減少する中、COBOLに関心を持ったエンジニアも少なくないでしょう。ここでは、COBOLが初めての方に向け、入門編として優しく解説していきます。

COBOLは、英語に近い自然言語で比較的容易に習得できる

COBOLには厳格なコーディング（書き方）ルールがあるが、定型化されており、慣れれば扱いやすい

COBOLは将来性がある言語で、第2言語としてぜひ学びたい言語である

COBOL入門！案件が豊富で将来性が高い？

**React（React.js、読み方：リアクトジェイエス）とは、JavaScriptのライブラリーの1つ**です。ここでは、Reactの概要やNext.jsとの違い、将来性について解説します。

JavaScriptとは？人気のJavaScriptを5分で学ぶ

プログラミングで使うライブラリとは？メリット・デメリットを解説

Reactは、Webサービス・アプリケーションのUIに関するコードに特化したライブラリーで、SNSで有名なメタ・プラットフォームズ社（旧Facebook社）によって開発されました。*Facebook・Instagramなどの著名なSNSで利用されており、日本でも注目され始めているライブラリー*です。

Reactはオープンソースとして公開されており、**常に新しいバージョンへのアップデート**されています。日本でもReact経験者のエンジニアの要求は高まっており、今後Reactは、フロントエンドエンジニアにとってなくてはならないものになる可能性があります。

React.jsと同じく「.js」を持つものの1つに、Next.jsがあります。*NextはJavaScript上で使えるアプリケーションフレームワーク*で、サーバー機能などを有しています。一方、ReactはUI構築に役立つライブラリであるためサーバー機能などは持たない点が両者の大きな違いです。

さらに、Nextはフレームワークであるため、フレームワーク全体がNext.jsの記法や開発状況に依存してしまう点には注意が必要です。一方、**Reactはさまざまなフレームワークの一部分に導入できるライブラリであり、既存のアプリケーションにも容易に導入**できます。

*Reactはその導入・改造・管理の容易さから多くのフロントエンドエンジニアに支持*されており、日に日に需要が高まっているライブラリーです。メタ・プラットフォームズ社による安定的なアップデートもあるため、今後のフロントエンド開発においてさらに活用が広がると考えられます。

一方、**現時点では日本でReactを扱えるエンジニアがまだまだ少ないのも事実**です。今のうちからReactを学習し扱えるようになっておけば、今後Reactが日本のフロントエンド開発の主流となった際に活躍が期待できます。

Reactの需要が高まっている背景には、導入しやすさや管理のしやすさといったReactの特徴があります。ここでは、React公式サイトでも紹介されている**「宣言的なView」「コンポーネントベース」「1度学習すれば、どこでも使える」**の3つの特徴について解説します。

参考：[React ユーザーインターフェース構築のためのJavaScriptライブラリ](https://ja.reactjs.org/)

### 「宣言的なView」が効率的でデバッグもしやすい

Reactの特徴としてまず挙げられるのが「宣言的なView」である点です。宣言的（Declarative）なViewでは、*対象のサイト・アプリケーションを「このような見た目にしたい」という宣言から設計*できます。これにより設計自体がシンプルになり、誰にでもわかりやすいのが特徴です。

また、変更や更新が必要なときでも、**Reactでは全体ではなく必要な部分だけを変更・更新**します。結果として、効率的なUIの作成ができるだけでなく、サイト・アプリケーションの将来の見通しを立てやすく、デバッグ作業の容易化にも寄与します。

### カスタマイズしやすい「コンポーネントベース」

Reactがコンポーネントベースであることは、管理・改修のしやすさに直結しています。*Reactでは細かく分けられたコンポーネント（構成要素）を組み合わせてインターフェースを構築*します。変更が生じた場合にも、該当するコンポーネントを変更するだけで済む点はReactの大きな特徴です。

また、**1度使ったコンポーネントは再利用して別のサイト・アプリケーションでも利用可能**です。これは開発工数を削減できる便利な特徴で、変更の容易さと併せて、Reactのカスタマイズ性の高さを実現している要素と言えます。

### 既存技術との組み合わせが容易で「1度学習すれば、どこでも使える」

Reactは、既存のアプリケーションに組み込まれることを想定して用意されているライブラリーです。Reactを活用して*新しい機能を追加するようなケースにおいても、既存のソースコードを書き換える作業は生じません*。既存技術との組み合わせやすさはReactの魅力の1つです。

また、PC向けアプリケーションだけでなく、Reactはスマホアプリの作成にも活用できます。**React Nativeを使えば、Android・iOS問わずスマホアプリの開発にReactを使えます**。UberEatsやSkypeなどの著名なアプリも、React Nativeを使用していることで知られています。

参考：[React Native](https://reactnative.dev/)

React初心者向けの入門として、*Reactの基本コンセプトを学ぶ方法と、実際に手を動かしてReactを使ってみる方法*について紹介します。

Reactの基本コンセプトを学ぶには、*公式のガイドを参照する方法が有効*です。ReactはJavaScriptのライブラリであるため、学習のためにはJavaScriptの基礎知識が前提とされています。JavaScriptの知識がない人は先に基礎を身につけておいたほうが効率的です。

ガイドでは、プログラムの例を見ながらReactの使い方を学習できます。**DOM更新方法やコンポーネントの定義方法、コードの再利用方法などReactの特徴を踏まえた基礎的な知識**を得られます。次のチュートリアルを実施する際も、確認できる実践的な補助教材としての位置付けです。

参考：[React 一段階ずつ学べるガイド](https://ja.reactjs.org/docs/hello-world.html)

### 初心者はまずチュートリアルを利用

Reactの基本コンセプトや基礎知識を理解できたら、実際に手を動かしてReactを使ってみることが大切です。*公式のチュートリアルを活用すれば、詳しいサポートを受けながらReactを練習*できます。前述のガイドと同様、JavaScriptの基本スキルが求められる点には注意が必要です。

チュートリアルでは、最終的に簡単なゲームを完成させることを目的とします。各ステップにおける詳細な説明のほか、**要所で正しいコードを確認できるため、初心者でも効率的にReactを学習可能**です。

参考：[チュートリアル：Reactの導入](https://ja.reactjs.org/tutorial/tutorial.html)

フロントエンド開発の開発での活用が広がっているReactですが、*利用に際しての注意点*がいくつかあります。

### ドキュメントは英語がメイン

Reactを導入する企業は増えているものの、前述のとおり日本ではまだ使用実績が少ないのが現状です。したがって*参照できるWeb上のドキュメントには日本語のものがまだ少なく、英語がメイン*である点には注意する必要があります。

この背景には日本でReactを扱えるエンジニア数もそれほど多くないことがあります。ただ、公式ガイド以外にも、書籍・動画教材は探せば見つかります。**日本語のドキュメントが少なく学習に手間がかかる側面はあるものの、先駆けてReactを学んでおく価値はある**と考えられます。

### Reactが適さないWebサービスもある

Reactは*仮想DOMによって、Webの動作を軽くする仕組みを採用*しています。メモリにDOM構造を記憶しておき、ユーザーの操作で変更された部分だけを更新することで、軽快な動作を実現可能です。反面メモリ消費が大きく、アクセス時のタイムラグが課題と言えます。

マップサービスのようにユーザーの操作で頻繁に表示を変更するようなアプリケーションにおいては、仮想DOMによる軽快な動作がメリットとして作用します。一方、**ユーザーがほとんど操作する必要がないページでは、アクセス時のタイムラグがUXの低下を招く**ため注意が必要です。

## 将来性の高いReactを活用できるエンジニアになろう

*Reactはシンプルで扱いやすく汎用性が高いJavaScriptのUIライブラリー*です。日本での実績はまだ少ないとは言え、今後のフロントエンド開発においてなくてはならないものになる高い将来性を秘めていると考えられます。

Reactの活用が広がるに伴って、**Reactを扱えるエンジニアの需要も高まってくることが予想**されます。フロントエンドエンジニアの方は、公式のガイド・チュートリアルを中心に学習を進め、Reactを使いこなせるようになっておくことをおすすめします。

フロントエンドエンジニアとバックエンドエンジニアを詳しく解説！

Reactは、JavaScriptのUIのコードのライブラリーです。デバッグやカスタマイズのしやすさや、再利用が容易な汎用性の高さから、多くのフロントエンドエンジニアの支持を獲得しています。本記事ではReactの概要について初心者向けにわかりやすく解説します。

Reactは、著名なSNSでも採用されているJavaScriptのUIに特化したライブラリーである

扱いやすさや汎用性の高さから、日本での活用実績は少ないものの、今後需要が高まるものと考えられる

Reactは公式のガイドやチュートリアルを利用して効率的に学習できる

Reactとは？入門編！意味や将来性を初心者にもわかりやすく説明


エンジニアを志し、本やインターネットで自己学習をしてみたもののゴールが見えずに挫折…そんな経験がある方、あるいはこれから経験をするかもしれない方は世の中に多いのではないでしょうか？

そうした事態を防ぐべく、エンジニアを目指すにあたって「最も効果的な学習方法とはなにか」について、クラウドエンジニアであり企業研修講師を勤める古里栄識さんにご説明をいただきました。（アンドエンジニア編集部）

多くのプログラミングスクールやエンジニア学習法が乱立する中、**「最も効果的な学習方法とは？」**というテーマは、これからIT業界に転職する方、これからエンジニアを目指す方にとっては気になるテーマなのではないでしょうか？

・少しでも早く成長する勉強法を知りたい。
・確実に成長する勉強法を知りたい。
・未経験でも挫折しない勉強法を知りたい。

という初学者エンジニアの悩みをたくさん伺ってきました。

企業のエンジニア講師やプログラミングスクールでの指導を通じて、数千名を見てきた筆者が語る「失敗しないためのエンジニア学習ロードマップ」をお読みください。

まずは、ゴール設定が大切です。
**皆さんは、エンジニアの職種をいくつご存知でしょうか？**

エンジニアと一言で言っても以下のように、多種多様な職種があります。
厄介なことに、これらには厳密な定義はなく、フルスタックエンジニア（なんでもできるエンジニア）なんて呼び方すらも存在しています。

・フロントエンドエンジニア
・バックエンドエンジニア
・iOSエンジニア
・インフラエンジニア
・データサイエンティスト
・ホワイトハッカー
・クラウドエンジニア

しかし、これでは皆さんは困ると思いますので筆者なりに分けてみました。
昨今のエンジニア市場、エンジニアスクール市場を見てみると大きく二つに大別できると考えております。

*1. ウェブ制作をするエンジニア*
Web制作として綺麗なHP等の制作を行えるようになる。

*2. システム開発をするエンジニア*
エンジニアとしてシステム等の開発できるようになる。

それぞれに求められるスキルは

*【ウェブ制作の場合】*
・HPのデザインスキル
・XDやFigma等のデザインツールを扱うスキル
・HTML/CSS/jQuery等の簡単なコーディングスキル
・WordPressを扱うスキル

*【システム開発の場合】*
・プログラミングスキル（Python,Ruby, Javascript, Java,,,,）
・ネットワークの知識
・Linuxシステムの知識
・クラウドの知識（AWS/Azure/GCP）
・データベースの知識
・Docker/k8s
・Rest API/GraphQL
・設計概念（オニオンアーキテクチャー、クリーンアーキテクチャー）

その他にもたくさんあるかと思います。

ご覧の通り、「ウェブ制作」と「システム開発」では求められる知識が全く異なります。どちらかと言うと、ウェブ制作は「デザイナー」「マーケター」の領域に近く、システム開発は「コンピュータの世界」に近いと考えています。

よって、ウェブ制作に関しては「エンジニア」という趣旨から少しずれると思いますので、今回は、**「システム開発をするエンジニア」**をゴールとしてお話しします。

昨今のプログラミングスクール市場を見ていると、「3ヶ月-6ヶ月」の期間でエンジニアになるという文言をよく見ますが、これは大きな誤解であると思っております。

確かに、6ヶ月ほどの学習でIT業界に転職することは可能ですが、皆さんにとって転職は「ゴール」ではなく、「スタート」であるべきだと考えています。特に、近年のIT業界の進展は非常に激しく、去年まで動いていたプログラムがバージョンアップデートのために動かなくなってしまうなんてこともありえるのです。

3ヶ月程度で身につけた知識では、すぐに時代に淘汰されてしまいます。

従って、私たちは、目先の技術の使い方（例えば、APIの使い方、フレームワークの使い方）を覚えるのではなく、いついかなるときにも応用できる**ITの基礎力**を身につけていく必要があると考えています。そして、この基礎力は決して「3ヶ月-6ヶ月」では身につきません。少なくとも**1年以上の継続的学習**によって身に着けることができると考えております。

筆者は、このIT基礎力を**「ITの基礎概念」**と定義することにしました。
以下、基礎概念に関するお話しをさせて頂ければと思います。

筆者が定義するITの基礎概念とは大きく4つの領域に分かれます。

・ネットワークに関する知識
・サーバー管理（UNIX）に関する知識
・プログラミングに関する知識
・ウェブに関する知識

こちらに、ネイティブアプリ（スマホアプリ）に関する知識も含めてもよかったのですが、ネイティブアプリ開発に一生触れない人もいるかと思いますのであえて抜いています。

これらの知識がなぜ重要であるかというと、ネットワーク・サーバー管理・プログラミングスキルについては、この10年でほとんど変わっていない技術なのだからです。例えば、近年流行っているようなDockerやk8s、vue.js/react.js、Django/Laravelのような知識は、流行に左右されます。今後10年は流行の中にいたとしても、今後20年の話をすると正直わかりません。もっと便利な技術が存在しているかもしれません。

つまり、流行ばかり追っていては本質的な知識をおろそかにしてしまうことになります。

**基礎概念に代表されるような知識は、この20年に関して、さほど進化していない**状態にあります。（革新的・破壊的な変更が少ないという意味です。）基本的な技術、概念であるため、これ以上進化しようがないといのも1つの理由でしょう。

さらに、新技術というものは、基本的には従来の技術をいくつか組合わせた物であることが非常に多いです。新しい技術は、意外と新しくなかったりします。

従って、皆さんは基礎概念をしっかりと押さえておくことによって、今後数十年とエンジニアで食べていくための知識を身につけていってほしいと思います。

## どの順番で基礎概念を学ぶべきなのか？

こちらの順番は、筆者が数百人の受講生にテストし実験した結果、導き出したものです。

### 1. ネットワークに関する知識を学習する

「インターネットはなぜ繋がるのか？」を自分の言葉で説明できるようになるのが目的です。OSI参照モデルやTCP/IPのような基本的なネットワークの知識を押さえた上で、それらの知識を繋げて考えられるようになれると合格です。

Linuxコマンドの練習をしましょう。ここでは、「環境構築」と呼ばれるプログラミング言語のインストールやデータベースのインストールについて学びましょう。なぜLinuxの知識が必要かというと、何かのサービスを開発する際に、環境構築はきっても切り離せないからという理由が一つ。そして、AWSやAzure、GCPなどのクラウドサービスを利用する時には、環境構築の知識がないと詰まることが非常に多いからです。筆者の体感では、90%の初学者エンジニアの皆さんがこの「環境構築」でハマります。ここを突破できるようになれば、一気に学習の幅が広まると考えています。

ちなみに、Linux系の学習は[Envader](https://envader.plus/)というサイトで学習できます。

~~サーバー構築やネットワーク、サイバーセキュリティなどの 仕組みを 学ぶことができるインフラ学習プラットフォーム（参照：[Envader公式サイト](https://envader.plus/)）~~

初心者・入門の記事（19ページ目）