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

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

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

**HTML5は2021年1月28日に廃止されました。**この記事を見てドキッとした人もいるのではないでしょうか。廃止の影響があるのか？あるいは今後も使えるのか？と、大変気になります。HTML5の廃止により、今後の影響がどうなるのか心配な人に向けて解説します。

HTMLとは？今さら人に聞けないその概略や役割を解説！

**HTML5とは、ハイパーテキスト記述言語（HyperText Markup Language）の5回目の改訂版**を指します。HTMLの仕様はWeb Hypertext Application Technology Working Group（WHATWG）が策定し、World Wide Web Consortium（W3C）で勧告されています。

HTML 5.1以降はHTML Living Standardに基づいており、現在最新の仕様はHTML 5.2を勧告後、HTML Living Standardに統合され仕様統一されています。

【参考】[WHATWG HTML Living Standard](https://html.spec.whatwg.org/multipage/)

HTML5とは？特徴や変更点・関連用語・対応ブラウザを解説！

HTMLは5回の仕様改訂を重ね、5回目の仕様改定でHTML5となりました。以下はオリジナル版からの仕様バージョンの変遷です。

・*オリジナルHTML*
　1989年にCERNで考案され、1990年にコードが開発されました。

・*HTML 1.0*
　1993年IETFによりオリジナルHTMLに従い、仕様化されました。

・*HTML 2.0*
　1995年IETFにより、RFC1866後にRFC2854として仕様化されました。
　以降のバージョンはW3Cが管理することになりました。

・*HTML 3.2*
　1997年W3C勧告により仕様化されました。

・*HTML 4.0、4.01*
　それぞれ1997年・2018年W3C勧告により仕様化されました。

・*HTML 5.0、5.1、5.2*
　それぞれ2014年・2016年・2017年W3C勧告により仕様化されました。

上記の通り、オリジナルHTMLからHTML 4.01までは定期的に仕様が改定されています。しかし、HTML 4.0からHTML5までは7年経過しています。**W3CはHTMLの仕様変更を望まなかったため、その間2004年にWHATWGが開発と仕様化を進めました。**

【参考】[W3C Hypertext Markup Language (HTML)](https://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt)
【参考】[ITEF Hypertext Markup Language - 2.0](https://datatracker.ietf.org/doc/html/rfc1866)
【参考】[W3C HTML 3.2 Reference Specification](https://www.w3.org/TR/2018/SPSD-html32-20180315/)
【参考】[W3C HTML 4.0 Specification](https://www.w3.org/TR/REC-html40-971218/)
【参考】[W3C HTML 4.01 Specification](https://www.w3.org/TR/html40/)
【参考】[W3C HTML5](https://www.w3.org/TR/2018/SPSD-html5-20180327/)

*WHATWGとは、Web Hypertext Application Technology Working Groupの略です。*WHATWGはアップル社・Mozilla Foundation・オペラソフトウェア社が設立したコミュニティで、開発ベンダ視点でHTMLを改善する活動を行っています。

2007年からはアップル社・グーグル社・マイクロソフト社・Mozilla社が共同運営しており、**ウェブブラウザに実装する技術の標準化作業を担当**しています。

【参考】[Welcome to the WHATWG community](https://whatwg.org/)

HTML Living Standardとは、WHATWGによって策定されたHTMLの規格です。**W3CのHTML5は2021年1月28日に廃止されたので、HTML Living Standardが唯一の標準規格**となります。

【参考】[HTML Living Standard](https://html.spec.whatwg.org/multipage/)

これまでの仕様一元化の流れをおさらいします。

W3CがHTML5でWHATWGと異なる仕様を盛り込んだことや、開発者寄りではない仕様化を進めたために、両団体の仕様がそれぞれ存在することになりました。これを解消するため、ウェブブラウザ開発ベンダが中心となり立ち上げられたWHATWGのHTML Living StandardがHTMLの標準規格として存続することになりました。

両団体は2019年5月、**仕様を統合し単一化することに合意し発表しました。**合わせて*利用者・開発者の視点に立ったオープンウェブプラットフォームに向けた活動を行うことを表明*しました。

【参考】[W3C AND THE WHATWG SIGNED AN AGREEMENT TO COLLABORATE ON A SINGLE VERSION OF HTML AND DOM](https://www.w3.org/blog/news/archives/7753)

【参考】[W3C AND WHATWG TO WORK TOGETHER TO ADVANCE THE OPEN WEB PLATFORM](https://www.w3.org/blog/2019/05/w3c-and-whatwg-to-work-together-to-advance-the-open-web-platform/)

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

現在、2021年1月にWHATWGのHTML Living StandardがW3Cによって勧告されており、ダブルスタンダードが廃止されたことで統一化がなされました。HTML Living Standardの仕様ドキュメントを見ると**「HTML Living Standardは一言で言うとHTML5である」**と説明しています。

つまり、HTML Living StandardはHTML5の代替規格ではなく、「広義のHTML5である」と言えます。

### HTML5とHTML4のそもそもの違い

HTMLは従来コンテンツの構造と見栄えを合わせて指定できましたが、現在は**文書構造をHTMLが担当し、見栄えをCSSが担当する**ことで役割を分離しました。

HTML4ではこれまで同様文書構造を表すために利用されていたものの、ウェブサイトの高機能化によりリッチウェブアプリケーションとして用いられることが増えました。そこでHTML5はHTML4と後方互換性を維持しながら、文字エンコーディング・DOCTYPE・言語要素・マルチメディアコンテンツ用言語要素の多くの機能改善が図られています。詳細はW3Cのドキュメントで定義されています。

【参考】[W3C HTML5 Differences from HTML4](https://www.w3.org/TR/html5-diff/)

【参考】[W3C HTML5 における HTML4 からの変更点](https://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/)

### HTML5とHTML Living Standardの違い

これまでに**HTML Living StandardはHTML5である、と言いましたが、実はHTML5.2と比べるといくつか違いがあります。**HTML Living Standardは日々改訂されているため、最新の仕様は公式サイトで確認してください。

公式サイト以外でも、Mozillaのデベロッパーサイトではタグで用いる要素や属性がどの仕様に基づいているのかを公開しています。MozillaはWHATWGの設立メンバーのため、正確な情報が得られます。

【参考】[MDN Web Docs HTML: HyperText Markup Language](https://developer.mozilla.org/ja/docs/Web/HTML)

HTML5以前を含めHTML Living Standardで廃止または非推奨となっている要素は、Mozillaデベロッパーサイトで公開されています。

【参考】[HTML 要素リファレンス 廃止または非推奨の要素](https://developer.mozilla.org/ja/docs/Web/HTML/Element#obsolete_and_deprecated_elements)

以下に、Mozillaデベロッパーサイトに掲載されているタグで用いる要素の中で、2022年3月現在、廃止または非推奨となっている要素を分類しました。廃止タグに加えて代替の要素・回避策も記載しましたので、参考にしてください。

・*HTML Living Standardで仕様化された要素*
　\<hgroup>→アウトラインアルゴリズムは実装されておらず、影響なし

・*HTML 5.2の仕様に基づく要素*
　\<applet>→\<object>で代替
　\<rtc>→\<rt>で代替

・*HTML 5.1の仕様に基づく要素*
　\<keygen>→ほとんどブラウザで実装されていないため影響なし
　\<menuitem>→\<input>で代替

・*HTML 5.0の仕様に基づく要素*
　\<noframes>→\<iframe>を推奨
　\<rb>→\<rt>で代替
　\<tt>→ \<code> \<kbd> \<samp>\<var>あるいは\<pre>を使用

・*HTML 4.01の仕様に基づく要素*
　\<acronym>→\<abbr>で代替
　\<big>→CSSプロパティのfont-sizeで代替
　\<frame>\<frameset>→\<iframe>を推奨
　\<noembed>→\<object>を使用

・*HTML 3.2の仕様に基づく要素*
　\<basefont>→\<font>\<font-family>\<font-size>\<color>で代替
　\<center>→CSSプロパティのtext-align・margin-left・margin-rightで代替
　\<dir>→\<ul>で代替
　\<font>→CSSのFontを使用
　\<strike>→\<del>\<s>で代替

・*HTML 2.0の仕様に基づく要素*
　\<xmp>→\<pre>や\<code>の使用

・*HTML 1.0の仕様に基づく要素*
　\<plaintext>→\<pre>や\<code>の使用

・*DOMの仕様*
　\<marquee>→後方互換性維持のため現状動作します

・*IEのみで使用*
　\<bgsound>→\<audio>で代替

・*Netscape Navigatorのみで使用*
　\<nobr>→CSSプロパティのwhite-spaceで実装

・*仕様外の要素*
　\<blink>→CSSコード記述で代替
　\<content>→DOMの\<slot>で代替
　\<image>→\<img>で代替
　\<shadow>→ほとんどのブラウザで実装されていないため影響なし
　\<spacer>→CSSで代替

## 新標準のHTML Living Standardが学べるおすすめの本

ここでは、**新標準であるHTML Living Standardについて学べるおすすめの本を紹介**します。新規で追加されたタグや廃止されたタグの代替方法はもちろん、Webページ制作の基本についても学べます。これからWebページの作成やデザインを学びたい方にもおすすめです。

### できるポケット Web制作必携 HTML&CSS全事典 改訂版 HTML Living Standard & CSS3/4対応

**HTML Living Standardの仕様に基づいたタグに加えて、CSS3・CSS4のプロパティがすべて掲載されています。**500ページ以上というボリュームですが、目次以外にも要素名・プロパティ名のインデックスがあるため、調べたい情報を探しやすいです。

また、サンプルコードも多数掲載されているため、実際にWebページを作成してデザインや動作を確認できます。なお、読者限定特典でサンプルコードを無料でダウンロード可能です。

【参考】[できるポケット Web制作必携 HTML&CSS全事典 改訂版 HTML Living Standard & CSS3/4対応 - インプレスブックス](https://book.impress.co.jp/books/1119101084)

### これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本

**豊富なイラストや図解でわかりやすくHTML・CSSの基本が学べる、Webデザインの初心者の方におすすめの本**です。HTML Living Standardの新標準に基づいた内容となっており、Webデザインの基礎知識がない方でもWebサイトを0から作成できるようになります。実際にWebサイトを作成する手順が記載されており、楽しく学べるので挫折しにくいでしょう。

【参考】[これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本（Capybara Design 竹内 直人 竹内 瑠美）｜翔泳社の本](https://www.shoeisha.co.jp/book/detail/9784798170114)

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

## HTML5廃止は仕様統一の始まり、しっかりと最新仕様を理解しましょう

HTML5の廃止はこれまでの仕様策定の混乱を抑えるために、W3CとWHATWGが合意の上で**HTML Living Standardに仕様を一本化**しました。しかし、WHATWGが「HTML Living StandardはHTML5である」と説明していることや、HTML5が広く認知されていることなどから今後もHTML5と呼ばれることが多いでしょう。

なお、*HTML Living Standardは頻繁に仕様が改訂されるため、開発者としてはしっかりと仕様を理解することをおすすめします。*

HTML5は2021年1月28日に廃止されました。これまではW3CとWHATWGの仕様がそれぞれ存在していました。今回はHTML5廃止では何が起きているのか？今後の影響があるのか？等について、廃止に関連する仕様統一の流れについて解説します。

W3Cが規格勧告したHTML5は、2021年1月28日に廃止されました

以降はWHATWGが規格策定するHTML Living Standardに仕様が一本化します

WHATWGではHTML Living Standardの仕様はHTML5であると説明しており、今後も仕様改訂がされます

HTML5の廃止の影響は？知識を無駄にしない仕様変遷を紹介！

**jQueryとは、Webブラウザ用のJavaScriptのコードをより簡単に記述できるように設計されたJavaScriptライブラリの1つです。**jQueryのスキルを習得すれば、Web制作でできることの幅が広がります。ここでは、jQuery入門ということで、概要や特徴・できることについて初心者向けに分かりやすく紹介します。

【参考】[jQuery](https://jquery.com/)
【参考】[JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript)

jQueryの読み方は「ジェイクエリー」で、ジョン・レシグ氏によって2006年1月にリリースされました。**jQueryとはJavaScriptでできることを簡単に実現できるように設計されたJavaScriptライブラリの1つです。**つまり、jQueryとJavaScriptは異なるプログラミング言語ということではなく、jQueryはJavaScriptのプログラムの1つと言えます。

*jQueryの登場により、プログラミング初心者でもフロントエンドに関する開発を行いやすくなったという特徴があります。*近年では、JavaScriptのフレームワークである「Vue.js」「React.js」の登場により、jQueryを使用することが「終わった」と感じている方もいるかもしれません。しかしWeb制作の現場では、jQueryはシンプルなコードで記述されるため、現在でも多用されています。またjQueryは学習コストが低いため、身に付けて損はないスキルと言えるでしょう。

**jQueryのライブラリの中には、HTML・CSSに関するソースコードが数多くあり、動的な表現をシンプルな短いコードで簡単に実装できます。**例えばjQueryでできることとして、Webサイトでよく使用されている「ボタンをクリックすると画像が切り替わるスライドショー」「マウスオーバーすると文字や背景の色が変化するメニュー」などが挙げられます。

また、*JavaScriptでできることの1つであるサーバ非同期通信「Ajax」についても、jQueryを使用すれば簡単に実装可能*です。一般的にサーバにデータを送信して、処理結果をWebサイトに反映するには、再読み込みを行う必要があります。しかしAjaxを使用すれば、非同期でサーバと通信できるため、Webサイトの再読み込みが不要となります。jQueryを使用しないでソースコードを記述した場合、コード量は膨大となり、ソースコードの可読性や開発効率の低下を招くでしょう。

jQueryでできること一覧を紹介！スライドショーの作成も可能

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

ここでは、jQueryのメリットとデメリットについて説明します。**jQueryは便利な面もありますが、デメリットもあります。**jQueryを取り入れる前に、メリットとデメリットを理解してから導入を検討してください。

### メリット1.短いコードで記述できる

**jQueryを使用してコードを記述すれば、JavaScriptでコードを記述するよりもコードの量が大幅に少なくなります。**少ないコードで記述できることによって、開発効率を上げたりコーディングミスを減らしたりする効果があります。またコードが見やすくなるため、ほかの人が書いたコードを扱う場合や、コードレビューの際も作業が楽になるでしょう。

### メリット2.すべてのブラウザで使用できる

JavaScriptを使用して同じ動作を同じコードで記述した場合でも、Safari・Google Chrome・Microsoft Edgeなどのブラウザによって処理が実行されないことがあります。しかし、**jQueryを使用すればすべてのブラウザで同じ動作を実現することが可能**です。そのため、ブラウザごとにコードを手直しする必要がないので管理がしやすくなります。

### メリット3.HTMLのDOM操作が簡単になる

**jQueryは、HTMLの部品であるDOM操作が簡単になることもメリット**です。DOM操作には、テキストボックス内の中身を取得・変更することや、ボタン1つで画面の部品を表示・非表示にすることなどがあります。JavaScriptを使用するよりも簡単にDOM操作ができるため、Webページに複雑な動作を盛り込みたいときも便利です。

### デメリット1.処理が遅くなる場合がある

**コードの量によっては、JavaScriptの方がjQueryよりも処理が早くなる場合があります。**jQueryは、処理を実行する際にライブラリを読み込む必要があるため、その分処理に時間がかかるためです。JavaScriptとjQueryで処理速度の違いを理解し、処理速度が速い方を使うようにしましょう。

### デメリット2.JavaScriptの知識が不十分になる

**jQueryはJavaScriptを完璧に理解していなくても使えるため、JavaScriptの知識が不十分になる**場合があります。そのため、トラブルが発生した場合に修正の仕方がわからないといった状況になることもあります。トラブル発生時にきちんと対処できるように、jQueryだけでなくJavaScriptについても十分に理解しましょう。

### デメリット3.フレームワークと競合する可能性がある

**JavaScriptのフレームワークである「Vue.js」や「React.js」とjQueryを併用すると、処理が競合してエラーが発生する**場合があります。フレームワークとjQueryを併用して処理が競合する場合、jQueryを使用せずにJavaScriptだけでコーディングするといった対応が必要です。

jQueryとは、JavaScriptでできることをより簡単に記述できるように設計されたJavaScriptのライブラリの1つであることは理解できたでしょうか。ここでは、jQueryの使い方について詳しく紹介します。

jQueryを使用するには、導入から始める必要があります。**jQueryの導入方法には2種類があり、ファイルをダウンロードしてサーバに直接アップロードする方法と、jQueryの配布元で公開されているファイルを使用するCDNを用いる方法の2つです。**CDNとは「Content Delivery Network（コンテンツデリバリーネットワーク）」の略称であり、Webコンテンツをインターネットを経由して配信するために最適化されたネットワークのことです。

まずjQueryをダウンロードして導入する方法では、オフラインでも利用できるというメリットがあります。下記のjQueryに関する公式リファレンスの「Download」にある「Download the compressed, production jQuery x.x.x」と記載された最新バージョンのファイルを右クリックし、「名前を付けてリンク先を保存」でダウンロードすることが可能です。

【参考】[jQuery](https://jquery.com/)

一方、CDNを使用してjQueryを導入する方法では、Webサイトの表示を高速化できたり、サーバの負荷を軽減させたりすることができます。一般的に*「jQueryのCDN」「GoogleのCDN」「MicrosoftのCDN」の3種類が使用できます。*それぞれのURLを利用して、scriptタグを作成し、HTMLファイルのヘッダーに記述すれば導入は完了です。

**jQueryの記述場所は、ダウンロードした場合とCDNを使用する場合のどちらでも、HTMLファイルのヘッダーに記述する**のが一般的です。ただしダウンロードした場合は、HTMLファイルのヘッダーに対して記述する前に、jQueryのファイルをアップロードしなければならないため、注意が必要です。

また*jQueryファイルをダウンロードした場合には、JavaScriptファイルをサーバにアップロードする必要があります。*一方CDNを使用する場合には、この手順は必要ありません。まずは、ダウンロードしたファイルをサーバにアップロードします。例えば「js」という名前のフォルダを作成して、そのフォルダの中にファイルをアップロードするのがおすすめです。 その後、jQueryファイルのパスを使用してscriptタグを作成する必要がある点にも注意しましょう。

次に、事前準備ができたらHTMLファイルのヘッダーのscriptタグに、jQueryについて記述を行います。ヘッダーには、CSSファイルなど様々なファイルの読み込みについて記述するため、ヘッダーのどこにjQueryについて記述したら良いか迷われる方も多いでしょう。*ヘッダー内であれば、どこに記述しても問題ない*というのが結論となります。一般的に、実務現場では様々なファイルを記述する中の最後に記載する書き方が多いでしょう。

jQueryの使い方や導入方法については理解できたでしょうか。ここからは、jQuery入門ということで、jQueryの基礎文法について詳しく紹介します。

**jQueryの基本構文は「$("セレクタ").メソッド("パラメータ[引数]");」です。**セレクタにはjQueryで操作するHTML・CSSの要素を記載、メソッドには処理する内容について記載、そしてパラメータには具体的な処理を指示したい場合に記載します。例えば、h2タグによって囲まれた部分の色を青にする場合は下記のように記述します。

セレクタにはpタグ、メソッドにはcssを変更するためcss()、引数には文字色であるcolorを青（#0000FF）に指定するように記述しています。ここからはセレクタやメソッド、イベント処理について具体的に説明します。

jQuery入門！基本情報からライブラリの使い方まで解説

**セレクタには、操作対象となるHTMLやCSSの要素が入力されます。**例えば、idやclassの属性値を入力することも可能です。jQueryではセレクタによって、HTMLやCSSの要素の様々な箇所を制御することができます。ここからはセレクタの指定方法の具体例を紹介します。なおJavaScriptでは、「//」を使用すればコメントアウトすることが可能です。

// divタグを指定する場合
$("div")

// 最初のdivタグのみを指定する場合
$("div:first")

// 「pagetitle」というidを指定する場合
$("#pagetitle")

// 「myclass」というclassを指定する場合
$(".myclass")

**メソッドには、指定した要素に対してどのような操作を行うかを記載**します。パラメータを入力すれば、より具体的な処理を指定することが可能です。ここからは、よく使用されるメソッドについて紹介します。

例えば「.css()」メソッドは指定のCSSスタイルに変更するために使用します。「.append()」メソッドはHTMLの末尾に指定した要素を追加するために使用します。「.remove()」メソッドは指定した要素を削除するために使用します。そして「.addClass()」は指定した要素にクラスを追加するために使用します。

メソッドと似ているものとしてイベントがあります。**イベントを使用すれば、Webサイトにアクセスしたユーザーのアクションに対して任意の処理を実行することが可能**です。

例えばボタンをクリックしたときや、画面をスクロールしたときなどに対して、イベント処理を行うことができます。 jQueryで使用できるイベントは数多くありますが、ここからは一例を紹介します。

// divタグの要素をクリックした場合のイベント
$("div").click():

// divタグの要素をマウスオーバーした場合のイベント
$("div").mouseover():

## jQueryを使用すればJavaScriptの記述を効率化できる！

これまでに、jQueryの概要・特徴・できること・メリット・デメリット・使い方・導入方法・入門者向けの基本文法について解説しました。jQueryとは、**JavaScriptのコードをより簡単に記述できるように設計されたJavaScriptライブラリであり、JavaScriptのプログラムの1つ**とも言えるでしょう。また、jQueryを使用すれば短いコードで開発を行えるため、ソースコードの可読性や開発効率の向上が期待できます。

*jQueryを導入するには、公式リファレンスからダウンロードする方法とCDNを使用する方法*の2種類があります。それぞれのメリットとデメリットを把握してから、導入方法を選択するのがおすすめです。そしてjQueryを記述する場所は、HTMLのヘッダーです。

jQueryの基本構文は、主にセレクタ・メソッド・パラメータから構成されます。jQueryは学習コストが比較的低いため、今後Web制作に携わりたいと考えている方は、ぜひ勉強しましょう。

jQueryのおすすめ本をレベル別に紹介！勉強方法も解説

jQueryとは、JavaScriptのコードをより簡単に記述できるように設計されたJavaScriptライブラリの1つです。当記事では、jQueryの概要・特徴・できること・メリット・デメリット・使い方・導入方法・入門者向けの基本文法について解説します。

jQueryとは、JavaScriptのコードを簡潔に記述できるように設計されたJavaScriptライブラリ

jQuery導入方法は、公式リファレンスからダウンロードする方法とCDNを使用する方法の2種類がある

jQueryの基本構文は、主にセレクタ・メソッド・パラメータから構成される

jQueryとは？特徴・できること・導入方法・使い方を解説！

**近年急速に普及しているドローンですが、その用途は様々です。**娯楽用としては、カメラが搭載された空撮ドローンや単に飛行させるだけのラジコンのようなものがあります。ほかにも、競技用ドローンや事業用ドローンがあり、測量・農薬の散布・物を運ぶなどの用途で使われます。

このようなドローンはどのように操縦するのでしょうか。本記事では操縦方法として、プログラミングによる自動操縦について掘り下げて説明します。

ドローンの操縦方法としてすぐに思いつくものが、遠隔操作による操縦でしょう。*遠隔操作についてはドローン専用の資格もあり、ドローン操縦士として職に就くことも可能*です。

その一方、プログラミングによる自動操縦も見逃せません。**ドローンへのプログラミングを行う職業はドローンエンジニアと呼ばれ、ドローンの普及に従って需要も急増しています。**

### ドローンプログラミングでできること

**ドローンプログラミングでできることとして、最も一般的なものが自動操縦でしょう。**例えばプログラミングにより、ドローンを離陸させ特定のルートを通って着地するところまでを自動操縦することができます。さらにIF文による条件分岐を使えば、状況に応じて動きを変えることも可能です。操縦の分野では、強風などの悪天候の中でも安定して飛行させたり、障害物を避けたりすることも応用として考えられます。

もちろん、ドローンプログラミングは自動操縦を行うだけではありません。*ドローンに取り付けられたカメラで特定のタイミングで空撮を行ったり、センサーのデータを収集したりすることもできます。*こうしたことから、前述したドローンによる測量や農薬散布の自動化を行うこともできるようになるのです。

### ドローンプログラミングを使った仕事

**ドローンを使って様々なことを自動で行えるドローンプログラミング**ですが、どのような仕事で使われるのでしょうか。産業分野においては、自動で農薬を散布したり、決められたエリアの測量を行ったりすることが考えられます。娯楽分野では、空撮写真・動画の撮影・イルミネーションを行うことが挙げられます。さらに防犯分野では、警備員の代わりにドローンに警備をさせることも行われています。

### プログラミングに対応したドローン機種とは

プログラミングに対応したドローンには、どのようなものがあるのでしょうか。**市販されているドローンでは、プログラミングに対応している機種が少ない**です。代表例を下記に記します。

*「Tello」*
Mavicシリーズで有名な中国のドローンメーカーDJIによるプログラミング可能なドローンです。Python・Swiftだけでなく、Scratchでお手軽にプログラミングを行うことが可能です。

【参考】[ドローンTelloについて](https://www.ryzerobotics.com/jp/tello-edu?site=brandsite&from=landing_page)

*「Parrot Mambo FLY」*
フランスのメーカであるParrotのドローンは、ブロックコーディングとテキストコーディングの両方に対応しています。そのため、プログラミング初心者の方からエンジニアの方まで幅広く利用可能です。ブロックコーディングではTynkerやBlocklyなどが利用でき、テキストコーディングではJavascriptやPytonなどが利用できます。

【参考】[Parrot Minidrone MAMBO FLY [パロットミニドローンマンボフライ] | Hitec Multiplex Japan Inc.](https://hitecrcd.co.jp/products/mambofly/)

### ドローンを飛ばすのに資格や免許は必要？

ドローンを飛ばすのに資格や免許は不要です。しかしドローンの普及が拡大するにつれて、飛行中の事故や飛行禁止区域での飛行といった問題が多発していることから、**2022年に免許制度が導入される見込みです。**今後ドローンでプログラミングを学ぼうと考えている方は、免許制度についても留意しましょう。

また*2022年6月20日から、国土交通省ではドローンの登録を義務化すると発表*しています。登録していないドローンは飛行できなくなりますので注意しましょう。なお、期日前の事前登録も可能です。

【参考】[航空安全：無人航空機（ドローン・ラジコン機等）の飛行ルール - 国土交通省](https://www.mlit.go.jp/koku/koku_tk10_000003.html)

## ドローンプログラミングに対応した言語

**ドローンプログラミングはその名の通り、C言語などのプログラミング言語を使用します。**ただし全ての言語に対応しているわけではなく、対応している言語は限られています。ここでは、対応している言語で代表的なものを紹介します。

**インタプリタ型言語であるPythonは学習の敷居も低く、様々なアプリケーションに対応**しています。もちろんドローンプログラミングにも最適です。データ解析を得意とするPythonは直接ドローンをコントロールするのではなく、その補助を行うコンパニオン・コンピュータ上で動作し、飛行ルートの計算結果をフライトコントローラへ指示するような使い方も可能です。

もちろんTelloなどの教育用ドローン上でも動作し、*簡単なコードを書くだけで自在にドローンを操縦することができます。*

【参考】[Python.org](https://www.python.org/)

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

最も古く知名度のあるプログラミング言語であるC言語と、その上位互換であるC++でもドローンプログラミングが可能です。**C/C++の優れている点は、無駄がなく処理時間の少ないコードを書くことができる点です。**ドローンの分野でも瞬時に飛行命令を出さなくてはならない飛行制御において、その特性は非常に相性がよいと言えるでしょう。

大手DJIのドローンプログラミングにおいて、開発ツールであるSDKでもC/C++が対応しています。ただし、無駄のない処理を行える分*その習得難易度は高いことには留意しましょう。*

iPhoneなどのiOS向けの開発言語であるSwiftも、ドローンプログラミングに対応しています。**こちらは実践的というよりも教育的な面での採用が多くなっています。**その理由は、「Swift Playgrounds」というプログラミング教育アプリの存在です。iOS上で動作し、Swiftを使って自由にロボットを動かすことができる同アプリは、楽しみながらプログラミングを学べると話題になっています。

DJIのTello EDUもこのSwift Playgroundsと連携しており、ドローンを使ったプログラミング教育に最適と言えるでしょう。

【参考】[Swift - Apple（日本）](https://www.apple.com/jp/swift/)

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

Web開発などでも使われるJavaでも、ドローンプログラミングを行うことができます。スマートフォン用OSのAndroidはJavaによって作られており、**Android上で動くドローンプログラムもJavaで設計することが可能です。**フランスのParrot社の提供するBebop Droneは開発言語にJavaを選択することができ、多数のサンプルプログラムも提供されています。

【参考】[Java | Oracle](https://www.java.com/ja/)

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

Scratchは今まで紹介した言語とは異なり、教育のために作られた言語です。通常の言語がテキストでコードを書くのに対し、**命令が記述されたブロックを組み合わせることでプログラムを設計することができます。**ドローンプログラミングにおいても、ブロックによるイメージから直観的に操縦プログラムを作れるため子供の教育にも最適です。

こちらも前述のTelloがこの言語をサポートしています。

【参考】[Scratch - Imagine, Program, Share](https://scratch.mit.edu/)

現場で多く使われるプログラミング言語一覧！種類別に詳しく解説

## ドローンプログラミングを学ぶのに最適な書籍

ドローンプログラミングは基本的には組み込み系のプログラミングとなり、通常のプログラミングよりも難易度が高くなっています。そのため、**学習のために専門書籍を活用することをおすすめします。**ここではドローンプログラミングに役立つ書籍の例を紹介します。

### 空飛ぶプログラム〜ドローンの自動操縦で学ぶプログラミングの基礎

教育用のドローンであるDJI社のTelloを使いこなすための書籍です。ビジュアルプログラミングを用いた方法だけでなく、Pythonによるプログラミング方法も紹介されているので、**本格的にドローンプログラミングを始めたい方におすすめです。**

【参考】[空飛ぶプログラム〜ドローンの自動操縦で学ぶプログラミングの基礎](https://www.c-r.com/book/detail/1340)

### ドローンプログラミング　アプリ開発から機体制御まで

ドローンプログラミングをビジネスに活用したいと考えている方向けの書籍です。ドローン大手のDJI社による開発ツール「DJI SDK」を使いこなす方法が主となっており、**iOS及びAndroidアプリ開発の知識が求められるなど、プログラミング経験者向けとなっています。**その分、より実践的な手法を学ぶことができるでしょう。

【参考】[ドローンプログラミング　アプリ開発から機体制御まで](https://www.shoeisha.co.jp/book/detail/9784798151991)

### Scratchでトイドローンをプログラミングして飛ばそう！

子どもやプログラミング初心者の方向けの本です。**トイドローン「Tello」のプログラミングをわかりやすく解説しており、親子で楽しくプログラミングを学べます。**命令が記述されたブロックを組み合わせるブロックコーディングで、簡単にドローンをプログラミングできるでしょう。

【参考】[Scratchでトイドローンをプログラミングして飛ばそう！ - 秀和システム あなたの学びをサポート！](https://www.shuwasystem.co.jp/book/9784798055190.html)

## ドローンでプログラミングを学ぶこともできる

今までは主にプログラミング習得者向けの学習方法を紹介してきました。しかし今、**ドローンプログラミングはプログラミング未修得者にとっての入口になる**と注目されています。

### ドローンで学ぶことのメリット

**ドローンでプログラミングを学ぶことには、次のようなメリットがある**と言われています。

・*プログラムの動きを視覚的に理解できる*
一般的にプログラミングの実行結果というものはコンピュータ上で表示され、どう動いているかが直観的に理解し辛いといえます。しかし、ドローンプログラミングでは、実行結果が動きに直結するため、プログラムの動きを理解しやすいと言えるでしょう。

・*楽しく学ぶことができる*
通常のプログラミングと異なり、ドローンを自由自在に動かすという面白さがあります。学習において、面白さや楽しさがあるということは学習の継続につながるため、よりプログラミング技能を深めるのに役立つと言えるでしょう。

・*PDCAサイクルを学べる*
ドローンプログラミングには、「動きを考えてプログラミング」「ドローンを実際に動かす」「思い通りの動きかを確認する」「結果を踏まえてやり直し」といったPDCAサイクルを回すことができます。ビジネス面で有用なPDCAサイクルをプログラミング学習をしながら学べる点は、非常にメリットがあると言えるでしょう

・*市場価値が高いITスキルを学ぶことができる*
IT技術の進歩に伴い、エンジニアやSEといったIT人材の需要が増えています。しかし、現在IT人材の不足が懸念されており、特にドローンプログラミングといった特定のIT知識が必要な人材はさらに不足している状態です。そのためドローンプログラミングの知識を身に着けると、エンジニアとしてさらに重宝されるでしょう。

・*創造的な思考力が身に付く*
ドローンプログラミングでは、プログラミングによってドローンの動きが変化します。そのため、「左に旋回するにはどうすればよいか」「減速しながら着陸させるには？」といった小さな疑問から、創造力を鍛えることができます。創造力はドローン以外のプログラミングでも重要な役割を果たしますので、エンジニアとしてのスキルアップにもつながるでしょう。

ドローンを使ってプログラミングを学ぶ教材は多数存在します。例えば、**DJIのTelloはScratchを使ったプログラミングを行うことができ、手軽かつ直観的にプログラミングとは何かを学習できます。**さらにTello EDUではPythonやSwiftに対応しており、それらの言語の基礎も学ぶことが可能です。こうした教育用のドローンが販売されているだけでなく、学習イベントも盛んに行われているため、誰でも気軽に体験することができます。

ドローンプログラミングによる学習イベントは大人向けだけでなく、小学生などの子供をターゲットにしたものも多く開催されています。ドローンを操縦するという楽しさから、子供のプログラミング入門にもってこいと言えるでしょう。

多くのプログラミング対応ドローンは、子供が楽しみながら学べるように作られています。**DRONE STARは、Scratchよりもさらに分かりやすいビジュアルプログラミングでドローンを動かすことができます。**

## ドローンプログラミングの需要は益々増加

ドローンが普及するにつれ、ドローンプログラミングの需要も増えています。産業用のドローンを自動化して使いこなすには高いプログラミング知識が必要となるため、**ドローンプログラミングができるとエンジニアとして優位に立てるでしょう。**

その一方で、プログラミング教材としてのドローンも需要が高まっています。ドローンを動かすためのシンプルでわかりやすいプログラミングは、多くの人がプログラミングを身につけるきっかけを作ってくれるでしょう。

ドローンプログラミングを用いればドローンを自動で思いのままに動かすことが可能です。教育用の簡単な言語から組み込みに対応した難しい言語まで、幅広いプログラミング言語が使用できます。この記事ではドローンプログラミング言語の種類や用途、学習用教材としての立ち位置を解説します。

プログラミングによってドローンを自動操縦することができること

ドローンプログラミングに対応した言語にはC言語やPythonなどがあること

ドローンプログラミングはプログラミング教育の入口として注目されていること

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

システム開発に携わっていると、必ず直面するのがメンテナンスやバージョンアップです。それらに対応するために、従来は開発機と本番機を分ける構成が当たり前でした。

しかし、近年の仮想化技術の進展やハードスペックの向上によって、今では**同じ物理マシンに複数の仮想環境を構築して運用することが当たり前になっています。**

また、Pythonにも独自に仮想環境を構築することができる仕組みが備わっており、1つのマシン上で開発・テスト・本番稼働まで無理なく利用可能です。ここでは、Pythonの仮想環境について紹介します。

Pythonに関して、エンジニアの皆さんはよくご存じかと思いますが、改めて確認しましょう。

**Python言語はAIの機械学習の開発に使われることで知られていますが、実はWebアプリの開発やビッグデータの解析、さらにはゲームアプリの開発にまで利用されるほどの人気の言語**です。次に学びたい言語としては、C言語やJavaを抑えて1位となる人気ぶりです。

言語の記事（2ページ目）