キャリアバイトコラム - インターン・インターンシップ情報キャリアバイト

エンジニア

目指せ、文系エンジニア!文系大学生にもわかりやすいIT・WEBの基礎知識【WEBサイトを支える技術編】

  • このエントリーをはてなブックマークに追加
目指せ、文系エンジニア!文系大学生にもわかりやすいIT・WEBの基礎知識【WEBサイトを支える技術編】 文系大学生でもわかるIT・WEBの基本知識シリーズ第三弾!
IT・WEB業界に就職する学生が多い一方で、学生が意外と知らないIT・WEBの基本知識を、文系大学生でもわかりやすいようにお伝えします。

今回は、WEBサイトを支える技術について、学んでいきます。

WEBサイトを支える技術


1387520301-2B1mpuAsQ3
WEBサイトはどのように作られているのか、HTML、CSS、JavaScriptという三つの有名な"コンピュータ言語"から、勉強していきましょう。

コンピュータ言語とは


コンピュータ技術において用いられることばのこと。HTMLやJavascript、C言語など、一見してすべてプログラミング言語と思われがちですが、厳密にいうと異なります
1387523398-r9VkWMhfxQ

上記以外にも、多くのコンピュータ言語がありますが、HTML, CSS, JavaScriptを分けると、「ソフトウェアの動作を書くことば」と「情報を表現することば」の二種類に分かれます。それぞれについて、詳しく見ていきましょう。

情報を表現することば


・HTML(=Hyper Text Markup Language)



基本的には、WEB上に文字・文書(画像も含む)を表示させるためのことば。バージョンが更新されており、最新版はHTML5。

・CSS(=Cascading Style Sheets)



文章のフォント・色など、見栄えを表現するためのことば。現在、CSSはバージョンがレベル4まで公開されているものの、CSS3が使われている。

なお、こうした「文章の構造(段落など)や見栄え(フォントサイズなど)に関する指定を文章とともにテキストファイルに書くことば」をマークアップ言語といいます。

ソフトウェアの動作を書くことば


・JavaScript



サイト内の画像や時計など、動的な(変化のある)動作や、その制御を行えることば。
こちらの記事(外部リンク)でJavaScriptを使ったサイトがまとめられています。

まとめ


つまり、WEBサイトは、HTMLで文書や画像などのコンテンツを表現し、それらの色・サイズなどの装飾をCSSで決め、JavaScriptで変化のある動作・制御を表現されることで作られています。。

なお、プログラミング言語はもちろん、WEBサイトにもさまざまな形で作られており、これ以外にもWEBサイトを支える技術・作り方は存在します。

そうした多様な言語は、解説部分に埋め込んだ動画の元サイト「ドットインストール」を中心に簡単に勉強できます!
冬休みや年末年始を使って、是非勉強してみてください。

ドットインストール

[関連コラム]
プログラムを勉強したい人、興味のある人必見!無料で学べるプログラミング学習サイト!!
  • このエントリーをはてなブックマークに追加

関連するおすすめ記事

「志望動機」を聞かないで・・・【曽和利光】
志望動機

「志望動機」を聞かないで・・・【曽和利光】

正しい解釈している?社会人に必須のビジネス用語7選!
まとめ

正しい解釈している?社会人に必須のビジネス用語7選!

周りに差をつける!就活で持っていると便利なアイテム
持ち物、アイテム

周りに差をつける!就活で持っていると便利なアイテム

覚えておいて損はない!マーケティングにおいて大事なフレームワークの種類
企画/マーケティング

覚えておいて損はない!マーケティングにおいて大事なフレームワーク...

【高校生インターンの特別コラム第四弾!】「運動会も仕事!!!」 株式会社VOYAGE GROUP代表取締役CEO 宇佐美進典さんにインタビュー!!!
エンジニア

【高校生インターンの特別コラム第四弾!】「運動会も仕事!!!」 ...

就活は見た目が9割?!好印象なESの写真の撮り方
エントリーシート(ES)

就活は見た目が9割?!好印象なESの写真の撮り方