並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 62件

新着順 人気順

ヘッドレスCMSの検索結果1 - 40 件 / 62件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

ヘッドレスCMSに関するエントリは62件あります。 CMSwordpress開発 などが関連タグです。 人気エントリには 『今話題の「ヘッドレスCMS」とは? Jamstack、マルチデバイスにも対応したCMSの新潮流』などがあります。
  • 今話題の「ヘッドレスCMS」とは? Jamstack、マルチデバイスにも対応したCMSの新潮流

    はじめに Webサイトはページの構造を表すHTML、スタイルを表すCSS、動きを表現するJavaScriptによって構築されています。現在Webサイトの多くが、PRや顧客獲得などのマーケティング目的で活用されており、状況に応じて内容を更新していきたいというニーズがあります。 内容の更新のたびにエンジニアに頼んでHTMLの編集をしてもらうのはコミュニケーションコストもかかりますし、貴重なエンジニアリソースの浪費とも言えます。 これを解消するのがCMSであり、エンジニアの手を借りずとも管理画面からWebサイトの内容を誰でも書き換えることのできるシステムです。 盛り上がりを見せるヘッドレスCMS 「ヘッドレスCMS」は新しいタイプのCMSです。従来型のCMSはコンテンツの入稿画面・データベースに加えて表示面がセットになっていますが、それに対してヘッドレスCMSはヘッド(表示面)がなく、APIによ

      今話題の「ヘッドレスCMS」とは? Jamstack、マルチデバイスにも対応したCMSの新潮流
    • ヘッドレスCMSの使い分け

      Next.js vs Drupal - デジタル庁 Web サイトの戦い。モダン vs レガシーの熱いバトルがいまここに!SIer 系のみなさまの参戦もお待ちしております!ヘッドレスCMS ってなに?デジタル庁の事例とともに考える。

        ヘッドレスCMSの使い分け
      • ヘッドレスCMSのメリットデメリット・比較おすすめ13選まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

        こんにちは。元LIGのWebディレクターで、いまはとある事業会社で開発ディレクターをやっているともぞうです。 さっそく本題ですが、みなさんはなんのCMSを使っていますか? WordPress、Drupal、Movable Typeあたりでしょうか? 最近ではヘッドレスCMSというものも出てきて、CMSの選択の幅が広がりました。 今回はそのヘッドレスCMSに焦点を当て、ヘッドレスとは? というところから、ヘッドレスCMSのメリットデメリット、各ヘッドレスCMSの比較ができる記事をお届けします。 ※この記事は株式会社ディバータの提供でお届けします。 ヘッドレスCMSとは まずヘッドレスCMSの説明からはじめます。 ヘッドレスCMSとは表示機能を持たないCMSのことを呼びます。「ヘッドレス」で調べてみると以下のような説明がでてきました。 ソフトウェアについてヘッドレスという場合は、通常は用意され

          ヘッドレスCMSのメリットデメリット・比較おすすめ13選まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
        • Gitを利用してブログ・サイトのバージョンを管理できる開発者向けのヘッドレスCMS「TinaCMS」を使ってみた

          「CMS(Contents Management System)」はブログやサイトのコンテンツを簡単に管理するためのツールで、代表的な製品としてはWordPressが挙げられます。TinaCMSはそうしたCMSの一つですが、バックエンド側のやりとりに特化した「ヘッドレス」なCMSとのことなので、実際に使ってどんなものなのか確かめてみました。 The Markdown CMS | Tina https://tina.io/ TinaCMSの構造はこんな感じ。赤枠部分がTinaCMSの本体で、TinaCMSのデータベースはGitリポジトリと同期しています。フロントエンド側にはAPIが公開されており、ページのデータを読み出したり書き込んだりすることができるようになっています。書き込みが行われた際には自動でコミットが生成され、バージョンを管理することが可能です。 ページのデータはマークダウンやJS

            Gitを利用してブログ・サイトのバージョンを管理できる開発者向けのヘッドレスCMS「TinaCMS」を使ってみた
          • notionバックエンドのzeit製ヘッドレスCMS“Notion Blog”が激アツ🔥 - Qiita

            2020/01/14 昨日突如 zeitからNotionをバックエンドにしたヘッドレスCMSが発表されました!! Excited to share our long-awaited Next.js + Notion statically-generated blog example with the same tech as https://t.co/HVcLCVUO5w! - Edit via Notion - Blazing fast - JAMstack based - Always available - Fully customizable - Incremental SSG - MIT Licensedhttps://t.co/fD2vWxq2Y6 — JJ Kasper (@_ijjk) January 13, 2020 この内容が激アツなので、アツいポイントや使い方を紹介し

              notionバックエンドのzeit製ヘッドレスCMS“Notion Blog”が激アツ🔥 - Qiita
            • WordPressをヘッドレスCMSにしてNext.jsでブログを作成する方法とエラー対処法

              2022年12月24日 JavaScript, React, Wordpress 最近はReactをベースにしたフレームワーク、Next.jsをいじっております。今回はWordPressに登録した投稿をNext.jsで表示させてみようと思います! ↑私が10年以上利用している会計ソフト! ヘッドレスCMSとは? ヘッドレスCMSはコンテンツの管理のみをするCMS(=Content Management System)のこと。例えばWordPressではコンテンツの作成から表示までを行えますが、ヘッドレスCMSではコンテンツの表示は別の方法で行います。ここではNext.jsを使ってみます。 ヘッドレスCMSを使うメリット 表示部分を別途用意することになんのメリットがあるのでしょうか?ざっくりと以下の3点が挙げられるかなと思います: 表示速度の改善 セキュリティの向上 管理しやすい 通常のWo

                WordPressをヘッドレスCMSにしてNext.jsでブログを作成する方法とエラー対処法
              • ヘッドレスCMSがマッチするケース、マッチしないケース

                ヘッドレスCMSという言葉をご存知でしょうか? まず、CMSとはContent Management Systemの略でありウェブサイトのニュースや記事などを管理することの多いシステムです。代表的な製品としてWordPressがあげられます。 次に「ヘッドレス」ですがこれは「見た目を有していない」という意味です。 まとめるとヘッドレスCMSとは、WordPressなどの従来のCMSとは異なり、表示部分をなくしてAPIベースでコンテンツを取得することが特徴のコンテンツ管理システムです。 ヘッドレスCMSに関する詳しい解説は下記記事をご覧ください。 参考:今話題の「ヘッドレスCMS」とは? Jamstack、マルチデバイスにも対応したCMSの新潮流 ※弊社COOの寄稿記事です このヘッドレスCMSは従来とは異なる仕組みであるため、向いているケース・向いていないケースが顕著に存在しています。 我

                  ヘッドレスCMSがマッチするケース、マッチしないケース
                • 最近話題の「JAMスタック」(JavaScript、API、Markup)とヘッドレスCMS、使いどころはどこなのか? [PR]

                  最近話題の「JAMスタック」(JavaScript、API、Markup)とヘッドレスCMS、使いどころはどこなのか? [PR] Webアプリケーションを実現するための構成技術として「LAMPスタック」や「MEANスタック」などがよく知られていますが、この主要スタックに新たに加わるように2~3年前から名前が知られるようになったのが「JAMstack」(JAMスタック)です。 ReactやVueJSなどを用いてWebアプリケーションを開発している方は、すでにJAMスタックの名前を聞いたことがあるのではないかと思います。2017年からはJAMスタックにフォーカスした年次イベント「JAMstack Conference」が始まり、今年も5月にオンラインイベント「Jamstack Conf Virtual 2020」が開催、10月には「JAMstack Conf San Francisco 202

                    最近話題の「JAMスタック」(JavaScript、API、Markup)とヘッドレスCMS、使いどころはどこなのか? [PR]
                  • ヘッドレスCMS + S3 静的ウェブページで記事投稿システムをサクッと実装してみた(microCMS + Amazon S3) | DevelopersIO

                    はじめに みんなが大好きな Amazon S3 の「静的ウェブサイトホスティング」。 サーバー不要でお手軽にウェブページを公開できる便利な機能ですが、HTMLを触らずにちょっとしたお知らせなどを更新できるようにしたい、というケースも多いと思います。 今回はそんな用途にぴったりの「ヘッドレスCMS」を利用して、S3 でホスティングしている静的ウェブページに管理画面から記事を投稿できるシステムを、1 時間ほどの作業でサクッと実装してみました! ※本記事では「とりあえず動くシステム」をできるだけ簡単に、最短で体験することを目指しているため、セキュリティやフロントエンドの実装技術については掘り下げていません。 ヘッドレスCMSとは? CMS(Content Management System)とはユーザー管理、記事の投稿、データベースなどがセットになったコンテンツ管理システム全体を指します。 最も

                      ヘッドレスCMS + S3 静的ウェブページで記事投稿システムをサクッと実装してみた(microCMS + Amazon S3) | DevelopersIO
                    • コンテンツ管理の新しいスタンダード | ヘッドレスCMS「Newt」

                      ヘッドレスCMSの新スタンダードコンテンツ管理に自由と創造力を最新のウェブ環境に対応したCMSで コンテンツとチームのパフォーマンスを最大化します 最新のウェブ環境に対応したCMSでコンテンツとチームのパフォーマンスを最大化します

                        コンテンツ管理の新しいスタンダード | ヘッドレスCMS「Newt」
                      • 小田急電鉄が情報サイトの更新を3倍速に、「ヘッドレスCMS」を徹底活用

                        小田急電鉄が提携先企業のサービスやクーポン情報などを提供するサイト「ONE(オーネ)」で、コンテンツの新規投稿や修正の作業スピードを3倍以上に高める成果を上げた。コンテンツの表示機能を持たないCMS(コンテンツ管理システム)「ヘッドレスCMS」を活用し、更新作業を自社内で完結できるようにしたことで、2週間ほどかかっていたのが数日で済むようになった。2022年に入ってからは経済産業省の実証事業のページを作成するなど活用範囲も広げている。 画面の自由度が高く、「SNSに投稿するように更新できる」 ヘッドレスCMSの特徴は、フロントエンドのユーザーにコンテンツを表示する機能(ビュー)と、バックエンドのコンテンツを管理するシステムを完全に分離し、コンテンツ管理に特化させたことだ。従来のCMSと異なり「ヘッド」に相当するビューの機能を持たないので「ヘッドレス」と呼ばれる。CMSとは別にビューを自前で

                          小田急電鉄が情報サイトの更新を3倍速に、「ヘッドレスCMS」を徹底活用
                        • ヘッドレスCMSの全体観を掴む | ヘッドレスCMSの本質

                          コンテンツ管理システムの歴史 なぜ、このような新しい性質を持つコンテンツ管理システム(CMS)が求められるようになったのでしょうか。その理由を知るためには、CMSの歴史と時代背景について知ることが一番の近道になります。 1990年代中頃: CMSの誕生 1990年にWorld Wide Webが登場してから、しばらくの間、WebサイトはHTMLの手動編集によってのみ管理されていました。しかし、次第にWebサイトの規模や複雑性が増していき、手作業でのコンテンツ管理が困難になります。 そして、1990年代中頃、HTMLの手動編集によるWebサイト運営の非効率を解消するためのソリューションとして、最初のCMSが登場します。この時、多くの企業が自作のカスタムCMSを作り、いくつかのエンタープライズ向けCMSも登場しました。 2000年代初頭: オープソース化による急速な普及 2000年代前半になる

                            ヘッドレスCMSの全体観を掴む | ヘッドレスCMSの本質
                          • 国内最大規模のヘッドレスCMSプラットフォーム microCMS社の全株式を取得し、完全子会社化 | 株式会社エイチーム(Ateam)

                            株式会社エイチーム(本社:愛知県名古屋市、代表取締役社長:林高生)は、2024年5月9日の取締役会において、国内最大規模(*1)のヘッドレスCMSプラットフォーム「microCMS」を運営する株式会社microCMS(本店所在地:東京都千代田区、代表取締役:松田 承一、以下「microCMS社」)の発行済株式の100%を取得し、連結子会社化することを決議いたしました。 ※本株式取得(子会社化)の詳細、今後の見通し等については、当社が本日付けで開示しております適時開示をご参照ください。https://ssl4.eir-parts.net/doc/3662/tdnet/2432064/00.pdf microCMS社の連結子会社化の背景・目的 <M&Aによる成長戦略の遂行> 当社は、2023年10月13日に適時開示した「上場維持基準適合に向けた計画の進捗状況及び計画内容の一部変更について」の通

                              国内最大規模のヘッドレスCMSプラットフォーム microCMS社の全株式を取得し、完全子会社化 | 株式会社エイチーム(Ateam)
                            • Kuroco(クロコ) | 導入実績5000社以上の国産エンタープライズ・ヘッドレスCMS

                              Why Kuroco? なぜKurocoが選ばれるのか 金融機関や上場企業に導入されてきた 純国産CMS「RCMS」の4000社の実績と高い評価の機能性はそのままに、 より時代にフィットしたヘッドレスCMS「Kuroco」に進化。 RCMSで実装できた機能はKurocoでもほとんどが実装できるようになっており、さらに様々な機能が追加されました。 ヘッドレスCMSとは? RCMSとKurocoの比較はこちら ヘッドレスCMSのメリット 従来型CMSの課題 いろんなデバイスで顧客とのタッチポイントを作りたい Webサイトやアプリのデータを一元管理したい 複数の会社やサービスの良いところを組み合わせたい 基幹システムやマーケティング ツールとAPIで連携させたい 全体の要件は決まっていないが優先度の高いコンテンツから リプレースしたい フルリニューアルではなくUIだけ改善をしたい ヘッドレスCM

                                Kuroco(クロコ) | 導入実績5000社以上の国産エンタープライズ・ヘッドレスCMS
                              • 2021年版 話題のヘッドレスCMS10選

                                2021年版 話題のヘッドレスCMS10選最近よく耳にする「ヘッドレスCMS」 今回はそのヘッドレスCMSはどのようなものなのか、ヘッドレスCMSにはどのようなものがあるのかをご紹介します。 ヘッドレスCMSについて説明する前に、まずCMSとは何かを説明します。 CMSは「Content Management System」の略で、コンテンツやファイルなどの情報を管理・公開するシステムを意味します。 CMSの最も代表的な例としてはWordPressが挙げられます。PHPで作られたオープンソースソフトウェアで、コンテンツの管理や、テーマと呼ばれるテンプレートの集まりを自由に編集することができ、内容と見た目の両方を一括管理することができます。 従来のCMSはコンテンツを入稿する「システム」とコンテンツを表示する「ビュー」が合わさったものでした。 ヘッドレスの「ヘッド」とは、「ビュー」を指します

                                  2021年版 話題のヘッドレスCMS10選
                                • 最近話題のヘッドレスCMS「microCMS」+Nuxtでサイトを作った話 - Qiita

                                  microCMS+Nuxt+Netlifyでサイトを作りました。 new shitです。みてくれたらうれしいです。。https://t.co/8pouvxCCq8 — ゆ (@uchoco898) October 8, 2019 twitterはじめたてでエンジニアさんをフォローしまくりたいのでよかったらフォローして欲しいです。 使用技術 ・Nuxt.js ・microCMS ・Netlify のJAMstack構成です。 この記事の目的 僕はWordPressが嫌いです。ついでに言うとJQueryも使いたくないです。でも実務ではまだまだ使われているのが現状なのではないでしょうか?僕は使ってますよ(T T) microCMSを触ってみて、クライアントワークでもreactとかvue+ヘッドレスCMSがWordPressに取って代われる可能性を大いに感じたので、それを少しでも応援したいと思い書

                                    最近話題のヘッドレスCMS「microCMS」+Nuxtでサイトを作った話 - Qiita
                                  • ヘッドレスCMSとは何か?従来CMSとの違いやメリデメを解説!

                                    ここ最近、耳にすることが増えたヘッドレスCMS。今までのCMSとの違いについて解説していきます。 ヘッドレスCMSとはヘッドレスの「ヘッド」は、ビュー(表示する画面)を指します。ヘッドレスなので、ビューの無いCMSということになります。 ビューがないとはどういう事でしょうか? そもそもCMSとはContent Management Systemの略で、つまりはコンテンツ管理システムを指します。従来のCMSはコンテンツを入稿するシステムとコンテンツを表示するビューが合わさったものでした。 最も代表的な例としてはWordPressが挙げられます。また、はてなブログやQiita、NoteなどもCMSです。 CMSのビュー(見た目)には以下の三種類があります。 サービス固有の画面(Qiita、Note、Mediumなど)テンプレートを選択できるもの(WordPress、はてなブログなど)自由に作成

                                      ヘッドレスCMSとは何か?従来CMSとの違いやメリデメを解説!
                                    • ヘッドレスCMSって何?WordPressとの違いや特徴を解説

                                      企業が自社のコーポレートサイトやオウンドメディア上で定期的な情報発信をする際に、コンテンツの運用・管理をどのような方法にするか悩みますよね。インハウスで、かつマーケターなどビジネス側のメンバーだけで、素早くコンテンツを発信できる運用方法を構築したいと考えている企業も多いのではないでしょうか。 そこで登場するのが、世界中で広く使われているCMS(コンテンツ・マネジメント・システム)です。 CMSと言えば、まずはじめに名前が上がるのが、WordPress(ワードプレス)でしょう。WordPressは2003年に誕生したオープンソース型のCMSで、世界中で圧倒的なシェアを誇っています。しかし、最近ではWordPressや既存のCMSから乗り換えて、2018年頃から注目されはじめたヘッドレスCMS(Headless CMS)を導入する企業が増えています。 そこで、今回の記事では、「ヘッドレスCMS

                                        ヘッドレスCMSって何?WordPressとの違いや特徴を解説
                                      • Web制作の新しい潮流「ヘッドレスCMS」とは?主要ツールの比較も併せてご紹介

                                        いまさら聞けない「CMS」とは?基礎からわかるCMS入門資料をご提供! >CMSの基本を知りたい方はこちらから ヘッドレスCMS(Headless CMS)とは、ヘッド、つまりフロントエンド(ビュワー)のないCMS(Content Management System 、コンテンツ管理システム)のことです。 ヘッドレスCMSは通常のCMSとは異なり、フロントエンドとバックエンドが完全に切り離されているので、それぞれに影響されることなくシステム変更を行えます。 ヘッドレスCMSにはほかにも、表示速度が速い、CMS機能を後付けできるといったメリットがあります。 本コラムでは、ヘッドレスCMSのメリットや通常CMSとの違いについて解説し、おすすめのヘッドレスCMSをご紹介します。 CMS「BlueMonkey」を開発・提供しているクラウドサーカスは、ホームページ制作から運用サポート、リード獲得支援

                                          Web制作の新しい潮流「ヘッドレスCMS」とは?主要ツールの比較も併せてご紹介
                                        • 国産ヘッドレスCMSのパイオニア「microCMS」が成長を続ける理由 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                          こんにちは、LIGのづやです。 Jamstack構成により表示速度がはやい、コンテンツがHTMLに影響されないという特徴から、今や世界中で大きな注目を集めるヘッドレスCMS。海外で開発されているサービスが多いなか、数少ない国産のヘッドレスCMSが「microCMS」です。私たちLIGもサイト制作に活用しており、そのスゴさを肌で実感しています。 今回は開発会社である株式会社microCMSさんに取材の機会をいただき、どのようにヘッドレスCMSを開発しているのか、なぜ多種多様な企業に選ばれているのか話を聞きました。 ※オンラインにて取材いたしました。 「受託開発の課題」を解決するために辿り着いたプロダクト ―― まずは御社が国内でいち早くヘッドレスCMSを開発した背景を聞かせてください。 柴田 和祈さん 2017年に株式会社microCMSを共同創業し、現在はCXO兼デザイン責任者。元々はWe

                                            国産ヘッドレスCMSのパイオニア「microCMS」が成長を続ける理由 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                          • WordPress×Next.jsで妥協のない完璧なヘッドレスCMSメディアを作る

                                            WordPressとNext.jsでヘッドレスCMSを作っていきます。よくある必要な機能がなくて無駄なコードが多いサンプルではなく、カスタマイズしやすいように無駄を極力省きつつよくある機能は全部付けていきます。追加してほしい機能どしどし募集してます!

                                              WordPress×Next.jsで妥協のない完璧なヘッドレスCMSメディアを作る
                                            • 国産ヘッドレスCMS「Newt(ニュート)」3月8日より無料プランの提供開始

                                              ヘッドレスCMS「Newt(ニュート)」を開発するNewt株式会社(本社:東京都千代田区、代表取締役 藤川淳史、以下Newt)は、2022年3月8日よりヘッドレスCMS「Newt」の無料プランを提供開始します。 「Newt」は、APIベースでコンテンツ管理を行うことができるヘッドレスCMSです。Appを使って柔軟に管理画面を構築していくことによって、より快適で新しいコンテンツ管理体験を実現しています。サービススタート時は無料プランを提供、データ転送量や管理機能を強化した有料プランを準備中です。 サービス紹介ページ: https://www.newt.so/ ヘッドレスCMSとは?: https://www.newt.so/docs/headless-cms ■複数サイトのコンテンツを1つのスペースで柔軟に管理 「Newt」は、Appと呼ばれるユニットで、快適にコンテンツを管理できるのが特徴

                                                国産ヘッドレスCMS「Newt(ニュート)」3月8日より無料プランの提供開始
                                              • 【個人制作】ヘッドレスCMSでサーバーレスなメディアを作った話 - Qiita

                                                ヘッドレスCMSであるContentfulとServerless Frameworkを使ってサーバレスアーキテクチャなメディアを作成しました。 本記事では、その中で使用した技術やパフォーマンス改善方法、SEOなどを振り返りつつ紹介していきたいと思います。 作成したサイトは以下になります。アニメやゲームの有名なセリフをまとめたメディアです。 https://serif-db.com/ 大まかな機能としては以下の4つ程度のシンプルなメディアとなっています。 コンテンツの一覧表示&絞り込み コンテンツの詳細表示 いいね機能 コメント機能 現状のサイトそのものは大した事ないのですが、裏側は面白い部分もあると思うので読んで頂けると幸いです 制作経緯とテーマ 制作理由としては、Nuxtやサーバーレスアーキテクチャ、ヘッドレスCMSあたりを触っておきたかったというのが大きいです。 また、過去にSNSの様

                                                  【個人制作】ヘッドレスCMSでサーバーレスなメディアを作った話 - Qiita
                                                • ヘッドレスCMSって何?メリット・デメリットや人気のサービスまとめ | Web Design Trends

                                                  これまではコーポレートサイト、メディアなど動的なコンテンツを伴うWebサイトの制作にはWordPress、もしくは独自のCMSを使うというケースがほとんどでした。 最近では、ヘッドレスCMSが注目を集めており、実際にヘッドレスCMSを使って運用されているWebサイトの数も増えており、今後もその数は増えていくと見られています。 今回は、ヘッドレスCMSの基本とメリット・デメリット、人気のサービスなどをご紹介していきます。 【2023年最新】WordPressの使い方を徹底解説!初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends ヘッドレスCMSとは ヘッドレスCMSとは、コン

                                                    ヘッドレスCMSって何?メリット・デメリットや人気のサービスまとめ | Web Design Trends
                                                  • ヘッドレスCMSとは何か?従来CMSとの違いやメリデメを解説!

                                                    ここ最近、耳にすることが増えたヘッドレスCMS。今までのCMSとの違いについて解説していきます。 ヘッドレスCMSとはヘッドレスの「ヘッド」は、ビュー(表示する画面)を指します。ヘッドレスなので、ビューの無いCMSということになります。 ビューがないとはどういう事でしょうか? そもそもCMSとはContent Management Systemの略で、つまりはコンテンツ管理システムを指します。従来のCMSはコンテンツを入稿するシステムとコンテンツを表示するビューが合わさったものでした。 最も代表的な例としてはWordPressが挙げられます。また、はてなブログやQiita、NoteなどもCMSです。 CMSのビュー(見た目)には以下の三種類があります。 サービス固有の画面(Qiita、Note、Mediumなど)テンプレートを選択できるもの(WordPress、はてなブログなど)自由に作成

                                                      ヘッドレスCMSとは何か?従来CMSとの違いやメリデメを解説!
                                                    • WordPressをヘッドレスCMS化したメモ | futu-no

                                                      年単位でブログを放置しておきながら何事もなかったかのように再開。今回の記事ではWordpressの制作について書きなぐります。わりとありきたりな内容です。 今となってはヘッドレスCMSとしてしか使いたくないよねということで そもそもWordpressタグは単純なループ出力でもオプションごてごての冗長な関数になるし、PHPとHTMLが入り混じったコードも見通しが悪くテーマ開発がしんどい。それと既存サイトへの後付けは難しい。今どきはフロントVueで、WPはJSONを吐くだけの機械として生きてくれれば良いので、テーマファイルのHTMLは全部空で良い。この場合必須となるのは以下のファイルのみ。 functions.phpindex.phpscreenshot.pngstyle.css functions.phpは後述する管理画面カスタマイズやカスタム投稿タイプなどを全て担うのでこの構成における最重

                                                        WordPressをヘッドレスCMS化したメモ | futu-no
                                                      • ヘッドレスCMSでも自由に記事を組みたい。 ContentfulのComposeでブロックエディター(ライク)に記事を書いてみる! | DevelopersIO

                                                        ヘッドレスCMSでは、バックエンドのCMS(記事の管理)とフロント側が切り離されることで、アーキテクチャ全体としてセキュリティを向上させるなど多くのメリットがある一方、CMS側で動的にコンテンツを変化させる構造に弱かったりします。 例えばWordpressのGutenbergのようなブロックエディタでは、編集者に権限さえあれば、自由にテキストやブロックを追加して即座にフロント側にも公開できるのですが、ヘッドレスCMSの場合、フロント側で前もって新しいページの生成ロジックが必要です。 今回はContentfulに新しくリリースされたCompose機能を使い、Contentfulにはデフォルトで存在しない、ブロックエディタライクな記事入稿画面を作ってみます。 前提 この記事は、ContentfulやヘッドレスCMSをある程度使っている人向けです。若干ややこしい説明もでてきます。またフロント側の

                                                          ヘッドレスCMSでも自由に記事を組みたい。 ContentfulのComposeでブロックエディター(ライク)に記事を書いてみる! | DevelopersIO
                                                        • WordPress + Laravel で「ヘッドレス CMS」をつくる

                                                          さてさて、最近特にTwitterから情報を得ていると最新情報が豊富なので「時代に取り残されにくくなる」ような気がしています。 しかも、優秀な方々のツイートはお金を払ってでもほしいと思えるようなものがあったりもします。(それにしても、ああいう超優秀な方々はホント何者なんでしょうか…😂) そして、そんな情報収集の中で気になったのが、 ヘッドレス CMS 「ヘッドレス CMS」とは、簡単にいうと「コンテンツ部分だけ管理する別サイト」で、例えば「ユーザーへのお知らせ部分だけ管理できるサイト」をイメージすると分かりやすいでしょうか。 そして、そんな「ヘッドレス CMS」はすでに日本版サービスが出てるぐらい浸透してきているのですが、そのときあることがひらめきました。 「これ、WordPressで作れるんじゃない??」 と。 そこで❗ 今回は、WordPress + Laravel でシンプルな「ヘッ

                                                            WordPress + Laravel で「ヘッドレス CMS」をつくる
                                                          • マルチデバイス化によって加速する「ヘッドレスCMS」が流行る理由。進む「ウェブ開発の民主化」の現在地 | AMP[アンプ] - ビジネスインスピレーションメディア

                                                            企業のウェブサイト運用が当たり前になった今、プログラミングスキルを持たないスタッフがサイトの構築や管理に携わるケースも増えている。 Image: Pixabay WordPressをはじめとした、サイトデザインとコンテンツを一括して管理する「CMS(Contents Management System)」が普及して久しいが、最近はその「プレビュー機能」を持たない「ヘッドレスCMS」が開発の主流になってきているという。 中でも、オーストリアのスタートアップStoryblokによる開発用プラットフォームは「革新的なヘッドレスCMS」として話題となっている。 「ウェブ開発の民主化」に挑むスタートアップStoryblok 2017年にオーストリア・リンツで創業したStoryblokは、2022年5月の資金調達ラウンド・シリーズBで4,700万ドルを調達。前年2月のシリーズAでは850万ドルを調達し

                                                              マルチデバイス化によって加速する「ヘッドレスCMS」が流行る理由。進む「ウェブ開発の民主化」の現在地 | AMP[アンプ] - ビジネスインスピレーションメディア
                                                            • 料金プラン|microCMS|APIベースの日本製ヘッドレスCMS

                                                              microCMSはAPIベースの日本製のヘッドレスCMSです。もう社内向け編集/管理画面を自作する必要はありません。開発・運用コストを大きく下げることでビジネスを加速させます。

                                                                料金プラン|microCMS|APIベースの日本製ヘッドレスCMS
                                                              • ヘッドレスCMSとは(学習コスト・種類・歴史・実装) - コムテブログ

                                                                ヘッドレス CMS とは? 一言で言うとヘッドレス CMS は、従来の CMS が持つ「ヘッド」部分(フロントエンド、つまりユーザーインターフェース)を切り離したものです。 ここでの「ヘッド」は、Web サイトの見た目を構築する部分を指します。従来の CMS は、フロントエンドとバックエンドが密接に結びついていますが、ヘッドレス CMS ではそれらが完全に別々になります。 従来型の CMS(WordPress など) では、内容(記事や画像など)を投稿すると同時に、その内容がどのようにウェブサイト上で表示されるかも管理します。しかし、ヘッドレス CMS では、コンテンツの作成と保存だけを担当し、その表示方法は別のシステム(この場合は Next.js などのフロントエンドフレームワーク)が管理します。 このヘッドレス CMS の利点は、表示方法を気にせずにコンテンツの管理に集中できること、ま

                                                                • ヘッドレスCMS比較10選。メリットやWordPressとの違いは | アスピック|SaaS比較・活用サイト

                                                                  ヘッドレスCMS比較10選。メリットやWordPressとの違いは 最終更新日:2024-02-07 ヘッドレスCMSを使ってWebサイトを運営したいと考えている方へ。従来型のCMSとの違いや、ヘッドレスCMSでできることをわかりやすく解説。無料から使えるサービスもあわせて紹介します。 ヘッドレスCMSとは? ヘッドレスCMSは、コンテンツ管理機能に特化したCMSのことです。コンテンツの表示に関わる機能を持たず、コンテンツの保存と管理の機能だけを持つため、Webサイトに限らず、他のデバイスや媒体でコンテンツを表示させることが容易になります。 通常のCMS(WordPress)との違いは?図解で簡単に WordPressをはじめとした通常のCMSは、フロントエンドとバックエンドで構成されています。フロントエンドは、ユーザーが目にする部分、つまり文章や画像などのコンテンツが表示される画面を指し

                                                                    ヘッドレスCMS比較10選。メリットやWordPressとの違いは | アスピック|SaaS比較・活用サイト
                                                                  • NotionヘッドレスCMS化記録 (1) Notion APIとTypeScript | Marginalia

                                                                    このブログ https://blog.lacolaco.net は Hugo で生成しており、これまではMarkdownファイルをローカルで手書きして記事を書いていた。そしてより気軽に記事を書ける環境を求めて、 Notion をヘッドレスCMSとして使ってみることにした。ちなみにこの記事もNotionで書いている。 この試みは特に新しいものではないため、それほど苦労せず実現できるだろうと思っていたが、実際に開発してみると思っていたよりも苦労した。そこでこの記事から何回かに分けて、NotionをヘッドレスCMSとして使うにあたっての困難とそれを乗り越えるための工夫について書き残す。 今回の内容はNotionの開発者向けAPIとSDKをTypeScriptで利用するにあたって苦労した点だ。 Notion JavaScript Client公式ドキュメント に書かれているように、Notion A

                                                                      NotionヘッドレスCMS化記録 (1) Notion APIとTypeScript | Marginalia
                                                                    • 今話題の「ヘッドレスCMS」とは? Jamstack、マルチデバイスにも対応したCMSの新潮流

                                                                      CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

                                                                        今話題の「ヘッドレスCMS」とは? Jamstack、マルチデバイスにも対応したCMSの新潮流
                                                                      • ヘッドレスCMS「microCMS」を使ったJAMstack構成でコーポレートサイトをリニューアルした話 - Qiita

                                                                        この記事について あらすじ コーポレートサイトが創業初期にWordPressのテンプレートでざっくり作った状態で放置されており、企業ブランド的にもマズイでしょうという状態でした。 そこで、デザイナーさんも入社したので、リニューアルする流れになりました。 やりたい事 JAMstackの構成で実装してみる。 ヘッドレスCMSを使ってみる。 サイトの表示速度を高速化したい。 デザインをリニューアルしたい。 エンジニアがメンテナンスしやすい状態にしたい。 CI/CD環境は整えたい やった事 1.コーポレートサイトのコンセプト洗い出し 2.デザインモック作成 3.Nuxt.jsでサイト制作 4.microCMSのAPI連携。コンテンツ管理 5.NetlifyでNuxt.jsをデプロイする 実際に完成したコーポレートサイト 0.各キーワード説明 JAMstackとは? JAMstackは、「JavaS

                                                                          ヘッドレスCMS「microCMS」を使ったJAMstack構成でコーポレートサイトをリニューアルした話 - Qiita
                                                                        • NILTO (ニルト) - チームの理想を実現するヘッドレスCMS

                                                                          フレキシブル、 ソリッド、 コラボラティブ チームの理想を実現するヘッドレスCMS NILTOは柔軟なコンテンツ設計と堅実な運用を両立する、 磨き込まれたインターフェースを提供します。 フレキシブル 複雑なコンテンツを誰でも入稿可能 NILTO独自のフレキシブルテキストは、書式ツールバーを柔軟にカスタマイズできる本文入稿用フィールド。ヘッドレスCMSに特化した専用設計です。 様々な書式スタイルを定義して使い分けることができ、複雑なスタイルの適用がワンクリックで可能なため、運用マニュアルがなくても使いこなせます。 フレキシブルテキストについて詳しく ソリッド ミスを防ぐ堅実な仕組み 複数のウェブサイトとメンバーを、組織という単位で一元管理でき、メンバー管理の対応漏れを防ぎます。 他にもコンテンツ公開時の整合性チェックやアーカイブ機能など、堅実な運用に不可欠な機能が揃っています。 組織について

                                                                          • 爆速サイト構築に挑戦1.ヘッドレスCMSを導入

                                                                            CXやDX(デジタルトランスフォーメーション)が流行ってきましたが、ツールのタグを入れすぎてサイトが重い、iTPなどセキュリティ・プライバシー対策が弱いので精度が落ちた、なんて状況は避けたいですよね。 「分かりやすいデザイン」「使いやすいUI」は誰でも追求できますが、楽してWordPressを使っているようではパフォーマンスのチューニングに限界があります。ここ数年、数週間でWebの技術は驚くほど格段に進化しました。 そこで、将来のWebの進化を見据えて最先端のツールやアプローチを使って、でも(ほぼ)無料でセキュアで爆速なサイトを最短で構築することに挑戦します。 ヘッドレスとサーバーサイドでいこうCMSとタグ管理の発想を根本的に変えることで、爆速セキュアなサイトを実現することにします。 1.CMSはヘッドレスとSPAまず、CMSはヘッドレスとSPAを組み合わせます。ヘッドレスCMSは2017

                                                                              爆速サイト構築に挑戦1.ヘッドレスCMSを導入
                                                                            • 【Hugo】GitHubをヘッドレスCMSとして使う - Qiita

                                                                              name: Go on: push: branches: [ "main" ] issues: types: [reopened, closed] pull_request: branches: [ "main" ] workflow_dispatch: permissions: write-all jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - name: Set up Go uses: actions/setup-go@v4 with: go-version: '1.21.4' - name: Install Tools run: go install github.com/rokuosan/github-issue-cms@latest - name: Generate run: git

                                                                                【Hugo】GitHubをヘッドレスCMSとして使う - Qiita
                                                                              • Cloud Run(フルマネージド サーバレス)に strapi(ヘッドレス CMS)をデプロイする

                                                                                私は基本的にはフロントエンドの領域を飯の種としていますが、それでも最近はバックエンドとかインフラとかについても理解がないと、中途半端な技術力しか持たない私では生き抜いていけないと感じるわけです。まあ、それはある意味は言い訳でただただやりたくなったというのが正直なところです。 過去に社内環境の VPS などをこねくり回していた時期はあるのですが、時代とはかくも無残なものでそんなものは過去の栄光にすらならないわけでして(まあ、さして昔でもないのでその頃から AWS とかありはしましたが)。その上、WordPress などの CMS もなぜか奴から避けて通るように仕事では構築することもありませんでした。 さてさて、話を戻しまして表題のとおりに Cloud Run に strapi をデプロイしてみようと思いました。なぜにこの組み合わせかといいますと、これは別に求められた結果でもなんでなく、なんと

                                                                                  Cloud Run(フルマネージド サーバレス)に strapi(ヘッドレス CMS)をデプロイする
                                                                                • NotionがヘッドレスCMSになる!ZEIT製のNext.jsベースのテンプレートはお手軽にブログ・メディアを始められるツールになりそう

                                                                                    NotionがヘッドレスCMSになる!ZEIT製のNext.jsベースのテンプレートはお手軽にブログ・メディアを始められるツールになりそう

                                                                                  新着記事