concrete5 | Webサイトに必要なことと道具

Concrete CMS の開発環境を作っています。コンクリートCMS

Jun-N — Wed, 27 Apr 2022 05:25:16 +0000

今回は、WordPressとは別のCMSのお話です。

Concrete CMSのご紹介を兼ねて

ConcreteCMSの新バージョンへの移行を
本環境からテスト環境構築の内容を数回のBlogでご紹介したいと思います。

ConcreteCMSは、当初からフルサイト編集でブロックを備えたCMSとして2003年に登場しました。
その後、「concrete5」として、2008にオープンソース化しています。

通常のバージョンアップ手順の１つ（手動アップデート）

最新バージョンをダウンロードページから入手します。（concrete-cms-9.0.2.zip）
zipファイルを解凍します。（concrete-cms-9.0.2）アップデートに必要なのは concrete フォルダのみです（concrete）ので、それ以外は削除します。
この時点で、concrete5.8.x.x のような名前のフォルダの中（concrete-cms-9.0.2）に、concrete というフォルダが入っている状態になっているはずです。
concrete5.8.x.x フォルダを、サーバーの updates/ ディレクトリにアップロードします。
［管理画面 > システムと設定 > concrete5をアップデート］に、アップロードしたバージョンが表示されていますので、更新ボタンをクリックして実行。

　この方法で、application/config/ ディレクトリに update.php ファイルが作成されます。
　このファイルに、updates/ ディレクトリ内のどのバージョンが使われるようになったのかが記録されています。

今回はこの方法によらず、
ローカル（開発用PC）側に、
MAMPをセットして、空のconcrete5 v8.5.7をセットし、
本環境（XSERVER側）のconcrete5（v8.5.6)をバックアップ(エクスポートで.sqlファイル)取り

ローカル環境側で、リストア（インポートで.sqlファイル）を読み込んだ後に、
ローカル環境のバージョンアップ（concrete5からConcreteCMS化※）しようと思います。（v8.5.6からConcreteCMSに改名されていますが、筆者の環境をv9化することを指します）

Concrete移行過程の詳細
Concrete CMSの歴史

Concrete移行過程の詳細

移行過程の詳細は、複数の記事に分けて、以下のConcreteCMSで作成したサイトで紹介していく予定です。

No.壱

No.1 　2022/04/26

新しいConcreteCMSの開発環境をローカル環境に構築しています。

本来なら「手動で管理画面からアップデートする」で、以下の内容で本環境をバージョンアップする方が簡単なのですが1. 最新バージョンをダウンロードページから入手します。（concrete-cms-9.0.2.zip）2. zipファイルを解凍し...

新しいConcreteCMSの開発環境をローカル環境に構築しています。
本来なら「手動で管理画面からアップデートする」
手動で、次の手順で本環境をバージョンアップする方が簡単なのですが
　1. 最新バージョンをダウンロードページから入手します。（concrete-cms-9.0.2.zip）
　2. zipファイルを解凍します。　　（concrete-cms-9.0.2）
　　アップデートに必要なのは、配下の concreteフォルダのみです。・・・・・ a-itc.info

No.弐

No.2 　2022/04/30

ConcreteCMSの開発環境をローカル環境に構築2

今回もまた、前準備です。　前回、本環境でエクスポート（バックアップ）したものを開発・テスト環境にインポート（リストア）しようとしてうまく行かなかったので、今回は、本環境を、先にVersion８の最新バージョン（v8.5.7）にアップデートし...

ConcreteCMSの開発環境をローカル環境に構築2
今回もまた、前準備です。
　前回、本環境でエクスポート（バックアップ）したものを
開発・テスト環境にインポート（リストア）しようとしてうまく行かなかったので、
今回は、本環境を、先にVersion８の最新バージョン（v8.5.7）にアップデートします。
（現在の本環境は、v8.5.6です。）
その後、本環境のエクスポートから開発・テスト環境のv8.5.7のdbにインポートします…
a-itc.info

No.参

No.3 2022/05/21 Concrete CMS開発環境をローカルに構築Ⅲ

Concrete CMS開発環境をローカルに構築Ⅲ

Concrete CMS開発環境をローカルにデプロイ本環境をv8.5.7にバージョンアップ後、本環境の構成・データを開発・テスト環境にデプロイ（データベース。テーブルや記事。画像などのファイルを配置）するために、開発・テスト環境は、MAMP...

Concrete CMS開発環境をローカルに構築Ⅲ Concrete CMS開発環境をローカルにデプロイ
本環境をv8.5.7にバージョンアップ後、
本環境の構成・データを開発・テスト環境にデプロイ
(データベース。テーブルや記事。画像などのファイルを配置）するために、
開発・テスト環境は、 MAMP 4.2.0環境（PHP 7.4.1、MySQL 5.7.24）に
concrete5 v8.5.7を新規インストール…
　a-itc.info

No.四

No.4 Concrete CMS開発環境をローカルに作っていますⅣ

Concrete CMS開発環境をローカルに作っていますⅣ

今回はLocal環境へ本環境データのデプロイ時の注意事項と、今後のConcreteCMSへ望みたいことを書きます。まずは望みたいことを先に、それは{CCM:BASE_URL}の拡大展開です。

Concrete CMS開発環境をローカルに作っていますⅣ

今回はLocal環境へ本環境データのデプロイ時の注意事項と、
今後のConcreteCMSへ望みたいことを書きます。　まずは望みたいことを先に、
それは｛CCM:BASE_URL}の拡大展開です。
理由は、concrete5 “v5.6.0.2“の頃から既に＜a href=”｛CCM:BASE_URL}/ で
一部実装されているものの”v8.5.7“時点でも全部ではないからです。
　また、＜a href=”’以外では適用されていない。
適用されれば、httpsから始まるドメインを記述しなくて済む
だけではなく、ドメイン変更やサーバ移管等の事態が起きても、
ソースコードの修正が必要無いので、非常に有効だからです。ほかにも有利な･･･ a-itc.info

No.五

No.5 Concrete CMS バージョン 9.1.1

当初予定では、v8.5.6から、v9.0.2にバージョンアップする予定でした。

しかし、テーブルの数の増加や、特定のテーブルでのフィールドの消滅（なくなった）ことによるデータ移行対応（エクスポートした.sqlデータの加工及びインポート、本環境の方のバージョンアップv8.5.6からv8.5.7、開発・テスト環境の方もv8.5.7で新規インストールするなど）、.sqlデータ以外のFileデータのFTP取得での長時間待機（12時間以上）及びやり直し（24時間以上）などの関連で開発・テスト環境の構築に、当初想定以上の時間がかかってしまった。その間にConcrete CMSもv9.0.2からv9.1.0になっており

いよいよ（やっと）開発・テスト環境のバージョンアップができる段取りまでこぎつけました。

念のため、Concrete CMSのサイトを確認すると、バージョンが更新(22/05/26)されていました。折角なので、v8.5.7からv9.1.1にバージョンアップすることにします。

Concrete CMS開発環境をローカルに作っていますⅤ

concrete5 v8.5.7からConcrete CMS v9.1.1へのバージョンアップが終わりました。当初懸念していたテーマstuccoは、大きな問題もなく投稿もできたので今のところ問題なしと判断しています。ただ、FontAweso...

Concrete CMS開発環境をローカルに作っていますⅤ

concrete5 v8.5.7から
Concrete CMS v9.1.1へのバージョンアップが終わりました。

当初懸念していたテーマstuccoは、
大きな問題もなく投稿もできたので、今のところ問題なしと判断しています。

ただ、FontAwesome5への対応の為カスタマイズの必要があります。

（Concrete CMS 本体の方は、Font Awesome5への対応済

stuccoへ独自カスタマイズした部分（👈）

ページのどこにいても、
どのページにいても、
👈「タップで電話できます」も表示されました。 a-itc.info

➡ “To be continued,”

Concrete CMSの歴史

2021年の9月までは、「concrete5」と言っていました。

concrete5の歴史

　ConcreteCMS（旧concrete５）は、
　2003年に広告代理店からの依頼で開発した
有償のCMSパッケージ「concrete CMS」が前身となっており、

　”2008年に「concrete5」と改名しライセンスがオープンソースに改められてからも、
　米国企業をはじめ日本企業も含む大小様々な企業からの依頼によるリアルなプロジェクトをもとに、　企業ニーズを敏感に捉えた機能開発が行なわれています。
（2018/6/7:3年間のプロジェクトと13ヶ月以上の交渉を経て、アメリカ陸軍との契約を結んだことを発表；米国陸軍との契約は今後10年間、何百万ドル規模のものとなります。アメリカ陸軍は concrete5 を素晴らしいものにしてほしい。何千人もの隊員たちが、大切な情報を簡単に共有できるようにしてほしい。オープンソースを信じ、 concrete5 の使いやすさに感謝しています。concrete5 を健全に成長させたいとも願っています。）”

　ConcreteCMSは当初からフルサイト編集ができるブロックを備えていました。

Concrete CMS 9.1.1 リリース（2022/05/28 最新）
Concrete CMS 9.1.0 リリース（2022/05/13）
Concrete CMS 9.0.2 リリース（2022/01/25）
Concrete CMS 9.0.1 リリース（2021/11/10）
Concrete CMS9.0.0 リリース（2021/10/29）大改革
- 　メジャーバージョン　アップ　3年の開発期間を経てたくさんの新機能が追加されました。　コンテナーやボードといった編集ツール、刷新されたファイルマネージャー、　たくさんの JavaScript や PHP ライブラリも更新（php8サポート）され、　7年ぶりに新しいデフォルトテーマも登場しました。
Concrete CMS 8.5.9 リリース（2022/06/24）
Concrete CMS 8.5.8 リリース（2022/06/21）
Concrete CMS 8.5.7 リリース（2021/11/10）
Concrete CMS 8.5.6 リリース（2021/09/17）
- Concrete CMS に、この時点で改名：(旧 concrete5)
concrete5 8.5.5 リリース（2021/03/18）
concrete5 8.5.4 リリース（2020/06/10）
concrete5 8.5.3 リリース（2020/06/05）
concrete5 8.5.2 リリース（2019/10/14）
concrete5 8.5.1 リリース（2019/04/04）
concrete5 8.5.0 リリース（2019/03/19）　
concrete5 8.4.5 リリース（2019/03/06）　
concrete5 8.4.4 リリース（2019/01/09）
- Version 8 から: バージョン表記からも5 を省きます。　
- v8.3.2 筆者の現在の本環境は、このバージョンで2018/07に始めました。
- concrete5.7 から: Version 7 へ。　（モダン時代）
- concrete5.0〜5.6レガシー時代
  - concrete5.6.4.0 日本語版リリース（2019/09/20レガシー版最終）
  - 筆者の最初のconcrte5サイトは、v5.6.0.2（2015/04）です。
concrete5 – (オープンソース化　2008年～)
Concrete v.4 – (2007年)
Concrete v.3 – (2005年)
Concrete v.2 – (2004年)
Concrete v.1 – 誕生 (2003年)　エンタープライズCMS

Concrete CMS

スマホの普及が、多くのひとたちを、ネットにつなぐ

タップで電話できます!!!ページのどこにいても、
どのページにいても、タップでスグに電話できます。
　ライバル表示しないGoogleマップが欲しい人は、
ほかにいませんか？
　簡易予約も問い合わせも最適化され、
利用者をわずらわせません。
　あなたのサイトに訪れた、
あなたのお客様になってくれるかも知れない人たちに
利便性をお届けします。
　www.youtube.com

歯医者さん　遠くても通う？

01.どうやって医院を探しますか？
　あなたは、どんな方法でお医者さんを探しますか？
　どうやって病院を探しますか？どんな医院なら少し
　遠くても通いますか？
02.どんな、お医者さん？　
　どんな医院なら？多少遠くても行きますか？
　通いますか？
03.知られる為の仕組みが必要です
「やみよのカラス」になっていませんか
　ホームページ　!!!
04.知られる為の仕組みが必要です。
　Googleに見つけてもらってます？…
05.ホームページを持っていても、知られるための
　仕組みが無ければ
　ホームページが無いのと同じです。　youtu.be

ウェブサイトは道具・道具としてのウェブサイトを作る

Jun-N — Tue, 30 Mar 2021 07:26:31 +0000

Concrete CMS – concrete5

このサイト（当サイト）の、この記事は、WordPressで制作していますが、

今回はエンタープライズCMSのconcrete5で制作したサイトをご紹介します。
(2021/08 concrete5は、Concrete CMS へ)

　もし、あなたが、

タップでスグに電話をかけられるサイトをお探しなら、

これ(Concrete CMS)は、あなたのサイトにも有用なはずです。

あなたのサイトにも、導入できるCMSです。

さらに、カスタマイズで、

ページのどこにいても、
どのページにいても、
スマホからタップでスグに電話できる。

「ホームページが欲しい人は、ほかにいませんか？」

ライバルを表示しないGoogleマップが欲しい人は他にいませんか？

ご覧いただいて、お分かり戴けたでしょうか？

この、スマホで「タップで電話できます」ボタンは、

スマホからタップで電話をかけることができる

どのページでも、ページの最下部に表示されます。

また、上下にスクロールしても、常にそのページの最下部に表示されますので、

あなたのサイトに訪れた、あなたのお客様になってくれるかも知れない人たちに便利です。

わざわざ、電話番号を入力しなくても、

電話発信ができるページを探さなくても良いのですから。

エンタープライズCMS ？

concrete5は、

その前身である、Concrete-CMSとして、

2003年に、

　簡単に – マイクロソフトのWordを使いこなせる人なら、簡単にサイト運用が出来る事。
　柔軟に – 数々の大手代理店の下で働いて来た彼らは、
従来のCMSが、広告代理店が要求する柔軟性に対応する事が出来なかったことを
知っています。
それらの技術的な限界をなくし、
クライアントが自由に意思決定とサイト運営が出来るようにすること。
　堅固に – AdCouncilは、全米でテレビコマーシャルを放映する予定で、
サイトは秒間1万人ほどの訪問者が来ると予想されました。

をコンセプトに誕生しました。

今では、アメリカ陸軍も採用(2018年）するほど、堅牢でセキュリティ対策に優れたCMS（concrete5 2008年～）となっています。

特徴

　　管理画面を介さずに、直接ページを編集
　　コンクリートブロックを積み上げるようにサイトを構築
（これが、名称の由来となっています）
　　自由自在にレイアウトを変えられる
　　ユーザごとに編集や公開権限の設定が可能

concrete5 の主な機能　ｖ5.3.0（2009/04/20）

　　画像を直接編集(picnik.com のサービスを利用)
　　グループ編集・権限機能
　　ファイル履歴管理機能
　　簡単スライドショー作成機能
　　YouTube ビデオ
　　アンケート機能
　　RSS 表示

尚、　最新バージョンは、V8.5.5（2021/03/18）で、より高機能となっています。

concrete5

なぜ、エンタープライズCMSを必要とする日本企業が concrete5 を選択するのか。

機能紹介

　ブロックやスタック^※の、ドラッグ＆ドロップで直感的にページを組み立てられる「編集モード」(動画あり)で、HTMLの知識なしで更新可能
　　表示や編集の権限を詳細に設定できる「上級権限モード」
　　会員制サイトをクリック操作で構築できてしまう「マイアカウント機能」
　　コンテンツの更新と承認を分けられる「ワークフロー機能」
　　商品情報などの管理に使える本格的な「データベース機能」（導入企業例）

この他にも400以上の豊富な機能をプラグインの導入無しで、完全無料でお使いいただけます。

※．スタック：スタックは、ブロックやブロックの組み合わせをサイト内の複数の箇所で使いまわすための機能です。　

それでは、concrete5で制作した各ページをご紹介して行きたいと思います。

タブレット縦表示

ここで、ご紹介する各ページは、

WordPressテーマのCocoonのブログカード・ブロックで作成していますので、

「ブログカード・ブロック」のクリック（タップ）でそのまま、concrete5サイトの各ページにジャンプすることができます。

「ブログカード・ブロック」でご紹介するサイトは、

元祖ブロック・エディタのconcrete5で制作しています。

もちろん

　RWD^※で
　MFT^※テスト合格の
　MFI^※のページです。

そして、カスタマイズ後の、一番の特徴は、

「ページのどこからでも・どのページからでも、スマホからタップでスグ電話できる」ことです。

※．RWD：レスポンシブウェブデザイン

レスポンシブウェブデザインを導入するサイトが増えるにつれて、
ウェブマスターの方々の間で、モバイル用に別途設定する URLから

レスポンシブウェブデザインの利用の同一のURLに移行することへの関心が高まっています。

レスポンシブウェブデザインは、サーバーからどのデバイスに対しても常に同じ HTMLコードを配信しつつ、
CSS を使用して各デバイスでのページのレンダリングを変更する設定方法です。

ここでは、あなたのサイトが Google の検索結果でよいパフォーマンスが出せるよう、
別々の URL から 1 つのレスポンシブ URL へ移行する際のおすすめの方法をいくつかご紹介しています。

Googlebot にわかりやすい形でレスポンシブサイトに移行する
出典：Googleウェブマスター向け公式ブログ　2019/09/15

※．MFT：モバイルフレンドリーテスト

　モバイルデバイスでのページの使いやすさをテストします。モバイルに対応する理由は、モバイルデバイスからのウェブへのアクセス数は増加しています。
モバイルによって世界は変わりつつあります。
今日では、誰もがスマートフォンを持ち歩き、常にコミュニケーションをとったり情報を探したりしています。

多くの国で、スマートフォンの数がパソコンの数を上回っており、
モバイルフレンドリーなウェブサイトは、オンラインでの存在感を高めるうえで欠かせないものとなってきました。
出典：Google検索セントラル

※．MFI：モバイルファーストインデックス

Google がモバイルファーストインデックス登録（スマートフォン用 Googlebot を使用したウェブのクロール）に取り組み始めてから数年がたちました。

分析を行ったところ、検索結果に表示されるサイトのほとんどはモバイルファーストインデックス登録に対応しており、70% はすでに移行済みでした。

これを踏まえ、2020年9月より、簡素化のためすべてのウェブサイトをモバイルファーストインデックス登録に移行します。

それまでの間も、システムによりモバイルファーストインデックス登録に対応済みと判断されたサイトについては、引き続き移行していきます。

モバイルによって世界は変わりつつあります。
出典：Googleウェブマスター向け公式ブログ　2020/03/31