コンテンツ管理システムの歴史 なぜ、このような新しい性質を持つコンテンツ管理システム（CMS）が求められるようになったのでしょうか。その理由を知るためには、CMSの歴史と時代背景について知ることが一番の近道になります。 1990年代中頃: CMSの誕生 1990年にWorld Wide Webが登場してから、しばらくの間、WebサイトはHTMLの手動編集によってのみ管理されていました。しかし、次第にWebサイトの規模や複雑性が増していき、手作業でのコンテンツ管理が困難になります。 そして、1990年代中頃、HTMLの手動編集によるWebサイト運営の非効率を解消するためのソリューションとして、最初のCMSが登場します。この時、多くの企業が自作のカスタムCMSを作り、いくつかのエンタープライズ向けCMSも登場しました。 2000年代初頭: オープソース化による急速な普及 2000年代前半になる
はじめまして、先日microCMSにカスタマーエンジニアとして入社した下津曲です。 Webメディアの記事や採用コンテンツにおいて、以下のような、左右から吹き出しで人が話しているように見えるデザインにしたい場合があるかと思います。 実際に、microCMSの導入をご検討されているお客様からも、このような見せ方はできるのか？といったご相談をいただくことがしばしばあります。 例えば、以下はWebメディア「新R25」の例です。 今回はWeb制作におけるTipsとして、microCMSの繰り返しフィールドを使って上記のようなデザインを作るのに便利なAPIスキーマを構築してみようと思います。 APIを作成し、スキーマを定義する今回は、簡単のためにサービスは作成済みと仮定して進めていきます。 API名は「対談コンテンツ」、エンドポイントはinterviewとしました。なお、APIの型はリスト形式です。
はじめに 2020年新卒入社で、現在ZOZOWEB部所属の武井です。ZOZOTOWNのWebフロントエンド開発を担当しています。私は入社以来オフィスに2度しか出社したことがありませんが、そのうちの1度はスタッフインタビュー記事の撮影のときでした。アートがたくさんある素敵なオフィスですが、それ以降出社できていません。まさか新卒1年目からフルリモート勤務をすると思っていませんでしたが、先輩スタッフが仕組み作りをしてくださっていたおかげで快適に働けています。 さて、本題です。ZOZOTOWNではタイムセール、ショップ限定クーポン、抽選プレゼントなどのキャンペーンを期間限定で実施しています。このキャンペーンをより際立たせるためにキャンペーンページを作成し、ホーム画面やメルマガなどを通じてお客様にお届けしています。しかし、このキャンペーンページの作成が必要になった場合、エンジニアが都度実装しており、
一方、ヘッドレスCMSには、フロントエンドがありません。そのため、バックエンドに集中してシステムの開発や改修を行うことができます。フロントエンドに当たる部分はCMS外で運用します。外部にフロントエンドを作成し、ヘッドレスCMSが提供するAPIでコンテンツデータを外部フロントエンドへ出力し、管理・運用を行います。 このように、フロントエンドとバックエンドが完全に独立しているので、それぞれが言語などの”相手側の事情”に配慮する必要がなく、開発・改修を自由に行うことができます。 なぜヘッドレスCMSが必要なのか？ ヘッドレスCMSは2018年頃から注目され始めましたが、どのような理由で注目を浴びるようになったのでしょうか。 この章では、ヘッドレスCMSが必要とされるようになったわけをご紹介いたします。 WordPressの限界 WordPressは世界的シェアNo.1で従来CMSの代表格と言えま
PHPのフレームワークCakePHPベースで作られた福岡産のCMSである baserCMS (ベーサーシーエムエス) を、Macのローカル環境にインストールする方法をご紹介します。 ブログなんかにも使えますよ:) Macに MAMP をインストールしていることを前提に進めていきます。 baserCMSのダウンロード baserCMSの 公式サイト よりファイルをダウンロードします。 今回は basercms-2.0.5.1.zip をダウンロードしました。 データベースの作成 http://localhost:8888/phpMyAdmin/ にアクセスして phpMyAdmin を開き、データベース basercms を作成します。 照合順序は utf8_general_ci を選択してください。MySQLの照合順序もそのまま utf8_general_ci にしておいてください。 ba
Microsoftが、ローコード開発プラットフォームである「Microsoft Power Platform」ファミリーの5番目の製品として、ビジネス中心のウェブサイトを誰でもすばやく簡単に構築できる「Microsoft Power Pages」を発表しました。 Announcing Microsoft Power Pages: Build secure, low-code websites | Microsoft Power Pages https://powerpages.microsoft.com/ja-jp/blog/announcing-microsoft-power-pages-build-secure-low-code-websites/ Microsoft's Power Platform can now build websites and turn images int
↓動画でも解説しています。 Headless CMSとは？ 近年、目にする機会が増えた「Headless CMS」という単語。この記事では、Headless CMS、関連技術、人気のサービスなど、導入に向けた基礎知識をご紹介していきます。導入のためのイメージ作りになれば幸いです。 キーワード1：CMS（Content Manegement System） CMS（Content Manegement System）は、コンテンツ、ファイル、ワークフロー、リポジトリなどの情報を管理・公開するシステム。身近なところでは、WEBメディアの記事、企業サイトの各ページ、ECサイトの商品情報などの管理・公開など幅広く使われています。 画像などのファイルや、投稿の変更履歴、権限の管理など、様々な機能を技術者でなくても利用できるのが特徴です。 CMSを代表するのがWordpress。 2003年にリリース
レポート作成の背景 デジタル・マーケティングにおいて、パーソナルデータ活用により企業活動を促進すべく様々なWebサービスが世界中で提供されています。これらWebサービスは、Google社が提供するGoogleアナリティクス（上場企業3,560社において約84％の導入率 ）に代表されるように、日常的にパーソナルデータを収集し活用されています。 これらパーソナルデータ活用の透明性という観点では、経済産業省のガイドラインや、一般社団法人 日本インタラクティブ広告協会のガイドラインなどにおいて、企業がデータ活用の実態について消費者（利用者）に対してわかり易く説明されたコンテンツを提供する際の基準が紹介されています。また、欧州で施行されるEU一般データ保護規則では、Cookieなどに保存されるオンライン識別子は取得公表義務のある個人データであると明確に定義されており、今後欧州とのビジネスにおいて法令
私たちは、 ウェブサイト構築・運営の エキスパートです。 数多くの地方自治体の実績があります。 全国47都道府県のうち12県をネットクルーが制作、 さらに全国でのべ460件を超える市町村のホームページを担当しました。
◆ Glide https://go.glideapps.com/ 紹介 「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。 事前準備 こちらがホーム画面。動画チュートリアルも充実しています。 アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。 まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。 すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。 データを編集する それでは実際に、テンプレートを編集しながらアプリを作っていきます。 まずはプロダクトの肝となるデータの編集からです。 データは、テンプレートをコピーした際にできたGoogleス
Headless CMSとは Headless CMSは、Wordpressなどとは違って本体のウェブサイトと管理画面が完全に分離されているのが特徴の CMS(コンテンツマネジメントシステム) です。 これを使うと、フロントエンドとCMS側が分かれるのでそれぞれを別の場所に配置することが可能です。 動的なコンテンツを表示することをサーバーを持たずに行うことが可能になるのが魅力です。 Micro CMSとは Micro CMSは国産のHeadless CMSです。 これまでのHeadless CMSというと***「Contentful」***が主流な気がします。 Contentfulは日本のサービスではないので英語が基本になりますが、Micro CMSはデフォルトで日本語に対応していたり、日本語でのチャットサポートがあるのが良いと思いました。 使い方 登録 上記画面の「無料ではじめる」または
WordPressを使ってブログサイトやホームページを作成しているひとは多いかもしれません。しかし、もしあなたにプログラミングの知識が多少なりともあって、SEO上も有利にしたいのであれば、静的サイトジェネレーターを使ってみるのはいかがでしょうか。 静的サイトジェネレーターを使えば、データベースが不要になり、一般的にページの読み込み速度も上がるとされています。汎用的に使えるものからシンプルに使えるものまで幅広く存在するので、用途にあったものが選べます。 そこで今回は、2018年に注目の静的サイトジェネレーターを、概要を中心にご紹介していきます。 サンプルコードなどは、参考として挙げているページをご覧ください。 静的サイトジェネレーターとは？ 静的サイトジェネレーターとは、Markdownなどで書かれたファイルをもとに、静的なコンテンツのテンプレートだけでビルドを行いサイトを作成するためのWe
どうも、まさとらん（@0310lan）です。 今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います！ このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感的に誰でも行うことができるようになります。 【 Simpla 】 ■「Simpla」とは？ まず最初に、「Simpla」がどのようなサービスなのかを実際に見ていきましょう！ 以下に、「Simpla」を導入したサンプルサイトがあります。 見た目はごく普通のWebサイトですが、URLの末尾に「#edit」と追記して再読み込みします。 すると、専用の「ログイン画面」が表示されます！ 「Simpla」アカウントでログインすると、画面上でそのままコンテンツを編集できるようになります！ （編集できる箇所、できない箇所の設定も可能です） また、画
リストのアイテムやサイドバーの各コンテンツなど、ページ上のコンテンツをドラッグ&ドロップで移動し、それをクッキーに保存するjQueryのチュートリアルを紹介します。 jQuery: Customizable layout using drag and drop [ad#ad-2] デモ 実装 デモ デモでは簡単なリストのアイテムの順番変更からページのレイアウト変更まで、ドラッグ&ドロップで移動が可能です。 demo1からdemo3は、レイアウト変更までのステップという感じです。 demo 3: Implementation in a real design 最終的には、ページ内の指定コンテンツが指定エリア内で移動が可能で、その内容をクッキーに保存します。 例：打ち出しエリアの3つのコンテンツ、サイドバーのコンテンツ 実装 外部ファイル 実装に使用するスクリプトは「jquery.js」「jQ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
You Don't Need WordPress: Create A Blog With Google Docs
