**Rubyとは、プログラミング言語の1つであり、文法や仕様が他のプログラミング言語と比較して簡易的であるため、ソースコードをシンプルに記述可能です。**またRuby on Railsというフレームワークを使用すれば、開発効率の向上が期待できます。ここではRuby初心者向けに、概要や特徴について詳しく紹介します。

**Rubyは1995年頃に、日本人のまつもとゆきひろ氏によって開発され､初めて国産のプログラミング言語で国際電気標準会議（IEC）で国際規格に認証されたことでも注目を浴びています。**2021年8月のTIOBEインデックスのプログラミング言語ランキングによると、Rubyは15位に位置しています。この結果からSwiftやGo言語よりも2021年8月時点では人気が高いと言えるでしょう。
（ 参考：https://www.tiobe.com/tiobe-index/ ）

**Rubyの大きな特徴としてソースコードの記述量が少ない点が挙げられます。**よって開発効率の向上にもつながるため、Rubyはスタートアップ企業や自社開発企業でよく使用されています。またソースコードの可読性が高く、保守性の高いサービスを作ることが可能です。

*JavaやC++などの他のプログラミング言語と同様に、Rubyはオブジェクト指向型言語の1つです。*Rubyは初期リリースのときからオブジェクト指向の考え方が取り入れられているのが特徴で、純粋なオブジェクト指向型言語と言えるでしょう。オブジェクト指向により、メンテナンス性・カスタマイズ性・プログラム品質の向上が期待できます。

**以上から、Rubyは他のプログラミング言語と比べて、簡単にコーディングできるため、スキルを習得しやすく初心者向けの言語と言えるでしょう。**

Rubyの概要や特徴は理解できたでしょうか。ここでRubyで何を作ることができるのか気になる方も少なくないでしょう。以下で、Rubyで作れるものについて詳しく紹介します。

**Rubyで作ることができるものの代表として、Webアプリ開発が挙げられます。Ruby on Railsというフレームワークを使用すれば高品質なWebアプリを短期間で作ることが可能です。**Ruby on Railsには豊富な機能が備わっており、汎用性の高さが特徴です。また日本語の資料やサイトなどの情報が多く、初心者でも学習しやすい点も特徴として挙げられます。Rubyで開発されたWebアプリの代表例として「クックパッド」「Gunosy」「クラウドワークス」などがあります。

**Rubyを使用して作れるものとして、API機能の開発も挙げられます。**APIとは「Application Programming Interface」の略称であり、ソフトウェアの機能を共有する仕組みを指します。具体的には機能を公開しているソフトウェアと、その機能を使用したいソフトウェアの間をつなげる窓口のようなものです。*API機能を開発するための専用ライブラリ「rails-api」を使用すれば、効率よくAPI機能をRubyで作ることができます。*

**RubyではRubyMotionというソフトウェアを使用すれば、 iOSのスマホアプリを作ることができます。**RubyMotionは2012年5月にリリースされた製品であり、スマホアプリを効率よく開発できる機能が用意されています。ただしAndroidアプリは開発できないため注意が必要です。*また、スマホアプリの開発に適しているプログラミング言語は他にもあるため、きちんと比較してから使用することをおすすめします。*

**Rubyで作れるものとして、スクレイピングの開発も挙げられます。**スクレイピングとは、Webサイトから情報を収集し、必要なデータを抽出・加工するための技術のことです。*RubyのNokogiriというライブラリを使用すれば、初心者でもスクレイピングを行うことができます。*スクレイピングを行うメリットは、手動よりもスピーディーに膨大な情報を収集できることです。そのためコスト削減にもつながるでしょう。

**Rubyで作れるものとして、Ruby on Railsを使用したECサイトも挙げられます。**Ruby on Railsには数多くのライブラリがあり、それに対して必要な機能を付け加えることで開発効率の向上が期待できます。*例えばRubyのSolidusというECパッケージを利用すれば、決済機能を簡単に実装することが可能です。*

**Rubyではチャットボットの開発を行うことができます。**チャットボットとは、テキストや音声によって、自動で会話するプログラムのことです。近年ではAI技術を活用したチャットボットを利用する機会は増加しています。例えばLINE公式アカウントなどでも、チャットボットを使用することは可能です。*Rubyではソフトウェア開発キット（SDK）を使用すれば、チャットボットをWebサイトに実装することができます。*

## Rubyコード一覧（初心者向け）

Rubyは初心者でも習得しやすく、様々なサービスを作ることができるのは理解できたでしょうか。ここでは、Ruby初心者向けにコードの基礎について紹介します。

**Rubyでは「#」をソースコードに記述すれば、「#」から行末までがコメントアウトされ、プログラムを実行する際に無視されます。**また複数行をコメントアウトしたい場合には、「=begin」と「=end」を使用します。ここからは具体例を見ていきましょう。

*1.単一行のコメント記述方法*
# コメント
print("Hello World!") # コメント「Hello World!」を出力します

*2.複数行のコメント記述方法*
=begin
コメント
コメント
コメント
=end

**Rubyでは他のプログラミング言語と比較して、簡単に変数を定義することが可能です。**数値の場合「変数名 = 数値」、文字列の場合「変数名 = '文字列'」で変数を定義することができます。*データ型を定義しないでも変数を定義できるため、ソースコードの記述量を少なくすることが可能です。*

**Rubyではputsメソッドを使用すれば、引数であるオブジェクトを出力させることができます。**なお引数であるオブジェクトは、文字列に変換されるため注意が必要です。ここからは具体例を見ていきましょう。

この場合「○○○」が出力されます。「()」はなくても問題ありません。*またダブルクォーテーションは、シングルクォーテーションでも良いですが、文字列には必ずどちらかを付けないとエラーが出力されてしまいます。*

Rubyコードの基礎については理解できたでしょうか。他のプログラミング言語よりも簡潔にソースコードが記述できるのがわかるでしょう。ここでは、Rubyのおすすめの勉強方法について詳しく紹介します。

ここでは、Ruby初心者向けの学習本について紹介します。**本で学習するメリットは、知識を体系的に身に付けられることです。しかしプログラミング学習の場合、実際に手を動かしながら学習することで、スキルが身に付くため、サンプルコードが記載されている本を選ぶのがおすすめと言えます。**

*1.3ステップでしっかり学ぶ Ruby入門*
本書はRuby初心者向けとなっており、プログラミングの基礎を図を使用するなどして丁寧に解説しているのが特徴です。予習・実践・復習の3段階のプロセスがあるため、Rubyの基礎スキルをきちんと定着できるような仕組みとなっています。WindowsとmacOSの両方に対応しているのも特徴です。ただしサンプルコードが他の本と比較すると少なく感じるかもしれません。
（ 参考：https://gihyo.jp/book/2018/978-4-7741-9502-5 ）

*2.たのしいRuby 第6版*
「たのしいRuby」は初版から17年以上経っているため、信頼と実績がある書籍と言えるでしょう。改訂も複数回行われており、第6版では最新のRubyのバージョンに対応しています。プログラミング初心者でも理解しやすいように、チュートリアル・基礎・クラス・実践とテーマを切り分けて解説を行っているのが特徴です。Rubyの基礎から応用まで学ぶことができます。また、サンプルコードも数多く用意されています。
（ 参考：https://www.sbcr.jp/product/4797399844/ ）

**独学で勉強する場合、本を読み込むだけではなく、学習サイトを活用して実際に手を動かしながら勉強するほうがスキルが身に付きやすいです。**近年では数多くのプログラミング言語の学習サイトがあります。*Rubyを勉強できる学習サイトとして「ドットインストール」「Progate」「Paiza」などが挙げられます。*

学習サイトを利用して勉強する場合、費用コストが低いのが特徴であり、無料で利用できるものも少なくありません。まずは無料の学習サイトを利用し、独学でRubyを学習してみて、自分に合うかどうかを確かめましょう。また独学でプログラミングを勉強するのが苦手と感じたら、プログラミングスクールの受講を検討してみましょう。

## Rubyは初心者向けの言語であり作れるものも多数ある！

これまでに、Rubyの概要・特徴・作れるもの・コード一覧・勉強方法について解説しました。*Rubyとは、まつもとゆきひろ氏によって開発されたプログラミング言語であり、文法や仕様がシンプルなため、初心者向けの言語とも言えるでしょう。*

**Rubyで作れるものは数多くあり「Webアプリ」「API機能」「スマホアプリ」「スクレイピング」「ECサイト」「チャットボット」などを作ることが可能です。**Rubyを独学で勉強する場合、本や学習サイトを活用するのがおすすめです。*本を選ぶ際のポイントとして、実際に手を動かしながら学習できるように、サンプルコードが記載されているものを選択することが挙げられます。プログラミング初心者の方は、ぜひRubyから学習を始めてみましょう。*

Rubyとはまつもとゆきひろ氏によって開発された国産のプログラミング言語です。また、文法や仕様がシンプルで、日本語の情報も多く初心者向けの言語とも言えるでしょう。当記事では、Ruby初心者向けに概要・特徴・作れるもの・コード一覧・勉強方法について解説します。

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

Rubyの大きな特徴は文法や仕様がシンプルなためソースコードを簡潔に記述できること

Rubyで作れるものは「Webアプリ」「API機能」「スマホアプリ」「スクレイピング」「ECサイト」「チャットボット」など

Ruby初心者向けに概要・特徴・作れるもの・勉強方法を解説！

**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の基本コードのコンセプトは**レベルに応じて**「*コードを学ぼう*」の中で学んでいきます。

### Swift Playgroundsを使った学習方法

Swift Playgroundsを使った学習方法は、*Swift Playgroundsのヘルプを利用すること*です。ヘルプでは**豊富な使い方と説明**が記載されています。Swift Playgroundsを使ってプレイグラウンドを攻略していきましょう。

「*コードを学ぼう1*」は基本レベルのレッスンです。設定されているステージをクリアすることで、コマンド・関数・forループ・条件分岐・論理演算子・whileループ・アルゴリズムを学んでいきます。
「*コードを学ぼう2*」は中級レベルのレッスンです。ここでは、上位の変数・型・初期化・パラメータ・配列等を学んでいきます。
さらに、上級レベルの「*コードを学ぼう3*」ではこれまでの振り返りとさらに高度な使い方を学びます。

その他に、*チャレンジ*や*テンプレート*も活用しながらSwiftの学習を進めていきます。また、Swiftの学習を総合的に行う場合は、入門ガイドや関連書籍を利用するのが良いでしょう。

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

・*Apple社のSwift Playgroundsの学習書を活用する*
Apple社ではApple Booksで関連書籍の日本語版を発行しており、以下の電子書籍がダウンロード可能です。
「Develop in Swift探究:教師用ガイド Xcode 11」
「Swift Playgrounds: コードを学ぼう1&2 教師用ガイド」
「Swift Playgrounds: コードを学ぼう3 教師用ガイド」
「Everyone Can Codeパズル:生徒用ガイド」
「Everyone Can Codeパズル:教師用ガイド」
「Everyone Can Code冒険」
参考：[Swiftによるアプリケーション開発:入門編 Apple Educationの他のブック](https://books.apple.com/jp/book/id1483864101#see-all/author-other-books)

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

### Swiftについてより深く学習するには？

ここまでのSwift Playgrounds活用方法で、すでに入門程度の理解が進んでいるはずです。Swiftの中級や上級レベルを挑戦するには、*公式サイトのドキュメントやコミュニティ*から情報を入手しましょう。英語の情報が中心ですが情報が整備されています。

・*公式デベロッパサイトを確認する*
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 Playgroundsは入門者から気軽に使える学習アプリ

SwiftはApple社が開発した*自社製品向けアプリ開発のプログラミング言語*で、オープンソース化により*汎用プログラミングの用途*としても利用が始まっています。さらに、**Swift Playgroundsは誰でもSwiftを学習できるアプリ**です。

*小学生から大人まで*、学びに年齢は関係ありません。気軽にSwiftの言語学習を始められるので、初心者から上級者まで1度遊び場を訪れて試してみるのはいかがでしょうか。

Swift Playgroundsは、Apple社の開発したSwiftを学ぶアプリです。iPadでインタラクティブに学習できるため、学校教育でも取り入れられています。ここでは、アプリでできること・特徴・学ぶ方法まで丁寧に疑問に答えていきます。

Swift Playgroundsとは、Apple社の開発したSwiftをインタラクティブに学ぶアプリです

iPadがあれば学習目的の利用から、実際に動作するコード作成まで簡単に行うことができます

Swift Playgroundsの対象年齢は幅広く、小学校低学年から大人までカバーします

Swift Playgroundsでできることは？概要と学び方

*CSS*とは、ウェブページを作成する際に使用する*HTML言語で用いるスタイルシート*を指します。スタイルシートとは、見栄えを良くするために記述する言語です。スタイルシートを用いることで*色やフォント、レイアウト*が希望通りに**柔軟に指定**できます。

*HTML*はウェブページを作成するための*マークアップ言語*です。従来はHTML自体に見栄えに関する属性指定を入れていましたが、HTML4やHTML5では*文書構造（コンテンツ）*をHTMLが担当します。したがってHTMLとCSSは次の関係が成り立ちます。

*ウェブコンテンツ*＝記載する*文章構成（HTML）*＋*見栄え（CSS）*

*CSS*は単独で利用するわけではなく、設定対象となる**HTML文書がセットで必要**です。

CSSを利用することで**多くのメリット**があります。代表的なメリットは以下の通りです。

・*構造がシンプル*
　HTMLとCSSに分離したことにより、構造がシンプルになりました。そのためドキュメントの編集作業の効率が高まり保守性が向上します。

・*カスタマイズしやすい*
　HTMLファイルとは別にCSSファイル（スタイルシートファイル）に保存することができます。そのためファイルが複数にわたる場合も同じ見栄えが実現でき、変更時も一括対応できます。

・*表示速度が速い*
　見栄え含めてすべてHTMLで記述するとブラウザ処理が増加するため、総じてウェブ表示の負荷が高くなります。近年のウェブブラウザはCSSの最適化がされているため、CSSを用いることで表示速度が高速になります。

通常用いる**HTMLとCSSの表示の違い**を簡単に見てみましょう。

・*HTMLの場合*
*記述例：*
\<p\>今日も暑い一日でした。明日も晴れるかな？\</p\>
*表示例：*
今日も暑い一日でした。明日も晴れるかな？

・*CSSの場合*
*記述例：*
\今日も\暑い一日\</span\>でした。明日も晴れるかな？\</p\>
*表示例：*
今日も暑い一日でした。明日も晴れるかな？

上記例では同じ文章をタグ内に記述しています。ちょっとした色の指定ですが、CSSの場合はその*開始タグ*で**見栄えを変更する**ことができます。HTMLの単純な文章にCSSで色付けすることで*文章が読みやすくなります*。以降でCSSの使い方をもう少し詳しく見ていきましょう。

ここからCSSの使い方を説明していきます。*CSSの作成*に必要なものは、*編集用PCのみ*です。CSSはHTML同様に**テキストファイル**ですので、*テキスト編集のメモ帳アプリやエディタ*を用いて編集します。可能であれば先にウェブページの文書構成ファイルとなる*HTMLファイルを事前準備しておく*のが良いでしょう。

**CSSは簡単**なため、以下の構成要素が理解できるとすぐに活用可能です。

・*文法*
　セレクタ { プロパティ: 値 ; }
　セレクタの後に宣言ブロックという波カッコ”{ }” 内で見栄えを指定します。波カッコ内にはプロパティと値をセミコロン”;”で区切り、複数指定することができます。この文法ルールにしたがい利用していきます。
・*セレクタ*
　スタイルを適用するHTMLのタグ要素を指定します。
・*プロパティ*
　具体的な変更対象となる要素で用いる属性を指定します。
・*値*
　指定するプロパティに設定する値です。

構成要素となるセレクタ・プロパティ・値については、以降でさらにくわしく説明していきます。

### CSSで記述する主なセレクタは？

*セレクタ*とは**HTMLで用いているタグ要素**を表します。具体的には以下の要素で利用します。

・*h要素*
　h1～h6　見出しの指定で、h1が最上位の大見出しとなります。
・*body要素*
　文書本体全体を指します。
・*p要素*
　文書段落を指します。
・*li・ol・ul要素*
　リスト表示のタグを指します。
・*table・tr・th・td要素*
　表（テーブル）表示のタグを指します。

### CSSで記述する主なプロパティは？

*プロパティ*は**CSSで変更対象とする属性**です。代表的なプロパティは以下の通りです。

・*color*
　前面の色を指定する属性です。
・*background*
　背景色を指定する属性です。
・*border*
　枠線を指定する属性です。
・*margin*
　縁の余白を指定する属性です。
・*padding*
　内側の調整余白を指定する属性です。
・*width*
　幅を指定する属性です。
・*height*
　高さを指定する属性です。
・*font*
　フォントを指定する属性です。
・*font-size*
　フォントサイズを指定する属性です。
・*font-style*
　標準・イタリック体・斜体を指定する属性です。

*CSSで指定する値*は**文字列やキーワード、数および単位識別子**が指定できます。

・*色の指定*
　設定済みカラーネーム、red・blue・breen・black・white・yellow等基本色16色、拡張カラー147色から指定します。
　または16進数RGB、例としてwhiteは#FFFFFF、blackは#000000を指定します。
　もしくは10進数RGB、例としてwhiteはrgb(255,255,255)、blackはrgb(0,0,0)を指定します。パーセント値表記での指定も可能です。
・*幅や高さ・ポジション*
　プロパティに応じてピクセル値やパーセント値を指定します。
・*フォント*
　フォントサイズを文字列・ピクセル値・パーセント値で指定します。
　フォント名を文字列で指定します。
　さらにフォントスタイルを指定可能です。

*CSSの作り方*は代表的な以下の**3通り**の方法があります。

・*HTMLの要素にstyle属性を用いる作成方法*
　お持ちのHTMLファイルに簡単に追加できます。
・*CSSをstyle要素として指定するセレクタを属性設定する作成方法*
　HTMLのhead要素に簡単に追加できます。
・*CSSファイルを作成する方法*
　CSSファイルをlink要素として読み込む方法でCSSを別ファイルに保存できます。
　HTMLファイルとは別のCSSファイルに保存しますのでメンテナンスしやすくおすすめの方法です。

詳細は以降で説明していきます。

### HTMLでstyle属性を用いるCSSの作り方は？

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