#011 用語解説のコーナー!CMSと今流行りのヘッドレスCMS

2022/2/2 ·

  • さあ始まりましたひまじんプログラマーですやってまいりましたというわけでカイチですノリです本日は単語紹介のコーナーはいということでですね何ですかじゃあ今日は今日の単語はですねCMSというものが何なのかってことについて説明していこうと思います何ですかCMSってCMS説明しようCMSそれはコンテンツマネジメントシステムの略である



  • コンテンツを何かで管理するんですかそういうことですね簡単に言うとそういうことなんですけどめちゃくちゃ有名なものだとワードプレスとかあとムーバブルタイプとかなんかじゃあページ管理する系ですねそうそうそうじゃあどういうものをCMSっていうのっていう話なんですけど管理画面があってそこでプログラマーとかじゃなくてもなんかこう



  • コンテンツをその管理画面でいじって公開することによってサイトに反映できますよねみたいなそういう風にコンテンツを管理する部分の仕組みも一緒についてるシステムのことをですねCMSと呼んでおります直接なんかHTMLとかその辺書かないで



  • 文章日本語を打ってマウスでクリックしたら新しいページが上がったりするっていうことですねそういうことこれがあることによって例えばですけど会社内にプログラマーと



  • あとは全然プログラマーじゃないけどマーケティングの人とかライターの人とかそういう役割がある人がいて毎回毎回ページ更新したいんでお願いしますってエンジニアに投げるのはちょっと効率悪いじゃないですか効率悪いですねなのでそういう風な管理画面を使って誰でもコンテンツを更新できるようにしましょうねっていうところがメリットですねCMSのでちょっとCMSに関係する部分でですね最近聞くようになったのが



  • ヘッドレスCMSというマジで聞いたことがない何ですかそれはヘッドレスCMSっていうのがなんか来てるらしいんですよ今来てるんですかはい僕もまあちょっとあの聞いた話なのでどんくらい来てるのかあんまりあれなんですけどヘッドレスCMSっていうのはですね今度今までってその更新する画面と表示する画面セットで提供してましたよっていうものなんですけどヘッドレスCMSにすることによってえーとね



  • 管理画面はありますとその更新したデータを提供する仕組みもありますとでも表示するページありませんよっていう仕組みなんですねなるほどそういうの何がいいのって話なんですけど今までのCMSってやっぱデザインがどうしてもそのシステムに結構依存してしまう部分があったんですねなんですけどこういうふうなヘッドレスCMS使うことによって表示する見た目の部分は



  • すごくオリジナルのものを作れるとそのヘッドレスCMSの中にAPIってデータを吐き出してくれる仕組みが用意されているのでそこに対して通信飛ばすことによって表示したいデータが返ってきますとそれをあとはオリジナルで作った見た目に埋め込めばなんと管理間違えたコンテンツ部分は自分で管理しつつも見た目は完全にオリジナルのものができますよねっていうちょっと



  • いい感じの落としどころになってるものというか逆にあれなんですねCMSの時はあんまり見た目を自由にいじれないというかテンプレートベースになりがち多少やっぱね仕組みに依存してる部分もあるし特にワードプレス触ったことある人は分かると思うんですけどテーマとかってやっぱりある程度それでもやっぱり書き方に制約あったりするので



  • シンプルにデータを埋め込めるようになったらもうそれ最高じゃんっていうものがこのヘッドレスCMSってものですねなんか



  • あのヘッドレスってついてるんですけどちょっと話とずれるかもしれないですがなんかビューがないものヘッドレスって言いがちですよねそうなんだ僕がヘッドレスに最初に出会ったのはセレニウムっていうなんだロボなんだ自動でブラウザの操作を自動化するツールみたいな感じでそうですねブラウザの操作を自動化なんで自動でページの



  • 回遊とかしてくれるんですけどそれをブラウザ開かないで実行するモードがヘッドレスモードだったんでなるほどねそういうのをヘッドレスって言うんでしょうねなるほどね見た目がないものをヘッドレスと言うとなるほどと思いましたあとヘッドレスCMSちょっと調べたら他にもメリットがあって



  • 裏側の何でしょうAPI何かコンテンツを吐き出してくれる仕組みができてるんで同じ内容のものを別のページで表示したいなるほど時に便利っていうのが書いてて例えば何でしょうそれが例えば何なのかがむずいなあるでしょう何ですか例えばだけどウェブサイトもウェブサイトとアプリ両方持ってますよみたいなところだったらヘッドレスCMSの方が便利なんじゃない確かにそうっすねうん



  • それそれだなそれが一番キャッチーだな確かに分かりやすいですねだって結局ね管理画面じゃないななんかのウェブサービスでログインしたらPC版とアプリ版で多分表示されるページは違うんですけど内容一緒ですからねそうそう使ってるデータ同じだから



  • そのデータの吐き出すAPIは共通化しておいてクライアントがウェブで作った時もアプリで作った時も同じAPI叩けば同じデータが返ってくるようにしてでも見た目はそれぞれ違うよねっていうことができますと確かになそれは需要高まるわなそれ便利らしいですねもしかしたらIoT機器が広まることによって出てくるんじゃないですかもっともっと例えばApple WatchとかでもApple Watch用のアプリって多分UI違うでしょ違いますね



  • そうかいろんなのが溢れてくるからそうそうそうそうiPhoneで言うたらねiPhoneじゃねえやAppleで言うたらPCとiPadとiPhoneとApple Watchうんうんうん全部違いますから確かにデバイス増えれば増えるほどなんかどんどんヘッドレスの方がまあ良さそううんなるほどねかもねあーじゃあ時代の進化なんですねこれもうん



  • ちなみに僕さっき調べてすごいびっくりしたんですけど普通にワードプレスもヘッドレス化できるっぽいですねワードプレスヘッドレスにするかな企業だったら全然あるかもしれないですけどテーマ作るのよりそっちの方が楽なのかなブログ普通ウェブでしか見ないからヘッドレスじゃなくてもいいかなって気はするそうですよねアプリ対応してるやついたら変態ですね変態でしかない超ウケるな



  • 俺のブログのアプリ作ったんだよなんでだよ誰がダウンロードするのなんでだよ不便すぎるわ多分できるのはプッシュ通知ですよね更新したようぜえうぜえそれメリットそれしかないもんななんか書いてる側もさこの時間に更新したらプッシュ通知飛んじゃったあれかなっていう制約出てきそうだなありそうですね夜とかに送るのはばかられますね



  • ということでこんな感じでね今日はCMSとヘッドレスCMSでしたエンジニアの方々もしかしたら触る機会あると思うしもしかしたら作る機会もあると思うんでねCMSについて間違えたCMSって言われたらこれのことですよねって言われるようにこれを聞いて準備しておきましょうではまた次回バイバイイマジンプラグラマーではメールを募集していますトークテーマ悩み要望などなど何でも募集中です



  • 宛先はhima pro 11 at mark gmail.comhimapro 11 at mark gmail.comになりますそれではまた次回

0:00 8:43

#011 用語解説のコーナー!CMSと今流行りのヘッドレスCMS