---
# System prepended metadata

title: Jamstack超概要

---

# Jamstack超概要


## Jamstackとは

NetlifyのCEOが2016年ごろに言い出した**設計方針**のこと

==J==avaScript
==A==PI
Pre-Renderd ==M==arkup

- 基本的に埋められる情報はHTMLにはじめから埋めておく
- そのうえで必要なところはJSでバックエンドとやり取りしよう

※何かのツールを使ってればいいというわけではない

### 概要図（一例）

![](https://i.imgur.com/TegIokx.jpg)


### メリット（超概要）

## Better Performance　パフォーマンスに優れる

基本的にただのHTML(SSGでビルド)なんで、DBへのアクセスなどが不要、レスポンスにかかる経路が短い。

## Higeher Security　セキュリティに優れる

なるべくただのHTMLにすることで攻撃を受ける経路を減らし、セキュリティを高めれる。

## Cheaper Easy Scaling　低コスト、スケーラブル

基本的にはただのHTMLなんで、CDNに乗せるだけで解決。スケーラビリティがよい。

## Better Developer Experiecce　開発者体験がよい

wpのようにバックエンドとの結合が密でないので、フロントの自由度が上がる。
CI/CDによる自動テスト、デプロイによる効率化。

ただし、学習コストがある。

<br><br>
### 参考
非常にわかりやすいスライド
https://speakerdeck.com/takazudo/hurontoendoenzinianarazhi-tuteokitai-jamstack-ru-men-bian
