ログイン

ウェブ技術

technos web

ウェブサイトやアプリケーションの開発を始めると、多くの技術の中で圧倒されてしまうことがあります。言語やフレームワーク、ツールが多く、全体像を把握するのは簡単ではありません。

この記事では、現在のウェブで使用されている主な技術の概要を紹介します。網羅的ではありませんが、最も一般的で広く使われている技術を取り上げています。

プログラミング言語

(x)Html

HTML

Webコンテンツを構造化し意味を持たせるためのマークアップ言語です。「HyperText Markup Language」の略でHTMLと呼ばれます。フォームの作成やリンク、画像、動画の挿入が可能です。

CSS

CSS

HTMLページのようなWebドキュメントの見た目を整えるために使われます。「Cascading Style Sheets(カスケーディング・スタイルシート)」に由来します。色、フォント、枠線などの見た目や配置のプロパティの一覧です。スタイルシートの目的は、コンテンツと見た目を分離することです。

PHP

PHP

PHPは動的なWebページを作成するためのプログラミング言語です。約4分の3のWebサイトが何らかの形でPHPを使用しています。

Javascript

Javascript

Webページにアニメーションや効果を追加できます。また、ページをインタラクティブにし、使いやすさやユーザーインターフェースを向上させるためにも使われます。

Jquery

Jquery

WebページでのJavaScriptの記述を簡単にするオープンソースのJavaScriptライブラリです。HTMLの操作、イベント処理、ページとのやり取りの簡素化が可能です。

その他の技術

Mysql

Mysql

オープンソースのリレーショナルデータベース管理システムです。ユーザー、記事、商品など、Webサイトのデータを保存・整理することができます。

Ajax

Ajax

ページを再読み込みせずにサーバーからデータを読み込むことができる技術です。Webサイトをより高速でインタラクティブにするために使われます。

Nodejs

Nodejs

JavaScriptをサーバー側で使用できるようにする実行環境です。特にリアルタイムの高速なWebアプリケーションを構築できます。

React

React

Facebookによって開発されたオープンソースのJavaScriptライブラリです。ユーザーインターフェースの作成に使用され、特にシングルページアプリケーションで使われます。

Wordpress

Wordpress

無料でオープンソースのCMS(コンテンツ管理システム)です。PHPで書かれており、MySQLデータベースを使用します。多くのプラグインにより簡単にWebサイトを作成できます。全Webサイトの40%以上で利用されています。

Prestashop

Prestashop

オープンソースのEC向けCMSです。オンラインショップの作成と管理を簡単に行えます。

Angular

Angular

Googleによって開発されたオープンソースのフレームワークです。ページ、操作、データを管理しながらWebアプリケーションを作成できます。

Python

Python

多用途のオープンソースプログラミング言語です。Webサイトの作成、タスクの自動化、アプリケーションの開発に使用されます。

Vue.JS

Vuejs

オープンソースのJavaScriptフレームワーク(単にVueとも呼ばれます)。ユーザーインターフェースやWebアプリケーションの作成に使用されます。

Symfony

Symfony

オープンソースのPHPフレームワークです。コードの整理と開発を簡単にし、Webサイトやアプリケーションを作成できます。

Laravel

Laravel

Symfonyを一部ベースとしたオープンソースのPHPフレームワークです。開発を簡単にし、Webサイトやアプリケーションを作成できます。

Ruby

Ruby

シンプルで使いやすいように設計されたオープンソースのオブジェクト指向プログラミング言語です。Webアプリケーションやソフトウェアの開発に使用されます。

Zend

Zend

オープンソースのPHPフレームワークです。コードを構造化し開発を簡単にすることで、Webサイトやアプリケーションを作成できます。

Cakephp

Cakephp

Framework web libre écrit en PHP. Suit la structure MVC et imite le fonctionnement de Ruby on Rails. Il facilite l'utilisation de Bases de données avec Active record.

Apache cordova

Cordova

Plus anciennement Apache Callback ou PhoneGap, il s'agit d'un framework open-source développé par la Fondation Apache. Il permet de créer des applications pour différentes plateformes (Android, Firefox OS, iOS, Ubuntu, Windows 8...) en HTML, CSS et JavaScript.

Ionic

Ionic

Framework open-source permettant de construire des applications natives multiplateformes en utilisant les technologies web comme HTML, CSS, Javascript. Ionic est basé initialement sur AngularJS et Apache Cordova.

Joomla

Joomla

CMS libre et open-source utilisé pour la création de site web (pages, blog, news, flux RSS, sondages, recherches). Joomla est écrit en PHP et utilise une base de données Mysql. Créé à partir du CMS Mambo à la suite de désaccords.

CodeIgniter

CodeIgniter

Framework libre écrit en PHP suivant le motif MVC. Considéré comme léger et performant, il a été conçu « pour les développeurs qui ont besoin d’une boîte à outils simple et élégante pour créer des applications web complètes ».

Woocommerce

woocommerce

Extension wordpress open-source spécialisée dans la mise en place de boutique e-commerce. À l'heure actuelle, woocomerce est la solution de vente en ligne la plus populaire sur le marché.

Bootstrap

bootstrap

Framework utilisé dans le cadre de création du design des sites et des applications web. Contient un ensemble de codes HTML et propriétés CSS avec des extensions Javascript en option. Un des projets les plus populaires sur la plateforme GitHub

Haml

Haml

Le HAML est un langage de balise utilisé pour générer des documents Xhtml sans utiliser la syntaxe Html. Il offre entre autres avantages, un plus grand confort d'écriture du HTML.

Sass

Sass

Un des préprocesseur les plus utilisés pour pouvoir gérer facilement les feuilles de style CSS complexes avec des propriétés qui s'adaptent à tous les navigateurs et des facilités d'écriture.

参考資料

WebサイトにおけるPHPの利用統計(英語)
WordPressの統計 2020

用語集

Framework: ソフトウェアやWebアプリケーションの基盤と構造を作るためのコンポーネントの集合

CMS: 「Content Management System」の略

Open-Source: 自由な再配布、ソースコードへのアクセス、派生物の作成を可能にするライセンス

MVC: 「モデル・ビュー・コントローラー」とも呼ばれる、Webアプリでよく使われる設計パターン

Préprocesseur: コンピュータ分野では、プリプロセッサはコンパイル前にコードを変換するプログラムです

アジャイル手法

la methode agile.png

アジャイル手法を理解し、より柔軟で迅速かつ顧客ニーズに基づいたプロジェクト開発をどのように実現するかを学びましょう。 ...

mail icon1.pngベスト記事を受け取る