cmsのクイズを作った感想ablogcmsWordPressMovableType今日からウェビングスタジオの2019年の営業開始です。今年もいろいろとCMSで変わったことをするつもりですが、正月休みにさっそくやっていました。cmsの横断知識がないと満点を取れないというクイズを作って公開しています。すべての知識がなくても、どれかが詳しければ6割は正解できるようにしています。興味がある方は挑戦してみてください。https://quiz-maker.site/quiz/play/JtfVPB20190102113456裏付けを取る軽い気持ちで作り始めたものの、10問揃うのには丸二日かかりました。問題が正しいかの裏付けを取らなくてはならなかったからです。4問目の「以下のうち、初期状態でダッシュボードに『最近の投稿』が表示されているCMSはどれか。」はすべてのCMSの最新バージョンのダッシュボードをチェックしなくてはいけませんでした。cmsは、しれっと機能が増えていたりするので...それを逆利用したひっかけ問題もあります。思ったより正解率が低い横断知識が必要なものの、すべて選択方式にするなど、個人的には割と簡単にしたつもりでした...が、正解率は現時点で40%くらいです。ううむ、問題文が分かりづらかったのだろうか。WordPressの基本用語を問う1問目の回答率が、これを書いている時点で33%でした。私は勉強会で、初心者の人には用語は無理に覚えなくていいと話しています。実務で頻繁に使うようになり、テクニカルディレクションをする場合は話は別です。基本用語の正確な使用は、資料作成の際に、読み手=更新担当者の理解度に直結します。MTユーザーが多かったのかな?と思いつつも、この結果はちょっと残念です。同じ機能は少ない横断知識を問う問題を作りはじめた段階で、CMS間で機能の概要は同じでも、完全に同じとは限らないということに気付いてけっこう悩みました。テンプレートタグは、細かいオプションが異なるとか、適用範囲が異なるとかの障害が多く、思ったより問題を作ることができませんでした。「これはどのCMSのタグ?」なんて簡単すぎますし...10問目の問題文に「各CMSの記事中には、常に一点の画像もしくはアイキャッチが存在する前提とする。」という冗長な前提が書いてあるのもそのためです。WordPressのthe_post_thumbnail関数は属性も出力するためです。Typeは、このタグだけでは期待した動作にはなりません。前後を「記事中にアップロードされたアセットを呼び出す」ブロックタグで囲む必要があります。Typeの公式ドキュメントを調べに行ったのは内緒です。「クイズを作る」というブレインストーミングこのような高難度クイズになってしまいましたが、せっかくなのでもっとたくさんの人にやってみてほしいです。クイズを作りながら「CMS間の横断知識を書いたサイト」を作るための構想を練っていました。これは数年前から考えていたことで、「○○をするには△△のCMSでどのようにすればよいか」というのをまとめたいのです。クイズのような軽いものは、ちょうどいいブレストになるなあと思いました。何かをしたことをきっかけに、新しいアイディアが芋づる式に出てくるかもしれません。迷いも多いですが、私もいろいろ手を動かしてみようとおもいます。2018の、15日目の記事です。Mixやパワーユーザーのブログを通して、一年間今後の事を考えてきました。Type.netにしようと思います。https://movabletype.net/誤解のないよう早めに論旨を書きます。消極的な意味で言ってるのではないです。原点への回帰という理由です。.netの運用に特化した機能追加がすごいっていうかやばいMovableType.netはリリースから三年以上が経ちました。6の主要機能をすべて引き継いでいるだけでなく、常に活発な機能追加・改良が行われています。パッケージ版のMTでは難しかった、外部連携と運用に関する機能には驚きます。Type.net活用ブログ」を見ていただくといいですが、特に「えええ?レンタルでそこまでできるの!?」と思ったのは以下です。活用ブログジャパリンガル連携を行うことで、作成済みの記事、もしくはウェブページのタイトルを選ぶだけで翻訳依頼を行えますIFTTT向けのWebhookに対応しているのは大きいです。Slackに限らずなんにでも投げられそうです。.netではページを公開せず、何かのハブに使うという新しい運用もできるかもしれません。cmsの関係の変化パッケージ版に関して、昨年はMT7を前にして駆け込み的案件が多かったのですが、今年は少なくなっています。各企業が様子を見ていて、安定した来年から増加するのだろうと予測しています。札幌市はMTを専門としている会社が多いので、専門ではない私のところにどのくらい相談が来るのかは不透明です。cmsにコンテンツタイプ機能が実装されるという話が出ました。厳密には既存のブログのコンフィグをパッケージ化して、複数のブログで使い回せるようになるのですが、原理としては他のCMSとあまり変わりません。cmsもリリースから10年が経ちます。Typeパッケージ版との立ち位置のかぶりが多くなってきました。私の中で軽量CMSにどれを使うかというのが決まっていませんでした。Jimdoはブログに難がありますし、BaserCMSやCraftも悪くないのですが、私に来る案件(かっちり系のコーポレートサイトが大半)にいまいち合致しません。軽量なままで機能が増えて、かつこれまでのリソースを活かせる.netを推さない手はないと考えています。MT7も引き続き勉強するので、案件のお手伝いやバージョンアップは十分できると思います。推さない手はない、と書いたものの、私がCMSの種類を提案できる案件はとても限られています(以前より増えましたが)。相変わらず、WordPressになるケースが多いです。初期予算がない(というか抑えなければならない)クライアントがずっとWordPressを使ってきたので乗り換えたくないWordPressからの移行コスト(CMSを乗り換えると一年分の保守コストを上回ってしまう)一方で、「補助金制度」というものがあることも知りました。それを活用するようなサイトであれば、初期予算がない問題はクリアできます。WordPress5.0のGutenbergです。私は気に入っていますが、ざっとツイートを調べた限りでは一般ユーザーの混乱は大きく、これまでのセキュリティの問題もあって、以前より乗り換えの意識は強くなっています。なると、あとは私の説得力になってきます。原点への回帰まあとにかく、正式なアカウントを取って公開サイトを運用して、インプット・アウトプットしないとと考えています。cmsでもそうしてきました。個人的な理由になりますが、MovableType.netを見ていると、MTを使い始めた頃を思い出します。15年前、当時はやっていたウェブ日記が不満で、手探りでMTをインストールしました。あの頃は自分が書いたコードや記事がHTMLで書き出されるのが本当に楽しくて、毎晩「これでどんなサイトが作れるだろう」と試行錯誤していたものです。MovableType.netは、あの頃の私が望んでいた「MT3.0が成長した姿」かもしれないです。.net案件は、既に何度か経験済みですので、いつでもサイトを構築できます。MT7に関しても良い会社をいろいろ知っていますので紹介可能です。お気軽にウェビングスタジオまでご相談ください。5.0のGutenbergに対する懸念と同時に、小規模のコーポレートサイトはこれまでのWordPress一択ではなく、ASP型のシンプルなCMSへ移行していく選択肢もあるというお話をされていました。コーポレートサイトの軽量化が進む中でも、CMSで構築すべきコンテンツはいくつかあります。事例コンテンツは、クライアントの業種、業態などで適したパターンが異なるので構築の最適解がありません。だいたいはすでに決まっているワイヤーに添って構築することが多いですが、私が中間の制作会社さんに「このパターンはこういうリスクがありますが大丈夫ですか」と提案したり、逆に意見を求められることもあります。だいたい、5パターンに分けられると思うので、今後のために特徴と構築手法をまとめてみます。ワイヤーがかなり縦に長いので、少し読みづらいですがご容赦ください。画像はクリックで拡大できます。冒頭にお客様の画像と名前が入り、その後はリッチテキストの自由文となります。軽量なパターンで、特別なフィールドもお客様名くらいですから、JimdoなどのASP型も含め、どのCMSでも実装可能です。このパターンの欠点は、データの再利用性が低いこと、リッチテキストであるためウェブ担当者のセンスに左右されることです。固定ページとほぼ同じですね。データベース型すべての項目をカスタムフィールドでがっちり構築し、事例の情報を細かいデータとして開示します。大手企業さんで数回経験しました。すべての情報の再利用性を考えていることや、大きな社内で投稿ルールを統一するのが難しいからではないかと思います。上記の通りデータの再利用性が高い、つまりAPI連携、リニューアルにめっぽう強いことが長所として挙げられます。一方で例外が許されなかったり、この事例だけ思い切り推したい、ということができないのが欠点です。このため、中間のテキストをリッチテキストの自由文にして、HTMLを書けるようにしておくという「逃げ」を考えたりします。工数も多くなりますし、CMS本体への負荷も高めです。いう意味でも大企業向けなように思います。画像とキャプションがグループになった「繰り返しフィールド」を作り、カルーセルとして表示します。繰り返しフィールドについてはまとめで後述します。jQueryが普及した頃から現在まで人気があり、コンパクトで、クライアントのOKも出やすそうなパターンですが、私はこのパターンにあまり良さを感じません。このパターンは、最初に画像が集中しているため、画像と文章を対比して見ることができません。文中に「キッチンのタイルのあしらいは...」と書かれていて気になっても、ページの最初まで戻って、カルーセルをめくらなければならないのです。スマートフォンの普及で画面が狭くなり、かつ訪問者の滞在時間が少なくなったため、2枚目以降を見てもらいにくいです。縦長の素材が多いとますます見づらくなってしまうのも難点です。文章は少ないけど良い写真がたくさんある、というなら採用しても良いかと思います。前項のギャラリー型の変形です。画像、キャプション、見出し、本文がセットになった繰り返しフィールドを重ねてページを作成します。見出しやキャプションは必ずしも必要ありません。縦長の画像にも対応できたり、画像と文章を対比できるなど、ユーザビリティに利点があります。更新担当者にも説明しやすいパターンですが、同じパーツの繰り返しなので、そうとう文章に力を入れなければ単調になってしまいます。途中に任意のコンテンツを割り込ませることができません。画像に力が入っているならギャラリー型、文章に力が入っているならリピートフィールド型がいいのかなと考えています。本文中のすべてのパーツを「ユニット」として自由に並べていくパターンです。cmsが最も得意としているパターンです。concrete5も実質このパターンになります。Typeのブロックエディタも...近い、とは言えます。cmsのエバンジェリストとして敢えて言うと「データの再利用性が低い」「手厚い導入説明が必須」という問題があります。このため、急ぎ案件やまとめてインポートをしたい場合には向きません。これはリッチテキストエディタと同質の問題でもありますが、投稿ルールを決めておかないと、各ページがカオス化しがちです。まとめ以上、事例コンテンツのパターンをまとめてみました。いつものように突っ込みを待つことにします。cmsはコアでこの機能を持っています。Typeでは「FreeLayoutCustomField」で可能です。個人的にはデータベース型はけっこう好きだったりしますが、サイトのレイアウトがデータに大きく縛られてしまうため、やはり繰り返しフィールドと単体フィールドの併用が良いのかなと思います。インタビューと通常事例でカテゴリー分けをして、通常事例はギャラリー型などにすることが考えられます。なんにせよ、なぜ事例コンテンツを作りたいのか、事例を通して訪問者(将来の顧客、もしくは掲載された顧客)に対してどのようなユーザー体験を与えたいのか、この二点を明確にしてから進めたいものです。Permalink2017年07月08日CMSの構築を考慮したコーディングとかクラスの命名規則の話HTML5CSSMovableTypeablogcmsWordPressDrupalconcrete5先日、CSSフレームワークについて記事を書いてから、今後のコーディング設計について具体的に考えています。ウェビンブログというより、再利用性のある業務用テーマの制作をいくつか依頼されており、いずれにしても着手しなければならないのです。私の主業務が、CMS(それも特定のブランドによらない)を組み込んだサイトの制作であることを前提に、自分はどう設計していったらよいか、考えていることを書いておきます。Sapporo」に参加しました。会場は先日のレポート記事で紹介した、スペースカンテです。Typeの札幌コミュニティ「MT蝦夷」の勉強会で、以前は「MTCafeSapporo」という名前でした。私が名古屋から帰って来た昨年はお休みだったので、参加は5年ぶりくらいになります。賑やかで充実したイベントでした。内容は主催のジャクスタポジション西山さんのレポートをご覧ください。www.ni4.jp私は、最初の一時間は初心者のサポートをしていたのですが、その後はASPサービス「MovableType.net」を業務に取り入れるため、本格的なテーマ作りを試していました。収穫があり、一年ぶりくらいにもくもく会で勉強をした感があるので(ちょ、おま)その話をメインに書いていこうと思います。結婚のご報告とお知らせ。