- [HTML・CSSとは何か？使い方やできること、独学方法を解説！](https://and-engineer.com/articles/YUbmNRAAACUAyIm5)

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

- [HTML5とは？特徴や変更点・関連用語・対応ブラウザを解説！](https://and-engineer.com/articles/YTsTCBAAACIAk0be)

まず始めに、*HTMLとは何か*について初心者の方でも分かりやすいように解説します。HTMLは何をするためのものなのか、どういった場面で使われるのかみていきましょう。

### HTMLはWebサイトを作成するための言語

*HTMLはWebサイトを作成するための言語*です。Webページ上に表示される文章・写真・リンクなどの情報は、HTMLによって作成されています。HTMLによって「この文章を表示する」「画像を挿入する」などを具体的に表現することが可能です。

また、HTMLでWebページの構造を書き表したファイルを「HTMLファイル」と呼び、**HTMLファイルをサーバにアップロードすることで、Webページをネット上に公開することが可能**です。

### HTMLはタグを使ってWebページの構造を表す

**HTMLでは「タグ」というものを使って、Webページの構造を表します**。タグとは文章や画像をどのように表示するか、コンピュータに指示を出すためのものです。たとえば、``````というタグがHTMLにはあります。特定の文章にこれを使用してタグ付けすることにより、その文章を太字にして表示することができます。このように、*タグを使うことでコンピュータに表示方法の指示を出すことが可能*です。

ここでは、*HTMLでできることの一覧*をまとめました。Webアプリケーション開発において、HTMLがどのように活躍するのか解説しています。これからHTMLを勉強する方は、HTMLでできることを予め抑えておくと良いでしょう。

まずできることが、*Webページ上に記載された文章の作成*です。コンテンツの文章、ヘッダーやフッターに記載されている文章などは、全てHTMLによって作成されています。また、**Webページのタイトルやその他のメタ情報など、表には出ない文章もHTMLで作成可能**です。

HTMLを使うことで、*Webページをデザインする*ことも可能です。たとえば、Webページを2分割し、それぞれ別内容のコンテンツを表示させることができます。さらに、Webページの文章を太字にしたり、文字色を変えたりといった調整も可能です。

ただし、こういったデザイン調整は**HTMLではなくCSSが使われることもあります**。CSSは、Webページのデザイン調整を専門に担当する言語です。HTMLだけでもデザイン調整は可能ですが、CSSを使った方が調整にかかる時間を減らすことができます。そのため、HTMLを習得する場合、CSSも合わせて習得しておくと良いでしょう。多くのHTMLの書籍には、CSSの使い方も合わせて記載されていることが多いです。

HTMLはWebアプリ開発以外でも活躍します。たとえば、HTMLをメールで使用することができ、**メールの文章の色を付けたり、画像や動画をメール上に埋め込んだりする**ことができます。こういったデザイン調整を行うことで、より多くの情報を視覚的に伝えることが可能です。普段の業務でHTMLメールを使うことは少ないかもしれませんが、ユーザーにメール配信を行う場合などで活用できます。

## HTMLだけではできないこと一覧

続いて、*HTMLだけではできないこと*を解説します。HTMLだけではどうしても限界があり、JavaScriptなど他のプログラミング言語の力を借りないと難しいことも多くあります。

HTMLだけでは動的なWebページを作成することはできません。動的なWebページとは、*ページを開く度に表示内容が変更されているページ*のことです。具体的には掲示板やSNSなどが挙げられ、掲示板はページを開く度に書き込み内容が変更されています。

動的なWebページを作成する場合、Webページ上の変更されるデータを別途作らないといけません。データの作成はブラウザではなく、Webページを管理するサーバ上で行われます。サーバでプログラムが動いてデータ作成を行い、そのデータをブラウザに渡しているのです。

**サーバで動かせるプログラミング言語には、PHP・Python・Rubyなどがあります**。動的なWebページを作るなら、これらの言語の知識が必要です。

### アニメーションがあるWebページ

*Webページにスライドショーなどのアニメーションをつける*のも、HTML単体では難しいです。Webページにアニメーションをつける場合は、JavaScriptという言語を使います。そのため、Webページ制作の業務に就く場合、**HTMLだけではなくJavaScriptの知識も必要**です。JavaScriptはHTMLよりも難易度が高く、習得に時間がかかるため、HTMLの勉強に時間を取られすぎないよう注意が必要です。

### ユーザーが入力できるWebページ

お問い合わせフォームなど、*ユーザーに入力させるページもHTMLだけでは作成できません*。お問い合わせフォームは、入力された内容に問題がないかチェックする必要があります。入力内容のチェックはJavaScriptによって行われ、**HTMLだけでは入力内容のチェックはできません。**

続いて、*HTMLの代表的なタグを解説*します。HTMLのタグを活用して、Webページの見た目を整えます。HTMLはタグの使い方さえ覚えてしまえば、ほとんど使いこなせてしまいます。今回は、*初心者が最低限覚えたいHTMLタグをまとめました*。HTML初心者の方は、まずはこちらのタグをマスターしてください。

Webページに大きな文字で見出しが書かれているのを見たことがあるでしょう。*見出しはHTMLのh2タグを使うことでつけることが可能*です。たとえば、

と記述することで「タイトル」という見出しを作ることができます。また、**見出しの中に小さい見出しを作りたい場合はh3タグ**を使います。さらに小さい見出しを作りたいなら、h4、h5、h6タグも用意されています。

HTMLには文字のレイアウトを変更できるタグが多くあります。たとえば、*bタグを使うことで太字にすることが可能*です。また**iタグを使えば文字を斜体にできたり、uタグを使えば文字に下線を引いたり**できます。これらのタグはWebページ制作だけでなく、HTMLメールを作成する場合にも使えるでしょう。具体的には次のように書きます。

~~~ 
太字
斜体
下線
~~~

Webページ上に箇条書きを用意するためのタグもあります。*箇条書きを作る場合は、ulタグを使います*。ulタグは先頭に記号を付ける箇条書きを作成できます。さらに、olタグを使うことで、先頭に数字がつく箇条書きも可能です。また、**それぞれの箇条書きはliタグで囲う**必要があります。具体的には次のように書きます。
~~~ 
<ul>
<li>箇条書き1</li>
<li>箇条書き2</li>
<li>箇条書き3</li>
</ul>
~~~

Webページ上にリンクをつけて、*他のWebページに飛ばしたい場合はaタグを使います*。具体的には、次のように書く必要があります。

~~~ 
<a href="https://www.google.com/">Google</a>
~~~

こうすることで、Googleのページに飛ばす**リンクを作成できます。**

最後に、*HTMLを学習する方法をまとめました*。HTMLの習得は容易ではあるものの、タグの数が多く、覚えるのに時間を要します。また、Webアプリ開発を行う場合、HTMLだけでなくCSSやJavaScriptもマスターしないといけません。そのため、*なるべく効率的な方法でHTMLを素速く習得しましょう。*今回は、時間がない方でもHTMLを習得できる方法を解説します。

書籍を購入するのは、一般的な学習方法と言えます。*HTMLの書籍はWeb制作初心者向けのものが多く*、Webサイトの仕組みから丁寧に解説しているものが多いです。こういった書籍を1冊マスターすることで、Webサイト制作者としての基礎知識を身につけられます。

おすすめは**「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」**です。本書は、HTMLやCSSの基礎を体系的に学べる本です。また、レスポンシブ対応やFlexbox・CSSグリッドのレイアウトなど、最近流行中の技術についても解説されており、中級者以上にもおすすめできます。

[1冊ですべて身につくHTML & CSSとWebデザイン入門講座](https://www.sbcr.jp/product/4797398892/)

2つ目の方法は、学習サイトを活用することです。*Progateやドットインストールなどのサイトなら、HTMLを手軽に学ぶことが可能*です。学習サイトは、月額1,000円程度で利用できるため、**プログラミングスクールに入会するよりもリーズナブル**でしょう。Progateやドットインストールは教材が分かりやすいのに加え、練習問題が多く掲載されているためおすすめです。

## HTMLでWebページの作成が可能！動的なページを作るなら他の言語も習得しよう

本記事では、*HTMLでできることについてまとめました*。HTMLを使うことで何ができるのか、お分かり頂けたかと思います。HTMLを使うことで、静的なWebページを作成することが可能です。ただし、入力フォームを作ったりアニメーションを作ったりするなどの動的なWebページは、HTMLだけでは作成することができません。

**Webアプリケーション開発に携わりたい場合、HTMLの知識だけでは不十分**なため、CSSやJavaScriptのスキルも抑えておくと良いでしょう。HTMLの勉強はなるべく時間をかけず、効率的に行いましょう。本記事がHTMLをこれから学ぶ方にとって、有意義なものとなれば幸いです。

今回はHTMLでできることについて解説します。HTMLはWebアプリ開発で使われる言語の1つですが、具体的にWebアプリのどの部分の開発ができるか、ご存知ない方は多いでしょう。本記事ではHTMLでできること・できないことをまとめました。

HTMLはWebページの文章の作成やデザイン調整ができる

HTMLだけでは動的なWebページの作成はできない

HTMLでできることは少ない？できないことやタグも一覧でまとめた

はじめに、*Djangoに関する基礎知識を紹介*します。Djangoとは何か、Pythonとは何か、プログラミング未経験者にも分かるように解説します。**まずはDjangoの基礎知識を押さえましょう**。

Djangoとは、*Webアプリケーション開発で使うフレームワーク*のことです。フレームワークとは、開発で必要な機能がひとまとめになったもののことです。フレームワークを使うことで、自分で機能を開発しなくてよくなり、開発スピードが格段に上がります。そのため、多くのWeb開発企業はフレームワークを使っています。

**Djangoはフレームワークの中でも人気が高い**です。Djangoが人気の理由として、無料で使えるオープンソースであることが挙げられます。また、機能もシンプルであり、学習コストが低いのもポイントが高いでしょう。そこまで複雑でないWebアプリケーションなら、すぐに開発することが可能です。

例えば、InstagramやPinterestなどのサイトはDjangoによって開発されています。

Pythonは、*Webアプリケーションや人工知能開発で使われる言語*です。人工知能は注目されている技術分野であるため、Pythonの人気は上がっています。また、Pythonは文法が平易で、初心者が最初に学ぶ言語としてもおすすめです。加えて、Pythonは可読性が高く他人のコードが読みやすい点も人気が高いです。

**Webアプリケーション開発で使われる言語には、他にもPHPやRubyなどがあります**。Pythonはその中でもシェアを伸ばしている言語です。Webアプリケーション開発に携わりたいなら、Pythonを学ぶのはおすすめでしょう。

DjangoはWebアプリケーション開発に必要な機能が一通り揃っているのが特徴です。対してFlaskは、*必要最低限の機能のみで構成*されています。例えば、管理画面を作成する機能はFlaskにはありません。**小規模なWebアプリケーションを作りたい場合はFlaskでも良い**ですが、Djangoの方が便利なことが多いでしょう。

続いて、*Djangoを使うメリットを紹介*します。Djangoは多くの企業で使われています。使われるということは、それだけフレームワークとして優秀であるということです。**Djangoのメリットは大きく分けて3つ**あります。1つ1つのメリットについて、詳しく解説していきます。

### ①Webアプリケーション開発に関する機能を網羅

Djangoは*Webアプリケーションの幅広い機能を開発*できます。よく使われる機能は、予めパッケージとしてまとめられており、手軽に活用することが可能です。**Djangoを使うことで、開発コストの削減が見込める**でしょう。

Djangoは*セキュリティ対策が優れているのもメリット*です。Webアプリケーションは全世界に公開するものであり、ハッキングなどの被害に合わないよう気をつけないといけません。Djangoは予想される多くの脅威に対して対策がされています。例えば、**ユーザー認証システムでは、パスワードを完全に管理する方法が使われています**。

拡張性が高いのも評価を上げている理由の1つです。*Djangoは各機能ごとに上手くファイルが分かれており*、それぞれの部品は自由に改良することが可能です。機能ごとに分かれているため、一部を改良しても他の機能に影響を与えることがなく、安心して改良できます。**DjangoはさまざまなWebアプリケーションにも柔軟に対応することができる**のです。

続いて、*Djangoでできることを解説*します。Webアプリケーションには様々な機能が必要ですが、Djangoを使って具体的にどの機能が開発できるのかご紹介します。**Djangoができることを知ることで、Djangoの特徴もみえてくる**でしょう。

管理画面とは、*管理者だけがアクセスできるページのこと*です。例えばECサイトを作る場合、サイトに掲載する商品を管理するための画面が必要です。Djangoには管理画面を作成できる機能が最初から入っています。テンプレートを用意しなくても、簡単に管理画面を作成することが可能です。

Djangoには、ユーザー認証の機能もあります。ユーザー認証とは、*システムが登録されたユーザーを自動で識別する機能のこと*です。ユーザー認証では、間違えて登録してないユーザーを通してしまうことがあってはいけません。**Djangoはそういったミスが起こらないように構成されています。**

Djangoには*RSSフィードを作成する機能も備わっています*。RSSフィードとは、**Webサイトの更新情報を配信するための文書フォーマットのこと**です。特にブログなど、更新したことをユーザーに伝えたいコンテンツに多く使われています。

Djangoには*サイトの案内ページを作成する機能もあります*。サイトの案内ページを1から作るのは大変です。特に大規模なサイトはページ数が多くて作成に時間がかかります。**Djangoなら素速く案内ページを作成可能**です。

## Djangoの使い方を勉強するのにおすすめの本

最後に、Djangoの使い方を勉強するのに*おすすめの本を紹介*します。これらの本を読むことで、Djangoを効率的に習得することが可能です。Djangoをこれから学ぶ方は、**ぜひこれらの本を参考にしてみてください**。

### 独学プログラマー Python言語の基本から仕事のやり方まで

*Djangoの勉強の前にまずはPythonの基礎を押さえることが必要*です。この本はPythonの基礎を網羅的に習得することが可能です。本の著者が、独学でPythonを習得した経験を元に書かれています。独学を通じて学んだエッセンスが詰め込まれた1冊です。これからPythonを学ぶ方は、まずこの本が良いでしょう。**Pythonの基礎文法や関数についてまとまっています**。また、プログラマーの心得も本書で学ぶことが可能です。

[独学プログラマー Python言語の基本から仕事のやり方まで](https://www.nikkeibp.co.jp/atclpubmkt/book/18/C92270/)

*「Djangoビギナーズブック」はDjangoの基礎が習得できる1冊*です。「フレームワークとはなにか」という部分から丁寧に解説されています。Pythonの基礎知識は押さえており、これからフレームワークを学びたい方におすすめです。**本書はPythonの文法やHTMLを使っての解説を減らし、根本的なフレームワークの仕組みを重点的に解説**しています。「なぜDjangoはそのように動くのか」という部分まで知ることが可能です。

更に本書の後半では、Djangoのよく起こるエラーをFAQ形式で解説しており、こちらも参考になります。

[Djangoビギナーズブック](https://www.cutt.co.jp/book/978-4-87783-469-2.html)

### Djangoのツボとコツがゼッタイにわかる本

本書は*実際にWebアプリケーションを作りながらDjangoを学ぶことが可能*です。PythonとDjangoの基礎は押さえ、これから自分の作品を作りたいという方におすすめです。実際のアプリの作り方を、本書は丁寧に解説しています。さらには、**作成したアプリを公開する方法まで説明があります**。上記2つの本で基礎を押さえたら、こちらの本にチャレンジしてみましょう。

[Djangoのツボとコツがゼッタイにわかる本](https://www.shuwasystem.co.jp/book/9784798062211.html)

### 動かして学ぶ! Python Django開発入門

本書は*Djangoの基礎を既に押さえた中級者におすすめ*です。本書ではWebアプリケーション開発の本格的な手法が学べます。DjangoによるWebアプリの設計方法や、認証処理、データベースとの連携、クラウドとの連携など、一通り学ぶことができます。**Pythonエンジニアとして更に技術を高めるなら欠かせない1冊**です。

[動かして学ぶ! Python Django開発入門](https://www.shoeisha.co.jp/book/detail/9784798162508)

## Pythonを勉強するならDjangoもあわせて習得しよう！

本記事では*Djangoについて解説*しました。Djangoとは何か、ご理解頂けたかと思います。DjangoはPythonエンジニアの間でも高く評価されているフレームワークです。Djangoを使うことで、効率的なWebアプリケーション開発が実現します。**昨今のWebアプリケーション開発はスピートが求められますので、優秀なフレームワークを選択することは重要**です。Pythonを勉強している方は、ぜひDjangoもあわせて勉強してみてください。

本記事では、Djangoについて解説します。DjangoはPythonフレームワークの中でも高いシェアを誇っています。Pythonエンジニアになるなら、Djangoも合わせて習得するのがおすすめです。本記事ではDjangoとは何か、Djangoのメリットなどについて紹介します。

DjangoとはWebアプリケーション開発で使うフレームワークのこと

DjangoはWebアプリケーション開発に関する機能を網羅している

Djangoとは何か？できることや習得するメリットを解説

**Rubyとは1995年にリリースされたオブジェクト指向型のスクリプト言語であり、まつもとゆきひろ氏によって開発されました。**Rubyは国産のプログラミング言語ということもあり、日本語で情報収集がしやすく、プログラミング初心者やRuby入門者でも勉強しやすい環境が整備されているのが特徴です。
ここではRubyの用途ということで、できることや作れるものについて詳しく紹介します。

**Rubyには便利なフレームワーク「Ruby on Rails」があります。**フレームワークとは、アプリケーションを開発する際に、土台として機能するソフトウェアのことです。*したがってRuby on Railsを使用すれば、開発効率の向上が期待でき、アプリケーションを簡単に素早く開発することができます。*Rubyで開発されたアプリケーションの代表例として「クックパッド」「食べログ」などが挙げられます。

### ECサイト・ショッピングサイトの開発

**Rubyを使用すれば、ECサイトやショッピングサイトを開発することもできます。**またサブスクリプションサイトやキャンペーンサイトなど、様々な形式のサイトを開発することも可能です。*RubyにはSolidusという決済機能を実装できるパッケージが用意されています。Cサイトやショッピングサイトのフロントエンド部分から、決済機能などのサーバーサイド部分まで開発できるため、開発効率の向上や作業工数の削減にもつながるでしょう。*Rubyで開発されたサービスの代表例として「価格.com」が挙げられます。

**Rubyフレームワークの1つRuby on Railsでは、ログイン機能やデータベース機能などSNSサイトに必要不可欠とも言われる要素を実装できます。**SNSとして有名なTwitterのアプリケーションフレームワークは、当初Ruby on Railsによって開発されていました。現在は、JavaVM上で稼働するScalaというプログラミング言語に移行されています。Rubyを使用して開発されたSNSサイトの代表例として「Wantedly」「Airbnb」などが挙げられます。

**Rubyで作れるものとしてAPI機能も挙げられます。**APIとは「Application Programming Interface」の略称で、ソフトウェアの要素同士が互いにデータをやり取りする際に使われるインタフェースの仕様のことです。例えばアプリケーション開発を行うときに、サーバーにデータを保存する処理を行う場合にはAPI機能を実装する必要があります。*API機能を開発するときの専用ライブラリである「rails-api」を活用すれば、効率よくAPI機能を開発することが可能です。*

**Rubyで作れるものとしてスクレイピングも挙げられます。**スクレイピングとはWebサイトにある必要なデータを収集・抽出し、加工するための技術のことです。*Rubyはスクレイピングにおすすめのライブラリが充実しているため、Rubyによって簡単にスクレイピングを行うことができます。*例えば「Nokogiri」というライブラリを利用すれば、初心者でも容易にスクレイピングを行うことが可能です。

## Rubyでできないこと・向いていないこと

Rubyは他のプログラミング言語と比較して習得しやすいため、初心者向けの言語であり、できることや作れるものが数多くあることは理解できたでしょうか。ここでは、Rubyが向いていないことについて詳しく紹介します。

**Rubyはシンプルな文法や使用が特徴で汎用的なプログラミング言語ですが、Web制作には向いていません。**Webサイトを作成する場合、文章構造を構築するにはHTML、見た目を装飾するにはCSS、動的なWebサイトを開発するにはJavaScriptといったプログラミング言語が必要です。*よってRubyは機能面の開発には強みをもっていますが、Web制作には不向きです。*

**Rubyはアプリケーション開発が得意な言語ですが、スマホアプリの開発にはあまり向いていません。**Rubyではなく、*Java・Swift・Kotlin*などのスマホアプリに適している言語を勉強する方が得策でしょう。

しかし、Rubyがスマホアプリ開発に使えないというわけではありません。*RubyMotionというソフトウェアを利用すれば、 iOSのスマホアプリを開発することが可能です。*RubyMotionにはスマホアプリを開発する際に便利な機能が豊富に用意されていますが、*Androidのスマホアプリは開発できないため注意が必要です。*

**文字認識や画像認識などのAI・機械学習の開発に、Rubyはあまり向いていません。**向いていないというだけで、Rubyが使えないというわけではありません。*例えばRubyによって、チャットボットを開発することが可能です。*チャットボットとは、文字や音声を活用して自動で会話するプログラムを指します。Rubyではソフトウェア開発キット（SDK）を利用すれば、チャットボットをWebサイトに対して実装することが可能です。

*しかしAI・機械学習の開発を行う場合には、Pythonがおすすめです。*Pythonが勧められる理由として、文法がシンプルであること・機械学習向けの豊富なライブラリがあること・フレームワークが充実していることが挙げられます。

## Rubyはゲーム開発にも向いている

**Rubyはゲーム開発にも向いていると言われています。**他にゲーム開発に適しているプログラミング言語として、C++やJavaScriptなどが挙げられます。ここでは、Rubyがゲーム開発に向いている理由について詳しく紹介します。

**Rubyは開発の自由度が高いプログラミング言語の1つです。**一般的にプログラミング言語にはコーディング規則が定められており、ルールを満たしていないとエラーやバグが発生してしまいます。

*Rubyにはシンプルにソースコードを記述できるという特徴があります。*例えばデータ型を宣言しなくても変数を定義することが可能です。他のプログラミング言語を使用すると、プログラムが複数行に渡るような処理でも、Rubyでは1行で済むことも少なくありません。
以上から、Rubyは**開発の自由度が高く使いやすい言語なため、ゲーム開発も効率よく行うことが可能です。**

Rubyは日本人であるまつもとゆきひろ氏が開発したプログラミング言語です。**国産の言語であるため日本語の情報が多いのが特徴です。**Rubyには下記のようにRubyコミュニティメンバーによって運営されている日本語の情報サイトもあり、疑問点や不明点があった際に簡単に情報を集めることができます。Ruby入門者にも便利な情報が数多く記載されているため、気になる方はぜひ参考にしてみてください。
（ 参考：https://www.ruby-lang.org/ja/ ）

このように、Rubyは国産の言語であるため、他のプログラミング言語と比較すると日本語の情報やドキュメントが多いです。学習しやすい環境が整備されているのも、ゲーム開発に向いている理由と言えるでしょう。

**Rubyは内部DSLを作成することが向いているプログラミング言語の1つです。**DSLとは「Domain Specific Language」の略称であり、ドメイン固有言語と一般的に呼ばれています。ドメイン固有言語とは、ある事柄に対して特化しているプログラミング言語のことです。*Rubyを使用して内部DSLを作成すれば、ゲーム開発において手間が大きくかかるユーザーインターフェースの構築などを簡単行うことができるようになります。*また、Rubyでゲーム開発を行うときに「*DXRuby*」「*Ruby/SDL*」「*DXOpal*」などのライブラリを活用するのがおすすめです。

## Rubyの用途は数多くあり習得しやすい初心者向けの言語

これまでに、Rubyの用途・できること・向いていないこと・ゲーム開発にも向いている理由について解説しました。Rubyとはまつもとゆきひろ氏によって開発された国産のプログラミング言語のことです。Rubyの特徴として、**文法や仕様がシンプルであることやRuby on Railsという便利なフレームワークがあることが挙げられます。**

Rubyの用途として、「*アプリケーション*」「*ECサイト・ショッピングサイト*」「*SNSサイト*」「*API機能*」「*スクレイピング*」などの開発が挙げられ、Rubyでできることは数多くあるのが特徴です。しかし「Web制作」「スマホアプリの開発」「AI・機械学習」などは他に向いている言語があるため、Rubyを使用するのはあまりおすすめできません。またゲーム開発についても他に向いている言語があります。

Rubyが向いていないからといって、Rubyが使えないというわけではありません。*Rubyは国産の言語であるため、日本語の情報にアクセスしやすく、Ruby入門者やプログラミング初心者に適している言語とも言えるでしょう。*プログラミングを気軽に始めてみたいと考えている方は、Rubyから勉強してみるのもおすすめと言えます。

Rubyはまつもとゆきひろ氏によって開発されたプログラミング言語です。シンプルな文法やRuby on Railsというフレームワークが特徴です。当記事では、Rubyの用途・できること・向いていないこと・ゲーム開発にも向いている理由について解説します。

Rubyはまつもとゆきひろ氏によって開発された国産のプログラミング言語

Rubyの用途は「アプリケーション」「ECサイト・ショッピングサイト」「SNSサイト」「API機能」「スクレイピング」などの開発

Rubyは日本語の情報にアクセスしやすく、内部DSLを作成しやすいためゲーム開発にも向いている

Rubyの用途・できること・向いていないことを初心者向けに解説！

JavaScriptが誕生したのは1990年代で、Netscape Navigatorというブラウザ専用に開発され、当初の名称は「LiveScript」でした。この時期にJavaというプログラミング言語がトレンドであったため、LiveScriptは「JavaScript」と改名されました。

**JavaScriptとは、主にWebサイトを動的に表示するためのブラウザ上で稼働するプログラミング言語を指します。**WebサイトはHTMLやCSSを使用すれば、作成することが可能です。しかしJavaScriptを使用すれば、Webサイトに動きを付けられるなどできることの幅が広がります。
ここでは、JavaScriptの用途・できることについて詳しく紹介します。

**JavaScriptは、主にWebサイトに動きを付けるために開発されたプログラミング言語です。**JavaScript以外にWebサイトに動きを付けられる言語はないため、希少価値が高いプログラミング言語と言えます。また、*近年ではNode.jsが登場し、サーバーサイド開発でもJavaScriptが使用されています。*サーバーサイド開発ができるようになったため、フロントエンドもサーバーサイドもJavaScriptで開発することが可能です。

イベントとは、ボタンのクリック・入力欄へ電話番号を入力・チェックボックスにチェックを付ける・タブをクリックするなどの行動を意味します。**JavaScriptを使用すれば、ボタンをクリックした際にデータベースからデータを取得したり、入力欄に電話番号を入力したら「入力した電話番号は既に利用されています。」とポップアップ表示させたりすることを瞬時に行うことが可能です。**

**JavaScriptはスマホアプリを開発することもできます。**一般的にスマホアプリは、iOSやAndroidなど各OSに対して適したプログラミング言語で開発する必要があります。*しかしJavaScriptとHTMLを使用すれば、OSに依存することなくスマホアプリを開発することが可能です。*

**非同期通信とは、Webサイトを更新しなくても表示内容を更新できることを意味します。この非同期通信もJavaScriptでできることの1つです。**例えばGoogle Mapでは何度も更新しなくても、フォーカスする位置を変えるだけで新しいデータを表示させることが可能です。

近年ではWebサイトを訪れるユーザーは、ページの読み込み時間にストレスを感じやすい言われており、表示するまでにかかる時間が長いほどWebサイトから離脱する可能性は高くなります。*そのため非同期通信は、ユーザー体験を高めるために重要な要素と言えるでしょう。*

## JavaScriptについて入門者・初心者向けに解説

JavaScriptの用途・できることについては理解できたでしょうか。ここでは、JavaScriptの概要や特徴についてプログラミング入門者や初心者向けに紹介します。

**JavaScriptは初心者でも習得しやすいシンプルな文法が特徴です。**またJavaScriptは世界中で使用されている言語でもあるため、コミュニティが充実しています。JavaScriptを使用するエンジニアは成長しやすい環境が整備されていると言えるでしょう。2021年8月のTIOBEインデックスのプログラミング言語の人気ランキングによると、JavaScriptは7位に位置しています。
（ 参考：https://www.tiobe.com/tiobe-index/ ）

また、*JavaScriptはフレームワークやライブラリが充実していることも特徴です。*これらを活用すれば、開発効率の向上が期待できます。さらに、フロントエンドからサーバーサイドまで開発ができるようになったため、*管理が行いやすい*という特徴もあります。

プログラミング言語は、コンパイルが必要かどうかで大きく2つに分類できます。*スクリプト言語とは、コンパイルが不要なプログラミング言語のことです。*もう1つはコンパイラ言語であり、代表的なプログラミング言語はJavaやC言語です。
一方スクリプト言語の代表例として、JavaScript・PHP・Pythonなどが挙げられます。なおスクリプトとは、IT用語では簡易的なコンピュータプログラムを指します。*スクリプトはプログラムを実行するときに、自動でコンパイルされるため、ソースコードを記述する方はコンパイル作業を気にする必要はありません。*

**スクリプト言語はコンパイル不要なため、ソースコードの修正や更新を簡単に行うことができるというメリットがあります。**一方プログラムを実行するときに、その都度コンパイルしているため、処理速度が遅くなるというデメリットもあります。Web業界では処理速度よりも開発スピードが重視されるため、スクリプト言語が使用されることが多いです。

**JavaScriptとJavaは名称が似ていますが、これらの2つの言語は全く異なるプログラミング言語です。**ここでは、JavaScriptとJavaの違いについて紹介します。

まず変数の処理の観点からみると、*JavaScriptは動的であるのに対して、Javaは静的*です。また、JavaScriptはWebサイトに動きを受けることが主な目的ですが、Javaはどのようなハードウェアでも動作することが目的とされており、大規模システムの開発によく使用されています。
このように、JavaScriptとJavaは全く異なるプログラミング言語であるため、それぞれの違いの理解を深めておくことが大切です。

## JavaScriptの勉強方法（入門者・初心者向け）

JavaScriptの特徴やJavaとの違いは理解できたでしょうか。ここでは、プログラミング入門者や初心者向けにJavaScriptの勉強方法について紹介します。まずはJavaScriptのコード一覧やサンプルコード・実行結果を見て、どのようなことを勉強する必要があるかの大枠を押さえておくことが大切です。

おすすめの勉強方法の1つとして、**まず本を活用してJavaScriptを学習するのが挙げられます。**JavaScriptの最新のコードが記載されていることが重要なため、できる限り最新の本を選択することが大切です。そして本での学習である程度知識を深められたら、*ソースコードを書き写すことがスキルを身に付ける近道と言えます。*ソースコードを書き写していく中で、文法や仕様について徐々に理解を深めることが可能です。
ここからは具体的なおすすめの本について紹介します。

*1.[確かな力が身につくJavaScript「超」入門 第2版](https://www.sbcr.jp/product/4815601577/)*
本書は*JavaScriptの勉強をこれから始める方や、これまでに挫折したことがある方におすすめの本*です。実際に手を動かしながら学習できるため、知識だけではなく実務で役立つスキルを身に付けることができます。実務に活かせるサンプルを集めているため、モチベーションを維持しながら学習できるのが特徴です。
また本書ではつまずきやすい部分を徹底解説しているため、挫折しない仕組みを作り上げています。

*2.[スラスラわかるJavaScript](https://www.shoeisha.co.jp/book/detail/9784798125831)*
本書は*JavaScriptの知識が全くない入門者を対象とした本*です。この本を読めば、JavaScriptの基礎知識・基本文法・基本テクニックなどのスキルを身に付けることが可能です。最後にはJavaScriptのプログラムを自分の力で作成できるようになります。
以上から、本書は初めてプログラミング言語を学習する方や、JavaScriptの基礎固めをしたい方におすすめの本と言えるでしょう。


### 学習サイトや動画を活用する

**学習サイトや動画でJavaScriptを学習するのもおすすめの勉強方法の1つです。**近年では、YouTube動画でプログラミング入門者や初心者向けのJavaScriptに関する動画を発信している方も多いため、自分のレベルにあった動画を選べば、コストがかからず効率よく学習することができます。

*また学習サイトも数多く登場しており、ドットインストールやProgateを使用すれば、実際に手を動かしながらJavaScriptを勉強することが可能です。*ただし、独学なため質問や疑問があったときの対応策を考えておくことも大切です。独学だと途中で挫折してしまう方は、プログラミングスクールに通うことも検討してみましょう。

## JavaScriptの用途を理解して市場価値の高いエンジニアを目指そう！

これまでに、JavaScriptの用途・できること・特徴・Javaとの違い・勉強方法について解説しました。JavaScriptは、主にWebサイトに動きを付けるために使用されるプログラミングですが、**近年ではスマホアプリの開発やサーバーサイドの開発にも使用されるようになってきています。**

*JavaScriptはスクリプト言語の1つであり、コンパイルが不要という特徴があります。*またJavaScriptはJavaと名称が似ているため、同様のプログラミング言語と勘違いされる方も少なくありません。しかしJavaScriptとJavaは全く異なるプログラミング言語であるため、注意しましょう。

**JavaScriptを勉強するにあたって、本・動画・学習サイトを利用するのがおすすめです。**またJavaScriptは勉強すべきことが多いため、自分が将来的に何がしたいのか目的を明確にしてから勉強を始めることが重要と言えます。

JavaScriptは、主にWebサイトに動きを付けるために使用されるプログラミングですが、近年では様々な用途で使用されるようになってきています。当記事では、JavaScriptの用途・できること・特徴・Javaとの違い・勉強方法について解説します。

JavaScriptの用途は「Webサイトに動きを付ける」「サーバーサイドの開発」「非同期通信の開発」「スマホアプリの開発」など

JavaScriptはスクリプト言語でありコンパイルが不要

JavaScriptとJavaは名称が似ているが全く異なるプログラミング言語

JavaScriptの用途やできることを初心者向けに紹介！

*SwiftとはApple社が開発したプログラミング言語*で、2014年の*WWDC*（Worldwide Developers Conference）開発者向けイベントで発表されました。その後2015年から**オープンソース化**されたことにより、*Ubuntu・CentOS・Amazon Linux*等の多くのディストリビューションに対応しています。

Swiftは、*iOS・Mac・Apple TV・Apple Watch*向けのアプリを開発するプログラミング言語なため、*AppleのiOSおよびmacOS・Linux・Windows上で開発*することが可能です。
参考：[Apple Swift](https://www.apple.com/jp/swift/)

### Swiftの特徴とできることは？

Swiftはこれまで登場した*Objective-C・Ruby・Python・C#*等の*モダンプログラミング言語を参考*にしています。そのためSwiftの特徴は数多くあります。

以下に、代表的なSwiftの特徴とできることを挙げます。
・*モダン実装でできること*
Swiftではプログラム言語を検討するにあたり、メンテナンス性を向上するために構文を単純化しました。また、構文では行末に;（セミコロン）を使わずに表記を単純化し、これで記載ミスを削減することができます。さらに、メモリ使用量をガベージコレクションのオーバーヘッドを抑えて維持する構造をとっており、UTF-8による国際言語にも対応します。

・*安全性高い設計でできること*
Swiftではコードの安全性を高めるために、変数は使用前に初期化します。加えて整数型や配列のオーバーフローチェック、メモリ自動管理の機能を実装しました。さらに、デフォルトでnil（値が入っていないオブジェクト）が使用できないように設定し、記述ミスによるクラッシュを防止します。

・*処理の高速化でできること*
SwiftではLLVM（Low Level Virtual Machine）コンパイラ技術を実装しています。そのため処理はネイティブコードに変換され実行されます。同様に、使用するライブラリも最適化されているため高速で処理が実行されます。

つまり、SwiftはC言語とObjective-Cのメリットを活かし遜色ない性能を発揮します。また、オブジェクト指向言語で求める機能を実装しながらCocoa（MacOS API）の性能要件と汎用性をクリアしたものです。

Apple社ホームページでの2014年10月の性能公表値では、「深さ優先探索アルゴリズムを使って1つのグラフ内で10,000個の整数を検索した場合」においてObjective-Cよりも最大2.6倍高速で、Python 2.7よりも最大8.4倍高速としています。

・*Objective-Cとの互換性でできること*
Swiftはモダン言語として設計時に参考にしたObjective-Cとの互換性があります。つまり、Swiftで開発する際にObjective-Cのコードを使ったり、Objective-CのAPIを使ったりすることができます。これによって既存プロジェクトの生産性向上も可能です。

・*インタラクティブ実行でできること*
Swiftはコンパイラ言語でありながらインタラクティブ実行が可能です。具体的には、ターミナルやXcodeのLLDBデバッグコンソールを用いて、インタプリタとしてスクリプトを実行することが可能です。これにより難しい手続きが不要でプログラム開発を行うことが可能です。

Swiftは、*iOS・Mac・Apple TV・Apple Watch向けのアプリ*を開発するためプログラミング言語です。つまり、Swiftで開発できることは以下の製品で動作するアプリの開発そのものです。

・*iOS向けに開発できること*
　Apple社のiPhoneおよびiPadで動作するアプリが開発できます。
・*Mac向けに開発できること*
　Apple社のMac Pro・MacBook Air・MacBook Pro等のMac製品で動作するアプリが開発できます。
・*Apple TV向けに開発できること*
　Apple社のApple TVで動作するアプリが開発できます。
・*Apple Watch向けに開発できること*
　Apple社のApple Watchで動作するアプリが開発できます。

さらにSwiftは当初の自社製品用アプリ開発に加えて、オープンソース化により**汎用プログラミング言語としても利用可能**です。したがって、Swiftが参考にした*RubyやPython*ができる処理はSwiftでもプログラム可能です。さらに、*サーバー用途*での実装もコミュニティで進められています。

Swiftは2014年に発表された言語なため、まだまだ**開発者人口は多くありません。**急増しているApple製品の潜在市場からすると、**Swiftの将来性は明るい**と考えられます。同様に、Swiftはプログラミング言語の*第一言語のポジションをターゲット*としており、今後も*サポートプラットフォームの拡大*が見込まれます。

唯一の難点はSwift公開からあまり年月が経過しておらず、**日本語サポートサイトや日本語コミュニティについてはまだ十分とは言えません**。もちろん英語のドキュメントで問題なければどんどん開発に利用することができます。

Swiftのアプリ開発はそこまで難しいわけではありません。Swiftはモダンプログラミング言語の多くを参考に開発されました。そのため、*RubyやPythonが理解できればSwiftのプログラミングができます。*

Swiftは*Apple製品向けアプリ開発のプログラミング言語として登場*しました。AppleのiOSおよびmacOS・Linux・Windows上でアプリを開発し、iOS・Mac・Apple TV・Apple Watchで利用します。アプリの配信は*App Store*からもされているため、**Swiftの利用価値は高い**です。
参考：[Apple Swift Developer](https://developer.apple.com/jp/swift/)

SwiftをApple製品向け以外で利用する場合は、現在*Linux実行環境*が提供されています。Swiftのコアライブラリがあれば*Linuxで実行*できます。もちろんSwiftのコンパイラ等の開発環境を入れれば*Linux上で開発*ができます。

iOSの普及拡大により、Swiftのコードデベロッパが増加しています。Swiftで作られたアプリはどんどん増加しており、以下のアプリはSwiftで作られたアプリとして**Apple公式サイトで紹介**されています。
・*キックスターター*
　クリエイター向けアイディア（プロジェクト）実現のコミュニティアプリです。
・*Khan Academy*
　学生向け学習管理システムです。
・*Clear*
　タスク＆ToDoリストのアプリです。
・*スカイ・ガイド*
　星座・天体観測アプリです。
・*LinkedIn*
　職業・転職コミュニティのアプリです。
・*Strava GPS ランニング＆サイクリング*
　フィットネスアクティビティの記録アプリです。
・*Duolingo*
　外国語学習アプリです。
・*Hipmunk Travel*
　海外旅行サイト手配アプリです。

iOSのアプリは*App Storeで配信される*ため、アプリ開発が効率的にできれば**ビジネスチャンス**が高まります。そのため*Swift利用を公表していないアプリベンダも相当数に上る*と考えられます。

Swiftの学習方法は、*SwiftとXcode*を中心に学びます。Swift自体は*オブジェクト指向プログラミング言語*なため、*PythonやRuby*が理解できていれば難しいわけではありません。

以下に、代表的なSwiftの学習方法をまとめておきます。
・*Apple社の入門ガイドを活用する*
「Swiftによるアプリケーション開発:入門編 Xcode 10」は、Apple社のSwift公式入門書です。基礎からしっかり学ぶことができます。本書はApple Booksから入手します。
参考：[Swiftによるアプリケーション開発:入門編 Xcode 10](https://books.apple.com/jp/book/id1483864101)

・*Swift Playgroundsを使う*
Swift Playgroundsは、Swiftをインタラクティブに学ぶことができるアプリです。Swift PlaygroundsでできることはSwiftのコード開発を学ぶことの他、iPadのコード開発に活用することが挙げられます。
参考：[Apple Swift Playgrounds](https://www.apple.com/jp/swift/playgrounds/)

またSwiftは学校向け教材として利用されているため、教材や関連情報もダウンロードできます。入門レベルの情報が多数掲載されています。
参考：[Apple 教育 - 小中高等学校 コードを教える](https://www.apple.com/jp/education/k12/teaching-code/)

・*公式デベロッパサイトを確認する*
Apple公式デベロッパサイトではSwiftの概要から開発ドキュメントやサンプルコードが提供されています。英語の情報ですがリファレンス情報として盛りだくさんの情報があり、WWDCのビデオ教材も掲載されています。入門レベルの情報から上級者向けの情報まで充実しています。
参考：[Apple Swift Developer](https://developer.apple.com/jp/swift/)
参考：[Apple Swift Development Resources](https://developer.apple.com/jp/swift/resources/)

・*コミュニティに参加する*
Swiftはオープンソース化に伴いコミュニティサイトに情報が蓄積されています。英語の情報ですが広範囲な情報が整備されています。
参考：[Welcome to Swift.org](https://swift.org/)

## Swiftを学習してビジネス拡大のチャンスをつかみましょう

*Apple製品は市場シェアを拡大*し続けており、Apple製品向けアプリ開発は大きなビジネス拡大の機会となります。現状Swiftは登場してからまだ日が浅いため、デベロッパ数は十分ではありません。そのため**Swiftデベロッパのニーズは非常に高い**です。

ぜひSwiftを学習してこのビジネス拡大の波に乗り、ビジネスチャンスとキャリアップの機会を活用しましょう。

SwiftはApple社が自社製品アプリ用に開発したモダンプログラミング言語で、Objective-C・Ruby・Python・C#等を参考に開発されました。ここではSwiftの特徴をはじめ、できることや学習方法をまとめて解説していきます。

SwiftとはApple社が開発したプログラミング言語で、高速処理性能と安全性が主な特徴です。

SwiftはApple社製品用アプリ開発に利用し、互換性の高さから汎用プログラミングも可能です。

Swiftのコードデベロッパはニーズが高く、Swiftのスキル習得でビジネスチャンスが期待できます。

Swiftとは？特徴・できること・学習方法をまとめて解説！

Swift Playgroundsとは、**Apple社の開発したSwiftをインタラクティブに学ぶアプリ**です。Swift Playgroundsの「*Playground*」は「*遊び場*」を意味します。Swift Playgroundsは、*iPad用*と*Mac用*が提供されています。

Swift Playgroundsではパズルを解きながら*コードを学んでいき*、書いたコードで*ロボットやドローンを動かすことも可能*です。
参考：[Apple Swift Playgrounds](https://www.apple.com/jp/swift/playgrounds/)

Swiftとは**Apple社が開発したプログラミング言語**で、*iOS・Mac・Apple TV・Apple Watch向けのアプリを開発する*プログラミング言語です。開発環境としては、AppleのiOSおよびmacOS・Linux・Windowsが利用可能です。
参考：[Apple Swift](https://www.apple.com/jp/swift/)

Swiftは、iOS・Mac・Apple TV・Apple Watch向けのアプリ開発のプログラミング言語です。Swiftでできることは、以下の**Apple製品で動作するアプリ開発**です。

・*iOS向けのアプリ開発*
　Apple社のiPhoneおよびiPadで動作するアプリ開発に利用できます。
・*Mac向けのアプリ開発*
　Apple社のMac Pro・MacBook Pro等のMac製品で動作するアプリ開発に利用できます。
・*Apple TV向けのアプリ開発*
　Apple社のApple TVで動作するアプリ開発に利用できます。
・*Apple Watch向けのアプリ開発*
　Apple社のApple Watchで動作するアプリ開発に利用できます。

その他にもSwiftは自社製品用アプリ開発に加えて、*Objective-C*の置換言語として*汎用プログラムの開発用途*としても利用することができます。

### Swift Playgroundsの特徴とできることは？

Swift Playgroundsの特徴は、*iPadでSwiftプログラミング言語によるアプリ開発ができる*ことです。つまり**iPadの画面操作だけでアプリ作成できる**ことが特徴です。

Swift Playgroundsでできることは、以下のことが挙げられます。
・*SwiftをiPad上でアプリ作成すること*
　特別な開発環境なしにアプリ開発・アプリ作成が可能です。
・*作品画面を家族やクラスで共有すること*
　家族の作品共有や授業の学習成果をクラスで共有することができます。
・*作成したゲームやアプリを実行すること*
　実際に作成したゲームやアプリをiPadでそのまま実行可能です。
・*遊び場でロボット、楽器、ドローンプログラムを使って操作すること*
　接続可能なロボット、楽器、ドローンが多数そろえられています。
　Swift Playgroundsでアプリ作成したらそのまま操作が可能です。
・*作成したコードをメールやメッセージ、AirDropを使って公開すること*
　iPadの機能を使ってコードの共有や公開がすぐに行えます。
・*公式学習コンテンツを見て学ぶこと*
　Swift Playgroundsの豊富な学習コンテンツを見てコード作成を深く学ぶことができます。

### Swift PlaygroundsのiPad版とMac版の違い

元来*Mac版のXcode*（無料）にはMac版の*Swift Playground*（最後のsがない）が含まれており、iPad版と異なりSwift Playgroundは遊びの要素がありませんでした。

*iPad版のSwift Playgrounds*は文字通り**遊び場をイメージ**しており、*ゲーム感覚でアプリ作成*を行っていきます。そのため、より学習コンテンツとしての要素が強い仕上がりとなっています。その後2020年より念願の*MacOS用のSwift Playgrounds*が提供されて、現在は*iPad版を移植したもの*として**同等の機能が提供**されています。

*まずは[マイナビITAGENT](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv02)に無料登録いただいて、キャリアアドバイザーにキャリアや転職に関する相談をしてみてはいかがでしょうか。*

<center>[*『マイナビIT エージェント』*なら、 IT業界に精通した専任アドバイザーと豊富な求人で、 あなたの転職活動を丁寧にサポートします。](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=banner&utm_campaign=acv02)</center>

## Swift Playgroundsのアプリ作成方法

Swift Playgroundsのアプリ作成方法は簡単で、**iPadの画面操作だけでプログラムが作成**できます。

*Swift Playgroundsの対象年齢は小学校低学年からの利用*を想定しており、簡単なミッションを設定してクリアすることで理解を深めていきます。*ゲーム感覚でアプリが作成できますので、4-5歳でも操作できる*ように工夫されています。

Swift Playgroundsでどこまでアプリを作れるか、どこまで教育に使えるか、どこまで独学が可能か等のご心配は無用です。小学校低学年から操作できるレベルなため、*教育用途*にも活用できますし*独学の教材*としても最適です。初心者の入門レベルとして使うことや本格的なアプリ開発まで対応できるため、*大人の方にも最適*です。

### Swift Playgroundsで学ぶSwiftのアプリ開発

Swiftはモダンプログラミング言語の多くを参考に開発されました。*Swift Playgroundsで学ぶSwiftのアプリ開発はそこまで難しいわけではありません。*Apple社のダウンロードサイトでは、対象年齢を”*12歳から112歳までこれからプログラミングを始める方にピッタリ*”と説明しています。

また、Swift PlaygroundsではiPadだけでSwiftプログラミング言語を学ぶことができるため、さらに**簡単にSwiftのプログラム作成ができる**ようになります。
参考：[Apple Swift Developer](https://developer.apple.com/jp/swift/)

### Swift Playgroundsで学ぶSwiftの基本コード

Swift Playgroundsでは基本コードを、「*コマンド*」「*変数*」「*関数*」「*演算子*」「*ループ*」「*型*」「*パラメータ*」「*初期化*」「*条件分岐コード*」「*バグ修正*」の10項目に分類しています。Swift Playgroundsの基本コードのコンセプトは**レベルに応じて**「*コードを学ぼう*」の中で学んでいきます。

できることの記事（6ページ目）