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

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

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

【参考】：[HTML 5.2 W3C Recommendation](https://www.w3.org/TR/html52/)

*HTML5のベースとなっているHTMLは、ハイパーテキスト記述言語です。*ハイパーテキストとは、複数の文書を相互参照するためのリンク（ハイパーリンク）機能を有する仕組みを指します。

ハイパーテキストはWeb（World Wide Web）を始めとするウェブ系システムで標準利用されています。ウェブ系システムで使用するウェブコンテンツはHTMLで記述されており、コンテンツの通信や表示をしたり、直接PCに格納されたHTML文書をブラウザで表示したりすることができます。

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

HTML入門：基本から学ぶHTMLの構造と構成要素を解説！

HTMLは登場以来文書（コンテンツ）の構造と見栄えを指定できました。その後、煩雑な言語仕様を整理するために文書構造をHTMLが担当し、見栄えをCSSが担当することで役割を分離しました。

それからHTML4では文書構造を表すために利用されていたものの、ウェブサイトの高機能化によりリッチウェブアプリケーションのプラットフォームとしてのニーズが強まりました。

リッチウェブアプリケーションでは、視覚的なリッチコンテンツやマルチメディア機能が必要とされます。*HTML4では十分とは言えないために各ベンダーが独自拡張を進め、このバラバラの実装を整理したものがHTML5です。*HTML5は検索エンジン向けのタグが用意され、利便性が向上しました。

さらに、ビデオやオーディオの再生やオフライン表示のAPI等が追加されており、アプリケーションプラットフォームとしての機能追加が特徴です。

【初心者必見】HTMLとCSSの違いは？基本知識と学習方法も解説！

Adobe Flashは、長らくMacromedia Flashとしてリッチコンテンツのプラグインとして活用されていました。FlashはHTMLで用いるプラグインで動画やゲームで利用されていましたが、脆弱性が多数発見され、ブラウザがクラッシュすることが多かったのが実態です。

上記理由から、Apple社の当時のCEOスティーブ・ジョブズ氏はFlashを使用せずにHTML5を強力に推進しました。このためAdobe社はFlash継続をあきらめ、2020年末にFlash Playerの開発と配布を終了しました。

*ブラウザ提供各社は2015年から2016年にFlashのブロックを開始しており、2020年末のFlash終了への影響はほとんどありませんでした。*

*HTML5 プレイヤーとは、Flash Playerで提供していた動画再生機能をHTML5に置き換えたものです。*HTML5ではプラグインなしで動画やアニメーションを再生できます。そのため、HTML5 プレイヤーとは\<video\>要素を用いて動画再生機能を実装したものを指します。

HTML5 プレイヤーの実装例は、YouTubeが有名です。YouTubeでは2015年からHTML5 プレイヤーをデフォルトの動画プレイヤーとしています。その他にも、JavaScriptのライブラリとして提供するVideo.jsも数多く利用されています。

【参考】：[Video.js](https://videojs.com/)

*HTML5 ゲームとは、主にモバイル向けゲームで用いる用語です。*従来のスマホアプリはApp StoreやGoogle Playにアプリを登録し、Apple社やGoogle社のコントロールの下、アプリ配信を行っていました。主にアプリはゲームエンジンやライブラリ等を用いて開発するネイティブアプリとなります。理由は当時のスマホの性能が追いつかなかったためです。

近年スマホの性能向上が著しいために、ネイティブアプリではなくHTML5を用いてゲームを提供することが増えています。これは性能向上の他にも、Apple社やGoogle社のコントロールを受けないで配信や課金をしたいことが背景にあります。そのためHTML5 ゲーム市場は今後の成長が見込まれる領域です。

HTML5の最初の企画となるHTML 5.0は2008年にドラフトが公開され、2014年に勧告されました。2014年から2015年にかけてHTML5対応ブラウザが整備されています。*そのため代表的なブラウザであるEdge・Firefox・Chrome・Operaは問題なく動作しますし、そのほかのブラウザも順次対応機能が実装されています。*

ブラウザの対応状況を確認するには、「Can I use」や「HTML5test」等でHTML5の実装状況やお使いのブラウザの機能適合が確認できます。さらに、YouTubeでも対応ブラウザかどうかを表示してくれます。

【参考】：[Can I use](https://caniuse.com/)
【参考】：[HTML5test - How well does your browser support HTML5?](https://html5test.opensuse.org/)
【参考】：[YouTube サポートブラウザ](https://www.youtube.com/supported_browsers)

*HTML5の開発は、マークアップ言語に沿ったコンテンツをテキスト形式として作成します。*したがって、テキスト文書を作成する環境があればすぐにでも開始できます。具体的には、テキスト編集するためのエディタ、およびHTML5を表示するブラウザの準備ができれば問題ありません。

なお、HTML5に対応する統合開発環境（IDE）があるとさらに簡単に開発を行うことができます。具体的にはMicrosoft社のVisual Studio、オープンソースソフトウェアのNetbeansやEclipseの利用者が多いです。いずれも日本語に対応しています。

【参考】：[Microsoft Visual Studio](https://visualstudio.microsoft.com/ja/)
【参考】：[Apache NetBeans](https://netbeans.apache.org)
【参考】：[Netbeans 日本語化](https://github.com/junichi11/netbeans-translations-ja/releases)
【参考】：[ECLIPSE](https://www.eclipse.org/)
【参考】：[Pleiades All in One Eclipse日本語化](https://willbrains.jp/)

IDEとは？詳細やメリット、おすすめのIDEを紹介します！

Visual Studio 2022の新機能がIDEで歴代最高な理由

Eclipseとは？統合開発環境を日本語プラグインで快適に構築する方法を解説！

**HTML5はブラウザ機能とテキストエディタを用いるため、特に追加インストールは必要ありません。**統合開発環境（IDE）を使用する場合はそれぞれダウンロード・インストールを行い利用していきます。

動画編集ソフトによっては、ブラウザの拡張機能を使用するためにインストールが求められる場合がありますが、通常は必要としません。

**HTML5はHTML4と後方互換性を維持しながら、機能改善が図られています。**以下に代表的な変更点を記載しておきます。

・*文字エンコーディング*
従来の指定に加えて、以下のシンプルな指定が可能となり使いやすくなりました。
HTML4：\<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"\> 
HTML5：\<meta charset="UTF-8"\>

・*DOCTYPE*
こちらも従来の記述をシンプル化し、\<!DOCTYPE html\>と簡略化されました。

・*言語要素*
section、article、aside、hgroup、header、footer、nav、figure、の要素が追加されました。従来div要素で行っていた文書構造がより分かりやすく整理されました。

・*マルチメディアコンテンツ用言語要素*
audio、videoの要素が追加されました。ともにAPIが提供されており独自のインターフェイスを開発可能です。その他グラフィックス用canvas要素や、ダウンロード管理用progress要素等が追加されました。

上記のほかにも追加された要素や変更された要素があります。詳細は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/)

冒頭で記述した通り、HTMLの仕様はWeb Hypertext Application Technology Working Group（WHATWG）が策定し、World Wide Web Consortium（W3C）で勧告されています。HTML 5.1以降はHTML Living Standardに基づいており、現在最新の仕様は、HTML 5.2まで勧告されています。

この標準化の過程の中で、HTML5をW3Cがしっかり仕様策定する流れと、機能拡張を順次実施したいWHATWGで仕様の差異が生じてしまいました。そのため、ウェブブラウザ開発ベンダにより立ち上げられたWHATWGのHTML Living Standardが、HTMLの標準規格として存続することになりました。

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

HTML5はなぜ廃止された？いつからなのか、仕様変遷も紹介！

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

HTML5が「HTML Living Standard」に変更されたことで、HTML5の認定資格であった「HTML5プロフェッショナル認定試験」についてはどうなるのでしょうか。

公式サイトによると、「HTML5プロフェッショナル認定は今後も、HTML Standardとしてバージョンアップを行い、Webエンジニアの認定としての価値を維持していく」としており、*これまで資格を取得した方やこれから受験を検討している方に対する影響はないようです。*

【参考】：[HTML5はHTML Standardへ呼称変更　～ HTML5プロフェッショナル認定試験は今後も有効 ～ ｜「HTML5プロフェッショナル認定試験」公式サイト](https://html5exam.jp/measures/column_01.html)

これを踏まえ、ここでは「HTML5プロフェッショナル認定試験」について、試験概要や難易度について紹介します。

**HTML5プロフェッショナル認定試験とは、HTML5・CSS3・JavaScriptなどのWebコンテンツ制作やWebアプリケーション、動的なWebコンテンツの開発・設計の技術や知識を測る試験のことです。**

【参考】：[試験概要｜Web資格なら「HTML5プロフェッショナル認定試験」公式サイト](https://html5exam.jp/outline/)

試験は、Webコンテンツ制作の基礎の実力を測るレベル1と、JavaScriptを中心とした動的Webコンテンツの開発・設計の能力を認定するレベル2に分けられます。

*【レベル1】*
・試験名：HTML5プロフェッショナル認定試験 レベル1
・試験時間：90分（試験後の簡単なアンケートの時間を含む）
・問題数：約60問
・受験料：16,500円（税込）
・有効期限：5年間

*【レベル2】*
・試験名：HTML5プロフェッショナル認定試験 レベル2
・試験時間：90分（試験後の簡単なアンケートの時間を含む）
・問題数：40～45問
・受験料：16,500円（税込）
・有効期限：5年間

両試験はどちらもCBT（コンピュータベーストテスト）で実施され、全国各地の試験センターでの受験、または自宅や職場からのオンライン受験が可能です。試験日程においては空いている日時に予約できるため、受験スケジュールを立てやすいでしょう。

合否については、テストセンターで受験した場合は、テスト終了後すぐにその場で結果が表示され、オンライン試験の場合はピアソンVUEにログインした後に確認できます。

HTML5プロフェッショナル認定試験は合格率などを公表していないため、具体的な難易度を測るのは難しいですが、*レベル2に合格するにはレベル1に合格する必要があります。*

そもそもの認定条件として、レベル2はレベル1に合格することを前提とされた試験であるため、難易度はレベル2の方が高いことがわかります。

また、学習期間の目安としてレベル1は3か月〜半年程度、レベル2は半年〜1年程度と公表しています。さらに公式サイトの資格体系の紹介において、レベル1とレベル2の難易度の差を表したグラフが掲載されているので、気になる場合は参考程度にチェックしておきましょう。

【参考】：[HTML5プロフェッショナル認定試験 レベル1について（Ver2.5）｜試験概要](https://html5exam.jp/outline/lv1.html)

HTML5プロフェッショナル認定試験が難しい？試験内容や取得方法

HTMLからJavaを動かせる？JavaScriptを動かす方法も解説

## HTML5を理解して多様なウェブアプリケーションに活用しよう

**HTML5は文書構文がシンプル化され、リッチコンテンツや動画配信等広範囲に活用されています。**特にスマホの動画再生やすきま時間のゲームや学習コンテンツは市場拡大が続いています。

このためHTML5を理解したら多様なウェブアプリケーションに活用し、スキルアップを図ることをおすすめします。

HTML・CSSは独学で習得できる？初心者におすすめな最短の勉強方法

初学者必見！HTMLを勉強するのにおすすめの本を5つ厳選

初心者におすすめのHTMLエディタ5選！便利な機能で開発効率もアップ

HTML5とは、ハイパーテキスト記述言語の5回目の改訂版を指します。Flashの終了に伴いHTML5で動画やアニメーションへの用途が拡大しています。ここでは、HTML5の特徴やHTML4からの変更点、さらに関連用語や対応ブラウザ等を多岐にわたって解説します。

HTML5とはHTMLの5回目の改訂版を指し、マルチメディアやリッチコンテンツに対応します

HTML5は、現在HTML Living Standardにおいて仕様化と機能拡張を行っています

HTML5では構文の簡略化がされており、多用途に活用が期待されています

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

## Pythonの学習ロードマップとは？

*Pythonは数あるプログラミング言語の中でも、常に人気の位置にある言語です。*ソフトウェアの品質評価や追跡を行っているオランダの「TIOBE Software」の「TIOBEインデックス」では、プログラミング言語の検索数ランキングでPythonが1位を獲得しています。日本のみならず、世界的に人気の高いプログラミング言語ということが分かります。

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

そんなPythonを学習するためには、どういった手順で行うのが効率的なのでしょうか。この記事では、Pythonを学習するためのコツや学習方法などについて解説します。まずは、学習ロードマップから紹介します。

まずはPythonを知り、どういったことができるのかを学ぶところから始めます。次に、Pythonの文法・関数・メソッド・スクレイピング・プログラミングに必要な知識など、Webアプリ開発などに必要なスキルを習得します。

その際に、**Pythonに限らずプログラミング学習において欠かせないのが、参考書と学習サイトの活用です。**Python入門を謳う参考書や学習サイトでPythonの文法やスクレイピングなどについて知識を深め、それから実際にコードを書いて練習するというのが一般的な学習スタイルです。

Pythonは本で学ぼう！入門者におすすめの技術本5選！

開発環境とは、開発に必要なソフトウェアなどをインストールし、自分のコンピュータでソースコードの実行や実行結果の確認などを行えるようにすることです。**Pythonはもちろん、プログラミングを行う上で開発環境の構築は欠かせません。**

Pythonの開発環境を構築するには、公式のインストーラを使ったりターミナル経由で行ったり、Pythonの実行環境であるAnacondaを使う方法などがあります。

【参考】：[Free Download | Anaconda](https://www.anaconda.com/download)

また、Pythonの開発環境を整えるためには統合開発環境（IDE）もおすすめです。PC内にあるメモ帳でも代用できますが、IDEにはPython開発に必要な機能が多く備わっているため、IDEを活用した方が効率的に開発を行えます。IDEには様々な種類があるため、用途に合わせたものを選択しましょう。

Pythonのインストール方法：初心者向けインストール方法を1から解説！

【2022年最新】Pythonの開発環境の構築方法を初心者向けに解説！

Pythonの開発環境が整ったら、基本構文を学んでいきましょう。Pythonの基本構文を学習するには、参考書や学習サイトなどを活用して知識を深めていく方法がおすすめです。具体的には以下のようなことを学習しましょう。

・リテラルと変数
・演算子とインデント
・複合文
・関数とクラス、ライブラリ

また、Pythonにおける正しい情報を得るには、公式サイトでも確認できます。公式ドキュメントは日本語にも対応しており、これまでのバージョンについても検索が可能です。「初心者向けガイド」も記載されているため、初心者の方には特におすすめです。

【参考】：[Our Documentation | Python.org](https://www.python.org/doc/)
【参考】：[BeginnersGuide - Python Wiki](https://wiki.python.org/moin/BeginnersGuide)
【参考】：[3.12.2 Documentation](https://docs.python.org/ja/3/)

【入門編】Pythonの基本構文まとめ！学習方法や年収も解説

### アプリやシステムを開発してみる

ある程度学習が進んだら、実際にPythonを活用してWebアプリやシステム開発を行なってみましょう。

Python初心者が作れるものとしておすすめなのは、Webサイト上にある情報を集めるクローリングプログラムや、その中から特定の条件を指定して絞り込みを行うスクレイピングプログラムなどです。

さらにレベルを上げると、Excelの自動化プログラムや画像認識プログラムなども作れるようになります。

このようなプログラムは転職の際にポートフォリオとしても提示できるため、客観的にスキルのアピールが可能です。様々な作品を作ってみましょう。

<center>[エンジニア転職を成功させるため<br/>ぜひ*『マイナビIT エージェント』*をご活用ください！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)</center>

**Pythonとはプログラミング言語の1つであり、AI開発やWebアプリ開発に多く使われています。**また、データ解析・ゲーム開発・ブロックチェーン開発などでも活躍しており、特にAI開発は最近注目されている分野であるため、それに比例してPythonの人気も高まっています。

Pythonとは？人気の理由と基本知識をわかりやすく解説！

Pythonの特徴の1つに、*プログラムの記述がシンプルなことが挙げられます。*コードを記述しやすく、かつ判読しやすいのでメンテナンス性にも優れています。また、Pythonはインタプリタであるためデバッグも簡単です。コード開発が順次行われており、ライブラリ共有が進んでいます。

さらに、分析アルゴリズムが共通化しやすいAIでは、機械学習やディープラーニング（深層学習）のライブラリが数多く提供されているため、AI分野での開発言語はPythonが標準的に用いられています。

PythonはAIに必須！AIエンジニアを目指すならPythonを学ぼう

Pythonのメリットは、前述したようにシンプルな記述であるため、比較的初心者でも理解がしやすい言語であることです。昨今、小学生を対象としたプログラミング教室などではPythonを活用したプログラムなどが数多く実施されており、年齢を問わず導入しやすい言語であることが分かります。

また、*可読性が高いため他の人が書いたソースコードを読みやすく、ライブラリも充実しています。*加えて、Pythonはオブジェクト指向のプログラミング言語であるため、高機能なプログラムが簡単に記述できるメリットもあります。

最近話題の言語のPythonは何がすごい？メリット・得意分野を解説！

オブジェクト指向言語とは？概念とプログラミング言語をわかりやすく解説！

Pythonエンジニアには、Pythonを活用する「システムエンジニア」「AIエンジニア」「Webアプリケーションエンジニア」「データサイエンティスト」など、様々な職種があります。ここでは、システムエンジニアの年収例を参考に紹介します。

システムエンジニアの「マイナビエージェント職業別年収ランキング」での平均年収は455万円（2024年3月時点）、経済産業省2017年発表の「IT関連産業の給与等に関する実態調査結果」から近い職種のSE・プログラマ（顧客向けシステムの開発・実装）を参考にすると、平均年収593万円と分かりました。

国税庁2020年発表の「民間給与実態統計調査」における民間企業平均年収は433万円なので、システムエンジニアは一般平均年収よりも、やや高めであることが分かります。

システムエンジニアは年齢やスキルによって、年収の差が大きい職種です。**システムエンジニアとしてキャリアを積んだら、高収入が期待できるデータサイエンティストなどにキャリアアップするのもおすすめです。**

【参考】：[マイナビエージェント職業別年収ランキング](https://mynavi-agent.jp/helpful/income2020/category/it05/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)
※【平均年収 調査対象者】2019年12月～2020年5月末までの間にマイナビエージェントサービスにご登録頂いた方
【参考】：[IT関連産業における給与水準の実態① ~ 職種別（P7）](https://warp.da.ndl.go.jp/info:ndljp/pid/11623215/www.meti.go.jp/press/2017/08/20170821001/20170821001-1.pdf)
【参考】：[民間給与実態統計調査-国税庁](https://www.nta.go.jp/publication/statistics/kokuzeicho/minkan2020/pdf/002.pdf)

続いて、Pythonでできることについて具体的に解説します。Pythonは様々な用途で活用できます。以下では、特にPythonのスキルが必要な求人数が多いものをまとめました。これらの開発に携わりたい場合は、ぜひPythonを学びましょう。

Pythonでできることの代表例が、**Webアプリケーション開発です。**Pythonで開発されたWebアプリは数多くあり、代表的なものにYoutube・Instagram・Dropboxなどがあります。Pythonには優秀なフレームワークが多いため、目的に応じてフレームワークを選択することで、開発コストを抑えられます。

また、Webアプリ開発は案件数も多く、Python経験が浅い人でも参入しやすいでしょう。

PythonでのWebアプリ開発で使うフレームワークを解説！

Pythonと言えば機械学習と考える方も多いでしょう。機械学習は現在需要の高い技術分野の1つです。**Pythonには機械学習ライブラリが数多くあるため、効率的に機械学習アプリを開発することが可能です。**人気のライブラリには、NumPy・pandas・XGBoostなどがあります。

【参考】：[NumPy](https://numpy.org/)
【参考】：[pandas](https://pandas.pydata.org/)
【参考】：[XGBoost](https://xgboost.ai/)

将来、機械学習エンジニアは人手不足に陥ると言われているため、機械学習スキルを身につければ、市場価値を上げることができます。

【参考】：[経産省「DXレポートサマリー」](https://www.meti.go.jp/shingikai/mono_info_service/digital_transformation/pdf/20180907_01.pdf)

Pythonの機械学習ライブラリ10選！メリット・デメリットも解説

NumPyとは？効率的なPythonのデータ分析手法を解説！

XGboostとは？その特徴と用語・プログラムでの使い方を解説！

Pythonはデータ解析にも多く用いられます。具体的には、大規模なデータの中から企業にとって有益な情報を導き出す、といったことが可能です。**Pythonには数学ライブラリやグラフを作成するためのライブラリも多くあるため、データ解析にも向いています。**

データ解析のスキルを身につければ、データアナリストなどの職種に就く道が開かれます。データアナリストは平均年収が高い職種のため、Pythonを習得してデータアナリストを目指すのも良いでしょう。

Pythonによるデータ分析：入門情報から資格取得まで解説！

データアナリストとは？仕事内容や向いている人の特徴を解説

**Pythonは、スクレイピングに使われることも多いです。**スクレイピングとは、Webサイトから情報を抜き出して、エクセルなどにまとめることです。こういった作業は手動でやると時間がかかるため、プログラミングを使って行います。

スクレイピング案件は、スキルレベルがそこまで高くなくても、獲得できる場合も多いです。Pythonを習得したら、まずはスクレイピング案件の獲得を目指すのがおすすめです。

スクレイピングとは？APIとの違いや注意点も含め丁寧に解説

ここでは、Pythonを学習するためのコツをいくつか紹介します。当記事を参考に、効率的な学習を目指しましょう。

Pythonを学習する前に、まずは学習の目的を決めましょう。Pythonで何を作りたいのか目的を決めないまま勉強すると、モチベーションが続かなくなってしまいます。

Pythonを活用する分野として、Webアプリ開発・AI開発・データ解析などがあるため、興味のある分野から選びましょう。*AI開発に関しては初心者には難しいため、Webアプリ開発などからスタートするのがおすすめです。*

Pythonでできることは？初心者が作れるものや実用例を紹介

Pythonを含むプログラミングの学習には、学習スケジュールを立てることも肝心です。*1週間後、1ヶ月ごとなどのノルマを決めて進捗管理をしましょう。*初心者の場合、プログラミングの勉強は半年以上かかることが多いため、スケジュールなしで勉強すると、どこまで学習が進んだのかわからなくなり、モチベーション低下に繋がるかも知れません。

1つずつ、少しずつ課題をクリアしていくことで、スキルが身についていることを実感しやすく、モチベーションを維持しやすいでしょう。

プログラミングを勉強する順番を初心者向けに解説！目的別に何から学習すべき？

### 実際に手を動かして学習する

プログラミング学習は座学での知識の習得はもちろん、*実際に手を動かしながら行うのがポイントです。*参考書を読むのもおすすめですが、それだけではなかなか理解は深まらないでしょう。参考書にあるサンプルコードを実際に書き、自分の環境で実行してみることで記憶に定着しやすくなります。

企業によっては研修制度が充実している場合もあるため、そういった研修制度を利用してPythonスキルを獲得するのも良いでしょう。優良企業を探すには転職エージェントを活用するのがおすすめです。

ここでは、Pythonが学習できるサイトをまとめました。*これらのサイトを活用することで、効率的にPythonの文法・ライブラリ・フレームワークなどに関する知識の習得が可能です。*有料のものもありますが、そこまで高額ではないため、書籍を購入するよりもコスパが良い場合もあります。

1つ1つ、おすすめの学習サイトを見ていきましょう。

**Progateは、スライド形式で学習できるサイトです。**教材にはイラストが多く使われていることで読みやすく、内容も分かりやすいものが多いため、初心者には最適でしょう。また、多くの初学者がProgateを活用しており、中には教材を5周以上見直す人もいます。

Progateは各単元ごとに練習問題が出されており、理解が十分ではないまま学習を進めてしまうことを防ぎます。練習問題はブラウザにソースコードを記述する形式のため、開発環境を整えなくても良いのもメリットです。

【参考】：[Progate](https://prog-8.com/)

**ドットインストールは、動画を通じてPythonが学習できるサイトです。**動画内で講師が分かりやすく教えてくれるため、参考書を読むのが苦手な方にもおすすめです。動画のスピードは自由に変更できるため、難しい箇所はスピードを遅くし、ついていきやすくすることもできます。

ドットインストールも練習問題が用意されているため、これらの問題は忘れずに解くようにしましょう。また、Pythonだけでなく、Gitの使い方やMySQLなど、かなり幅広い動画が用意されています。これらの動画も合わせて観ることで、Pythonエンジニアに必須なスキルを身につけることができるでしょう。

【参考】：[ドットインストール](https://dotinstall.com/)

本記事では、Pythonの学習方法について解説します。Pythonが学習できるおすすめサイトや、学習する際の注意点についてまとめました。プログラミング学習は正しい方法で行うことが肝心なため、ぜひ本記事を参考に正しいPythonの学習方法を学びましょう。

Pythonが学習できるサイトには、Progateやドットインストールなどがある

Pythonでできることは、Webアプリケーション開発や機械学習など

UdemyやKaggleといったサイトでは、Pythonを活用した機械学習が学べる

Pythonの学習ロードマップとは？習得のコツやおすすめのサイトを紹介！

JavaScriptは「動的な言語」と言われているプログラミング言語であり、Webページを作成する際に**画面に動きを与えたり、アニメーションをつけたりできるようになります。**

また、人気の言語の1つでもあるので多くのプログラミング初学者が習得に励んでいます。TIOBEによる、2024年3月度のプログラミング言語検索数ランキングを表す「TIOBE Index for March 2024」では、*JavaScriptは6位にランクインしています。*世界的に見てもよく活用される言語であることが分かります。

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

JavaScriptは画面に動きを与える・アニメーションをつけることができる以外にも、さまざまなことができる便利な言語です。この記事では、JavaScriptでできることを紹介し、習得に向いている人や学習方法などについても解説します。

JavaScriptとは？特徴・メリット・何ができるのかを解説

それでは、具体的にどのようなことがJavaScriptでできるのか詳しくみていきましょう。

*JavaScriptを使うことで、画面に動きを与えることができます。*例えば、文字色を変更したり背景の色を変更したりが可能です。さらに、スライドショーやアニメーションを作ることもできます。JavaScriptのプログラムはユーザが画面を表示してから実行されるため、ユーザが画面上で行った処理に合わせて動作することができるのです。

JavaScriptで作られたサイトには躍動感や迫力があり、サイトをより魅力的に見せるためには欠かせない言語です。

### ポップアップウィンドウを表示する

**ポップアップウィンドウもJavaScriptを使って表示させられます。**ポップアップウィンドウとは、Webページ閲覧中に自動で画面上に表示される、小さなウィンドウのことです。広告やキャンペーンの通知などによく使われています。ポップアップウィンドウの表示内容も、JavaScriptによって変更できます。

### フォームに入力された内容を取得する

JavaScriptではフォームに入力された内容を取得することも可能です。入力された内容をチェックし、入力ミスがあればアラートやメッセージを出すことができます。また、**入力された情報を元にアニメーションを追加することもできるでしょう。**

### ブラウザ上で数値を計算する

JavaScriptはWeb上での数値計算も得意としています。*Webサイト上で金額のシミュレーションなどをする際に、計算機としての役割を果たします。*

代表的な例としては、旅行サイトにおけるホテル料金の自動計算や、保険サイトでの見積りなどが挙げられます。ユーザが入力した情報にもとづいて、単純な計算から複雑な条件つきの計算まで、さまざまな計算を行うことができます。

### サーバと通信してデータを送受信する

JavaScriptはサーバと通信を行うことも可能です。サーバ側にデータを渡したり、逆にデータを受け取ったりできます。*サーバ側と連携することで、高度な処理を行うことも可能です。*通信を行うときは、Ajaxという機能を使うことが多いです。

Ajaxとは？HTTP通信の基本からAjaxの利用法まで解説！

**JavaScriptはChromeやFirefoxの拡張機能を開発することもできます。**拡張機能とはブラウザをより便利に使える機能のことで、インストールすることで利用が可能です。例えば、ブックマークのグループ化機能、スクリーンショット撮影の簡易化機能など、数多くの種類があります。

JavaScriptではゲーム開発も可能です。*ゲーム開発をする場合、「enchant.js」というテンプレートを使います。*ゲーム開発というと難しいイメージがありますが、テンプレートを使えば簡単に開発が可能です。JavaScriptで作られたゲームの作品例としては、シューティングゲーム・RPG・テロリス・タイピングゲームなどが挙げられます。

近年、スマホの普及により多種多様なゲームを開発するためにゲームエンジニアが注目されています。ゲームエンジニアへの転職を目指すなら、JavaScript以外の言語も習得せねばなりませんが、まずはゲーム作りの入り口としてJavaScriptを習得しましょう。

JavaScriptでゲーム作成に最適なライブラリ6選！初心者も必見

ゲームエンジニアとは？未経験者向けに向いている人や将来性を解説！

スマホアプリは通常、Android向けとiOS向けそれぞれを別々の言語を用いて開発します。しかし、*JavaScriptのフレームワーク「React Native」であれば、AndroidとiOSどちらにも対応したアプリを開発することができます。*

別々につくる手間がなくなることで開発工数を大幅に削減することができるため、多くのスマホアプリでJavaScriptが用いられています。

React Native入門！将来性やアプリ開発環境について解説

JavaScriptは、Web上で動作するWebアプリの開発にも用いることができます。*Web画面に動きをつけたり、サーバとの間でデータを送受信できたりと、JavaScriptの得意分野はWebアプリを開発する上で非常に役に立ちます。*

JavaScriptで作られたアプリのWebアプリの例には、チャットアプリやSNSアプリなどがあります。「Facebook」や「Instagram」など世界的に人気のWebアプリにも一部でJavaScriptが使われています。

特にユーザ側が直接操作するフロントサイドの開発では、JavaScriptのフレームワークが使われることが多いです。また、サーバーサイドの開発においても、JavaScriptを使用することが可能です。

JavaScriptでできることがわかったところで、プログラミング言語としてのJavaScriptの特徴について改めて確認しておきましょう。JavaScriptとはそもそもどういった言語なのか、JavaScriptとJavaの違いはなんなのか、多くの人が疑問に思うことについてまとめました。

### 豊富なライブラリが用意されている

JavaScriptは、Web開発分野で20年以上も使われています。ここまで長く使われている言語は珍しいでしょう。*長く使われている分、JavaScriptには多様なライブラリが用意されています。*例えば、「jQuery」というライブラリを使えば、簡単にJavaScriptのコードを記述できるため、業務効率化を図ることができます。

また、最近では「Node.js」というものもあり、こちらを使うとフロントエンド側だけでなく、サーバーサイド側でもJavaScriptを使うことができます。フロントエンドとサーバーサイドで利用する言語を共通化すれば、開発コストを下げられます。また、管理も楽になります。

JavaScriptの主要ライブラリ3選！学習方法についても解説

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

Node.jsとは？JavaScriptとの違いや使い所を解説

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

JavaScriptを扱う上で注意すべきなのが、ブラウザによって挙動が異なる可能性があることです。Chromeでは正常に動いてもOperaでは動かない、といった事態が発生する可能性があります。また、**ブラウザのバージョンによっても挙動が異なる場合があります。**そのためJavaScriptでアプリを作る際は、複数の環境でテストする必要があるでしょう。

JavaScriptは初心者でも学びやすいのも大きな特徴です。**まずJavaScriptを実行する上で、開発環境を整える必要がありません。**ブラウザさえあれば動かすことが可能です。さらにJavaScriptは文法も分かりやすい上に、覚えることも少ないため、C言語のようにハードウェアの部分まで理解している必要もありません。

また、JavaScriptは長年使われている言語のため、ネットに多くの情報が載っています。こういった点からも、JavaScriptは初心者でも扱いやすい言語と言えるでしょう。

JavaScriptは初心者におすすめ？その理由と作れるものを紹介

よく勘違いされやすいですが、JavaとJavaScriptは全く別のプログラミング言語です。*Javaは業務アプリやAndroidアプリを開発するための言語であり、JavaScriptとは作れるものが異なります。*そのため、「フロントエンド開発がしたいのに間違えてJavaを学習してしまった」ということがないようにしましょう。

JavaScriptとJavaの違いは？質問されたときの説明方法

### JavaScriptが扱えるITエンジニアの年収

JavaScriptは人気のプログラミング言語ですが、JavaScriptが扱えるITエンジニアはどの程度の年収を得られるのでしょうか。ここでは、*JavaScriptを活用する職種である、プログラマーの年収を参考にしてみましょう。*

「マイナビエージェント 職種図鑑」でのプログラマーの平均年収は344万円、経済産業省2017年発表の「IT関連産業の給与等に関する実態調査結果」から近い職種のSE・プログラマ（ソフトウェア製品の開発・実装）を参考にすると、平均年収568万円と分かりました。

国税庁2020年発表の「民間給与実態統計調査」における民間企業平均年収は433万円なので、プログラマーは一般平均年収と比較して、年収にバラつきがあることが分かります。

**プログラマーの年収は、年齢・スキル・資格の有無によって大きく変わります。**「マイナビエージェント 職種図鑑」を見てみると、20代は平均が322万円なのに対して、30代では400万円と大きくアップします。より専門的なスキルを身に付けたり、さまざまな言語を扱えるようになったりすることで、高収入を狙える職種へのキャリアアップも可能です。

【参考】：[マイナビエージェント 職種図鑑](https://mynavi-agent.jp/it/jobindex/05.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)
※【平均年収 調査対象者】2020年1月～2020年12月末までの間にマイナビエージェントサービスにご登録頂いた方 
【参考】：[IT関連産業における給与水準の実態① ~ 職種別（P7）](https://warp.da.ndl.go.jp/info:ndljp/pid/11623215/www.meti.go.jp/press/2017/08/20170821001/20170821001-1.pdf)
【参考】：[民間給与実態統計調査-国税庁](https://www.nta.go.jp/publication/statistics/kokuzeicho/minkan2020/pdf/002.pdf)

ここでは、JavaScriptを勉強するのに適している人を解説します。「Webアプリ開発をしたい人」「ユーザが直接触る部分を担当したい人」、この2つに該当するなら、JavaScriptに向いていると言えるでしょう。それぞれ詳しく解説していきます。

お役立ち記事