Français
English
Español
Українська
Deutsch
简体中文
Italiano
العربية
हिंदी
Português
বাংলা
ภาษาไทย
Tiếng Việt
한국어
Русский
ウェブ技術
ウェブサイトやアプリケーションの開発を始めると、多くの技術の中で圧倒されてしまうことがあります。言語やフレームワーク、ツールが多く、全体像を把握するのは簡単ではありません。
この記事では、現在のウェブで使用されている主な技術の概要を紹介します。網羅的ではありませんが、最も一般的で広く使われている技術を取り上げています。
プログラミング言語
(x)Html
Webコンテンツを構造化し意味を持たせるためのマークアップ言語です。「HyperText Markup Language」の略でHTMLと呼ばれます。フォームの作成やリンク、画像、動画の挿入が可能です。
CSS
HTMLページのようなWebドキュメントの見た目を整えるために使われます。「Cascading Style Sheets（カスケーディング・スタイルシート）」に由来します。色、フォント、枠線などの見た目や配置のプロパティの一覧です。スタイルシートの目的は、コンテンツと見た目を分離することです。
PHP
PHPは動的なWebページを作成するためのプログラミング言語です。約4分の3のWebサイトが何らかの形でPHPを使用しています。
Javascript
Webページにアニメーションや効果を追加できます。また、ページをインタラクティブにし、使いやすさやユーザーインターフェースを向上させるためにも使われます。
Jquery
WebページでのJavaScriptの記述を簡単にするオープンソースのJavaScriptライブラリです。HTMLの操作、イベント処理、ページとのやり取りの簡素化が可能です。
その他の技術
Mysql
オープンソースのリレーショナルデータベース管理システムです。ユーザー、記事、商品など、Webサイトのデータを保存・整理することができます。
Ajax
ページを再読み込みせずにサーバーからデータを読み込むことができる技術です。Webサイトをより高速でインタラクティブにするために使われます。
Nodejs
JavaScriptをサーバー側で使用できるようにする実行環境です。特にリアルタイムの高速なWebアプリケーションを構築できます。
React
Facebookによって開発されたオープンソースのJavaScriptライブラリです。ユーザーインターフェースの作成に使用され、特にシングルページアプリケーションで使われます。
Wordpress
無料でオープンソースのCMS（コンテンツ管理システム）です。PHPで書かれており、MySQLデータベースを使用します。多くのプラグインにより簡単にWebサイトを作成できます。全Webサイトの40%以上で利用されています。
Prestashop
オープンソースのEC向けCMSです。オンラインショップの作成と管理を簡単に行えます。
Angular
Googleによって開発されたオープンソースのフレームワークです。ページ、操作、データを管理しながらWebアプリケーションを作成できます。
Python
多用途のオープンソースプログラミング言語です。Webサイトの作成、タスクの自動化、アプリケーションの開発に使用されます。
Vue.JS
オープンソースのJavaScriptフレームワーク（単にVueとも呼ばれます）。ユーザーインターフェースやWebアプリケーションの作成に使用されます。
Symfony
オープンソースのPHPフレームワークです。コードの整理と開発を簡単にし、Webサイトやアプリケーションを作成できます。
Laravel
Symfonyを一部ベースとしたオープンソースのPHPフレームワークです。開発を簡単にし、Webサイトやアプリケーションを作成できます。
Ruby
シンプルで使いやすいように設計されたオープンソースのオブジェクト指向プログラミング言語です。Webアプリケーションやソフトウェアの開発に使用されます。
Zend
オープンソースのPHPフレームワークです。コードを構造化し開発を簡単にすることで、Webサイトやアプリケーションを作成できます。
Cakephp
PHPで書かれたオープンソースのWebフレームワークです。MVCアーキテクチャに従っており、データベース管理やコード構成のためのツールによってWebアプリ開発を容易にします。
Apache cordova
Apache Foundationによるオープンソースのフレームワークで、HTML、CSS、JavaScriptなどのWeb技術を使ってクロスプラットフォームのモバイルアプリを開発できます。
Ionic
HTML、CSS、JavaScriptなどの技術を用いて、クロスプラットフォームのモバイルアプリやWebアプリを開発できるオープンソースのフレームワークです。
Joomla
さまざまな種類のWebサイト（企業サイト、ブログ、コンテンツポータルなど）を作成するために使われる無料のオープンソースCMSです。JoomlaはPHPで書かれており、通常はMySQLデータベースを使用します。
CodeIgniter
MVCパターンに従ってPHPで書かれたオープンソースのフレームワークです。軽量で高速、扱いやすいため、Webアプリケーション開発で高く評価されています。
Woocommerce
WordPress向けのオープンソースEC拡張機能です。WordPressサイトをオンラインショップに変えることができ、Web上で販売するための最も人気のあるソリューションの一つです。
Bootstrap
Webサイトやアプリケーションのデザインとレイアウトを作成するためのフロントエンドフレームワークです。すぐに使えるHTML、CSS、JavaScriptコンポーネントを提供します。
Haml
より簡潔な構文でHTMLを生成するためのマークアップ言語です。テンプレート記述をより速く、読みやすくすることを目的としています。
Sass
変数、ネスト、ミックスインなどの機能を追加し、スタイルシートの記述や保守を容易にする、広く使われているCSSプリプロセッサです。
参考資料
WebサイトにおけるPHPの利用統計（英語）
WordPressの統計 2020
用語集
Framework: ソフトウェアやWebアプリケーションの基盤と構造を作るためのコンポーネントの集合
CMS: 「Content Management System」の略
Open-Source: 自由な再配布、ソースコードへのアクセス、派生物の作成を可能にするライセンス
MVC: 「モデル・ビュー・コントローラー」とも呼ばれる、Webアプリでよく使われる設計パターン
Préprocesseur: コンピュータ分野では、プリプロセッサはコンパイル前にコードを変換するプログラムです
226 
ベスト記事を受け取る