a-blog cmsでは、9月8日に「a-blog cms zoom up 2020/09」を開催いたしました。

a-blog cms zoom upは、a-blog cmsのユーザーの皆様と開発者がZoomに参加し、a-blog cmsの活用方法や、利用した感想などを発表する、オンラインのイベントです。

今回は以下2つのセッションと、パネルディスカッションを行いました。

• 「a-blog cms のパフォーマンスチューニングについて」 有限会社アップルップル 伊藤 淳 さん
• 「ナレッジ共有にも使えちゃうa-blog cms」 株式会社ルーコ 鈴木 孝明さん
• 「a-blog cms を利用するディレクターさんのパネルディスカッション」ONiWA株式会社 稲葉 智宏 さん / 株式会社Gazi工房 原 一宣 さん / 株式会社テリムクリ 山田 恵理子 さん / 株式会社ルーコ 鈴木 孝明さん

a-blog cms を利用するディレクターさんのパネルディスカッションの要約

a-blog cms を利用するディレクターさんを集め、パネルディスカッションはが開かれました。ファシリテーターはONiWA株式会社 稲葉 智宏 さんにお願いしました。

パネルディスカッションの内容は各パネラーに許可をいただき、内容を元に要約したものを掲載しております。

まずはそれぞれのパネラーの働き方からご紹介します。

株式会社Gazi工房 原 一宣さんの働きかた

原さんは山形県でディレクターとして活躍されています。

• 実装は社員の赤井さんが担当している
• 原さんは営業も行っている
• 二人体制で頑張っている

株式会社テリムクリ 山田 恵理子さんの働きかた

山田さんは香川県でディレクターとして活躍されている方です。

• 社内に営業の方が別でいるので、山田さん自体は営業はしてない
• プロジェクトもキツくないので、ほどほどに働くことができる
• 実際にはマーケティングや、UI/UXを考えてウェブサイトのワイヤーを書くのが主な仕事
• お客さんは継続と新規の両方

株式会社ルーコ 鈴木 孝明さんの働きかた

鈴木さんは愛知県でディレクターとして活躍されています。

• 軌道に載せたいときや結果を出したいときに自分でテンプレートを書いている
• 実はプロジェクト管理は苦手
• まずはクライアントに小さく成功してもらい、その後から素敵なデザイナーさんをアサインするワークフローを実施している
• 7つ、8つが定期のお客さん、他は新規のお客さんや相談のみのお客さん

クライアントへの対応

コロナ渦に入った今、どのようにクライアントとコミュニケーションをしているのかという話題になりました。

既存のクライアントはSlackに移行し、新規のお客様は電話での対応を行っている方がいらっしゃる中、Slackが使えるレベルに到達するのも難しいので電話で当然だと思うようにしている方もいらっしゃいました。既存のお客様に合わせて対応手段を変更されているようです。

また、コミュニケーション手段により、サービス化するようにしている方もいらっしゃいました。たとえば遠くても実際に訪問して打ち合わせを望むクライアントもいれば、なんとか自分で動いて対応してくれる人もいるので、運用規模やお客さんに合わせてサービス化して対応しているそうです。

社内にディレクターを増やしたいけど難しい

社内にディレクターを増やすためにどうしているのかという話題になりました。ディレクターは、デザイナーやエンジニアとは異なり、技術的な知識は体系化されていない職種なのでどうやって求人や教育をしているのでしょうか。

人を育てるのは難しいかもしれないという意見や、そもそも定義がわからないといった意見も。お話を聞いている中で、ディレクターの方々のお仕事を定義するのは難しそうな印象を筆者も受けました。

そんな中で、ディレクターの仕事について話し合っていただきました。

• ディレクターに必要なスキル：「Web制作のしくみ、マーケティングの流れ、リソース管理ができる、見積もりができる」（山田さん）
• コストパフォーマンスが高い仕事はネーミングを設定すること。例えば、なにも考えていないサービスに対して、名前をつけて、広告をするのがコストパフォーマンスを出す。普段お客さんがやってることで利益を出すのが無理がない。（鈴木さん）
• ゴールを設定する。達成方法はWebには拘らず、チラシ作成なども提案する。Webに固執することはない（山田さん）
• やめたほうがいいことはちゃんと止めることが仕事（坂本さん）→なのでお客さんの立場をちゃんと考えることが大事（稲葉さん）

ディレクターをやっていてよかったこと

今まで、ディレクターという職種はなんだか大変そうな印象を受ける中で、最後はディレクターをやっていてよかったことについてお答えいただきました。

• クライアントからダイレクトで感謝を伝えてもらえる
• いろいろな業界のことに詳しくなれる
• 様々な業界について詳しくなれるので、転職しやすそう（稲葉さん）
• クライアントのサイトを制作した際に結婚式場の競合調査をしていたので、自信が結婚するときにすでにデータを洗い出していて、結婚式場がすぐに決まり、自分の生活が豊かになった（山田さん）
• サイトが役立つものになって、デザインを当てられるときになったらとても嬉しい。つまり、最初が成功して、次につながったときによろこびを感じる。（鈴木さん）

パネルディスカッションのまとめ

このパネルディスカッションを通して、会社によってもディレクターという職種が担う範囲が異なることや、デザイナーやエンジニアでは味わえないよかったことなど、さまざまなことがわかりました。パネラーの皆様、この度は貴重なお話をありがとうございました！

次回の a-blog cms zoom up について

次回の a-blog cms zoom up は10月13日（火）に行います。
現在登壇者を募集中です。ご興味ある方はDoorkeeperのお問い合わせからご連絡ください。

• a-blog cms zoom up 2020/10 | Doorkeeper

タッチモジュールは、見ているページ(テンプレート)がその条件にあてはまる時だけ表示されます。次の例では、単一記事の表示のときだけコメントモジュールを読み込みます。

例：エントリーが指定されている（個別ページ）時のみコメントモジュールを表示する

<!-- BEGIN_MODULE Touch_Entry -->
　<!-- BEGIN_MODULE Comment_Body -->
　　（中略）
　<!-- END_MODULE Comment_Body -->
<!-- END_MODULE Touch_Entry -->

タッチモジュール

Not系タッチモジュール

最近はメディア機能を利用される人も多いかもしれませんが、カスタムフィールドグループで画像を利用すると「ブラウザ側のリサイズ機能を使用する」が機能していない事が分かりました。将来的なアップデートで修正される予定ですが、正常に動作するサンプルコード を紹介しておきます。

グループ名： album / 画像 : photo で設定しています。

<table class="js-fieldgroup-sortable adminTable acms-admin-table-admin-edit">
  <tbody>
  <!-- BEGIN album:loop -->
  <tr class="sortable-item">
    <td class="item-handle acms-admin-table-nowrap">
      <i class="acms-admin-icon-sort"></i>
    </td>
    <td>
      <table>
        <tr>
          <td class="js-img_resize_cf">
            <!-- BEGIN_IF [{photo@path}/nem] -->
            <img src="%{ARCHIVES_DIR}{photo@path}" class="js-img_resize_preview" style="max-width:300px" alt="{photo@alt}" />
            <input type="hidden" name="photo@old[]" value="{photo@path}" />
            <label for="input-checkbox-photo@edit[]" class="acms-admin-form-checkbox">
              <input type="checkbox" name="photo@edit[]" value="delete" id="input-checkbox-photo@edit[]" />
              <i class="acms-admin-ico-checkbox"></i>削除</label>
            <!-- ELSE -->
            <img src="%{ARCHIVES_DIR}{photo@path}" class="js-img_resize_preview" style="max-width:300px;display:none" />
            <!-- END_IF -->
            <input type="file" name="photo[]" class="js-img_resize_input" />
            <br/>
            <input type="hidden" name="photo@width[]" value="800" />
          </td>
        </tr>
      </table>
    </td>
    <td class="acms-admin-table-nowrap">
      <input type="button" class="item-delete acms-admin-btn-admin acms-admin-btn-admin-danger" value="削除" />
    </td>
  </tr>
  <!-- END album:loop -->
  <tr class="sortable-item item-template">
    <td class="item-handle acms-admin-table-nowrap">
      <i class="acms-admin-icon-sort"></i>
    </td>
    <td>
      <table>
        <tr class="js-custom-img_resize_cf">
          <td class="js-img_resize">
            <img src="" style="max-width:300px;display:none" class="js-img_resize_preview" />
            <input type="file" name="photo[]" class="js-img_resize_input" style="max-width:300px" />
            <br/>
            <input type="hidden" name="photo@width[]" value="800" />
          </td>
        </tr>
      </table>
    </td>
    <td class="acms-admin-table-nowrap">
      <input type="button" class="item-delete acms-admin-btn-admin acms-admin-btn-admin-danger" value="削除" />
    </td>
  </tr>
  </tbody>
  <tfoot>
  <tr>
    <td colSpan="3">
      <input type="button" class="item-insert acms-admin-btn-admin" value="追加" />
      <input type="hidden" class="item-max" value="20" />
    </td>
  </tr>
  </tfoot>
</table>
<input type="hidden" name="@album[]" value="photo@path" />
<input type="hidden" name="@album[]" value="photo@alt" />
<input type="hidden" name="@album[]" value="photo@x" />
<input type="hidden" name="@album[]" value="photo@y" />
<input type="hidden" name="@album[]" value="photo@edit" />
<input type="hidden" name="@album[]" value="photo@old" />
<input type="hidden" name="photo:extension" value="image" />
<input type="hidden" name="@album[]" value="photo" />
<input type="hidden" name="field[]" value="photo" />
<input type="hidden" name="field[]" value="@album" />

<script>
ACMS.Ready(function () {
  ACMS.addListener("acmsAddCustomFieldGroup", function(e) {
    $('.js-custom-img_resize_cf', e.target).each(function () {
      ACMS.Library.ResizeImage(this);
    });
  });
});
</script>