- [HTMLを独学で勉強するには? エンジニアが学ぶべき理由や習得に必要な時間](https://and-engineer.com/articles/YXpquhUAACsAivlG)

- [HTMLでできることは少ない？できないことやタグも一覧でまとめた](https://and-engineer.com/articles/YV1ZtxAAACn9LtD9)

- [HTMLのdivタグとは？読み方・目的・使い方などを解説！](https://and-engineer.com/articles/YUmP1hAAACUA1NVs)

「プログラミング言語の他にHTMLやCSSを学ぶ意味があるのか？」という悩みを持つ初級エンジニアの方がいます。フロントエンドエンジニアなら、HTML/CSSは必須言語といえますが、バックエンドエンジニアやサーバーエンジニアにはあまり関係が無さそうに思えます。

しかし、プロジェクトリーダーやプロジェクトマネージャーを任された時に、*HTML/CSSの知識やスキルがあると、その分メンバーからの尊敬や信頼を得られる*でしょう。この記事では、**入門ガイドとしてHTML初心者の方を対象に、HTML/CSSを学ぶ意味や効果的な学び方について解説**します。

HTMLを知らないエンジニアはいないと思いますが、HTMLは「Hyper Text Markup Language」の略です。**HTMLはプログラミング言語ではありませんが、Webページを作るときに必須となるマークアップ言語の1つ**です。

 HTMLと一言で呼んでも、実際には「HTML4」「XHTML」「HTML5」の3種類があります。すべて覚える必要はありません。ここでは「HTML5」を対象に解説します。

CSSは「Cascading Style Sheets」の略で、*文字サイズや文字の色、余白、装飾などのレイアウトでの見栄えを決めるスタイルシート言語*です。HTMLだけでもWebページは作成できますが、殺風景で味気ないページになるでしょう。

そこで、*見栄えの良いページを作成するには、HTMLとCSSをセットで学ぶ必要があります。*

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

HTML/CSSはやさしい言語です。*少し学べばすぐに結果が確認できるため、挫折しにくい*のが特徴です。しかも、学習人口が圧倒的に多いため、壁にぶつかってもすぐに解決できます。また、あらかじめ特に準備するものがないため、すぐに始められます。

**HTML/CSSはITエンジニアの初めの一歩、エンジニアの一般常識**と考えて、できれば多くの人に学んでほしい言語です。

### HTML/CSSの学習は電子ブックよりも紙の本がおすすめ

最近はスマホやタブレットにダウンロードして読むタイプの電子書籍（電子ブック）が増えてきましたが、**勉強目的なら紙の本の方が良い**でしょう。

電子ブックの場合は、図が見にくい・一度に表示できる量に限りがあり複数のページにまたがって読む必要がある・コード表記のレイアウトが崩れていることがあるといった使い勝手にデメリットがあります。また、勉強の達成感も得にくいでしょう。

一方、*紙の本は1ページ内にまとまった情報が記載されている*ため、複数ページにまたがって確認する必要がありません。また図や表なども見やすく、実際にコードを入力しながら学習する場合も使いやすいです。

また、電子ブックは数ページ程度しか試し読みできないことが多く、購入したあとに「自分には合っていなかった」と感じることもあります。しかし、紙の本は購入する前にある程度試し読みできるため、購入後に後悔することも少ないでしょう。

HTML/CSSの学習を始めて苦手な部分や難しいポイントに差し掛かっても、**最低でも1ヵ月は学習を続けましょう。**比較的簡単だと言われるHTML/CSSですが、人によっては学習の途中で挫折することもあります。

しかし、わからないところはとばしたり、簡単なところからやり直したりしながら1ヵ月は学習を継続してください。本での独学は時間がかかるのが一般的です。学習スケジュールを立て、計画的に学習を進めることが大切です。

未経験者がHTML・CSSを最短で習得できる独学方法を解説！

**本を読みながら実際にコードを書くと、より知識が定着しやすいのでおすすめ**です。HTML/CSSの学習本の中にはサンプルコードや演習問題がついているものがあり、本を読みながらコードを書くとより効率的に学習できます。

また、コードを書くことでインプットだけではなくアウトプットも同時にできるため、学習の成果や進み具合が目に見えてやる気にもつながるでしょう。

ある程度HTML/CSSが理解できたら、**自分の好きなWebサイトを模写するのもおすすめ**です。Webサイトを模写することで、本で学んだ知識がどの程度身についているのかがわかります。また、わからないところや苦手なところを再認識できるため、足りない知識を補うこともできます。

## HTML/CSSの入門本を選ぶポイント

*HTML/CSSの学習本を購入するにあたり、注意すべきポイント*を以下で説明します。スクールに通うより遥かに安い出費で済むとはいえ、**せっかく購入するからには自分に合った本を選びましょう。**

### 自分のレベルに合っていること

*学習本の購入では、自分のレベルに合っているというのが最低限の条件*です。どんなに外装が素晴らしく、どんなに人気があっても自分に合わなければ意味がありません。間違って上級者用の参考書を選んでしまうと、いきなり挫折します。

また初級や入門の表記がある本でも、実際にはレベルが高すぎて理解ができないといったことがあります。書店で手に取って試し読みするのがベストです。電子書籍の場合もネットで一部試し読みができるものもあるため、**まずは中身を見て自分のレベルに合っているかを確認**しましょう。

### HTMLとCSSを同時に学べること

Webページ作成の基本はHTMLですが、CSSが使われているケースが大半です。**HTMLとCSSはセットで学びたい言語ですので、両方を解説している本をおすすめ**します。

HTMLとCSSの両方に対応している本であれば、効果的に2つの言語をマスターできるような構成になっており、*別々に本を買って勉強するよりは遥かに効率的*です。

### 最新のバージョンに対応していること

よく中古の書籍を購入する人がいます。小説など、時代の変化に直接関係ないものであれば問題はありませんが、**学習本の場合、時代の変化の影響を受けやすいIT系では、本は最新バージョンであることがポイント**です。

2022年現在*HTMLの最新バージョンは「HTML Living Standard」、CSSは「CSS3」*です。これらに対応している学習本や参考書を選ぶようにしましょう。

*（注意：HTML5は2021年1月28日に廃止され、HTML Living Standardが標準規格になりました。内容は大きく変わりませんが、できるだけHTML Living Standardを対象としている本がおすすめです。）*

これは必須ポイントではありませんが、**用語の解説が詳しく書かれている本や、インデックスがしっかりしている本は辞典代わり**にもなります。学習が終わったあとも辞書として使えるため、長く使えることがメリットです。

## 【2022年最新】HTML/CSS入門書おすすめ15選

HTML/CSS関係の解説本、参考書は非常に豊富です。ここでは、**おすすめのHTML/CSS入門書15選を紹介**します。以降で紹介する入門書のおすすめポイントとしては、入門者向けであること、HTMLとCSSを同時に学べること、最新バージョンに対応していることなどです。また、書評や口コミも参考にしています。

ちなみに出版日が比較的古いものでも、最新のバージョンに対応し、改訂している本は紹介しています。

### 1.スラスラわかるHTML&CSSのきほん 第2版

特徴：**小規模なサンプルサイトの作成を通じて、HTML/CSSの基本が学べる入門書**

2013年に初版が発刊された*ロングセラーの人気本*です。2018年に今回おすすめの第2版が発売されました。HTML/CSSの基本について、可能な限りわかりやすく解説されてます。

図解が多く、誰もがミスしやすい箇所のサポートも親切です。ある程度、 HTML/CSS の知識がある方には物足りない内容かもしれませんが、*入門者にはぜひおすすめしたい1冊*です。

【参考】：[スラスラわかるHTML＆CSSのきほん 第2版](https://www.sbcr.jp/product/4797393156/)

### 2.デザインの学校 これからはじめる HTML & CSSの本

特徴：**Webデザインの基本を学ぶ初心者向けのHTML/CSS入門書**

*比較的ページ数が少なく、初心者に優しい丁寧な説明で、すらすら読み進められます。*わかりやすいことを最優先としており、取っ掛かりの入門書としておすすめです。しかし、簡単な内容のため初心者でもこれ1冊で十分とは言えません。

超入門という点ではおすすめの本です。分厚い本は苦手、飽きやすいという方はこの本でスタートを切るのも良いでしょう。

▪著者：千貫 りこ、ロクナナワークショップ（監修）

【参考】：[デザインの学校 これからはじめる HTML & CSSの本](https://gihyo.jp/book/2017/978-4-7741-8968-0)

### 3. これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん

特徴：**HTML/ CSS、JavaScript などの入門書として網羅性に富み、これ1冊で基本を学べる**

初心者にわかりやすく書かれている本で、HTML・CSS・JavaScriptについて幅広く学べます。しかし、より詳しく学びたい人にはやや物足りなさを感じるかもしれません。*Web開発の基本について広く浅く学びたい人におすすめ*です。

【参考】：[これからWebをはじめる人のHTML＆CSS、JavaScriptのきほんのきほん](https://book.mynavi.jp/ec/products/detail/id=65861)

### 4.世界一わかりやすい HTML5&CSS3コーディングとサイト制作の教科書

特徴：**Webサイト作成に必要な知識を凝縮した教科書**

全15章から構成されています。レッスン1の基礎知識から始まり、 HTML/CSSの使い方を中心としたレッスンが続き、後半のレッスン14と15ではWebサイトの公開方法が記載されています。タイトル通り教科書のイメージが強いですが、*しっかり基礎を学びたい初心者の方におすすめ*の本です。

▪著者：赤間 公太郎、狩野 咲、鈴木 清敬

【参考】：[世界一わかりやすい HTML5＆CSS3 コーディングとサイト制作の教科書](https://gihyo.jp/book/2019/978-4-297-10302-6)

### 5.いちばんやさしい HTML＆CSS 入門教室

特徴：**スマホ対応のサイト作りを題材とした新しいタイプのHTML/CSS入門書**

「いちばんやさしい」のタイトル通り、HTML/CSSに特化した入門書です。特徴は*スマホ向けサイトを題材としている*点で、他の教本とは一線を画しています。

題材はスマホサイト作成ですが、モバイル対応サイトを作りながら、パソコン表示の対応方法なども解説されています。また、*閲覧するユーザーのデバイスに合わせて自動的に表示が最適化される「レスポンシブデザイン」の制作を学べます。*入門でありながら、実践力を高めたい初心者におすすめの1冊です。

▪出版社：株式会社ソーテック社

【参考】：[いちばんやさしい HTML＆CSS 入門教室](http://www.sotechsha.co.jp/pc/html/1213.htm)

### 6.HTML＆CSSとWebデザインが1冊できちんと身につく本

特徴：**読むだけで各言語の知識とWebデザインの基礎が身につく**

HTMLやCSSのコーディング方法に加え、多くのWebサイトで使用されている4つのレイアウト手法についても学べます。*基礎知識の勉強にもなる上、実践的なテクニックも学ぶことができます。*そのため、実際にHTMLやCSSを使った仕事がしたい人にもおすすめです。

またサンプルサイトの見栄えも良いので、Webサイトを作りながら楽しく勉強できるのもポイントです。

HTMLとCSSに関する学習本を探す際、書籍が多すぎて選ぶのに困る方が少なくありません。この記事では、ITエンジニアを目指す方にHTML＆CSSに関する入門本の選び方と、おすすめの入門書を紹介します。Webページを自分で作りたい方もぜひ参考にしてください。

HTMLとCSSは言語としての機能や目的は異なるが、Web作成において必須の言語でセットで習得すべき

HTML/CSSの入門書を探すには、3つのポイントを押さえる必要がある

おすすめのHTML/CSSの入門書15選と、それぞれの特徴について理解する

HTML/CSSを費用をかけずに学べるおすすめの入門書15選！

エンジニアの方が真っ先に思い浮かぶスクラッチは、ITのシステム開発時に一から開発する手法ではないでしょうか。ここで言うScratchは、ビジュアルプログラミングの言語です。

Scratch（スクラッチ）とは、*マサチューセッツ工科大学メディアラボが小中学生向けに開発した教育プログラミング言語を指します*。完全無料であり、多くの言語文字に対応しますので利用が拡大しています。日本語については、漢字とひらがなの双方に対応しますので幅広い層で利用可能となっています。
【参考】：[Scratch](https://scratch.mit.edu/)



Scratchは、8歳から16歳をターゲットに設計されています。*世界200カ国以上の国々で利用されており、70カ国以上の言語で提供されています*。公式サイトの情報によると、2022年5月現在の利用者は9,000万人を超えており大変人気があります。
【参考】：[Scratch Community statistics at a glance](https://scratch.mit.edu/statistics/)

Scratchもこれまで何度かバージョンアップを行っています。2007年に正式リリースされた初期バージョンは、Smalltalk環境の1つであるSqueakで動作しました。2013年に登場した2.0は、Adobe AIRに置き換えられました。2019年登場の最新版3.0では、*HTML5ベースに置き換えられアプリ利用せずに利用できるウェブアプリケーションのため、利用者がさらに増えました*。

利用者は気づきにくいとは思いますが、このようにバージョンアップとともにベースとなる動作環境や言語仕様も変遷を遂げています。

Scratchの派生版ですが、5歳から7歳向けのソフトウェアとなるScratchJrが、タフツ大学リサーチグループらとの共同開発で製品化されました。Scratchの簡易版の位置づけとなっており、お絵描きできるレベルから徐々にプログラムを学んでいきます。その過程で、*幼児期の計算力や識字力を高めていきます*。
【参考】：[ScratchJr](https://www.scratchjr.org/)

scratchは、ビジュアルプログラミングという手法を用います。ビジュアルプログラミングとは、視覚的な図形や絵・アイコン等のオブジェクトを用い、矢印で連結しプログラム作成する言語手法を指します。

ビジュアルプログラミングの基本概念ですが、指示で用いる条件や具体的な動作が書かれたオブジェクトをマウス操作でつなぎ合わせ、必要となる動作を完成させていきます。組み合わせを工夫することで様々な動作をさせることができます。

Scratchは、*ブロック型ビジュアルプログラミング言語です*。基本操作の書かれたブロックを連結し、動きや見た目や音等に処理を表していきます。画像のコスチューム変更や音の変更もできます。

Scratchは、感覚的に操作できるように設計されていますので、従来のコンピュータ言語で必要とされるような言語仕様を覚える必要がありません。プログラム知識不要で、幼児のコンピュータ教育から始められます。

Scratchは操作が簡単でありながら、*漢字・ひらがな表示に対応しています*。子供から未経験の大人まで実際にプログラミングし実行することができます。すぐに理解できますので、実行コード作成の操作を通じて論理的思考を学び、発想力やコミュニケーション能力が向上します。

Scratchでは、ゲームやアニメーション作成を簡単に行うことができます。イベントを登録することでインタラクティブなストーリー作成も可能です。完成した作品は、コミュニティで共有し互いに作業することもできます。アカウント登録なしでも公開作品で遊んだり、新規にプロジェクトを作成することができます。アカウント登録することで、作品を共有することもできます。

Scratchは、拡張機能があり外部装置との接続が可能です。この機能を用いてロボット制御を簡単に行うこともできます。LEGOによるロボット接続キットも販売されています。
【参考】：[LEGO MINDSTORMS EV3](https://scratch.mit.edu/ev3)
【参考】：[LEGO BOOST](https://scratch.mit.edu/boost)

このようなScratchの操作を通じて、*論理的思考の考え方を学び、問題解決やプロジェクト設計、アイデアの共有や交換の方法を理解することができます*。

*Scratchのプロジェクト作成から実行までの一連の流れは、Scratchの中で完結します*。そのため、その中でScratch以外のプログラムを利用することはできませんし、他のプログラム言語でScratchのコードを実行することもできません。AndroidやiPadで動作する汎用コードの作成は、これまでのテキストベース言語に任せることになります。

Scratchを始めるには、*PCやタブレットのブラウザから誰でも始めることができます*。スマホは閲覧のみで、プロジェクトの作成・編集はできません。ブラウザはPCでは、ChromeやEdge・Firefox・Safariがサポートされます。タブレットでは、モバイル用のChromeとSafariに対応します。

PCやタブレットでサポートされるブラウザのバージョンですが、PC用ブラウザは、Chrome：バージョン63以降、Edge：バージョン15以降、Firefox：バージョン57以降、Safari：バージョン11以降がサポートされます。Internet Explorerはサポートされていません。

タブレット用ブラウザは、Mobile Chrome：バージョン63以降、Mobile Safari：バージョン11以降がサポートとなります。

*ブラウザが対応しない場合は、アプリ版のScratchも利用可能です*。必要に応じてインストールを行います。Scratchアプリは、Windows 10以降、macOS 10.13以降、ChromeOS、Android 6.0以降に対応しています。
【参考】：[Scratchアプリをダウンロード](https://scratch.mit.edu/download)

公式アプリはiOSに対応しませんが、ウェブアプリケーションのためSafariで問題なく動作します。派生版のScratchJrはiOS・Androidともに対応しています。

### Scratchのプログラム作成と操作手順

*Scratchのプログラム作成は、プロジェクトを作成し作業していきます*。完成したら作品として公開することもできます。Scratchのホームページ最上部、左から2番目の「作る」あるいは「つくる」でプロジェクト作成のページが表示されます。

Scratchでは、*言語が日本語の「漢字」と「ひらがな」に対応しています*。「作る」あるいは「つくる」でプロジェクト作成の編集ページを表示させます。その最上部、左から2番目の地球儀のアイコンメニューから言語選択可能です。「日本語」では漢字、「にほんご」ではひらがな表示に設定されます。利用者の年齢に応じて選択し、使用します。

Scratchの編集画面は「コード」「コスチューム」「音」のタブを選択し、利用します。*コード編集画面がメインの編集画面です*。左側に提供ブロック一覧がパレット表示されており、中央にコード部分（スクリプトエリア）が表示されます。右側はステージと呼ばれる動作結果を表示する部分です。

コスチューム編集画面は、登場キャラクターを編集する画面です。音編集画面は、ブロック動作時の音を編集します。

Scratchの指示や操作を実行するブロックは、カテゴリー分類されています。具体的には、*処理系の「動き」「見た目」「音」、条件や判断の「イベント」「制御」「調べる」、演算系の「演算」「変数」に分類されます*。

「動き」は、キャラクターに動きを与えます。移動歩数や移動先を指定できます。キャラクターを回転することもできます。「見た目」は、キャラクターが言葉を発したり、コスチュームを変更したりします。大きさや色を変更することもできます。「音」は、デフォルトの音や録音データを鳴らしたり、効果音を変えたりします。音量変更も行えます。

「イベント」は、プログラム実行のトリガーとなる動作を指定します。旗が押された場合や、特定のキー操作をトリガーすることができます。背景・音量・メッセージ受信等のトリガーも指定できます。「制御」は、所定時間待ったり、繰り返したりできるほか、条件分もブロックで定義されています。「調べる」は、キー操作やマウスポインタ―の接触やクリック等の状況を取り込みます。

「演算」は、四則演算や比較演算、論理演算、文字列演算等に対応します。「変数」は、変数の作成から値設定・表示等を行います。

上記ブロックで不足する場合は、「ブロック定義」で新たなブロックを作成します。

上記のブロックの他に「拡張機能」を搭載します。左下の青いボタンが拡張機能です。音楽やビデオモーションセンサーなど11種類の拡張機能が用意されています。LEGOと連動したロボット操作も簡単に行うことができます。

ファイルの保存と読み込みは、「ファイル」メニューから行います。*編集ファイルは拡張子”.sb3”です*。Scratch 3.0に対応するファイルで、旧バージョンのScratch 2.0で用いることはできません。逆に旧ファイルの”.sb2”はScratch 3.0で読み込むことができます。

作品の公開は、Scratchの魅力の1つです。自身の作品を評価してもらうほかに、すでに多くのプロジェクトが公開されています。*プログラミングの例として多数の作品に触れることは学習の手助けになります*。公開プロジェクト（作品）は、リミックスすることができます。楽曲で言う編曲のようなイメージです。

*Scratchの作成（編集）ページには、解説書となるチュートリアルが表示されています*。必要に応じて処理方法を確認することができます。最上部中央付近に「チュートリアル」というメニューが表示されています。クリックすることで、登録済みチュートリアルが表示されます。概要から操作別・目的別に26のチュートリアルを利用することができます。
【参考】：[Scratch アイデア](https://scratch.mit.edu/ideas)

この他に、カテゴリー別の操作方法をコーディングカードにまとめており、やりたいことがすぐできるように工夫がされています。
【参考】：[Scratch すべてのコーディングカードを入手する](https://resources.scratch.mit.edu/www/cards/ja/scratch-cards-all.pdf)

## Scratchの用途が広がっていきます

Scratchは、ScratchJrを含めると幼児からプログラミング未経験者の大人まで幅広く利用可能です。公式登録している利用者はすでに9,000万人を超えています。**学校教育の他、多様性が求められる、博物館や美術館・図書館・公民館・コミュニティセンターでも実際に利用されています**。

このように現実的に利用が拡大していることから、論理的思考能力の開発の用途に適していることは明らかです。Scratchコミュニティの活用だけではなく情報発信するなど、自身も貢献してみてはいかがでしょうか。

プログラミング言語を一覧でチェック！種類別・難易度別で紹介

ドローンプログラミングの言語はPythonが最適？できることも解説

Scratchとは、小中学生向けに開発した教育プログラミング言語を指します。ビジュアルプログラミング言語の1つで、派生版を含めると幼児からプログラミング未経験者の大人まで対応可能です。ここではScratchの特徴や使い方について解説していきます。

Scratchとは、小中学生向けに開発した教育言語でビジュアルプログラミング言語の1つを指します

70カ国以上の言語表示に対応し、9,000万人以上に利用されています

漢字とひらがなに対応し、PCやタブレットで操作できることから、日本でも利用者が拡大しています

Scratchとは？広がるプログラミング教育の世界を解説！

エンジニアの皆さんは、機械学習やディープラーニングといえば、プログラミング言語のPythonを思い浮かべる方が多いと思いますが、Pythonと似た言語で、数値計算に特化した数値解析ソフトウェア/プログラミング言語MATLABが注目をされています。

この記事ではエンジニア初心者の皆さんに向けて、**MATLABで何ができるのか、Pythonとは何が違うのか、難易度や将来性などを徹底解説していきます。**

MATLAB（マトラボ）は、米国に本社を置き、数値計算ソフトを開発する**MathWorks社のプログラミング言語の名称です。**日本ではMathWorks日本法人によって販売されており、トヨタなど日本企業の導入事例も増えています。

MATLABは、行列処理や配列処理を得意とし、数値計算の分野に強い言語です。ほかに、データ型の変換、演算、条件分岐などのプログラミング機能を備えています。また、C言語、C++、Java、Pythonなどの他言語との連携機能を有するという特徴を有しています。

*【参考】：[MATLAB公式ページ](https://jp.mathworks.com/products/matlab.html)*

*【参考】：[「うまい運転」を実現するには トヨタ自動車がモデル予測制御（MPC）を活用](https://news.mynavi.jp/techplus/kikaku/mwj-13/)*

Javaとは？人気プログラミング言語Javaの将来性やメリットについて解説

MATLABの特徴としては、**数値計算処理に強い、グラフや図の作成が簡単である**という点にあります。また、コンピュータがプログラムを実行する際に、PHPやPython、Rubyなどと同じくインタプリタ言語です。

インタプリタ言語とは、1行ずつ機械語に翻訳していく方式の言語で、コンパイル作業が不要で、プログラムの実行結果をすぐに確認できる点がメリットです。

Rubyとは何か？Rubyの特徴やできることについて解説

PHPとは一体何か？他のプログラミング言語と異なるポイントを解説！

MATLABは米国の数学者クリーブ・モラー氏により1970年代後半に開発されました。クリーブ・モラー氏がコンピューター科学長を務めるニューメキシコ大学で学生たちに利用されたMATLABは、フリーソフトとして他の学校へも広まり、応用数学コミュニティでも話題になりました。

1983年にエンジニアのジョン・N・リトル氏がMATLABの商用利用の可能性に気付き、1984年にMathworks社を設立するとC言語でMATLABを書き直し、商用パッケージ化を図ったのです。**MATLABは当初、制御工学分野を中心に普及拡大をしていきましたが、次第に理工学系・経済学系の線形代数や数値解析分野でも使われるようになりました。**

最初は米国内を中心にで使われていたMATLABですが、1988年に日本で商用展開が行われ、『サイバネットシステム株式会社』が日本での販売を受け持ちました。その後、2009年以降は『MathWorks Japan』が販売代理店業務を受け持ち、今日に至っています。

東京工業大学では、2015年にMathWorks社と「Total Academic Headquarter」（TAH）ライセンス契約の締結を行いました。その結果、東工大学内のコンピューター以外にも、東工大の学生や教職員のパソコンにまでMATLAB/Simulinkがインストール可能となったのです。

これは**東工大の教育改革の一環としてMATLABの活用を進める**ものであり、今後の利用拡大、コンピューター学習の多様化などが期待されています。ほか、金沢工業大学もAI人材の育成を目指してMATLAB/Simulinkを導入し、全学生と教職員が、いつでも、どこでも、それらを自由に利用できる環境が整っています。

*【参考】：[東京工業大学が教育改革にMATLABを活用](https://jp.mathworks.com/videos/implementing-education-reform-at-tokyo-institution-of-technology-with-matlab-1490301629502.html)*

**SimulinkはMATLAB上のダイナミックシミュレーションのオプションツールボックスです。**

ダイナミックスシミュレーションとは、CG（コンピューターグラフィックス）で物体や人の動きなどの物理運動を力学的に模擬実験して表現するアニメーションのことです。SimulinkはMATLABとは一体の関係にあり、Simulinkだけを単独で利用することはできません。

*【参考】：[Simulink-公式](https://jp.mathworks.com/products/simulink.html)*

MATLABはPythonとほぼ同様のことができます。では具体的に何ができるのか、**活用事例も交えて代表的なものを挙げていきます。**

MATLABの得意なこととして、**深層学習（ディープラーニング）を活用したアルゴリズム開発、そのアルゴリズムの実装があります。**例としては『歩きスマホの検知』というものがあります。

これは「ディープラーニングによって、歩きながらスマホを利用している人物を判断・検知し、危険な歩きスマホをしていると警告を行う」といったアルゴリズムが実際に開発されています。

**MATLABの活用事例としては、先進運転支援システム（ADAS）があります。**先進運転支援システムはドライバーの役割である走行時の障害物認識を行い、自動ブレーキなどの制御を行う運転支援システムです。公式サイトによると、米国ではこのADASによって交通事故が28%減少したという結果が出ています。

*【参考】：[ADAS（先進運転支援システム）｜MathWorks 公式](https://jp.mathworks.com/discovery/adas.html)*

### Toolboxによるさまざまな数値計算

MATLABは数値計算言語と言われるだけあり、**アドオンのToolboxで機能拡張ができ、「統計解析」や「アルゴリズム開発」、「内挿、外挿、回帰」、「微分と積分」などあらゆる数値計算処理機能を利用することが可能です。**

MATLABには**CおよびC++のコード生成機能として、MATLABのコーディング用ツールである「MATLAB Coder」があります。**これによって、Cによるデスクトップアプリケーションや組込み用のアプリなど、幅広い用途に対応可能なコードの生成が可能となっています。

*【参考】：[MATLAB Coder-公式](https://jp.mathworks.com/products/matlab-coder.html)*

Pythonとよく比較されるMATLABですが、**MATLABはPythonとは何が違うのか**について見ていきましょう。

Pythonとは？人気のPythonを学ぶ際に知っておきたいこと

両者の違いを比較するために、比較表を作成してみました。

こうして比較してみると、**料金面や求人の多さではPython、数値計算処理機能ではMATLABということになるかと思います。**

	　　　　　　   　MATLAB	　　　　　　　　　  Python

*▪料金：*	　　　    基本は有償	　　　　      基本は無償

*▪得意分野：*	　　数値計算処理	　　　ディープラーニング

*▪言語方式：*	　　　　～いずれもインタプリタ言語～	

*▪サポート：*	　　専用ヘルプあり　　　ユーザーフォーラムなど

*▪求人件数：*	　　少ない　　　　   多い

※MATLABを言語として比較しています。

*【参考】：[Python 公式サイト](https://www.python.org/)*

*【参考】：[公開求人検索｜マイナビAGENT](https://mynavi-agent.jp/jobsearch/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv02)*

ここまで、MATLABの概要、MATLABで何ができるのか、MATLABとPythonの違いなどについて解説しましたが、ここでは**MATLABに関する素朴な疑問について解説をします。**

MATLABは基本的に**有償ソフトですが、30日間の無料評価版があります**ので、興味のある方は試してみてください。他、価格体系は以下のようになっています。詳細は参考リンク※で確認してください。

▪標準ユーザー　：　285,000円（永久ライセンス）、114,000円（年間ライセンス）

▪学術的使用（個人）：72,500円（永久ライセンス）、36,250円（年間ライセンス）

▪（HOME）個人利用：15,500円（購入）

▪学生：　4,990円（学生免許）、9,990円（学生スィートライセンス）

*【参考】：※[価格とライセンス｜MathWorks](https://jp.mathworks.com/pricing-licensing.html?prodcode=ML&intendeduse=comm)*　

MATLABを言語として見た場合、どの程度の人気度なのでしょうか？プログラミング言語の人気ランキングを発表しているTIOBE※によると、昨年に比べてランキングを落としてはいますが、**MATLABはよく知られたPerlやRubyに次ぐ位置にあります。**

*【参考】：※[TIOBE Index for May 2022](https://www.tiobe.com/tiobe-index/)*

MATLABは日本ではまだ知名度が低く、他の言語と比べると参考書やスクールなどの数は限られていますが、以下の**MathWorksのオンラインコースで学び、おすすめの参考書を利用してMATLABの使い方を学ぶとよい**でしょう。

*【参考】：[MATLAB入門｜自己学習形式のオンラインコース](https://matlabacademy.mathworks.com/jp/details/matlab-onramp/gettingstarted)*

初めての人でも独習で学べる入門書です。簡単な計算やシミュレーション、機械学習まで、サンプルコードで実践しながらやさしく学べます。MathWorksの*オンラインコースと併用するとより効果的でしょう。*

▪著者：藤原　毅夫
▪ページ数：224ページ
▪出版社：東京大学出版会
▪発売日：2021/01/22

*【参考】：[MATLABクイックスタート](http://www.utp.or.jp/book/b550289.html)*

**MATLABには、MathWorks社独自の認定資格制度があります。**Associateと Professionalの2つのレベルの認定資格があり、認定を取得するとMATLABエンジニアとしてのスキル証明になります。資格試験はMathWorks社のオンラインのトレーニングコースを受講することで試験勉強ができます。

試験はオンラインでの受験が可能ですが、詳細はMathWorks社に問合せをして確認してください。

*【参考】：[MathWorks 認定プログラム](https://jp.mathworks.com/services/training/certification.html)*

MATLAB/Simulinkは日本ではトヨタをはじめとして、日産、三菱重工業、村田製作所などの名だたる民間企業で採用されています。また、MATLABが利用されるDXやAI、IoTの分野はエンジニア需要が旺盛ですが、一方でITエンジニアの不足は続きます。

こうした状況から、**MATLABエンジニアに対する需要は今後も増加することが想定されます。**Pythonの人気は相変わらず高いものがありますが、日本市場でもMATLABが浸透していけば、MATLABエンジニアに対する需要は伸びると考えられます。

MATLABを試してみて、興味が湧いた方、AIエンジニアを目指す方はMATLABを習得してみてはいかがでしょうか。

*【参考】：[トヨタ｜検索｜MathWorks](https://jp.mathworks.com/search.html?c%5B%5D=entire_site&q=%E3%83%88%E3%83%A8%E3%82%BF&page=1 )*

DXとは？その意味と日本の現状、DX推進の障壁となる要因を分かりやすく解説！

IoTとは？概要から動作の仕組み・実際の用途まで丁寧に解説！

MATLABとは、ディープラーニングやデータ解析などで人気の数値計算ソフトウェアです。AI開発のプログラミング言語ではPythonと同様に、MATALABへの期待が高まっています。ここではMATLABの概要や特徴など、エンジニア初心者に向けてやさしく解説します。

MATLABはMathWorks社が開発している数値解析ソフトウェアの中で使われているプログラミング言語の名称

MATLABはアドオンのToolboxで機能拡張ができ、あらゆる数値計算処理機能を利用することが可能

MATLABの需要は今後も増加することが想定されるため、AIエンジニアを目指す人は習得をおすすめ

MATLABとは？AI開発で人気の数値解析ソフトウェア/言語を初心者向けに解説

## ビジュアルプログラミングとは

ビジュアルプログラミングとは、**視覚的な図形や絵・アイコン等のオブジェクトを用い、矢印で連結するプログラミング方法や言語を指します**。プログラミング教育や電子機器・IoT・ロボティックスなどの操作にビジュアルプログラミングの利用が増えています。

従来のプログラミングはテキストベースで、言語仕様で定められた文字や記号で記述します。例えばコンパイラ言語のC・Java、インタープリタ言語のPerl・Python・Ruby等が主に用いられています。ビジュアルプログラミングでは、このような専門性が不要ですので誰にでもプログラミングが始められます。

## ビジュアルプログラミングのメリット

ビジュアルプログラミングは*視覚的に操作が可能のため、プログラム未経験者や子供から大人まで利用機会が拡大しています*。ビジュアルプログラミングの広がりは、以下のメリットと効果の高さから伺われます。

ビジュアルプログラミングでは視覚的なオブジェクトを用いますので、*テキストベース言語で必要とされるような言語仕様を覚える必要がありません*。感覚的に操作できるように設計されていますので、簡単に使用できます。

2020年度から小学校でのプログラミング教育が必修化されています。プログラミング教育は論理的思考能力を高める目的もあります。オブジェクトの選択や連結は、*動作の順序や指示が理解できますので、最適な教育方法と言えます*。

### 誰にでもプログラミング可能

*テキストベースのプログラム知識不要で、幼児のコンピュータ教育から始められます*。子供から未経験の大人まで実際にプログラミングし実行することができます。すぐに理解できますので、実行コード作成の障壁が取り除かれます。

ビジュアルプログラミングでは、視覚的なオブジェクトを用います。各オブジェクトにはあらかじめ操作や指示が設定されていますので、*オブジェクトの組み合わせで所定の動作を実行させることができます*。

テキストベースではコーディング作法も異なり、プログラマの経験により記述方法に違いがあり、品質にばらつきがありましたが、ビジュアルプログラミングではばらつきが少なく、品質が維持できます。

## ビジュアルプログラミングのデメリット

プログラミング言語の記事（37ページ目）