タグ

CMSと用語に関するjsstudyのブックマーク (7)

  • JAMstack - Google 検索

    事前にデータを埋め込んだ静的HTMLを生成することで、配信するWebアプリケーションと、コンテンツを管理するCMSなどを完全に分離したアーキテクチャをJamstackといいます。 静的HTMLでも、完全に分離したサービスやシステムのAPIを通じて、ブラウザで実行するJavaScriptで動的コンテンツを扱えます。

  • Web開発アーキテクチャ「JAMスタック」がなぜ人気になっているのか

    静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMスタック」です。JAMスタックとは何なのか、なぜJAMスタックが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに JAMスタックとは JAMスタックを使用する利点 JAMスタックはなぜ人気があるのか まとめ JAMスタックの有用なリソース はじめに 最近、静的サイトジェネレーターが非常に普及してきています。静的サイトジェネレーターは使い方が簡単で、最新のテクノロジーVue.jsやReactなどのJavaScriptフレームワークに基づいて実装されています。静的サイトジェネレーターをは

    Web開発アーキテクチャ「JAMスタック」がなぜ人気になっているのか
    jsstudy
    jsstudy 2019/11/06
    NetlifyはJAMstackという新しい用語を発表しました。JAMstackは静的なHTMLサイトで、コンテンツを更新するたびに自動的に再構築され、CDNに直接デプロイされます。ちなみにJAMstackのJAMは、JavaScript、API、Markupの頭文字です
  • GraphQLのメモ - JavaScript勉強会

    使いやすい静的サイトジェネレーターが欲しいです。 使い慣れたPukiWikiをカスタマイズする手もありますが、ネットを閲覧するデバイスが増えた現代では、時代遅れになってしまった感は拭えません。 いろいろ調べてみたら、 Markdown形式やAsciiDoc形式でコンテンツデータを作成する。 Headless CMSなどのAPI形式でコンテンツデータを配信する。 ReactVueなどのWebアプリでコンテンツデータを表示する。 という仕組みが流行っているみたいです。 で、API形式でコンテンツデータを配信する場合、REST方式の他にFacebookが開発しているGraphQL方式が便利らしいです。 Representational State Transfer - Wikipedia (日語ページ) GraphQL - Wikipedia英語ページ) GraphQLとは? Graph

    GraphQLのメモ - JavaScript勉強会
  • アプリ開発の流れを変える「GraphQL」はRESTとどう違うのか比較してみた

    注:単純なデータモデルでさえ、今後の維持や説明が必要になる6つものエンドポイントが含まれています。 あなたがクライアント側の開発者で、movies APIを使い、HTMLとjQueryで単純なWebページを作るとします。そのためには、映画と出演俳優・女優の情報が必要です。APIに必要な機能は揃っているので、データを取得します。 新しくターミナルを開いて以下を実行します。 curl localhost:3000/movies 以下の応答が返ってきます。 [ { "href": "http://localhost:3000/movie/1" }, { "href": "http://localhost:3000/movie/2" }, { "href": "http://localhost:3000/movie/3" }, { "href": "http://localhost:3000/mo

    アプリ開発の流れを変える「GraphQL」はRESTとどう違うのか比較してみた
  • 【邦訳】GraphCMSとContentfulの比較 - Qiita

    はじめに 以下は、GraphQLのCMS、GraphCMSオフィシャルブログにおいて、Fabian Beliza氏が2017年12月13日に投稿した記事の邦訳です。 Contentfulも、GraphCMSも、ヘッドレスCMSと呼ばれるサービスの一種であり、前者はREST APIによって情報に対してアクセスが行われるのに対して、後者ではGraphQLと呼ばれるクエリ言語を用いられています。元記事は、それぞれの長所・短所を具体例を交えながら解説したものです。 元記事: GraphCMS vs. Contentful - API Perspective 文 ContentfulはCMS市場において一大勢力と言える存在であり、しばらくはその傾向が続くでしょう。しかしながら、利用する上で生じる問題や煩わしいと感じる点がないとは言い切れません。例えば、SDK上の問題や、多くのエンジニアが次なる代替

    【邦訳】GraphCMSとContentfulの比較 - Qiita
    jsstudy
    jsstudy 2019/07/28
    書き込みも読み込みも一つのエンドポイントで行うことができることは、GraphQLの大きな利点の一つです。
  • Headless CMS - Qiita

    グラフィカルユーザインタフェースなしで デバイス上で動作することができるソフトウェアである。 このようなソフトウェアは、入力を受け取り、 ネットワークなどを介して出力を提供します。 Wikipedia - Headless software ※ https://en.wikipedia.org/wiki/Headless_software Headless CMSとは ( デカップルドアーキテクチャとも言われる ) 言葉から推測すると ※VIEWなどのプレゼンテーション機能なし 利用されている場所 CMSを提供するアプリで積極的に推進 Plone (Python) Drupal (PHP) WordPress (PHP) など Headless CMSの実現 ・ フロントエンドとバックエンドの分離 (decouple) ・ REST API準拠のストレージバックエンドの作成 (APIファー

    Headless CMS - Qiita
    jsstudy
    jsstudy 2019/07/28
    Headless CMSとは (デカップルドアーキテクチャ) REST APIを使ってコンテンツを提供するCMS ※VIEWなどのプレゼンテーション機能なし フロントエンドとバックエンドの分離 (decouple)・小規模の開発には合わない(コスト大)
  • Headless CMSと静的サイトジェネレータ「Gatsby」を使ったサイトの構築 - Qiita

    はじめに(Headless CMSとは) Headless CMSを一言で説明すると「コンテンツを表示する機能を持たず、APIでコンテンツの配信を行うCMS」になります。従来のCMSはコンテンツを管理するバックエンドの機能とコンテンツを表示するフロントエンドの機能が一体となっていますが、Headless CMSでは画面テンプレートのようなフロントエンドの機能を持っていません。従来のCMSをCoupled(一体型) CMSと呼ぶのに対して、Headless CMSをDecoupled(分離型) CMSと呼ぶ場合もあります。 従来のCMSはサイトの枠組みが出来上がった状態から構築を行うことができるため誰でも素早く簡単にサイトを立ち上げることができます。一方でCMSの枠組みに縛られるため自由自在にサイトを構築するという訳にはいきません。 一方、Headless CMSはサイトを構築するための機能

    Headless CMSと静的サイトジェネレータ「Gatsby」を使ったサイトの構築 - Qiita
    jsstudy
    jsstudy 2019/07/28
    単一のサイトを作るのであればWordPressを使った方が簡単です。しかし、Content Is King, Distribution Is Queenと言う人もいるように、コンテンツは作れば良しではなくディストリビューションも含めて包括的に考える必要があります
  • 1