TechAcademy（テックアカデミー） Webデザインコース Webデザイン HTML HTML5でdfnタグを使って用語を定義する方法を現役デザイナーが解説【初心者向け】
オーダーメイドコース
icon
icon
HTML

HTML5でdfnタグを使って用語を定義する方法を現役デザイナーが解説【初心者向け】

初心者向けにHTML5でdfnタグを使って用語を定義する方法について解説しています。dfn要素は、専門的な用語などを示すときに使用されます。使い方の例と画面上での見え方、使用時の注意点について見ていきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

HTML5でdfnタグを使って用語を定義する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

そもそも、HTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプ、Webデザイン講座のHTMLカリキュラムをもとに執筆しています。

 

田島悠介

今回は、HTMLに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

dfnタグを使って用語を定義する方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

dfnタグとは

HTML5から新要素としてdfnタグが追加されています。dfnタグは、definitionの略語です。用語の定義を記述する場合に使用されています。

title属性も使用した場合、ブラウザの技術にtitle属性の値として定めた文字列が用語として扱われます。title属性に値として文字列が定められていなかった場合は、dfnタグにて定義された内部の文字がブラウザの技術に用語として扱われます。

 

活用場面

文章内にある用語を言語として定義するときに使用されています。

<p><span>GDP</span>とは、Gross Domestic Productの略称です。</p>

HTML4.01のHTML文書にて、文章の内部に用語が登場する場合、CSSによる装飾のためにも、上記のおおよその書き方にてマークアップされていました。HTML5からは、これらを専用のタグにて定義することが可能です。また、以下に、spanタグからdfnタグに置き換えた場合のサンプルコードを用意しました。

See the Pen
2020-02-09-sample02 by YOHEI INAI (@yohei_inai)
on CodePen.

利用規約のページや、ガイドページにも頻繁に活用されることが期待できます。なお、用語と対になる説明文を規則正しく箇条書きとして列挙する場合は、dfnタグよりもdl、dt、ddタグが適しています。これらのタグは、用語を一覧として説明するためのページ（辞典）などでは、活用される機会が多いと考えられます。

そして、用語の意味を成立させるためにも使用されています。dfnタグの使用は、SEO対策において、ページランクの評価としても有利になると考えられます。辞典などを作成する場合は、積極的に活用してみましょう。

 

[PR] Webデザインで副業する方法とは

dfnタグを使って用語を定義してみよう

See the Pen
2020-02-09-sample01 by YOHEI INAI (@yohei_inai)
on CodePen.

上記のサンプルコードは、略称を用語として説明するためにtitle属性も使用しています。

See the Pen
2020-02-09-sample02 by YOHEI INAI (@yohei_inai)
on CodePen.

上記のサンプルコードは、略称を用語として説明するための定義文です。

 

監修してくれたメンター

井内洋平

TechAcademyの現役メンター。

元Web Developerで、趣味は貯金、節税対策、投資信託、株式投資、FXなど多岐にわたる。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

TechAcademyでは初心者でも、オリジナルWebサイトを公開できる、オンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

HTMLとCSSで横並びレイアウトの表示方法を現役エンジニアが解説【初心者向け】

今回はHTMLとCSSを使用して横並びレイアウトの表示をする方法を、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説...
CSS

HTMLで画像の上に文字を重ねる方法を現役エンジニアが解説【初心者向け】

HTMLで画像の上に文字を重ねる方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 &nbs...
HTML

基礎から学ぶ！HTMLにCSSを適用（読み込み）させる方法【初心者向け】

基本的にHTMLだけでは文字を表示するだけで、リッチなデザインが整ったWebデザインを制作することは難しいです。 そんな時に必要になってくるのがCSSです...
HTML

HTMLで日付の入力欄を作る方法を現役デザイナーが解説【初心者向け】

HTMLで日付の入力欄を作る方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそも、H...
HTML

HTMLの特殊文字でスペースを入力する方法を現役デザイナーが解説【初心者向け】

HTMLの特殊文字でスペースを入力する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そ...
HTML

HTMLのimgタグにURLを設定する方法を現役エンジニアが解説【初心者向け】

HTMLのimgタグにURLを設定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そ...
HTML

あわせてよく読まれている記事

HTMLでdfn要素を使って用語を定義する方法を現役エンジニアが解説【初心者向け】

HTMLでdfn要素を使って用語を定義する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもHTMLの記述方法がわからない場合は、HTMLの書き方について解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプWebデザイン講座のHTMLカリキュラムをもとに執筆しています。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 dfn要素を使って用語を定義する方法について詳しく説明していくね！ 大石ゆかり お願いします！ 目次 dfnで用語を説明するには（用語定義について） dfn要素とは dfn要素を使って用語を定義してみよう   dfnで用語を説明するには（用語定義について） 文章に使用される予定の用語を定義するためにdefinition（ディフィニション）の略語であるdfnタグを使用できます。略語や語源を説明するための文書や用字用語を扱われているWebサイトでは、頻繁に活用されることが期待できます。   [PR] Webデザインで副業する方法とはdfn要素とは 単純に用語や略語を定義するために用意されています。dfnタグとabbrタグのtitle属性を用いて、言語と略語の説明文も定義できます。以下に、使用例としてのサンプルコードを掲載していますので、参考までに留めておきましょう。   HTML <p>この文書には、<dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn>を用いて、dfnタグの説明が掲載されてあります。</p>   表示結果 See the Pen 2020-07-15-sample01 by YOHEI INAI (@yohei_inai) on CodePen.   dfn要素を使って用語を定義してみよう dfnタグのtitle属性の値に用語を定めてから、略語を用いて説明を述べることもできます。以下に、使用例としてのサンプルコードを掲載していますので、参考までに留めておきましょう。   例文のHTML <article> <section> <h2>KGI</h2> <p><dfn title="Key Goal Indicator">KGI</dfn>とは、会社の『重要目標達成指標』です。会社の事業が目指す売上高や利益、そして、利潤も含めてから、数字や文章にて目標に定めて持続化させるための指標として扱われています。</p> </section> <section> <h2>KPI</h2> <p><dfn title="Key Performance Indicator">KPI</dfn>とは、会社の『重要業績評価指標』です。KGIを達成するためにも、具体的な業務（実務）を構成して、その過程（プロセス）や行為に生じる数字や、それの反復によって関係性のある結果などが指標として扱われています。</p> </section> </article>   表示結果 See the Pen 2020-07-16-sample01 by YOHEI INAI (@yohei_inai) on CodePen.   監修してくれたメンター 井内洋平 TechAcademyの現役メンター。 元Web Developerで、趣味は貯金、節税対策、投資信託、株式投資、FXなど多岐にわたる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもオリジナルWebサイトを公開できるオンラインブートキャンプWebデザイン講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
HTML

【データから紐解く！】人気プログラミング言語を徹底比較！

本稿は、Codementorのブログ記事を、Codementorより了解を得て日本語翻訳し掲載した記事になります。 科学、技術、工学および数学の素養がある人材に大きな需要があり、高い賃金が支払われているのは、とりたてて目新しいニュースではありません。米国におけるソフトウェア関連職種のオンライン求人数は2007年から2012年にかけて、他の求人に比べ3倍の速さで成長しています。 米国労働統計局は、2012年から2022年にかけてソフトウェア開発に関する求人は、22%増加すると見込んでいます。2014年5月時点のソフトウェアアプリケーション開発者の平均年収は95,510ドル(約965万円)となっています。 これからプログラミングを学ぼうと思っている初心者は、どの言語を学ぶべきか考えていることでしょう。 この記事では各プログラミング言語の給与、需要、そして将来性を比較する事によって、疑問への回答のヒントとなるはずです！   また、オンラインのプログラミングスクールTechAcademyでは、未経験でもプログラミングを習得することが出来ます。   目次 各プログラミング言語の現状 言語別求人ランキング 言語別給与ランキング プログラミングに関するサポート体制について 各プログラミング言語の将来性   各プログラミング言語の現状 各プログラミング言語を比較する前に、比較対象となる各言語の現状を確認してみましょう。   [PR] Webデザインで副業する方法とは動的プログラミング言語 学びやすく面白さもある為、一般的に、動的プログラミンング言語は初心者におすすめ出来る言語だと考えられています。コードを多用せず、ゼロからアプリケーションを構築可能で、難しいルールに従う必要がありません。 通常、動的プログラミング言語は最高層で使用されるので、細部の習得に多くの時間を費やす必要が無く、言語の概要の理解に時間を費やします。これも早期に結果を出したいと望むプログラミング初心者に人気の理由の一つです。   JavaScript JavaScript（Javaとは別言語です）は、フロントエンドに必要クライアントな側の言語です。JavaScriptは全てのブラウザと相性が良く、しばしば「jQuery」の様なライブラリ、AngularJSやEmber.js、Reactなどのフロントエンドフレームワークを活用した双方向のウェブアプリケーションに使用されます。 JavaScriptは、Node.jsを活用したサーバー側の言語としても使用されます。Node.jsは比較的新しく、勢いのあるコミュニティです。 FacebookのReact NativeでJavaScriptを使用したネイティブモバイルアプリケーションを構築出来る他、phonegap等のフレームワークでJavaScriptを使用しハイブリッドモバイルアプリケーションも構築出来ます。 しかし、JavaScripは型の無い言語なのでミスを見つけて修正するのが難しい分、扱い難い言語としても知られています。マイクロソフトのTypeScriptやReactが使用するJSXなどの静的な型付きのバージョンも存在します。   Ruby 開発を面白く、かつ効率的にする為に開発されたRubyは、Ruby on Railsのフレームワークによって人気を博しました。 Ruby on Railsは、プログラミングの快適性を追求した、フルスタックのフレームワークです。Rubyは英語の様に解読でき、Railsは、共通タスクを容易にするツールを備えています。 Shopify、Bloomberg、HuluやSlideshareなどの人気サイトではバックエンド開発の大部分にRubyを使用しており、Ruby on Railsで構築されています。 Ruby/Rails開発のためのおすすめエディタ/IDEについても合わせてご覧ください。   Python Pythonもまた初心者にお勧め出来る言語の一つであり、米国の一流大学で言語学習の導入段階において最も学ばれています。デスクトップアプリやWebアプリケーション等を構築する際に使用され、データマイニングに最適なツールを備えています。さらに、Pythonはコンピュータサイエンスやデータ解析、生物情報学等、アカデミックなコミュニティでも人気があります。 Google、 YouTube、 Pinterest、 Instagram、 Reddit、 BitTorrent、 Civilization IVなどはPythonで構築されてます。 国内でPythonを使ったWebサービスが少ない理由とはという記事も合わせてご覧ください。   PHP PHPはサーバー側のスクリプト言語で、PHPのコードで何をするか概念化が容易な為、初心者向けの言語と考えられています。この言語はWeb向けに特化されているので、多くのWebサイトはPHPで構築されています。 Facebook、Wikipedia、Yahoo!、 Tumblr、 WordPress等はPHPで構築されています。   静的型付き言語 静的型付き言語で構築されたアプリケーションはより拡張性と安定性があり、保守性に優れている事で知られています。静的言語はタイピングのチェックによる機能が厳しく、エラーの抽出が容易である一方、プロトタイプの作成が可能な為、多くのコードを使用します。ゲームエンジン、モバイルアプリケーションや企業のバックエンドは一般的に静的型付き言語で構築されます。   Java 汎用性のある言語としてJavaは、Androidアプリ、デスクトップアプリやゲームに使用されます。また企業のバックエンドの開発にも使用されています。 さらに、ビッグデータの保存や加工に使用するフレームワークHadoopは、Javaをベースとしており、Yahoo、Facebook、 Amazon Web Servicesといった企業で採用されています。   C C言語は、システムソフトウェアの共通言語として、しばしば使用されています。 Cは、本稿にて紹介するほぼ全てのプログラミング言語、とりわけObjective-Cと C++に影響を与えました。ですので、もしCの知見があれば他の一般的な言語の習得は難しく無いでしょう。 しかし、簡単なタスクを実行するのに複雑なコードを必要とする為、初めての言語として選んだ場合に初学者は苦労するかと思います。それでもCの知識はきっとプログラマーの助けになることは間違いないですが。   Objective-C / Swift （iOS開発向け） Objective-Cは、C言語を基にした言語であり、静的ですが動的型付けも可能です。AppleのSwiftは、Objective-Cと互換性を持つ様に設計された静的言語ですが静的型付けによりエラーを起こし難くなっています。 Pythonに触発されたSwiftは、新参のプログラマーが習得しやすくObjective-Cに見られるいくつかの課題を解決する様に設計されています。   C++ C++は、C言語を基にした影響力のある言語です。システムソフトウェアのプログラミング用に設計されましたが、ゲームやゲームエンジン、デスクトップアプリ、モバイルアプリ、Webアプリにも使用されてきました。C++は迅速なので、Facebookもいくつかの高性能で高信頼性のあるシステムをこの言語で構築しています。 Adobe Systems、Amazon、Paypal、Chromeなどの多くのソフトウェアがC++で構築されています。Cの様に、一般的にC++は初学者に難しい言語と考えられているので、初めて学ぶ方はMeetups、またはC++Codementorで相談してみるのも良いでしょう。   C# C#（C シャープ）はマイクロソフトWindowsのNET フレームワークの為に開発されました。 C#は、Web開発、ゲーム開発及びマイクロソフトの開発一般に使用されています。マイクロソフトは互換可能なクロスプラットフォームでは知られていませんでしたが、C#を他のプラットフォームへ移行させ、リナックス技術者により良い開発ツールを提供する目的で、Monoと呼ばれるオープンソースプロジェクトを発案しました。 最近では、C#をiOSやAndroid向けのネイティブモバイルアプリに使用できる様になりました。   SQL SQL（SequelまたはStructured Query Language）は、データベースとコニュニケーションを行う問い合わせ用の言語です。 SQLはアプリケーションを構築する為には使用されませんが、リレーショナルデータベース管理システム（RDMS）を使用するアプリケーションのデータ管理に使用されます。   言語別求人のランキング 各プログラミング言語の概要を少しだけ紹介しました。 しかしながら、全ての言語に同じ需要があり、同等の給与が支払われる訳ではありません。もし言語習得の目的が就業であり、また言語習得がどんどん難しくなってきているという話にがっかりさせられたくないのであれば、次に紹介する内容が「どの言語を学ぶべきか」という問いに対するヒントになると思います。 indeed.comによる給与統計を基に、各プログラミング言語を9つの層に分割しています。 この結果、Swiftが一番多くの給与を得る事ができ、Java、Ruby、 Python,、C++とCもまた悪くない選択である事は明白でしょう。さらに、給与のみに焦点を当てた場合、JavaScript,、C#,、SQLおよびPHPは理想的な選択では無いでしょう。 平均給与は、需要（どの程度求人があるか）、供給（何人の開発者がその言語を使えるか）および経験などに影響されます。従い、結論を急ぐ前に他の要素もじっくり確認してみましょう。   求人のトレンド 以下は、プログラミング言語別の求人トレンド（indeed.comから抜粋）です。 C、SQL、JavaおよびJavaScriptには多くの求人があります。一方、C#、C++とPythonもまた需要のある言語です。 しかし、新興企業の職を得たいのであれば、indeed.comのトレンドはふさわしい指標ではないでしょう。   AngelListは新興企業による求人の為のサイトであり、ここの求人リストを基にプログラミング別の重要を確認できます。   JavaScriptの需要がある事が改めて確認できます。また新興企業ではJava、C、C++と C#よりPythonおよびRuby (on Rails)を欲している事が分かるでしょう。   言語別給与ランキング 次は、求人広告の内容から、潜在的にどの程度の賃金が得られるのかみてみましょう。このデータはgooroo.ioから抜粋しており、求人広告で提示された給与の平均値で積算しています。 Ruby、C++またはJavaを知っている技術者は、高い初任給を得られそうです。優秀なRubyとPythonの開発者は不足し、高い需要があるので、RubyとPythonは潜在的に最も高い給料を得られるでしょう。 JavaScriptは2015年4月時点で188,168ドル(約2000万円)も給料があったのに、今では124,oo0ドル(約1300万円)に減っていて、落ち込みが大きいです。 しかし、JavaScriptは特殊はケースです。以下で説明します。   特殊なケース：JavaScriptのフレームワーク 単純にJavaScriptを他の言語と比較するだけでは、どの程度稼げるのかを正確に予測する事はできません。 各プログラミング言語の概説で説明した通り、JavaScriptは様々に分類されます。フロントエンドのウェブサイトの開発を促進する為、多くのフレームワークが開発されてきました。したがって、JavaScriptやjQueryを知っているだけでは、JavaScriptのフレームワークを理解している技術者よりも稼げる可能性は少ないでしょう。 米国におけるJavaScriptのフレームワーク別の技術者の平均給料をみてみましょう。（React & Backboneはライブラリであり、フレームワークとはしていません。Node.jsは含んでいます。） 平均給与は悪くありません。 特に、Reactの展望は明るいです。もちろん、ここに記載されているのはあくまで参考であり、ineed.comでは平均給与105,000ドル以上とみています。これらの技術を学ぶにはJavaScriptを知る必要があり、逆にフレームワークを身につければJavaScriptをより有益なスキルにしていくはずです。   これらのフレームワーク技術者の需要を見てみましょう。 Node.jsはバックエンドの開発用なので、単にフロントエンドのフレームワークとなればAngularJSが需要という点では圧倒的です。フロントエンドのJavaScript技術者に関心があるのなら、AngularJSを学ぶと良いでしょう。 一方でReactは、比較的新しい技術なのでAngularJSの初期段階を同じような勢いで人気を得てきています。 まだ初期段階ですが、AngularJSよりも汎用性があり、ユーザーの使い勝手も良いので、これから需要はますます広がるでしょう。   プログラミングに関するサポート体制について 独学でプログラミング言語を学ぶ場合、他の技術者からサポートを受ける事が非常に重要な助けになると気づくでしょう。 サポートコニュニティの一員となる事は将来のあなたの技術者生活をより快適なものにします。   StackOverflow StackOverflowは相互支援の場として世界中の技術者に使用されている最大のコミュニティであり、プログラミング言語がどの程度普及し、人気があるのか、また同時にそのコニュニティが言語習得に程度役に立つのか、を知る事ができます。   言語の人気 StackOverflowのフォロワーを根拠として、各言語の現時点の人気を確認できます。 すでにJavaとJavaScriptが技術者に大きな需要があることは確認しましたので、これらの言語が最も多くのフォロワーをもっている事は驚きに値しません。「JavaScript」は現在では「Java」を追い抜き、StackOverflowでもっとも多く使用されているタグです。 SQL、Ruby、それからSwiftのフォロワーは少ないですが、RubyはWebの開発に専ら使用されていて、Swiftは比較的新しい言語なので、これは当然の帰結かもしれません。   StackOverflowでの回答率 StackOverflowでは質問を「正確に」しなければならない、という暗黙のルールがあります。このことを頭に入れて各言語別の質問に対する回答を得られる確率を見てみましょう。 この情報に拠ると、C、SQL、それとC++関連では、質問に対し60%以上の回答を得ています。 CとC++は専門性が高く、質問者はプログラミング経験豊富なので、より正確に自分の質問を表現できるのではないか、と考える人もいるでしょう。一方で、SQLは物事を構築する為に使用されている訳ではありません。   注目に値するのはStackOverflowにおいて、PythonとRubyの技術者も回答に協力的である、という点です。前述の通りPythonとRubyは初心者に最も勧められる言語であるのですが、これ考慮しても、30日以内に60%の回答があるという事は驚きです。 一方で、広範に使用されているはずのPHPの回答率が最低です。これは、多くの人がPHPに関する質問をしていますが、回答はあまり得られていない、という事を意味します。   GitHub 開発に参加すると、出来る限り既存のソリューションを使用する事が最善だと気づくでしょう。既存のソリューションは、一般的にオープンソースから取得でき、GitHubはこれを取得する手法を提供します。ユーザーは自分の気に行ったプロジェクトに星印をつけます。あるプロジェクトに多くの星印がつくほど、そのプロジェクトは盛んになりませす。 以下はGitHubの人気プロジェクトの言語別分布です。 JavaScriptが最も人気のあるツールである事は細部を確認せずとも明らかです。JavaScriptは、フレームワークや技術の移り変わりにおいて、技術者が現状についていくのが困難と認識する程、変化の速い言語です。 加えて、Node.jsを除いては、JavaScriptはフロントエンドの開発に最も使用されています。従い、Ruby、Python、JavaおよびPHP等バックエンド向けの言語と直接競い合っている訳ではありません。JavaScriptが他の言語とこれだけ差がある、というのは驚くべき事では無いのです。   一方で、RubyとObjective-Cは開発の為にたくさんのツールとリソースがあります。興味深いのは、StackOverflowでの比較において、いずれの言語もJava程人気がある訳ではないですが、技術者はこれらの言語のオープンソースプロジェクトを有益と考えていることです。 言語別の総プロジェクト数を確認すると、特にObjective-Cにこの傾向が強い事が分かるでしょう。 また、CやC++のオープンソースプロジェクトのほとんどはCやC++の為ではなく、開発全般のツールにする為に書かれています（例えば、最も使用されているPythonの解釈プログラムはCPythonです。これはCで構築されています）。 各プログラミングの概説でお話しした通り、CとC++はシステムアプリケーション開発によく使われているので、GitHubのオープンソースプロジェクトもシステムツールの為だという事が良く分かるのではないでしょうか。 最後に、PHPは広範に使用されているにも関わらず、使用可能なリソースの数という点では遅れをとっています。C#に関しては、マイクロソフトが自前の多くのサービスでオープンソースを模索しているので、将来GitHubにおける価値は拡大するでしょう。   各プログラミング言語の将来性 将来、プログラミング言語はどの程度必要とされるでしょうか？ プログラミング言語の将来性は、「若い人材がどの程度その言語を採用するか」がその言語の人気やリソースの確保につながるので、多分にそれを使用するコミュニティの成長に依存します。では人々が学習の対象としてどの言語に関心があるかをみてみましょう。 Python、JavaScript、C#とSwiftは人々の関心を最も集めています。現在知られているトレンドを基にすると、次の様な各論を出せます。   JavaScript JavaScriptは疑いの余地なく人気の言語となってきていて、特にバックエンドの開発に使用され、潜在的に（ReactNativeを介し）モバイルアプリケーションも構築可能です。 JavaScriptは更に多くのツールを取得し続け、かなり速いペースでアップデートされています。従って将来においても重要な言語であり続けるでしょう。   Ruby スタートアップは「Ruby on Rails」を好みます。Airbnb、Twitch、Hulu等の多くの有名サイトはRailsで構築されており、Ruby技術者を必要とするでしょう。Railsは、習得し易いのでコーディング初心者にとって人気であり続けるでしょう。 一方、Node.jsの台頭は間違いなくRuby on Railsの人気に影響を及ぼします。GithubにおいてNode.jsはすでにRailsを追い抜いています。これは決してNode.jsがRailsを凌駕するという兆候ではありませんが、Railsも数年前にバックエンド開発でPythonの最大のウェブフレームワークDjangoに取ってかわり、Djangoより多くの人気を博した事は留めておくべきです。   更に、同一構造のアプリケーションという新たなトレンドもRailsの採用に影響するでしょう。この慣行はWebアプリケーションのパフォーマンスに影響すると言われています。 同一構造のアプリケーションはNode.jsのプラットフォーム上で動く事を要求されており、フロントエンドと同じくJavaScriptで構築されます。たった一つでもよく言語を熟知している（この場合はJavaScript）という事はアピールになるので、Rubyを新たに学ぶ人が少なくなる可能性があるでしょう。Googleの「Go」もまた新たに注目を集め始めているバックエンド言語です。 しかしながら、Railsは頻繁にアップデートされるので、しばらくは重要な言語であり続けるでしょう。特に開発者にとって豊富な利便性のあるツールがあり、コミュニティが存在するので、多少人気が衰えても、Rubyは活躍し続けるはずです。   Python Pythonは、研究機関とデータサイエンティストに人気で、前述の通り、多くの初心者はPythonでコーディングを学びます。これはPythonが着実に普及しており、重要になってきている事を意味します。 PythonはJavaScripと同様に爆発的な人気を得ている訳でなないですが、データサイエンス分野では高い需要があり、力強く成長していくでしょう。   PHP この数年間、バックエンドの開発トレンドはPHPから他の言語へ移行してきました。しかし、80%のWebサイトが依然としてPHPで構成されています。これはWeb用に設計された言語なので当然かもしれません。 しかしながら、初学者がどの言語を学ぶべきかグーグルで調べると、多くの技術者がPHPを薦めていないことが分かると思います。実際に、PHPは多く技術者から疎まれています。 PHPのコミュニティはPHPの正しいコーディングの仕方や新しい開発ツールを提供する事でPHPに関する悪評を取り除こうとしています。   Java AndroidによりJavaは最も人気のある言語に押し上げられ、その安定性と拡張性から開発会社からもまた支持される事となりました。 ビッグデータ管理用のフレームワークとして（Scala）を使用するSparkと（他の言語をサポートする）Cassandraの台頭により、Hadoopはビッグデータ管理のフレームワークとしてどの程度人気を得続けるか予測が難しくなちました。 しかし、大企業が転換期にどのように行動するかを考慮すると、Hadoopが捨て去られる事はないでしょう。Javaはバックエンド開発において優れたツールを持っていて、企業の開発に不可欠なのです。 この様に、Javaは今後数年間は重要な言語の一つとして力を持ち続けるでしょう。   Objective-C/Swift アップル（Apple）がSwiftをリリースし、Objective-Cが専らアップル（Apple）の製品に使用される様になると、Objective-Cの需要が無くなるとは誰も想像していません。アップル（Apple）の製品が使用される限りは数年間はObjective-Cは重要な言語で有り続けるでしょう。 iOS向けのオープンソースプロジェクトの大半は未だObjective-Cで書かれていますので、2017年現時点においても、学習する価値のある言語です。一般的にまったく概念を理解する事の出来ないものを学ぶのは効率的ではありません。従い、もしSwiftを知っているのならObjective-Cは習得しやすいでしょう（また逆もしかりです）。   C Cは、他の言語と比べると極めて下位レベルで使用されますが、OS用の汎用言語でもあるので残り続けるでしょう。多くの開発ルールはCとリナックス、またはCで構築されています。   SQL SQLは大抵のデータ管理者に習得されています。しかし、MongoDBやRedisの様なSQLを要しないサービス、またはHadoof、SparkとCassandraの様なSQLを必要としないプラットフォームの台頭によりSQLは勢いを失っていると考えられていました。 現状はそうではありません。かつてSQLを必要としなかったサービスまでがSQLを活用し始めたのです。 ビッグデータの台頭と管理の難しさから、SQLはかつてないほど必要とされています（それは求人トレンドからも分かるでしょう）。Googleは、BigQueryサービスをアップデートし、一つのテーブルに対し1秒間で100,000行を処理できる様にしました。BigQueryはSQLを使用しています。Sparkはバージョン1.3からSparl SQL Moduleを採用しています。 つまり、ビッグデータを管理する必要性から、SQLは再び重要な言語となったのです。SQLは単に普及しているというのみならず、暫くは重要な言語で有り続けるでしょう。   C++ （Rustに対してまでも）未だ性能と能力においてパワフルな言語と考えられており、C++は高性能を求められるシステム（例えばゲームエンジン）で重要な言語で有り続けるでしょう。最新の主要バージョン（C++14）は2017年にリリースされる見込みであり、未だ進化しています。 Rustが作るソフトウェアはC++が作る場合よりも脆弱性が少なくなることを目指しているので、将来的にはRustは一部のシステムプログラミングでC++と入れ替わるでしょう。   C# マイクロソフトのプラットフォームに限定されていた事とクローズドソースであった事は過去にC#に有利に働きませんでした。しかし、Monoはこの問題の大部分を修正しました。（Monoは性能に問題がありましたが、最近のアップデートにより改善しました。） C#で働いた技術者はC#を好きになる傾向があるので、この言語は、とても強いコミュニティを持っています。C#はUnity 3Dの主要言語であり、iOSやリナックス上で動くゲームエンジンにも使用されています。ゲームエンジンとしてのUnity 3Dの台頭は、C#の立ち位置を確固たるものにし、バーチャルリアリティアプリの開発を支えています。バーチャルリアリティは重要な技術なので、C#の未来は明るいでしょう。 補足として、C#は米国の外、例えば英国の企業での開発でも人気があります。マイクロソフトもC#をしばらくは活用し続けNETプラットフォームで重要な言語とするつもりでしょう。そして技術者が活用し易い様にアクセス可能なオープンソースの製品を積極的に打ち出すでしょう。   まとめ プログラミング初心者がどの言語を学ぶべきか？ Web開発に関わるならばJavaScriptを学ばねばならないのは明らかです。バックエンドのウェブ開発をしたいのならSQLは必須でしょう。 データ関連のウェブサイトやデータサイエンスに関心があるのなら、Pythonが推奨されます。企業で働くのなら、Javaが必要です。システムの構築に関心がなく、単に労働機会が欲しいだけならSQLをおすすめします。（特に数学好きであれば） TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。未経験でもこれからプログラミングを習得したいと思っている方は特にご覧ください！ また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。
プログラミング

【プログラミング入門者向け】コンパイラ型言語とは？現役エンジニアが用語解説

コンパイラ言語とは何かについて、TechAcademyのメンター（現役エンジニア）がプログラミング入門者向けに解説します。 なお本記事は、TechAcademyのオンラインブートキャンプの内容をもとにしています。   田島悠介 今回は、プログラミングに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 コンパイラ言語について詳しく説明していくね！ 大石ゆかり お願いします！ 目次 コンパイラ型言語とは? コンパイラ型言語のメリット／デメリット コンパイラ型言語の代表的な種類と特徴 スクリプト言語との違い まとめ コンパイラ型言語とは? パソコンのソフトウェアやスマートフォンのアプリなどのことを「プログラム」と呼びます。プログラムは「プログラミング言語」というもので作成します。 言語といっても日本語や英語のような自然言語ではなく、一定のルールに基づいて書き方などを決めている人工的な言語です。 プログラミング言語は英語をベースにしているものが多く、例えば以下は「Java」というプログラミング言語の記述例です。 System.out.print("Hello!"); プログラミング言語が分からなくても、なんとなく「print」という単語から印刷や表示などを行うことが想像できますね。 このように人間が見て理解できるプログラミング言語で書いた文章を「ソースコード」と呼びます。 このソースコードをコンピューターが実行できるように翻訳したものが「プログラム」です。 実はコンピューターは人間とは違い、数字しか理解できません。 プログラミング言語はあくまで人間がソースコードを書くための言語であり、ソースコードをプログラムとして実行するにはコンピューターが理解できる数字の羅列に「翻訳」する必要があるのです。 プログラミング言語は翻訳の方法により2種類に分けられます。 コンパイラ型言語：一度に全てのソースコードを翻訳してからプログラムを実行する言語 インタプリタ型言語：少しずつソースコードを翻訳しながらプログラムを実行する言語 一度に全てのソースコードをコンパイル翻訳してからプログラムを実行する言語、それがコンパイラ型言語です。 コンパイラ型言語のプログラムを実行するまでの流れは以下のようになります。 人間がプログラミング言語でソースコードを書きます。 ソースコードをコンピュータが理解できる数値の羅列に翻訳します。この翻訳のことを「コンパイル」と呼びます。 コンパイルしたファイルはソースコードとは別に作成されます。このファイルのことを「実行可能ファイル」や「モジュール」などと呼びます。 実行可能ファイルを実行します。 私たちが普段目にするパソコンのソフトウェアやスマートフォンのアプリは、この「実行可能ファイル」のことを指しています。 [PR] Webデザインで副業する方法とはコンパイラ型言語のメリット／デメリット ソースコードを記述してプログラムを作成するまでの一連の作業を「開発」と呼びます。 現在のソフトウェアやアプリは複雑なものが多く、開発作業も複数のエンジニアで何ヶ月もかけて行うことが一般的です。 コンパイラ型言語はその特徴から大規模な開発に向いている言語です。 ここで具体的にメリットとデメリットを確認していきましょう。 コンパイラ型言語のメリット コンパイラ型言語のメリットは「一度に全てのソースコードを翻訳してからプログラムを実行する」点にあります。 ソースコードの間違いを早い段階で検出できる ソースコードをプログラムに翻訳する「コンパイル」では、ソースコードに間違いが無いかエラーチェックもいっしょに行います。 これは間違いを残したままプログラムを実行してコンピューターが異常な動きをするのを防ぐためです。 残してしまった間違いを「バグ」といいます。開発作業はソースコードを書くだけでなくテストなど多くの工程を経ますので、バグは早い段階で検出できたほうが効率的です。 プログラムの実行速度がインタプリタ型言語と比較して高速 一度に全てのソースコードを翻訳してからプログラムを実行するため、プログラムを実行する速度は逐一翻訳しながら実行するインタプリタ型言語と比較して高速になります。 よって実行速度が求められる場面にコンパイラ型言語は向いていると言えるでしょう。 身近なところでは動きの早いゲームアプリやリアルタイムに結果が分かる画像加工アプリ、大規模な例としては企業の基幹系システムなどが向いている例としてあげられます。 コンパイラ型言語のデメリット コンパイラ型言語の特徴である「一度に全てのソースコードを翻訳してからプログラムを実行する」がデメリットになる場合もあります。 すぐに実行を開始できない 一度に全てのソースコードを翻訳してからプログラムを実行するため、それが終わるまでは実行を待つ必要があります。 ただしこれは主に開発作業中におけるデメリットです。 開発作業中は何回もソースコードの作成と実行(テスト)を繰り返すため、僅かな時間ですがコンパイルを待つ必要があります。 実際に私たちがダウンロードして利用するアプリは、すでにコンパイルが済んでいる実行可能ファイルですので、ソースコードの翻訳を待つ必要はありません。 やや難易度の高い言語が多い ほとんどのコンパイラ型言語は、開発を始める際にコンパイルを行って実行するための「開発環境」を構築する必要があります。 開発環境の構築とは開発に必要なソフトウェアをパソコンなどにインストールすることを指しますが、初学者にとっては開発に必要なソフトウェアが何なのか分からない場合も多く、学習を始める際のハードルとなる場合があります。さらに、OS(オペレーティングシステム。 パソコンならWindowsやMac、Linuxなど。 スマートフォンならAndroidやiOSなどの種類を指す)の種類により実行できる実行可能ファイルは異なります。 よってコンパイルもそれぞれのターゲットに対して行う必要があるのも難易度を高める一因となっています。 それに対してインタプリタ型言語の代表である「JavaScript」はブラウザで実行できるため開発の構築も容易です。 なお後述しますがJava言語のようにどこでも実行できるように設計されたプログラミング言語もあります。 またコンパイラ型言語は大規模な開発を想定しているものが多く、ソースコードを機能単位に分割して作るような機能が充実しています。 またコンパイル(ソースコードを実行可能ファイルに翻訳すること)の際に記述内容が明確になるよう、厳密な書き方が求められます。 はじめからこれらの機能をフル活用して開発を行う必要は無いのですが、若干の取っ掛かりづらさはあります。 コンパイラ型言語の代表的な種類と特徴 それでは次に、代表的なコンパイラ型言語の種類と特徴を見ていくことにしましょう。 Java コンパイラ型言語の代表格と言えばJavaです。「ジャヴァ」と読みます。 似た名前のプログラミング言語に「JavaScript」というものがありますが全くの別物です。 特徴 Javaはアメリカのサン・マイクロシステムズ社によって1996年に発表された歴史のあるプログラミング言語です。 現在はアメリカのオラクル社が権利を保有しています。 Javaの開発当初からのポリシーとして「Write once, run anywhere」があります。 これは一度書いたソースコードはどこでも実行できるということを意味します。 前述の通り実行可能ファイルはOSの種類により異なりますが、Javaは「Java Virtual Machine(JVM)」という仕組みを取り入れることで、基本的に同じソースコードがどこでも動くような環境を用意しました。 Javaは早い段階から大規模開発に向いた機能を取り入れて来たため、企業の基幹系システムなどに幅広く使われていることも特徴です。 特に金融機関の基幹系システムにはほぼ100%採用されていると言っていいでしょう。 歴史がありいわば「枯れたプログラミング言語」であるためとても安定しているため、この流れは今後も継続されるものと想定できます。 実際にシステム開発の案件数も多く、システム開発会社の新入社員研修でも広く取り入れられているプログラミング言語です。 プログラミングを職業とするのであれば覚えておくと非常にメリットがあると言えるでしょう。 最新のバージョンは2019年9月にリリースされたJava SE 13です。 なお学習にあたっては問題ありませんが、商用利用のライセンス体系が変更になっているため、会社で利用する場合にはオラクル社のホームページで確認しておくといいでしょう。 開発に使われた代表的なサービス 前述の通りJavaは広く多くのデバイスで利用されています。 多くの企業の基幹系システム：多くの企業では請求処理や営業管理などの基幹系システムを利用しています。これらのシステムはブラウザから利用する場合も多いでしょう。ユーザーが直接接するWebページの開発をフロントエンドと呼び、サービスを提供するサーバーと呼ばれるコンピュータ内部で動作するプログラムをバックエンドと呼びます。Javaはこの「バックエンド」で幅広く活用されています。 Androidアプリ：AndroidアプリもJavaで開発されてきました。現在の主流は「Kotlin」というプログラミング言語ですが、KotlinはJavaと100%の互換性があり、実行もJVM上で行われます。 組込みシステム：IoT機器などの組込みシステム用にもJavaは広く活用されています。組込みシステム用のJavaは「組み込みJava」と呼ばれ、ほとんどのカーナビやBlu-rayプレーヤーなどに使用されています。 C# C#は主にWindowsで使われているコンパイラ型言語です。 特徴 C#はアメリカのマイクロソフト社によって開発されました。 「シーシャープ」と読みます。2000年に発表された、こちらも歴史のあるプログラミング言語です。 C#は当時の「C++」といったプログラミング言語の使いづらい部分を改良し、モダンに扱えるようにしたプログラミング言語です。 マイクロソフトの基盤ソフトウェア（フレームワーク）である「.NET Framework」上で動作するように設計されています。 C#は言語的にC++をベースとしており、C言語の記述に慣れた人であれば容易に習得できる言語です。 C言語は大学のカリキュラムで採用されていることも多く、コンパイラ型言語の中では比較的容易に取り組めると言っていいでしょう。 開発に使われた代表的なサービス マイクロソフト社の多くのサービス：C#はマイクロソフト社の多くのサービスで利用されています。具体的な例としてはビデオチャットソフトウェアである「skype」やポータルサイトの「MSN」のバックエンドなどがC#で開発されています。なおC#でWeb系のバックエンドの開発を行うには「ASP.NET」というフレームワークを使用します。キーワードとして覚えておくといいでしょう。 ゲームの開発：ゲームの開発で高いシェアを誇る「Unity」で使えるプログラミング言語の1つがC#です。 スマートフォンアプリの開発：シェアとしては少ないのですが、AndroidやiOSなどのスマートフォンアプリの開発にも使用できる環境が用意されています。 C言語 C言語は元祖コンパイラ型言語と呼べるプログラミング言語です。 特徴 C言語は1972年にアメリカのAT&T社のベル研究所でデニス・リッチーとブライアン・W・カーニハンによって開発されました。 「シー言語」と読みます。ほとんどは略して「シー」と呼ぶ場合が多いでしょう。 C言語は現在のほぼすべてのプログラミングの源流となっている記念碑的なプログラミング言語です。 手続き型(ソースコードが書いた順番に上から実行される)や制御構文(繰り返しや条件分岐)などの基本機能はC言語から広く使われるようになったと言っていいでしょう。 非常に歴史のあるプログラミング言語ですが、現在も使用されバージョンアップが行われています。 C言語の実行可能ファイルは各OSごとに最適化されたものであるため、実行時に必要なCPUやメモリ量が少なくコンパイラ型言語の中でも高速に動作するものの1つです。 現在はC言語の機能拡張版である「C++」の方が一般的に使用されています(ここではまとめてC言語と表記しています)。 開発に使われた代表的なサービス 教育：C言語は非常にシンプルで分かりやすい言語構造であるため、大学のカリキュラムなどで広く使われています。C言語=古い、というイメージがあるかもしれませんが、シンプルだからこそ初めて学ぶプログラミング言語に向いているということから採用されています。 組込みシステム：Javaが登場する前は組込みシステムは「アセンブラ」と呼ばれるプログラミング言語かC言語で開発されていました。C言語はこれまで開発されてきたソフトウェア資源なども充実しているため、現在でも開発に多く利用されています(シビアな場面ではアセンブラも用いられています)。 OSやライブラリ：WindowsやMacOS、LinuxなどのOSはC++で開発されています。またプログラミング言語で使用する部品(ライブラリ)の多くもC++で開発されています。例えばインタプリタ型言語の代表である「Python」はAI関係の開発に強みを持っていますが、実行速度が遅いというインタプリタ型言語特有の弱点があります。しかしPythonで使用されるAI関係のライブラリの多くはC++で開発されているため、結果的にインタプリタ型言語とコンパイラ型言語の特徴をうまく生かした環境となっていると言えます。 スクリプト言語との違い スクリプト言語とは、比較的簡単に書けるプログラミング言語を総称して呼ばれているものです。 代表的なプログラミング言語としては JavaScript や Python などがあります。ほとんどのスクリプト言語はインタプリタ型言語であり「すぐに実行できる」、「簡単で覚えやすい」といった特徴を持ちます。 逆に「実行速度が遅い」、「(容易さを優先するために)大規模開発に向かない場合がある」といった弱点もあります。 これはどちらかに優劣があるということではありません。 それぞれの言語の特徴を生かし、適材適所に使い分けを行うといいでしょう。 具体的にはWebアプリケーションであれば、Webページ側(フロントエンド)はすぐに実行できることが求められるためインタプリタ型言語の JavaScript を採用し、バックエンド側は実行速度が求められるため、Java を採用する、といった使い分けになります。 まとめ この記事ではコンパイラ型言語について確認してきました。 なお、プログラミング言語の全体的なトレンドとしては型推論や関数型プログラミングなど、より開発をシンプルにする機能の取り込みが進んでおり、コンパイラ型言語/インタプリタ型言語ともに進化し続けています。 ほとんどのプログラミング言語は開発環境も無償で構築することができるため、お気に入りのプログラミング言語を選んで学習にチャレンジしてみるといいでしょう。   筆者プロフィール 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは、初心者でも東京のIT企業へエンジニアとして転職を目指せるオンラインブートキャンプを開催しています。 現役エンジニアとキャリアカウンセラーが学習から転職までサポートします。 また、現役エンジニアから学べる無料体験や、キャリア相談ができる無料カウンセリングも実施しているので、ぜひ参加してみてください。
プログラミング

頻出単語を一通り覚えて会話の理解力を高めよう：よく使うIT用語まとめ

IT用語はビジネスシーンで多用されますので、基本的な用語を知っておかなければ会話を円滑に進められないことも考えられます。IT業界の理解を深めるためにもこういった知識が必要ですが、日常の思わぬタイミングでも出てくるかもしれません。良く使われるIT用語について確認をしておきましょう。   サービスについての用語 ソリューション ソリューションとは「解答する」や「解決する」という意味の言葉です。IT用語として使用する場合は、企業がビジネスやサービスをする上で抱えている問題や障害を解決したり、解決のために提供される情報システムのことを指して使用されます。ビジネスの高度化や複雑化、スピード化が進む中で、ただ単に情報システムの構築では解決できない問題が生じています。 課題の多様性に対応した、それぞれの顧客が抱える問題への最適なソリューションが必要となってきている背景があり、こういった包括的なシステムの提供がビジネスとして成立しています。ソリューションを提供する事業体を「ソリューションベンダー」や「ソリューションプロバイダ」と呼ぶことがあります。 オンデマンド オンデマンドとは、ユーザーからの要求があった場合にサービスを提供することを指す言葉です。「デマンド」とは「要求」を意味し、Webブラウザ等を通して画像やコンテンツ配信をしている多くのデータ配信やWebサービスは「オンデマンド方式」といいます。具体的には、ゲームや動画配信、e-ラーニングなどがオンデマンドのインターネットサービスにあたります。   システム・技術についての用語 IoT IoT （Internet of Things）とは、「モノのインターネット」と訳される言葉で、これまでインターネットに接続されていなかった多くの「モノ」に、センサーや電子デバイスを埋め込んでインターネットに接続し、クラウドに情報やデータを収集・蓄積することを可能にした仕組みのことをいいます。 IoTの例としては、エアコンをインターネットに接続することで、帰宅前に外出先からエアコンをつけたり、ウェアラブルデバイスによって服薬や睡眠、心拍数や消費カロリーの管理が実現でき、医療分野でのIotの広がりに期待がもたれています。 仮想化 仮想化とは、サーバーやメモリーなどのコンピュータの物理的なリソースを要求に応じて割り振ること。例えば、サーバーを仮想化させた場合、ベースとなる1台のサーバーを「物理サーバー」、仮想化されたサーバーを「仮想サーバー（論理サーバー）」とします。そうすることで1台のサーバーを複数のサーバーとして振舞わせることを可能とし、利用率が低い方のサーバーの余剰能力を有効利用することでコスト削減につなげることが可能です。 また、1台の仮想サーバーがダウンしてもサーバー上のOSやCPU、メモリなども分割されているので、他のサーバーに影響しないというメリットもあります。   [PR] Webデザインで副業する方法とは情報についての用語 データベース データベースとは、コンピュータで相互に関連するデータを整理・統合し、必要なときに取り出し・閲覧できるように共有・検索・抽出を可能にするためにデータを格納したもの、またはその仕組みのことを指します。簡単に言えば一定の形式で整理されたデータの集まりです。 データベースを使用する理由は、「データを整理して蓄積し、情報として利用しやすくするため」です。データは多いほど利用価値、資産として力を発揮しますが、整理されていないと使いたい情報の抽出もままなりません。そこで、データベースを使用してデータを管理し、データを上手に活用します。 データベースの設計や運用、管理を行うエンジニアを「データベースエンジニア」や「データベースサイエンティスト」といい、ビッグデータ（膨大なデータ）を扱う企業には必要な人材となっています。 ビッグデータ ビッグデータとは、従来のデータ管理ツールやデータ処理アプリケーション等では処理や解析が困難であり、しかも爆発的に増加していく膨大で複雑なデータの集合のことをいいます。具体的には、Googleなどのネット検索サービスが検索対象としているWeb上のデータや、FacebookやTwitter等のソーシャルサービスへ書き込まれるデータ、ICカード等の利用履歴などの常に増加し続けるデータを指します。 ビッグデータを解析して活用することにより、人々の行動パターンや交通状況をリアルタイムに把握し、省エネルギーやコスト削減等が可能になっています。ビッグデータの解析には専門職の「データベースサイエンティスト」等が欠かせず、様々な企業やITベンダーで求められています。   まとめ IT用語は今や日常のいたるところで使用されていますが、ビジネスでよく使用される用語に関しては、IT業界の仕事に対応するために理解を深めておく必要があります。ITは業界に関係がなくてもに身の周りに当たり前にありますので、予想もしていないときに会話に飛び込んでくるかもしれません。今一度、IT用語について確認をしておきましょう。 IT業界でおすすめの転職サイト・エージェントもまとめているので、転職を検討している方はぜひ活用してみてください。   また、TechAcademyは、積極的に情報集取を行い学習、成長していくビジネスマンの今後を応援しています。そんな方々におすすめなのはIT業界でキャリアを描くこと。IT業界は成長産業であり、上昇志向や成長志向のある人であれば幅広いチャンスを掴むことが可能です。しかし、総合職であっても技術職とコミュニケーションが取れる人材が求められています。 TechAcademyにはIT業界で活躍したい方向けに無料でプログラミングを学び、転職支援も受けられるTechAcademyキャリアというサービスがあります。 専門知識を効果的に学び、プロのコンサルタントの支援のもと行う転職活動でより自分にあった企業と出会ってみませんか。 IT業界でキャリアアップを目指したい方はぜひTechAcademyキャリアをご覧ください。
ビジネスマナー

今さら聞けない！HTMLとは【初心者向け】

この記事は、Webページの仕組みである「HTML」とは何かを説明します。 名前は聞いたことがあるけど、HTMLって何なんだろう Web制作って、いったい何を作っているんだろう Webページは、どういう仕組みで動いているんだろう こんな疑問を持っている方は、ぜひこの記事を読んでみてください。 どういう仕組みでWebページができているのか理解できますよ。 本記事はテックアカデミーのはじめての副業コースのHTMLカリキュラムの内容をもとに解説しています。 目次dfnタグとは活用場面dfnタグを使って用語を定義してみよう監修してくれたメンター そもそもHTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 HTMLとは何かについて詳しく説明していくね！ 大石ゆかり お願いします！   【動画でも解説しています。クリックで見る！】 HTMLとは HTMLとは、ハイパーテキスト・マークアップ・ランゲージ（Hyper Text Markup Language）の略。 簡単にいうと、コンピュータが理解できる、マークアップをするための言葉です。 マークアップとは、もともと雑誌や新聞の編集用語で、文章構成の指示のことを指します。 「この文章はタイトルです」「この3つの文章が1セットで記事です」というような、注釈のようなものですね。 Web制作では、ホームページ上に表示をしたい文章や写真などの情報に対し、HTMLという言葉で、コンピュータに文章構成を指示することから始まります。   例えば、このような情報をホームページにしたいと思います。 ニュース 孫が生まれて、ついにおじいちゃんになりました。   この情報に対して、日本語で文章構成を指示してみます。 <ここから見出し>ニュース<ここまで見出し> <ここから本文>孫が生まれて、ついにおじいちゃんになりました。<ここまで本文>   これを、HTMLを使ってマークアップすると、このようになります。 <h1>ニュース</h1> <p>孫が生まれて、ついにおじいちゃんになりました。</p>   HTMLという言葉を使うと、<h1>～</h1>で囲まれているのが見出し、<p>～</p>で囲まれているのが本文、という文章構成を、コンピュータが理解できるんです。 このHTMLを表示するときは、<h1>や<p>は見えませんが、<h1>に囲まれている見出しは大きい文字に、<p>に囲まれている本文は小さめの文字になります。 ホームページを作る際、まずはHTMLを使って文章構成の指示を出すことで、ホームページに表示したい情報を形作っていくんですね。   Webページの裏側を見る 普段から私たちがブラウザで見ているWebも、裏側はHTMLでできています。 実際に見てみましょう、HTMLがどんな言葉なのか、より分かってくると思います。   たとえば、テックアカデミーのWebページも、裏側はHTMLです。   Webページを表示したら、画面を右クリックをし、「ページのソースを表示」を押してみましょう。   すると、英単語と記号が組み合わさった文章が出てきます。 これが、Webページの裏側にある、HTMLで記述された文章。 ChromeやSafariといったWebブラウザがこのHTML文章を読み、Webページをどのように表示するか判断しているのです。   HTMLのような言葉を使って、英単語や記号を組み合わせて書いた、コンピュータが読める文章を、「コード」や「ソースコード」と言います。   Webページは、どのようなWebページにするか、HTMLなどのコードを書いて指示を出して作っていきます。 どのようなWebページでも、裏側のソースコードを表示することができますので、ぜひ試してみてくださいね。   [PR] Webデザインで副業する方法とはHyper Text Link（ハイパーテキストリンク） HTMLがハイパーテキスト・マークアップ・ランゲージの略、ではハイパーテキストって何でしょう？ ハイパーテキストとは、ハイパーな文章、つまり文章を超えた文章のことです・・・といってもよくわかりませんよね。   インターネットが生まれる前、コンピュータは、学者が論文など、文章を共有するために使われていたのです。 そんな中、この共有された多数の文章が、お互いに関連付けられてリンクすることで、情報が無数に広がる。 「文章がリンクする」ことで、文章を超えるという仕組み、Hyper Text Link（ハイパーテキストリンク）を考えだしました。   ハイパーテキストリンクでできたつながりは、蜘蛛の巣のように複雑に広がっていくので、Web（蜘蛛の巣）と呼びます。 Webを世界中につなげよう、というプロジェクトが、WWWやW3と示されている、ワールドワイドウェブ（World Wide Web）です。 今でもURLの先頭にhtpps://www.xxxxx.com のように、wwwをつけていることもありますよね。   HTMLは、ハイパーテキストリンクを実現するための、文章同士のリンクをマークアップすることができる言葉として生まれ、ワールドワイドウェブとともに育ちました。 いまや世界中がWebでつながり、どこにいても瞬時に様々なWebページを見ることができます。 Webの根源となっている考え方がハイパーテキストリンクで、Webを実現する言葉がHTMLなのです。   ハイパーテキストリンクの例【矢印の部分をクリックすると別のページへ移動する】   HTMLのコード【上記ページの裏側（ユーザーには見えない部分）の構造】     HTMLの種類 HTMLには「HTML4」「XHTML」「HTML5」など、バージョンや亜種があり、それぞれ文法や表現できることが少し違いますので注意しましょう。 現在は、HTMLのバージョン5である、「HTML5」が一番よく使われています。     大石ゆかり ソースコード、ハイパーテキストリンク、マークアップ・・・。HTMLってこんなに難しいんですか？ 田島悠介 HTML自体は、Web上の文書みたいなもので、書籍や雑誌と同じだよ。 大石ゆかり なるほど！じゃあ、書籍で言えばソースコードやリンクやマークアップは何に当たるんですか？ 田島悠介 リンクは他のページの場所。マークアップはタイトルや見出し、ページにある画像などを指定してあげる方法のことなんだ。合わせてソースコードと言います。   HTMLファイルの作り方 最後に、HTMLファイルの作り方ですが、「.html」という拡張子をつけることで、HTMLファイルであることをコンピュータが認識してくれます。（例 index.html）   以下では、HTMLのタグの中で、リンク・画像・段落分けなどよく使用するタグについて基本的な書き方を解説します。 ブラウザでの実際の表示も確認できるので、初めてHTMLに触れる方は、ぜひご覧ください。   リンクを表示する リンクを作成した場所へページが移動しました。 リンクを作成するには<a>タグを使用します。 <a>タグの書き方 <a href="リンク先へのパス">リンクを貼るテキストや画像</a> hrefの属性値(“”内)にリンク先の絶対パス(https://〜で始まるもの)あるいは相対パス(現在の位置を基準としたもの)を入力します。 最後に必ず終了タグ</a>を入力します。   使用例 実際に<a>タグを使用してテキストにリンクを貼ります。 今回は以下のURLを使って、「Coolors」というサイトへのリンクをつなげてみます。 https://coolors.co/ コード <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body>
HTML

基礎から学ぶ！HTMLにCSSを適用（読み込み）させる方法【初心者向け】

基本的にHTMLだけでは文字を表示するだけで、リッチなデザインが整ったWebデザインを制作することは難しいです。 そんな時に必要になってくるのがCSSです。 HTMLでCSSを読み込むためには、2つの方法があります。 今回は、その方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 本記事はテックアカデミーのはじめての副業コースのHTMLカリキュラムの内容をもとに解説しています。 目次dfnタグとは活用場面dfnタグを使って用語を定義してみよう監修してくれたメンター そもそもHTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 HTMLにCSSを適用（読み込み）させる方法について詳しく説明していくね！ 大石ゆかり お願いします！   CSSの読み込み方（適用方法） HTMLでCSSを読み込むためには、次の2つの方法があります。 外部CSSファイルをHTMLから読み込む方法 HTMLファイル内に直接CSSを記述する方法   1.外部CSSファイルを読み込む方法 外部CSSファイルを読み込む方法は、Webデザインの現場で一般的に使用されている方法です。 事前に拡張子が「.css」のファイルを用意し、HTMLに以下のタグを記述します。 <link rel="stylesheet" href="sample.css"> HTMLファイルに上記のコードを1行追加することで、sample.cssという名称のファイルに記述されたCSS定義をHTMLに適用することができます。   また、この1行をHTMLファイルのどこに記述するかという点についてですが、場所はHTMLファイルの<head>タグ内に記述します。 以下のようにHTMLファイルに記述しましょう。 HTML <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="sample.css"> <title>HelloTechAcademy</title> </head> <body> <p>ここにHTMLの文章などが入ります</p> </body> </html> ここで、CSSファイル読み込み処理のhrefの値は、HTMLファイルとCSSファイルの配置場所によって変化するので気を付けましょう。 上記サンプルの場合は、HTMLファイルとCSSファイルは同じディレクトリに配置する必要があります。   また、HTMLファイルと同じディレクトリにcssというフォルダがあり、その中にsample.cssというファイルが配置されている場合、CSSファイル読み込み処理は以下のように記述します。 <link rel="stylesheet" href="css/sample.css">   2.HTMLファイル内に直接CSSを記述する方法 HTMLファイル内に直接CSSを記述する方法は、一般的にはほとんど使う機会の無い方法ですが、このような適用のさせ方もあります。 まず、以下のようにCSS定義を<style>タグの中に記述します。 <style type="text/css"> p { color : red; } </style>   用意した<style>タグは、HTMLファイルの<head>内に以下のように記述します。 HTML <html> <head> <meta charset="UTF-8"> <style type="text/css">p { color
HTML

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） Webデザインコース Webデザイン HTML HTML5でdfnタグを使って用語を定義する方法を現役デザイナーが解説【初心者向け】