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

Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。 Next.js + microCMS + Vercel すごいな。メディアサイト（中身スッカスカだけど）がものの 2 時間でデプロイまでできた。 https://twitter.com/yusukebe/status/1435708770705760256 ということで、メディアサイトを作りながら、Next.js と microCMS と Vercel の面白さをまとめる。 2 時間で作るメディアサイト 例として「ラーメンまとめ！」というメディアサイトを作ってみる。このサイトには ラーメン屋 ラーメン屋のまとめ記事 の 2 つの種類のコンテンツがある。「ラーメン屋」が「名前」「場所」「ラーメン写真」というプロパティを持

こんにちは、柴田（@shibe97）です。 突然ですが本日、microCMSブログのソースコードをオープンソース化いたしました！ リポジトリはこちら。 https://github.com/microcmsio/microcms-blog 経緯microCMSを利用したJamstack構成のWebサイトはここ1年でだいぶ広まりつつあります。 しかし、Jamstack構成のサイトは一覧画面 / 詳細画面を作成するのは非常に簡単ですが、そこから先を実装しようとすると途端に難易度が上がります。 ネット上にはまだまだ知見は少なく、実案件で投入できるほどの実力を持つエンジニアはそう多くはないという印象です。 そこで、実稼働しているmicroCMSブログのソースコードが参考になるのではということで、今回オープンソース化に踏み切りました。 microCMSブログはデータソースとしてmicroCMS、フロ

WordPressのmakeブログでは定期的にWordPressのシェアを報告しているが、ついに33.3%を超え、世界のトップ10,000,000サイトの3分の1がWordPressを利用しているという状況になったようだ。 Web制作業界で仕事をしていると、「WordPressはオワコン！」というまとめブログのような感想を見ることもあるだろうが、国内でも国外でもシェアは微増を続けているのがここ2年ほどのトレンドだ。このCapital Pでもたまにシェアを報告しているが、今年で3年目のCapital Pでも4%ぐらいの変遷を見ている。50年後には100%を超えているのではないだろうか。 冗談はさておき、Webの1/3というのはなかなかなインパクトだ。Googleのような企業がパートナーシップを結ぼうとするのもわからないでもない。これからしばらくGoogleのようなビッグネームによる参入が相次

2017年にぶちあげられたGutenberg構想により、「WordPress5.0はGutenbergが完成するまで出ない」ということが明言された。2018年の5月にはリリースされる予定だったような気もするが、すでに延長している。 ところで、WordPressはバージョンポリシーを次のように定義していることをご存知だろうか。 4.9がメジャーバージョンとなる 3.9と4.0の違いは、4.0と4.1の違いと変わりない。これは現在のオープンソースソフトウェア開発で標準になりつつあるsemverと異なる。 semverではメジャー、マイナー、パッチとわかれる 上記2つの違いをざっくり説明すると以下の通り。 WordPressはメジャー、マイナーのみ。semverはメジャー、マイナー、パッチの3種類。 semverにおけるメジャーリリースは後方互換制のない変更だが、WordPressでは後方互換制

「CMS大阪夏祭り」注目株！？「Craft CMS」がすごいので広めたい TOP TECH 「CMS大阪夏祭り」注目株！？「Craft CMS」がすごいので広めたい 先日、大阪市北区で開催された「CMS大阪夏祭り2017」に行ってきました。 「CMS大阪夏祭り」は、WordPressやMovable Type、Concrete5など、さまざまなコンテンツ管理システムのコミュニティが出展し、その特徴や良さをアピールする夏の祭典。 早い話が、「CMSの関西コミケ」！違うかな！？ CMSの開発元や、プロフェッショナルなエンジニアと直に顔を合わして交流することができる貴重な機会なのです！ 出展CMSコミュニティは去年より3つも増えて過去最大級を更新！ 中でも僕が今一番注目しているのが「Craft CMS」！ 「Craft CMS」は、Pixel & Tonicが開発・販売している海外のCMSです。

年に一度開催されるWordCamp USが、12月2日と3日に開催されました。WordCamp USでは毎回、最後にWordPressプロジェクトの創始者であるMatt MullenwegによるKeynoteは、State of the Word (SotW) と呼ばれております。 昨年のSotWでは、リリースサイクルの変更についてのアナウンスとともに、3つのFocus Areaが発表されるなど、WordPressプロジェクトの行く末に影響を与える発表があります。 今年の発表内容について、まとめます。 重要な要点 2017年中にリリースされた 4.8, 4.9 はカスタマイザーについて重点的に行われた 2018年のFocus Areaは以下の3つである Gutenberg Editing: Gutenberg そのもの Gutenberg Customization: Gutenberg

新しいエディター Gutenberg 1.8 の新機能として Block templates という概念が紹介された。これにより、ある投稿タイプに対して特定のテンプレートを設定した状態でスタートすることができる。 画像はmakeのブログ記事 What’s new in Gutenberg? (28th November) から。 添付した画像では、Bookというカスタム投稿タイプが以下のブロックをすでに持っている状態で始まっていることがわかる。 タイトル 画像（おそらく、書影） 著者名 本についての説明 これはカスタムフィールド製造業界で想定される利用方法とかなり近い。少なくとも、新規プロジェクトにおいては、新しい編集体験をもたらし、プロジェクトを良い方向に導くだろう。 既存のプロジェクトは、俺たち／私たちのカスタムフィールドはどうなる？ じつはWP TAVERNの記事 “Gutenber

この記事は、2017年11月20日に公開された記事を再編集しています。 以前ferretで、便利なCMS・プラットフォームを紹介しました。 参考： こんなにある！WordPressに替わる便利なCMS・プラットフォーム11選｜ferret 今回は、WordPressの競合でもあり、代替としても使えるCMSやパブリッシングプラットフォームとして新たに11個を厳選して紹介します。 それぞれのCMSに良さがあるので、ぜひ自分にあったCMSを見つけてみてください。 便利なCMS・プラットフォーム11選 1. Publii Publii Publiiは、安全・高速でスタイリッシュなブログサイトを作るためのプラットフォームです。ほかのCMSと大きく違う点は、Publiiではブラウザにログインをして記事を書くのではなく、WindowsやMacに専用のアプリケーションをインストールすることです。 ライター

Custom Fields Re-Envisioned The sleepless nights of endless coding are over. Instantly generate expert meta boxes and custom fields in WordPress. Get Meta Box A WordPress Custom Fields Plugin for Clever Custom Results Meta Box is a free Gutenberg and GDPR-compatible WordPress custom fields plugin and framework that makes quick work of customizing a website with—you guessed it—meta boxes and custom

Drupal（ドルーパル）でのサイト構築を考えている方、必見。DrupalはオープンソースのCMSの一つです。この記事では、Drupalの特徴やできること、同じオープンソースCMSのWordPressやJoomla!との比較、インストール方法などを、初心者にもわかりやすく解説していきます。 Drupal（ドルーパル）とは？ Drupal（ドルーパル）は世界中で利用され、高く評価されているCMS（コンテンツマネジメントシステム）です。オープンソースのソフトウェアとして、無料で導入することができます。 こちらのソフトウェアは、大きく分けて基本部分と追加拡張部分から構成されています。基本部分はコアモジュールと呼ばれ、CMSとして動作するための標準的なプログラムが入っています。初めてDrupalをインストールする場合は、この部分だけをダウンロードします。 さらに構築するWebサイトに合わせて、必要

CMSの定番といえばWordPressですが、開発者にとってより柔軟で使いやすいCMSを探しているなら、Node.jsベースのKeystoneJSがおすすめです。KeystoneJSの特徴と使い方、WordPressとの比較をまとめました。 KeystoneJSはコンテンツ管理システム（CMS）で、データーベースと連動するサーバーアプリケーションを構築するためのフレームワークです。Node.jsのExpressフレームワークをベースに作られ、データストレージにMongoDBを使用します。データ駆動型Webサイトを、PHPプラットホーム、またはWordPressのような大規模なシステムを使わずに作りたいWeb開発者向けの代替CMSです。 WordPressは専門知識を持たないユーザーでもセットアップできるように作られていますが、KeystoneJSは専門知識を持ったユーザーがWebサイトを開

追加したユーザーには権限グループとして「管理者」「編集者」「投稿者」「寄稿者」「購読者」の 5 つの中から 1 つを設定します。それぞれの権限グループ毎に WordPress のブログで行うことができることが異なります。ここではそれぞれの権限グループを設定したユーザーがどのようなことができるのかについて解説します。 購読者ユーザー 権限グループ「購読者」が設定されたユーザーでログインします。管理画面には次のように表示されます。 「購読者」の画面左側に表示されているメニューは「プロフィール」のみで、記事を投稿したりすることはできません。 ブログへのコメントの投稿をユーザーだけが行えるように設定している場合に、「購読者」もコメントを投稿することができます。「投稿者」はブログに対して行える権限がありませんので、コメントの投稿だけを許可したい場合などに便利な権限グループです。(コメントの投稿をユー

一定期間更新がないため広告を表示しています

WordPressでガッツリしたシステム開発をする時によく使うクエリ操作について纏めてみた。 WordPress楽しいので他のフレームワークを使わないよ、でもゴリゴリSQL書かなきゃねっていう案件の時に。 前置き 使う前には

入学する前に知っておきたい！医学部予備校と大手予備校の違い サイト紹介 現在、医学部への進学を検討中の人もいるかと思う。 しかし、医学部は非常にハードルが高く、独学での合格は難しいと言わざるをえない。 そのために予備校へ通う人も多いが、大別すると医学部予備校と大手予備校がある。 どちらにするか迷うところだが、このサイトは主に医学部予備校・大手予備校について情報をまとめたサイトだ。 もし入学を検討中ならば参考にしてもらいたい。 各記事では通う前に知るべき点や必要偏差値、予備校の特徴などについて解説している。 なお、両者の違いに関しては以下で詳しく述べるが、様々な違いがあるため慎重に判断してほしい。 予備校選びが医学部の合否を決めるだけでなく、自分の人生を左右しかねない。 それだけ予備校選びは重要なのだ。 医学部予備校と大手予備校の違い では、どのような違いがあるのだろうか？最初に結論をいうと

WordPressではデフォルトの投稿タイプとして「投稿」が用意されていますが、それを任意のラベル名に変更する方法です。 以前にも別エントリーの一部でこれを変更する方法を紹介しましたが、カテゴリーやタグのラベル名まで変更する方法は書いていなかったので、それらの変更方法の備忘録も兼ねて。 下記をfunctions.phpに記述することでそれぞれ任意のラベル名に変更でき、サンプルとしてデフォルトのラベル名をすべてひらがなに変換してみたものです。 上からメニュー周り、投稿全般、カテゴリー、タグの順にそれぞれラベル名を変更しています。 add_action( 'admin_menu', 'change_post_menu_label' ); function change_post_menu_label() { global $menu; global $submenu; $menu[5][0]

画像ギャラリーを表示するプラグインは山ほどありますが、WordPress標準の機能でもシンプルなギャラリーが作れるって知っていましたか？ 写真や画像は、発信するメッセージの力を強めたり、Webサイトのキャッチコピーにほど良い間隔を空けたり、訪問者にとってエンゲージメント力の強いWebサイトを作るのに、とても便利な存在です。 WordPressの「メディアを追加する」機能を使ってWebページや記事投稿に画像を追加したことはあるでしょう。でも、サムネイルグリッドに1枚以上の画像を表示したい場合はどうでしょうか。 WordPressにはギャラリー機能のある利用可能なプラグインがたくさんあります。しかし、WordPress独自のデフォルトのギャラリーがあることを知っていますか？ この早ワザ記事では、WordPressに画像ギャラリーを追加する方法について紹介します。また、追加した画像のフルサイズバ

WordPressでカスタムフィールドを扱いやすくするプラグイン「Advanced Custom Fields」にある「関連」フィールドで、現在の記事を除外する、下書き・非公開記事の非表示、並び順を変えるなど、表示される記事内容をカスタマイズする際の備忘録です。 紹介する内容は「Advanced Custom Fields」を既に使用（有効化）している想定のものになります。 現在の投稿を除外する 新規投稿時には気になりませんが、デフォルトでは「関連」フィールド内に該当するすべての投稿が表示されるので、編集時などに現在編集している投稿も表示されます。 ほとんどの場合は現在の投稿を関連投稿として選択することはないと思うので非表示にします。 「関連」フィールド内の出力をカスタマイズしたい場合は、主にacf/fields/relationship/queryのフィルターフックを利用します。 実装に