株式会社ヒアナウではクライアントのwebサイトの作成にヘッドレスCMSを用いたJAMstack構成で納品することができます。
JAMstackとは静的ファイルとして事前にビルドされ、ページの表示が高速で表示層とコンテンツが分離され、セキュリティが強化されます。
ブログ（お知らせや日記など）には代表的な国産ヘッドレスCMSのmicroCMSを使用しています。 https://microcms.io/
そのmicroCMSで構成されたブログはコンテンツをweb上のmicroCMSのリッチエディタでブログを作成する手順を簡単に説明したいと思います。
ログイン
テキストの作成
ブログ一覧
ブログ追加
構成
- タイトル
- 内容
- アイキャッチ
- カテゴリー
- ブログ投稿の概要、導入など（追加）
画像のインポート
microCMSの無料プランでブログを運用する場合
写真等の画像の準備
webPに変換
サルワカ道具箱
https://saruwakakun.com/tools/png-jpeg-to-webp/
webPとは？？
googleが開発している画像フォーマットです。ファイルの拡張子は「.webp」。画質の劣化を最終源に大幅に画像サイズを軽量化します。
ほぼすべてのwebブラウザでwebpがサポートされています。
ではブログに画像を追加してみましょう。
現在登録されている画像が表示されています。①アップロードから画像を登録してブログで利用できるようにします。②登録した画像を選択してこの画像を使用する。
エディタに画像が表示されます。
その他コンテンツ編集の詳細はオフィシャルの操作マニュアル「コンテンツの編集」 https://document.microcms.io/manual/edit-content をご覧ください。
アイキャッチ画像の登録
ホームページのブログ（お知らせ）一覧などに表示される画像を登録します。先程登録した画像と同じようにしてください。
カテゴリの選択
カテゴリを追加したい場合右上のボタンから追加できます。
下書き保存
下書き保存すると「…」が表示されます。クリックするとメニューが表示されます。ここのスケジュールから予約投稿も可能です。
公開ボタンをクリックするとブログが公開されます。
その他はオフィシャルの操作マニュアルをご覧ください。
コンテンツの編集 https://document.microcms.io/manual/edit-content
コンテンツの作成 https://document.microcms.io/manual/create-content
コンテンツ管理 https://document.microcms.io/manual/contents-management
リッチエディタの操作方法 https://document.microcms.io/manual/rich-editor-usage