Work

イラスト教室「あっという間にできる!マイキャラ作成講座」のサイトを制作しました

イラスト教室「"あっ"という間にできる!マイキャラ作成講座」のサイトを、a-blog cmsベースで制作しました。

東大阪のイラスト教室 【"あっ"という間にできる!マイキャラ作成講座】 現役イラストレーターが直接指導

「マイキャラ作成講座」は、大阪府のイラストレーター・境目朋子さんが「絵が苦手な人」を対象に、過去十数回開催しているイベントです。
「うまく描く方法を知る」のではなく、「今の味を生かしつつ、かわいく見せるコツを知る」「キャラクターを通して自分を知る」ことに重点を置いています。


好評につき、個人事業主向けのビジネスコースを追加することになり、境目さん・協業のデザイナーさんと相談しながら、文章や案内のさせかたをずいぶん推敲しました。

私は制作会社から依頼を受けることがほとんどで、お仕事の内容をブログで書くのは久しぶりです。
a-blog cmsの特徴を生かして構築をしていますので、いくつかご紹介します。


イベント・セミナーサイトで考慮すること

私が関わった案件で特に多いのが、イベント・セミナー案内のコンテンツです。内容や方針によってテーマの仕様が全く変わってしまうので、既存フォーマットを使うのが難しいのです。

カスタムフィールドを多用するため、あとでのやり直しはダメージが大きいです。少なくとも、制作前に以下の点ははっきりさせなければいけません。

開始条件
イベントは、公開=受付開始とはならないことがあります。「準備中」を設けておいた方がいいです。
終了条件
JSかPHPで自動で時限処理をする場合、工数がかさみます。その場合は手動でもいいでしょう。
一覧ページの並び順
募集開始日順、開催日順のどちらかが定番ですが、現在の日付から開催日に近いものを優先してほしいとか、重要イベントをピックアップしたいという要望も出るはずです。
早割の有無
早割条件がある場合は、早割料金と諸条件のフィールドが必要です。
申し込み先
申し込みフォームが自社サイトの場合でも、まれに外部サービスで募集を行うことがあります。

修正しやすくするための対処


手作り風のデザインにすると、どうしてもマークアップが複雑化し、a-blog cmsのユニット機能をすべてのページに利用できなくなります。

境目さんの場合、「熱心な参加者が多いので、専用ページを設けて、参加者の声を今後も追加したい」とご要望がありました。
なので、ページ内で参加者の声を出しているパーツだけ「カスタムユニット」を作り、HTMLがわからなくても簡単に追加や修正ができるようにしています。

カスタムユニットについては解説記事を書いてますので参考にしてください。

望みのパーツをどこにでも。制作者も更新担当者も幸せにする、a-blog cmsの「カスタムユニット」の使い方 | CMS | ウェビンブログ

今後もフィードバックを受けて調整することになるかもしれません。それがプログラミングなしでできるのが、a-blog cmsのいいところです。

スマホ対応


先述の通り、新しくできた「ビジネスコース」を強めに出しています。
なので、講座開催予定の先頭に必ず、随時募集している「ビジネスコース」を出すようにしました。

ところが、スマートフォンは画面が小さいので、開催予定のファーストビューがいつもビジネスコースのみになってしまいます。これはこれで良くないです。


そこで、ビジネスコースの表示場所だけが異なっている「スマートフォン用のテーマ」を用意して、PCとスマホでファーストビューが変わるよう調整しました。

このテクニックについては、先日発売の「実践! コンテンツファーストのWebサイト運用 a-blog cmsではじめるCMSプロトタイピング」の5章、テリムクリさんの事例として詳しく載っています。買ってくださいねー :D


「echo」の話


このサイトの基本構造は、半年近く保留になっている、有料テーマプロジェクト「echo」の、a-blog cms版のベースでもあります。

echo - プロの制作者のためのフレームワークテーマ

a-blog cmsは、2.5〜2.6の間にテーマ制作に関わる機能が追加され、テーマをいちから考え直していました。今回の境目さんのサイトで、ようやくフォーマットが固まった感じです。

今年は札幌へ帰ってからも、a-blog cmsの案件が一番多い状況です。なんだかうれしいです。
a-blog cmsに興味を持ちましたら、ぜひぜひ、ウェビングスタジオへご相談くださいね。

CMS

CMS使うなら必読!「実践! コンテンツファーストのWebサイト運用 a-blog cmsではじめるCMSプロトタイピング」の見どころガイド

a-blog cms関連書籍 出版記念セール
明後日までにライセンスを2個買うと本がもらえます :D

執筆をお手伝いした、a-blog cms初の専門書「実践! コンテンツファーストのWebサイト運用 a-blog cmsではじめるCMSプロトタイピング 」がいよいよ発売となりました。
私は2章の導入と初期設定、査読を担当しました。


企画がはじまったのは一年ほど前ですが、その間に「簡単セットアップ(インストーラー)」が完成し、大幅に導入のハードルが下がりました。この手の書籍で最も大切な「運用」が充実したのを、執筆した立場からしみじみ喜んでいます。
すばらしい企画に参加させていただき、改めて益子さんとアップルップルの皆さんにお礼を申し上げます。

この本はCMSの書籍としては珍しく、システム名が小さく書かれています。「a-blog cmsの使い方」だけでなく「これからのWebサイト運用において、CMSで何ができるのか」に重きが置かれています。
「自分は(WordPress|Movable Type|baserCMS|concrete5|Drupal)だし」と思っている人ほど読んでください。

a-blog cmsは高機能です。また、本を読むといってもなかなか時間的に難しい人もいるでしょう。
もちろん全部読んでほしいですが。全部読んでほしいですが。(大事なことなので二回言いました)本書の見どころを、ピックアップしてご紹介します。

この記事には続きがあります

CMS

祝好調。「一歩先にいくWordPressのカスタマイズがわかる本」はベテランにも必携の書

プライム・ストラテジーの相原さんと大曲さんから、「一歩先にいくWordPressのカスタマイズがわかる本」を送っていただきました。

ベストセラー「WordPressの教科書 」で知られるプライムさん。かつ、いつもセミナーなどでお世話になっている大曲さんの本なので、内容は疑うべくもないです。じっくり読みました。


さっそく実践で役に立ったものの、なかなか書評を書けていなかったのですが、風の噂では今回も好調な売れ行きのようです。購入を迷っている人の背中を全力で押してみたいと思います。

おぉ、6月30日発売の「実践! コンテンツファーストのWebサイト運用 a-blog cmsではじめるCMSプロトタイピング」もよろしくお願いしますね!

この記事には続きがあります

CMS

a-blog cmsユーザーのカスタマイズ情報サイト「ablogcms.org」がオープンしました


CMS「a-blog cms」のユーザーによる、情報の共有を目的としたサイト「ablogcms.org」を開設しました。
開発元の承認のもと、「a-blog cms エバンジェリスト」を中心とした有志によって運営・更新されています。

a-blog cms カスタマイズ情報 FAQ | ablogcms.org

a-blog cmsに関する、よくある質問への回答(FAQ)や、目的からの逆引きガイド、用語説明などを掲載していきますので、公式の「開発者向けドキュメント」とあわせてご利用ください。

この記事には続きがあります

Webdesign

「たった2日で楽しく身につく HTML/CSS入門教室」を読みました

札幌の高橋朋代さん(コモモ)と、森智佳子さん(モリコ)の著書、「たった2日で楽しく身につく HTML/CSS入門教室」を読みました。

私は初心者でも指導者でもないのですが、前作「作りながら学ぶ HTML/CSSデザインの教科書 」がベストセラーとなっている二人の新刊ということと、最近ちょっとWeb制作に疲れていて、原点に返ってみようという気持ちがあって読んでみました。

この記事には続きがあります