2020年6月7日日曜日

ウェブデザインに必要な言語

ウェブページやウェブサービスをデザインをする時には、コンピュータが処理できるいくつもの言語を用います。近年では「コードを書かずにウェブサイトをつくれる」というサービスもたくさんありますが、いずれもビジュアル的な操作をさまざまプログラムによって自動的にコードに書き換えられています。


<参考リンク>

新人ウェブ担の第一関門、HTML、CSS、CMS、JavaScriptを理解 脱・新人Web担!あずさのWeb担当者日記

マークアップ言語

文章とともにその構造(タイトルや段落など)や見栄え(文字サイズなど)に関する指示を「タグ」と呼ばれる専用の文字列でテキストファイルに記述する言語。普段目にしているウェブページの多くはHTML(HyperText Markup Language)が使われています。


このページも本文の部分は以下のように構造化された文書が、ブラウザによって今見えているような形に表示されています。



マークアップ言語は、文章の論理構造に特化して記述します。見栄え(デザインやレイアウト)に関する指示はHTMLから分離してCSS(スタイルシート言語)で記述します。

<参考リンク>

まずはここから!HTMLの書き方【初心者向け】 TechAcademy

プログラミング言語

コンピュータに何らかの計算や処理(プログラム)を実行させるときに使用する言語。

今でも大学の情報の授業ではC言語やC++などを学ぶのでしょうか。このようなコンピュータを動かすための基盤的な言語もあれば、ウェブサイトのデザインやウェブアプリに関連して使用される代表的なプログラミング言語にはJavaScriptやPHP、Perl、Rubyなど、ひとくちにプログラミング言語といってもピンからキリまでいろいろあります。Wikipedia:プログラミング言語一覧