2018年12月3日（月）

フロントエンドまわりの略語の意味と読み方

分類順がバラバラですが。

フォーマット、言語

HTML

エイチティーエムエル
HyperText Markup Language

CSS

シーエスエス
Cascading Style Sheets

JS

ジャバスクリプト
JavaScript

PHP

ピー・エイチ・ピー
Hypertext Preprocessor を再帰的に略したもの

JPEG

ジェイペグ
Joint Photographic Experts Group

PNG

ピーエヌジー or ピング
Portable Network Graphics

APNG

エーピング
Animated Portable Network Graphics

WEBP

ウェッピー
※略語ではなく拡張子

テンプレートエンジン、フレームワーク

JST

ジェイエスティー
JavaScript Templates

PUG

パグ
※略語ではなく単語
pug/jade HTML テンプレートエンジンに関するメモ

Haml

ハムル
HTML abstraction markup language

メタ言語

Sass

サース or サス
Syntactically Awesome Stylesheets

SCSS

エスシーエスエス
Sassy CSS

命名規則

BEM

ベム
Block Element Modifier

OOCSS

オーオーシーエスエス
Object Oriented CSS

SMACCS

スマックス
Scalable and Modular Architecture for CSS

プログラミング全般

API

エーピーアイ
Application Programming Interface

団体など

W3C

ダブリュースリーシー
World Wide Web Consortium

MDN

エムディーエヌ
Mozilla Developer Network

HTML 関連

DOM

ドム
Document Object Model

JS 関連

JSON

ジェイソン
JavaScript Object Notation

ES

イーエス
ECMAScript
※ECMA は標準化団体で European Computer Manufacturers Association の略
Ecma インターナショナル

パッケージ

npm

エヌピーエム
Node Package Manager

YARN

ヤーン
Yet Another Resource Negotiator

CLI

シーエルアイ
Command Line Interface

ネットワーク

CDN

シーディーエヌ
Content Delivery Network

デザインパターン

MVC

エムヴィーシー
Model View Controller

開発アーキテクチャ

SPA

スパ
Single Page Application

デザイン設計

UI

ユーアイ
User Interface

UX

ユーエックス
User Experience

開発機能

AMP

アンプ
Accelerated Mobile Pages

PWA

ピーダブリューエー
Progressive Web Apps

バックエンド、クラウド

CMS

シーエムエス
Content Management System

SaaS

サース
Software as a Service
必要な機能を必要な分だけサービスとして利用できるようにしたソフトウェア（主にアプリケーションソフトウェア）もしくはその提供形態のこと
https://ja.wikipedia.org/wiki/SaaS

PaaS

パース or パーズ
Platform as a Service
ソフトウェアを構築および稼動させるための土台となるプラットフォームを、インターネット経由のサービスとして提供する
https://ja.wikipedia.org/wiki/Platform_as_a_Service

IaaS

イアース or アイアース
Infrastructure as a Service
アプリケーションを利用する環境も含めて一括で提供する SaaS とは異なり、IaaS はサーバーやストレージ、ネットワークなどのハードウェアやインフラまでを提供するサービス
https://cloud.nifty.com/navi/beginner/iaas.htm