<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
   <channel>
      <title>Junnama Online</title>
      <link>http://junnama.alfasado.net/online/</link>
      <description>アルファサード株式会社 代表 野田純生 のプライベートなBlog。
〜Webは常に過渡期である〜</description>
      <language>ja</language>
      <copyright>Copyright 2017</copyright>
      <lastBuildDate>Thu, 06 Apr 2017 12:17:01 +0900</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 
      
      <item>
         <title>MT::Objectでトランザクションを実装する</title>
         <description><![CDATA[Data::ObjectDriver::BaseObject::begin_work、rollback、commitを使う。

MTのコードにはこのあたりを考慮していないものが多すぎる。権限\(Association\)を割り当ててからユーザーのパーミッション\(Permission\)を更新する処理など、あちこちに投げっぱなしのコードがある。数万件のレコードを管理画面操作で更新する等。

複数のレコードを纏めてINSERT、UPDATEするなどの処理をループで回さなければならなかったり、速度面の問題であったり、あの忌まわしい<a href="http://junnama.alfasado.net/online/2016/01/custom_field_bulk_insert.html">MT::Meta::Proxy::save 問題</a>であったり、そういうところにもっと目を向けて真摯に取り組まないと未来はないよ。

<pre style="font-size:110%"><code style="overflow:auto">
    my @entries = MT->model( 'entry' )->load( undef, { sort => 'id', direction => 'descend' } );
    my $driver = MT::Object->driver;
    $driver->begin_work;
    eval {
        for my $obj ( @entries ) {
            print $obj->id . "\n";
            # if ( $obj->id < 800 ) {
            #     die; # ここでdieした時、すべてのレコードは更新されない
            # }
            $obj->excerpt( 'Hello World.' ); # 概要欄に値をセット
            $obj->save or die $obj->errstr;
        }
    };
    if( $@ ) {
        $driver->rollback;
        die $@;
    }
    $driver->commit;
</code></pre>

]]></description>
         <link>http://junnama.alfasado.net/online/2017/04/mtobject_2.html</link>
         <guid>http://junnama.alfasado.net/online/2017/04/mtobject_2.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Movable Type</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">プログラミング</category>
        
        
         <pubDate>Thu, 06 Apr 2017 12:17:01 +0900</pubDate>
      </item>
      
      <item>
         <title>Sir Tim Berners-Lee 慶應義塾大学名誉博士称号授与式・記念講演会</title>
         <description><![CDATA[前日の記念祝賀会も含め、参加してきました。

- <a href="https://sites.google.com/keio.jp/tbl-20170314">Sir Tim Berners-Lee 慶應義塾大学名誉博士称号授与式・記念講演会</a>

私のブログを読む方には紹介するまでもないですが、一応。

- <a href="https://ja.wikipedia.org/wiki/%E3%83%86%E3%82%A3%E3%83%A0%E3%83%BB%E3%83%90%E3%83%BC%E3%83%8A%E3%83%BC%E3%82%BA%EF%BC%9D%E3%83%AA%E3%83%BC">ティム・バーナーズ＝リー - Wikipedia</a>

<img alt="Sir Tim Berners-Lee" src="http://junnama.alfasado.net/online/images/IMG_4136.jpg" width="500" height="363" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

<div style="width:140px;float:right">
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-fe.amazon-adsystem.com/e/cm?ref=tf_til&t=projectudon-22&m=amazon&o=9&p=8&l=as1&IS2=1&detail=1&asins=4839902879&linkId=3db265d39b839e0bb517a325afab2659&bc1=000000&lt1=_blank&fc1=333333&lc1=0066C0&bg1=FFFFFF&f=ifr"></iframe></div>

記念講演会ですが、同時通訳を聞きながらメモをとりましたので共有します。追いついていない所、私の知識が追いついていないなどで誤っているところがあるとは思います。ですので、これは私が単に感じたこと、私自身が単に願っていることなのかもしれません。内容は抜粋です。

WWW誕生の話は書籍「<a target="_blank" href="https://www.amazon.co.jp/gp/product/4839902879/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4839902879&linkCode=as2&tag=projectudon-22&linkId=8dda524ab96d5266ab646cb1f7cc47f0">Webの創成 ― World Wide Webはいかにして生まれどこに向かうのか</a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&l=am2&o=9&a=4839902879" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />」でも読むことができます。

__※このテキストは非公式のものであり、誤りが含まれることがあります。__

\(抜粋テキストここから\)

### Tim Berners-Lee 記念講演 \(抜粋\)

私はこういう場で講演をするたびにまた一年が経過したな、と感じます。
25週年、28周年のときもそうでした。

我々は継続してきました。これからも停滞させない。
Webのない世界は考えられないところまできたと思います。
しかし、インターネットと言えども必ずしも永続すると考える訳にはいきません。

今日は皆さんに、レイヤーという話をしたいと思います。
例えばWifi、物理レイヤー=接続、有線無線に関わらず繋ぐことができます。

1969年、皆さんは何をしていましたか? 最初のパケットがネットワークを通過した時
コンピューターとコンピューターが繋がった(TCP/IP)。

今はクラウドの時代。データを投げ込めばやってくれる。
プラットフォームとは、基盤。

パケットを送れば向こうに任せてしまう、というところが素晴らしいアイデアであった。インターネットは差別がない(期待も込めて)。どんなアプリケーションでも。

期待も込めて、というのは競合排他のために回線を絞るとかするとかがなければ。

そして「ニュートラリティ」。
政治利用の問題も。アメリカなどで最近起こっていること。

インターネットはワンプラットフォームです。

### WWWの誕生

1989年、CERNでプログラマをしていました。CRENは面白い場所です。色々な国の人達が集まっていて。物理学者も多いです。私もそうでした。

私はCERNでプログラミングをしていました。

みんなそれぞれ慣れたやり方があり、様々なOSも存在していた。私はWWWを任されていたわけではなありませんでした。

16ヶ月勤務して後に、これは必要だ。異なるコンピュータ、異なるOS、ドキュメントをどうすれば共有できるのか、それが実現できるのか。ハイパーテキストシステムが欲しかった。繋がってはいるのです。でも、いちいち聞かなきゃならないのです。OSも違うし使い方も違う。

もちろんネットワークはあったのだけど、どうやってログインするのか? 私はこれをWWWを開発する「言い訳」にしていました。すると、上司がやってみたらどうか、と。

NEXTがあったんです。スティーブジョブズが作った格好いいマシンがあったんですよ。NEXTを覚えている方いらっしゃいますか?

NEXTが格好良かった。いろんな格好良いものが詰まっていた。

すぐに電子メールが使える、開発機能が最初からあった。インターフェイスビルダー。プロダクト名を聞いてくるので「WWW」と入力した。少しハッキングしたんですが、うまく動きました。

NEXT自体は結局うまく行かなかったのですが、開発機、今ならOS Xを走らせて、開発する。当時からNEXTにはそれがあったのです。

このプロジェクトは「曖昧だけど面白い」という評価を受けました。

私は、誰かが何か面白いプロジェクトをやっていて、それが面白いと思ったら、やらせてあげてはどうかと思います。

WWWを閲覧するだけでなく、エディタも作りました。リンクを作る。

CERNのネットワークにはポートナンバーがありました。私は274(私の両親の電話番号)をポートナンバーにしてプロジェクトを始めました。色んな人が色んなポートナンバーでプロジェクトをやっていました。

それは1989年のことでした。
1994年に私はMITに移り、W3Cを作り、やがて慶應が参加しました。

### WWWの今とこれから

今や、Webを使っている人は50％。28年の間にはいろんなことがありました。

さて、道行く人に訪ねたら、例えばFacebook、それがWeb。

SNSも一つのレイヤーです。本来のwebはオープンなのですが、FacebookもTwitterも集中型、Googleもそう。巨大なセンター、データベース、集中、集約化されている。分散化が良いところでエキサイティングだったのに。

Facebookの友達とか、Linked Inの同僚も、そうですよね? Facebookの友達とTwitterのフォローは同じじゃないですよね。SNSは分散型ではない。

オープンなwebを維持しつつ、SNSではない、オルタナティブなプロジェクト、MITでもやっていますが。

昔はフロッピーディスクさえあればそこにデータがあることがわかった、自由だった。でも今は違う。どこに個人情報があるかわからない。

ネガティブに聞こえるかもしれませんが、間違った方向に疑問を呈することは間違ってはいないと思います。

インターネットレイヤーとwebの間に国が介入してくる。例えば英国。半年間、誰が何をクリックしたか。私が「癌」を調べたら、誰かがそれを知っている。例えば保険に入れないかもしれない。スパイ活動、ブロッキングなど。

個人情報の悪用、マネタイジングに利用しているかもしれない。

Twitterはもはやニュートラルなメディアではないですよね。リツイートという機能がありますよね。拡散する。アイデアをネットワーク上で拡散する。でも、ネガティブなツイートのほうが10倍だという。

人間とテクノロジーがつながっている。ノードは、人ですよね。新しいSNSを作るのであれば、人と人をつなぐもの。Twitterも、もっとデータを見ていって欲しいですよね。差別的な発言、悪意のほうが拡散しやすいのではないか。選挙戦のときもフェイクニュースとか。Webが収入につながるかもしれない、だからクリックを稼ぐために過激な発言をするとか。広告システムは人をトレーニングしている。まったく商用の目的で動いている。アメリカの総選挙で起こったこと。クリックしてほしいからTweetする。お金に動かされている。GoogleのAd、Facebook広告。ターゲット広告は確かに有効です。
ケンブリッジによると、人々を32のターゲットに分けてグループ化したのだそうです。ターゲット毎に有効な広告を配信した。これは倫理的なのでしょうか? 人によって伝えることが違う。ターゲット広告はまったく違うことを違う人に言うことができる。これは正しいことなんでしょうか?

私は、webの全体像に可視性がないことが懸念でした。全体のシステムの安定性。

多角的な物の見方をしましょう。単に急行列車に乗るだけではだめなんです。速く速く進もうというだけではだめ。スピードだけではだめ。どんな情報が使えるのか。今やWikipediaには情報が溢れています。

Webサイエンスが面白いのはマイクロスコープ、ある人が何かをクリックして何かを買う。
オンラインが暴力的になること、意地悪な人、どういったパラメーターでこれを変えていけるのか。AをBに変える。

Twitterは警告を出して、誤っていないか、悪意がないかを見ることはできないのか。そういう方向もありではないのでしょうか。インテリジェンスを使ってシステムを見ていくべきではないかと思います。
SNSによって起こっているディスカッションが人類のために役立っているのか。

### これは、すべての人のためのもの

しかし、私は前向きに楽観的に考えていきたい。  
Web上に国境はありません。

皆さんには次のレイヤーのことを考えていただきたいのです。

ネットの中立性、スパイ行為と戦う、webをオープンにし続けるために取り組まなければなりません。

ロンドンオリンピックに出た時、何を話そうかと思ったのですが、私は(ここだけ日本語で)「これは、すべての人のためのものです」と言いました。

私の話は以上です。

\(抜粋テキストここまで\)

### This is for Everyone

その、ロンドンオリンピックの動画はこちらに。写っているのはNEXTのようです。

<div style="text-align:center"><iframe width="560" height="315" src="https://www.youtube.com/embed/KW6ivwDcOY4" frameborder="0" allowfullscreen></iframe></div>

### ひとことだけ感想

リーダーというのは、楽観的かつ悲観的に振る舞うものなんだな、と。いずれにしても、WWWがあるおかげで今の自分や会社が存在するということに感謝。]]></description>
         <link>http://junnama.alfasado.net/online/2017/03/sir_tim_berners-lee.html</link>
         <guid>http://junnama.alfasado.net/online/2017/03/sir_tim_berners-lee.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Web制作・ビジネス</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">駄文・雑文</category>
        
        
         <pubDate>Wed, 15 Mar 2017 10:57:54 +0900</pubDate>
      </item>
      
      <item>
         <title>謹賀新年 - 2017年はビジネスの原点に立ち戻る。</title>
         <description><![CDATA[あけましておめでとうございます。

<img alt="問題 : 俺と同等のスキルをもった人材が応募してきたら、どこに配属しますか? (全社会議の発表時のスライドより)" src="http://junnama.alfasado.net/online/images/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202016-12-31%252014.56.36.png" width="440" height="326" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

画像は12月の全社会議で、社員たちに問うた問題です。この件はまた後で。

2012年からこうして新年のご挨拶をブログに書いているわけですが、去年(2016年)は__「基本に立ち戻り“仕事力”を見直す一年に」__と言ってますね。本を書きたいと言ってたんですけど果たせず終い。それでも「仕事を教える」ことがゴールだったので、そこはこれまで以上にできたかなと思います。定期的な社内勉強会の開催もそうですし、新入社員への個別のレクチャー、マネージャーへのマネジメントに対する指導など。成果がでるまでにはまだ時間がかかりそうではありますが、継続していきたいと思います。

- <a href="http://junnama.alfasado.net/online/2016/01/2016_01_01.html">謹賀新年 - 2016年は基本に立ち戻り“仕事力”を見直す一年に。</a>
- <a href="http://junnama.alfasado.net/online/2015/01/2014_01.html">謹賀新年 2015年は「脱」&quot;エバンジェリスト・ドリブン。&quot; 一気に駆け上がるための本気の一年。</a>
- <a href="http://junnama.alfasado.net/online/2013/01/2013.html">謹賀新年。2013年は&quot;新しいキーワードをつくる年&quot;。</a>
- <a href="http://junnama.alfasado.net/online/2012/01/2012_connect.html">謹賀新年。2012年のキーワードは&quot;Connect(コネクト)&quot;。そして、&quot;To be Professional.&quot;</a>

2016年を振り返ると<a href="https://alfasado.net/news/201512021429.html">PowerCMSクラウドのリリース(リリースは2015年12月ですが実質は2016年スタート)</a>、<a href="https://alfasado.net/news/201603311100.html">執行役員制および事業部制</a>の導入、<a href="https://alfasado.net/index.html">会社のウェブサイトを新しくした</a>ことなどのトピックはありましたが、目に見えるアウトプットが少ない1年になってしまいました。ここは真摯に反省をして、2017年は改めていきたいと思います。

### 「顧客接点を増やす」から一歩進むために

この2年間、社員に言い続けてきたことがあります。我々のビジネスの本質は顧客接点にあり、その接点を増やす努力を続けていけば必ず成果は出る。よって重点課題は「顧客接点を増やす」であると。でも、そこに計画性とかアイデアが足りなかったように思います。正確に言うと「計画」を阻害するトラブルや突発的な仕事に引っ張られてしまい、計画が絵に描いた餅に終わってしまうということの繰り返しだったように思います。もちろんその原因の多くは「力不足」にあるわけで、昨年の「仕事力を見直す」というのがそれを解消するために必要なことであることは間違いありません。

それでも、スタッフ個々の力が向上するのを待っていては時間がかかりすぎる。10年以上1人管理職でやってきたわけだから、どうしても任せたリーダーが頼りなく見えるときもある。でも、__任せたら思い切って任せ切ること__をしないと先に進めない。そして、顧客接点を増やすための仕組みを自分が率先して作る。__重要なのは顧客接点を増やすのはあくまでも現場のスタッフで、自分はその仕組みを作る__という点です。これ、ビジネスの原点なのです。

### 「創って、作って、売る」商売の基本サイクルを素早く回す

自分たちの強みを見直せば、製品を生み出し、リリースすることが得意なのに、去年はそこが停滞してしまった。この「創って(開発)、作って(生産)、売る(販売)」というのは、過去にも何度か紹介した書籍「<a  href="https://www.amazon.co.jp/gp/product/4532193427/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4532193427&amp;linkCode=as2&amp;tag=projectudon-22">V字回復の経営―2年で会社を変えられますか</a>」に書かれている言葉ですが、こういうベーシックなところで手を抜くと企業は成長できないどころか衰退してしまう。

- <a href="http://junnama.alfasado.net/online/2016/11/books.html">はじめて人の上に立ったら。マネージャーの教科書</a>
- <a href="http://junnama.alfasado.net/online/2015/01/v2.html" target="_blank">V字回復の経営〜2年で会社を変えられますか?</a>

### そのためには、最後のひと押しが勝負

こういうことを考えていると、昔、中学生の頃の担任に指摘されたことが今更ながらに思い出しました。俺って、形にするところまでは早いのに、仕上げんのが遅いんだと。今、80％がた形になっているプロダクトがいくつかあります。こいつらについて、最後のひと押しをちゃんと手を抜かずにやりきって、世に問うこと。そのために自分のリソースを注力させる。これを果たすためには、すでに書いた通り「__任せたら思い切って任せ切ること__」を徹底することです。

### 問題 : 俺と同等のスキルをもった人材が応募してきたら、どこに配属しますか?

冒頭の画像は12月の全社会議で、社員たちに問うた問題です。その後の飲み会なんかで正解は言いましたけどね。

この会議では、社員が先日書いていた全社会議のレポートにも引用されていますが、<a  href="https://www.amazon.co.jp/gp/product/4094088962/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4094088962&amp;linkCode=as2&amp;tag=projectudon-22">下町ロケット</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4094088962" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />の中の一節を引用して話をしました。

<a href="http://www.powercms.jp/blog/2016/12/alfasado-2016mtg.html">アルファサード全社会議 2016冬 in Osaka | PowerCMS ブログ</a>

<div class="quote">
<blockquote>
俺はな、仕事っていうのは、二階建ての家みたいなもんだと思う。一階部分は、飯を食うためだ。必要な金を稼ぎ、生活していくために働く。だけど、それだけじゃあ窮屈だ。だから仕事には夢がなきゃならないと思う。それが二階部分だ。夢だけ追っかけても飯は食っていけないし、飯だけ食えても夢がなきゃつまらない。
</blockquote></div>

2017年、私は二階におります。一階ですか? ウチには優秀なリーダーがおりますから。

本年もどうぞよろしくお願い致します。

]]></description>
         <link>http://junnama.alfasado.net/online/2017/01/new-year-2017.html</link>
         <guid>http://junnama.alfasado.net/online/2017/01/new-year-2017.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">ごあいさつ</category>
        
        
         <pubDate>Sun, 01 Jan 2017 00:00:00 +0900</pubDate>
      </item>
      
      <item>
         <title>たった1つのファイルの差し替えで再構築が約20％高速になる魔法の MT::Builder</title>
         <description><![CDATA[この記事は <a href="http://www.adventar.org/calendars/1381">Movable Type Advent Calendar 2016</a> の最終日の記事です。

<img alt="再構築ウィンドウ" src="http://junnama.alfasado.net/online/images/SafariScreenSnapz204.png" width="471" height="339" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />


Movable Type Advent Calendar は2012年から参加していて毎年最終日を担当させていただいています。過去の記事はこちら。

- <a href="http://junnama.alfasado.net/online/2015/12/wrong_mt.html">やはりお前らのMTは間違っている! (2015年)</a>
- <a href="http://junnama.alfasado.net/online/2014/12/movable_type_1225.html">部屋と Movable Type と私 (2014年)</a>
- <a href="http://junnama.alfasado.net/online/2013/12/speedup_mt.html">Movable Type をめっちゃ高速化する20の方法 - 2013年Xmasバージョン (2013年)</a>
- <a href="http://junnama.alfasado.net/online/2012/12/githubcomalfasado_movable_type.html">github.com/alfasadoで公開しているMTのプラグイン/ツールのドキュメントを一挙公開! (2012年)</a>

### 2016年のネタ。2017年、MTはもっと高速になる!

今年は何を取り上げようかと思っていましたが、丁寧に記事を書くモチベーションと時間が足りず、とはいえ負けるのも(誰に?)悔しいので、以前から気になっているMTの箇所にパッチを当てて再構築のスピードを速める実験をしてみました。


### 静的ファイルジェネレーターとしての Movable Type

少しだけもったいつけて前振りを。<a href="http://qiita.com/advent-calendar/2016/static-site-generator">静的サイトジェネレーター Advent Calendar</a>で Movable Typeの中の人である長内さんが記事を書かれていますね。そう、MTは静的ファイルを吐き出すことのできるCMSです(ダイナミックパブリッシングも可能、部分的ファイナミックパブリッシングも可能、もちろんダイナミック処理ではキャッシュの仕組みを備えています)。

- <a href="http://qiita.com/TakeshiNickOsanai/items/060adba3214dc3bb509c">静的サイトジェネレーター「Movable Type」について、誤解されている4つの事柄 - Qiita</a>

今年は<a href="https://cmssunday.doorkeeper.jp/events/37224">第2回CMSプロレス　多言語サイトタイトルマッチ - CMS SUNDAY</a>にお呼ばれして、チームMT(一人だけど)として参加、見事に勝利してきました。Movable Type以外の参加CMSはDrupal、concrete5、TYPO3、WordPress。Movable Typeだけが異質だと思いませんか?

- __MT以外のCMSはすべてダイナミック前提__
- __MT以外のCMSはすべてPHP(MTは基本Perl、ダイナミックはPHP)__

PHP、Perlの違いはまぁ置いておいて、ダイナミックとスタティック(静的サイト)だと、文化が違うというか話がかみ合わないんです。同じく中の人の澤さんに「勘所がわからん!」とか言ってますね。

<img alt="Facebookにて、ピンチを迎える私!" src="http://junnama.alfasado.net/online/images/SafariScreenSnapz200.png" width="498" height="461" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

そう、動的、__ダイナミックなCMSが「高速ですよ」っていったらみんなキャッシュの話__。__静的ファイルジェネレーターでキャッシュって、あるとしたらCDNやwebサーバーチューニングとかの話です__。もちろんダイナミックも持ってるからキャッシュの話ついていけるけど、URLリライト系の話も盛り上がるみたいなんですよねあっちの文化では。てことで勘所あんまりわかりませんでした前半は。

静的ファイルジェネレーターで「高速」ってのは一般にはいわゆるパブリッシュ(再構築)の話ですよね。Movable Typeの再構築はしばしば待ち時間が嫌だとかそういう話になります。ただ、エンタープライズCMSの世界では、そこあんまり話題にならないんですよね。CMS操作の重さより、公開サイトの遅さや負荷とかそっちを気にされます。ま、そういうのも含め(使われているサイトの規模や用途も含め)て文化の違いとしか表現しようがありません。ま、なんとか勝ててよかったです。

### MTの再構築はまだ速くなる余地がある

今年、ある案件で公開側のサイトのダイナミック処理の速度が思ったように出ずに調査していた時に、テンプレートのコンパイルキャッシュが非効率な処理になっているケースを発見しました。以下の記事にその顛末をまとめています。

- <a href="http://www.powercms.jp/blog/2016/01/dynamicmtml_smarty.html">DynamicMTML(ダイナミックパブリッシング) で動的インクルードを使うと Smartyのコンパイルキャッシュの効果が限定的になる | PowerCMS ブログ | PowerCMS - カスタマイズする CMS。</a>

__その時に「あれ? 静的ファイルの再構築処理の際の MTタグ(MTML)のコンパイルってどうなってんだっけ? って見たんです。どうもキャッシュされている気配がない。__

で、少し手を入れてみたんですがうまく行かず、途中のファイルをFogBugzに投げてそこで止まってました。

### MT::Builder の compile に手を入れる

MT::Builder の compile てのは、乱暴にひと言で言えば、テンプレートのMTタグをパースしてコンパイルして{tokens}を組み立てているところです。そのあと、テンプレートはコンテキストに沿ってビルドされます。MTはSQLの実行結果やビルドしたブロックやモジュールなどはマメにキャッシュしていますが、このコンパイル結果をキャッシュしていません。以下、見てもらえますか!? そう、MTタグを正規表現でパースしているんですよ、ここ。

        while ( $text
            =~ m!(<\$?(MT:?)((?:<[^>]+?>|"(?:<[^>]+?>|.)*?"|'(?:<[^>]+?>|.)*?'|.)+?)([-]?)[\$/]?>)!gis
            )
        {

ご存知の通り(知らない人も多いでしょうけど)、Movable Typeでは、再構築処理を行う際に1つのCGIへのリクエストあたり40記事ファイルずつ再構築を行い、リダイレクトを繰り返してすべてのファイルを再構築します。この40という数字は環境変数で変えることができます。

- <a href="https://www.movabletype.jp/documentation/appendices/config-directives/entriesperrebuild.html">EntriesPerRebuild | 環境変数リファレンス - CMSプラットフォーム Movable Type -</a>

つまり、1リクエストでの再構築処理で同じテンプレートが少なくとも40回パースされるわけです。こいつを一回で済ませてしまえば。

#### mt/lib/MT/Builder.pm

    12a13
    > use Data::Dumper;
    32a34
    >     my $is_tmpl;
    34a37,39
    >         if ( $ctx->id ) {
    >             $is_tmpl = $ctx->id;
    >         }
    73a79,88
    >     
    >     my $cache_key;
    >     my $chached_state;
    >     if ( $is_tmpl && $text ) {
    >         $cache_key = 'compiled-cache-' . MT::Util::perl_sha1_digest_hex( $text );
    >         if ( $opt ) {
    >             $cache_key .= '.' . MT::Util::perl_sha1_digest_hex( Dumper $opt );
    >         }
    >         $chached_state = MT->request( $cache_key );
    >     }
    82a98,101
    >     
    >     if (! $chached_state )
    >     {
    >     
    291a311,316
    > 
    >     } else {
    >         $state = $chached_state->{ state };
    >         $depth = $chached_state->{ depth };
    >         $errors = $chached_state->{ errors };
    >     }
    306c331,338
    < 
    ---
    >     if ( $cache_key ) {
    >         if (! $chached_state ) {
    >             $chached_state = { depth => $depth,
    >                                state => $state,
    >                                errors => $errors };
    >             MT->request( $cache_key, $chached_state );
    >         }
    >     }

### ソースファイル(Builder.pm)

- <a href="http://junnama.alfasado.net/online/files/Builder.pm.zip">Builder.pm.zip</a>

マシンスペックの高い環境では、EntriesPerRebuildの値を大きくするほどその効果が顕著になり処理も速くなります。

### 計測結果

このブログをエクスポートして、最新版のMT6.32にテーマ Rainier 1.22 を入れた環境を用意して計測しました。「デフォルト、すべてのファイルの再構築計測結果(ケース1)」と、「記事アーカイブのみ、EntriesPerRebuildに1000を指定した場合(ケース2)」各5回の計測結果はこちら。

<table summary="改良MT::Builderを利用した再構築計測結果">
<tr><th>﻿計測ケース</th><th colspan="2">ケース1</th><th colspan="2">ケース2</th></tr>
<tr><th>Builder.pm</th><td>オリジナルBuilder.pm</td><td>改良Builder.pm</td><td>オリジナルBuilder.pm</td><td>改良Builder.pm</td></tr>
<tr><th>1回目</th><td>331</td><td>243</td><td>216</td><td>155</td></tr>
<tr><th>2回目</th><td>302</td><td>254</td><td>270</td><td>170</td></tr>
<tr><th>3回目</th><td>285</td><td>234</td><td>211</td><td>180</td></tr>
<tr><th>4回目</th><td>301</td><td>255</td><td>189</td><td>155</td></tr>
<tr><th>5回目</th><td>281</td><td>245</td><td>170</td><td>155</td></tr>
<tr><th>合計(秒)</th><td>1500</td><td>1231</td><td>1056</td><td>815</td></tr>
<tr><th>結果</th><td colspan="2"><strong>約18%高速</strong></td><td  colspan="2"><strong>約22%高速</strong></td></tr>
</table>

### 2017年、もっとMTが速くなるための宿題

あまり時間もなかったので、今日のところはこれまでです。引き続き以下のような部分を検討して実装できれば2017年、MTの再構築はもっと速くなることでしょう!

- まずは、このコードの影響度など、問題ないかの確認・検証
- 現状template_id 指定がある場合のみキャッシュしているが、これ以外にキャッシュできるケースがないかの検討
- リクエストをまたがって memcachedやMTのキャッシュ(MT::Session)などへのキャッシュ

それでは、メリークリスマス、そして、良いお年をお迎えください!





]]></description>
         <link>http://junnama.alfasado.net/online/2016/12/mt-builder-more-faster.html</link>
         <guid>http://junnama.alfasado.net/online/2016/12/mt-builder-more-faster.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Movable Type</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">プログラミング</category>
        
        
         <pubDate>Sun, 25 Dec 2016 20:04:39 +0900</pubDate>
      </item>
      
      <item>
         <title>米大統領選挙の速報サイトに見る「色で表現したらわかりやすくね?」問題。</title>
         <description><![CDATA[<img alt="米大統領選挙の速報。色分けで両陣営の優勢状況を表現している。" src="http://junnama.alfasado.net/online/images/Cwy3DkkUoAA6u5l.jpg-large.jpeg" width="426" height="355" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

米大統領選挙、僅差で最後まで読めませんでしたね。普段政治のこと書いたりしないですけど(政治と野球の話はオンラインでしない主義)、今日は <a href="http://www.adventar.org/calendars/1589">Web Accessibility Advent Calendar 2016</a> の23日目の記事です。

Accessibility Advent Calendar といえば、sukoyakarizumuさんによるこんな記事がありました。

- <a href="http://qiita.com/sukoyakarizumu/items/55b782cd8b4452351d53">コントラストチェッカーのばらつきと対策 - Qiita</a>

私は <a href="https://alfasado.net/apps/colortester-ja.html">ColorTester</a> の作成者なので、本題の前に少しだけ ColoerTester について触れさせていただきます。特にこのページで結果のバラツキについてネガティブな書き方をされているわけではないのですが、ColorTesterの色の比較メソッドは W3Cのページにある計算式のそのまま、ほぼコピペです。

- <a href="https://www.w3.org/TR/WCAG20/#relativeluminancedef">Web Content Accessibility Guidelines (WCAG)  2.0 - relative luminance</a>

<a href="https://xojo.grapecity.com">Xojo</a>という開発ツールで作成しています

    Function GetL (C As Color) As Double
      Dim R,G,B As Double
      R = C.Red / 255
      G = C.Green / 255
      B = C.Blue / 255
      If R <= 0.03928 Then
        R = R / 12.92
      Else
        R = ( ( R + 0.055 ) / 1.055 ) ^ 2.4
      End If
      If G <= 0.03928 Then
        G = G / 12.92
      Else
        G = ( ( G + 0.055 ) / 1.055 ) ^ 2.4
      End If
      If B <= 0.03928 Then
        B = B / 12.92
      Else
        B = ( ( B + 0.055 ) / 1.055 ) ^ 2.4
      End If
      Dim L As Double
      L = 0.2126 * R + 0.7152 * G + 0.0722 * B
      Return L
    End Function

なので、テキストフィールドに値を入れて計算している以上は正しい結果を返していると思っているのですが、ピッカーから色を拾う場合に正確な値が拾えす、誤差がでることがあります(これはmacとWindowsでも少々異なるかもしれません)。(久しぶりにコードを見て確認したのですが)、ColorTesterのピッカーは、マウスポインタ周辺の小さなキャプチャを生成して、そこから色を拾っています。実はあまり知られていない(ように思う)のですが、ColorTesterでは「OS標準のカラーピッカーを使う」という設定が選択できます。スポイトアイコンをクリックする「ひと手間」が余分にかかるのですが、より正確に色を拾いたい場合、こちらの設定も試してみてください。 

<img alt="ColorTesteの設定で「OS標準のカラーピッカーを使う」を選択した場合" src="http://junnama.alfasado.net/online/images/94fa1247361ac55de04bf059a3bdceef3616b426.png" width="426" height="458"  class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

また、画像をドラッグ&ドロップで放り込む簡易チェック機能もあります。このロジックについてご興味のある方は下記の記事で紹介しています。

- <a href="http://junnama.alfasado.net/online/2014/09/colortester.html">ColorTesterはどうやって画像の色を拾っているのか。 - Junnama Online</a>

### 米大統領選挙の速報サイトに見る「色で表現したらわかりやすくね? 」問題。

さて、ようやく本題に戻ります。米大統領選挙、まだ記憶に新しく、次期大統領の発言もニュースを賑わしていますね。

この記事では、米大統領選挙の速報サイトのデザインにおける色問題について取り上げます。
米大統領選挙の速報サイトについては、以下のページに様々なデザインが紹介されていますが、冒頭で紹介した画像もその一つです。

- <a href="http://www.tera-house.ac.jp/tec/blog_tec/designer/?p=723">大統領選挙もデザインの勉強になります - Web動画クリエイター科 ブログ - 専門学校 東京テクニカルカレッジ</a>
- <a href="http://nlab.itmedia.co.jp/nl/articles/1611/09/news093.html">米大統領選の開票速報、わかりやすい海外サイト　USAトゥデイ、BBCニュースなど - ねとらぼ</a>

上記のページでも触れられている通り、色分け、色の濃淡もしくは大きさなどでどちらが優勢かが視覚的直感的に理解しやすいと紹介されています。

色分けされた地図は視覚的でわかりやすいので、ついやってしまいがちなパターンですが、次に示すようにグレースケール状態にすると__民主、共和党優勢、同数あたりの区別が困難__になってしまいます。

考えておかなければならないのは、__色弱(色覚異常とも表現されます)の人や弱視の人のことだけではありません。__いまどきモノクロ?、みたいな意見は kindle が一蹴してくれましたし、例えばこの速報を見ながら会議を行っている時、__モノクロ印刷した紙資料で配布されても何がなんだかわからないですよね?__

<img alt="同じ米大統領選挙の速報をグレースケール表示にしてみた。" src="http://junnama.alfasado.net/online/images/Cwy50WYVQAAtYIO.jpg-large.jpeg" width="426" height="355" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

このような画像は、JIS X8341-3の7.1.4.1(WCAG 2.0 の1.4.1) に適合していないことになります(適合レベルは「A」)。上部の更新時間や「当選 優勢」などの画像内の文字のコントラスト比が不足しているという別の問題もあります。

- <a href="http://waic.jp/docs/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html">達成基準 1.4.1 を理解する | WCAG 2.0解説書</a>
- <a href="http://waic.jp/docs/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html">達成基準 1.4.3 を理解する | WCAG 2.0解説書</a>

これを適合させるためには、以下のような方法があります。文字を併用する、パターンを変えるなど。

- <a href="http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/G14.html">G14: 色の違いで伝えている情報をテキストでも入手可能にする｜WCAG 2.0 実装方法集</a>
- <a href="http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/G111.html">G111: 色とパターンを併用する｜WCAG 2.0 実装方法集</a>
- <a href="http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/G183.html">G183: 色の違いだけで示されているリンク又はコントロールは、その文字色と周囲にあるテキストとのコントラスト比を 3:1 以上にして、フォーカスを受け取ったときには視覚的な手がかりを補足して強調する｜WCAG 2.0 実装方法集</a>

このような配慮がなされない理由として、__全体的に「デザインが"うるさく"」なってしまう__点が挙げられます。以下の例は、色に加えてアルファベット1文字を追加し、若干全体のコントラストを上げています(文字の大きさも当選か優勢で分けています)。

<img alt="色に加えて文字を追加した大統領選挙速報地図" src="http://junnama.alfasado.net/online/images/85e438173add1a787943730a110e398c2bf73ffe.png" width="426" height="355" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

モノクロになっても理解できますね?

<img alt="色に加えて文字を追加した大統領選挙速報地図(モノクロ版)" src="http://junnama.alfasado.net/online/images/Cwy3DkkUoAA6u5l.jpg-large-s2.png" width="426" height="355" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

この__「デザインが"うるさく"」なってしまう問題__を回避するには、例えば文字併記版と文字のない版を切り替えられるようにする、表組みでマークアップしたテーブルを地図の下に表記する、などの方法があると思います。いずれにしても画像の alt属性に各州の結果をずらずらベタ書きで格納するのは現実的ではありませんから、マークアップしたテーブルを併記するのが良いと思います。国内で次の選挙の際にでも、このあたりに配慮された表現が見られると嬉しいですね。

### この手の問題につながりがちなものを覚えておこう

このような表現になりがちなもののパターンを覚えてしまいましょう。何事も「ツボ」が大事です。非アクセシブルなものになりがちなものには以下のようなものがあります。

- 施設・図書館などの開館カレンダー
- グラフ
- 地図・路線図

こいつらが出てきたら、「来やがったな!」 と思って確認する習慣を持ちましょう。

### 関連するかもしれない記事

- <a href="http://junnama.alfasado.net/online/2014/10/jis_x_8341_3_2010_1_4_1_2.html">街を歩きながらJIS X 8341-3:2010の達成基準 1.4.1 を理解する(その2) - Junnama Online</a>
- <a href="http://junnama.alfasado.net/online/2014/10/jis_x_8341_3_1_4_3.html">街を歩きながらJIS X 8341-3:2010の達成基準 1.4.3 を理解する - Junnama Online</a>
- <a href="http://junnama.alfasado.net/online/2014/09/colortester.html">ColorTesterはどうやって画像の色を拾っているのか。 - Junnama Online</a>
- <a href="http://junnama.alfasado.net/online/2014/12/a11y_tool_logic.html">ウェブアクセシビリティチェッカー開発者の頭ん中。 - Junnama Online</a>



]]></description>
         <link>http://junnama.alfasado.net/online/2016/12/color-problem-presidential-election-report.html</link>
         <guid>http://junnama.alfasado.net/online/2016/12/color-problem-presidential-election-report.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">アクセシビリティ</category>
        
        
         <pubDate>Fri, 23 Dec 2016 07:00:00 +0900</pubDate>
      </item>
      
      <item>
         <title>キュレーションサイト、検索エンジン、クラウドソーシングの裏側で。</title>
         <description><![CDATA[<img alt="MacBookProで屋外で仕事をする人" src="http://junnama.alfasado.net/online/images/9e46c63042ff81317a6f3f83fd705b63_m.jpg" width="480" height="360" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

__※この記事は嘘八百、根拠のない、フィクションです。実在のいかなる会社、団体、個人とも関係はありません。__

via <a href="https://crowdworks.jp/consultation/threads/497">APIやサイトから情報を収集してブログアップするプログラム - みんなのお仕事相談所 [ID:497]</a>

検索エンジンのエンジニアをしている知人(Aという)の話です。キュレーションサイト、まとめ系サイトで質の低い(web上の情報の寄せ集め、正しくない情報や著作権に配慮されていないサイトの)ページが上位表示されているという噂がネット上に散見されるようになり、社内でもさすがにこれは問題ではないかという話しがずいぶん前から上がっていたとのこと。

どうやらクラウドソーシングで安価なコストでコピペまがいの記事を大量に生産するような方法でSEOを行っているらしいというところまでは認識しており、そのエンジニアは偽名を使ってクラウドソーシングから応募してみたのだそう。マニュアルに沿って原稿を書き、チャットツールでやりとりをし、採用されるといくばくかのお金を得られるのだという。

試しにやってみようかと思ったのだが、かかる労力とお金の見合わなさに萎えたのだそうだが、マニュアルを読んでいて、__これ、自動化できんじゃね__ と思い、試しに書いてみたのだそうな。こういうの書くのはPHPに限るんだと。

* 検索結果からある条件でフィルタして、一次情報を集める
* そのページへリンクしているページから補足情報を補完する
* 「です」「ます」などのトーン&マナーをマニュアルのレギュレーションにあわせる
* 適当に文章を倒置する、シャッフルする
* 文章校正APIでおかしな部分を修正する

これで、記事が大量生産できるようになった。一人の生産量があまりに多いのは怪しいので、アカウントをたくさん作ることにした。今度はアカウントの管理、受発注の管理が面倒になってきた。

__※この記事は嘘八百、根拠のない、フィクションです。実在のいかなる会社、団体、個人とも関係はありません。(2回目)__

で、これもbotを作ればええんやとすぐに気づいた。今時のクラウドソーシングはご丁寧にAPIが用意されている。チャットツールにしても然り。

こうして、たくさんのアカウントで仕事を分散して受注し、記事を自動生成してお金を稼ぐ仕組みができあがったらしい。ただ、それをやっているうちに何だか馬鹿馬鹿しくなったのだそう。だって、自分でキュレーションメディアを立ち上げたらもっと儲かるんだから。でも、Aは自分で責任を負うのは苦手だと普段から言っているタイプで、自分ではそういうのは気乗りしないのだと言っていた。

一方その頃、キュレーションメディアを運営するベンチャーに勤める別のエンジニア(Bという)に聞いた話し。Bの会社は大量の記事を作成するためにクラウドソーシングを利用しているのだそうだが、これがまた面倒臭いことをやってるなと。なので、クラウドソーシングのAPIを利用して募集から採用、やりとりまでを自動化するプログラムを作ることを提案したのだそう。__なんて事はない、あの(どのだよw)大量の発注はbotがおこなっていたのである。__

__※この記事は嘘八百、根拠のない、フィクションです。実在のいかなる会社、団体、個人とも関係はありません。(3回目)__

あるとき、AとBが偶然IT系の勉強会の後の懇親会という名の飲み会で意気投合したのだそう。技術力はあるが責任を負いたくないAと、キュレーションサイトの裏側を知るB。二人が出した結論はこうである。

- botにキュレーションサイトを運営させる。
- ただし、責任は外部ライターにあるという体裁をとるために、クラウドソーシングは引き続き利用する。
- ある程度SEO効果を得たら、会社ごと、メディアごと大手に売却する。

やれやれ、こうやって世の中は回っていたのか。AもBも現在では相当の資産家であるらしい。

__※この記事は嘘八百、根拠のない、フィクションです。実在のいかなる会社、団体、個人とも関係はありません。(4回目)__ __←もうええわ!!__

ま、仮にこんなことがあっても別に驚かんよな、とか思った次第です。さ、仕事しようぜ。

]]></description>
         <link>http://junnama.alfasado.net/online/2016/12/media-seo-crowdsourcing.html</link>
         <guid>http://junnama.alfasado.net/online/2016/12/media-seo-crowdsourcing.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">駄文・雑文</category>
        
        
         <pubDate>Tue, 06 Dec 2016 11:10:11 +0900</pubDate>
      </item>
      
      <item>
         <title>lftpでファイルを取得して取得後のファイルを削除するbashスクリプト</title>
         <description><![CDATA[記念に貼っておく。ただそれだけ。中盤から後半は結構無理やりだけどね。この歳になって初めて bashスクリプトを書いた(sedとか書いたのも初めてだ!)。


    #!/bin/bash
    lftp -u usrname,password -p 21 example.ftp.azurewebsites.windows.net << EOF
    cd /site/archives
    mirror
    bye
    EOF
    find . -f>../files.txt
    sed -i -e 's/^[^\/]*$//g' ../files.txt
    sed -i -e '/^$/d' ../files.txt 
    sed -i -e 's/^/rm /g' ../files.txt
    commands=`cat ../files.txt`
    lftp -u usrname,password -p 21 example.ftp.azurewebsites.windows.net << EOF
    cd /site/archives
    ${commands}
    bye
    EOF
    rm ../files.txt

### 参考

- <a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20140310/542302/?rt=nocnt">Linuxコマンド集 - 【lftp】FTPサーバに接続してファイルを転送する：ITpro</a>]]></description>
         <link>http://junnama.alfasado.net/online/2016/12/bash.html</link>
         <guid>http://junnama.alfasado.net/online/2016/12/bash.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">プログラミング</category>
        
        
         <pubDate>Thu, 01 Dec 2016 16:00:00 +0900</pubDate>
      </item>
      
      <item>
         <title>はじめて人の上に立ったら。マネージャーの教科書(2)</title>
         <description><![CDATA[<p>もう少しライトな感じで読めそうなものを追加しようかと。</p>

<img alt="本読もうね(写真)" src="http://junnama.alfasado.net/online/junnama_noda/f2cf01ebbb6c012e97d5b4a59f216b1a_s.jpg" width="480" height="320" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

<h3><a  href="https://www.amazon.co.jp/gp/product/482226842X/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=482226842X&amp;linkCode=as2&amp;tag=projectudon-22">会社を辞めないという選択 会社員として戦略的に生きていく</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=482226842X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>いきなり経営者目線からサラリーマン目線とか言わんとって欲しいですが :-p 、事業部長もチームリーダーも会社の中で働いてることに変わりはないわけなので「会社の中でどう生きるか」について考えることが無駄になる事はないでしょう。</p>

<div class="quote">
<blockquote>
人はどんな場所にいても <br />
社会を動かす仕事ができるはずだ。  <br />
考えよう<br />
「会社にいるからできないこと」じゃなく  <br />
「会社にいるからこそできること」を。<br />
使われる人生じゃない。<br />
</blockquote></div>

<ul>
<li>会社で日々繰り広げられているのはチーム戦</li>
<li>自分の給料の金額がどういう理由で決められているかと考えてみる</li>
<li>社会人10年目から自分のストーリーが面白くなる</li>
<li>年齢とともに、可能性や選択肢は広がっていくか、狭まっていくか、どちらだと思いますか?</li>
</ul>

<p>この本を読んだのは経営者になってから10年以上経過してからですから、違う立場で読んだ事は間違いないですが、サラリーマン時代を振り返って(精一杯やりきってから会社を始めたとずっと思っていましたが)、別に会社にいてもできなかったことじゃないというか、今の自分ならもう少しなんとか道はあったんじゃないかなぁとか思ったりします。いるかいないかわからないですが、うちの会社辞めて独立したいと思っている人がいるとしたら、考えきって、やりっきて、会社で可能性を追求してからやってみなよって言いたい。ま、一度読んで考えてみなよ、と言いたい。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=482226842X&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

<h3><a  href="https://www.amazon.co.jp/gp/product/4478002355/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4478002355&amp;linkCode=as2&amp;tag=projectudon-22">マンガ 餃子屋と高級フレンチでは、どちらが儲かるか?</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4478002355" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>ま、そんなに読書嫌がんなよ、ってことで漫画をひとつ。
経理部門にでもいない限り会社員やってると会計とか数字について考える事ってあんまりないんですよね。会計をかじると何で経営者がそんなに数字にうるさいのかが理解できるかと思います。また、ビジネスモデルってもんをいろいろ考えることで、頭をやわらかくできる効果も見込めるかも。あと、自社の決算書を見て、良い、悪いを自分なりに判断できることも大切です。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4478002355&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

<p>ま、なにぶん漫画ですから、一度読んでみたまへ。※</p>

<p>※とはいえ、それなりに難しいテーマを無理やり漫画にしてるので、斜め読みだと理解できない代物です。</p>

<h3><a  href="https://www.amazon.co.jp/gp/product/4046005882/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4046005882&amp;linkCode=as2&amp;tag=projectudon-22">コミック版 100円のコーラを1000円で売る方法3</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4046005882" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>もひとつ漫画。価格や差別化戦略について考える題材に。私が読んだのは漫画じゃない方ですけどね(<a  href="https://www.amazon.co.jp/gp/product/4046028467/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4046028467&amp;linkCode=as2&amp;tag=projectudon-22">100円のコーラを1000円で売る方法3</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4046028467" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
)。Amazonのレビューはあんまり高くないな。ま、あくまでも初心者向けですが、マーケティングとか考えた事ないって人がはじめて考えるきっかけにはいいのではないかと思います。</p>

<p>でね、これ敢えてシリースの「3」にしたの、テーマが会計ソフト、webサービスが題材になっているからです。身近なテーマの方が頭に入りやすいものね。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4046005882&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>

<h3><a  href="https://www.amazon.co.jp/gp/product/4094088962/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4094088962&amp;linkCode=as2&amp;tag=projectudon-22">下町ロケット (小学館文庫)</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4094088962" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>ビジネス書でも何でもないじゃん! なんだけど。ドラマ化されたし、見たって人はそれでもいいんだけどね。中小企業で働くってことを考える教材としてはええんちゃうかな。</p>

<div class="quote">
<blockquote>
俺はな、仕事っていうのは、二階建ての家みたいなもんだと思う。一階部分は、飯を食うためだ。必要な金を稼ぎ、生活していくために働く。だけど、それだけじゃあ窮屈だ。だから仕事には夢がなきゃならないと思う。それが二階部分だ。夢だけ追っかけても飯は食っていけないし、飯だけ食えても夢がなきゃつまらない。
</blockquote></div>

<p>青臭い小説やドラマのセリフである事に違いはないんだけど、日々の仕事に追われて新しい製品やサービスの開発が後回しになっちゃいけないよってことだ。これは我々の様な会社にぴったりの表現ではないか。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4094088962&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>

<h3><a  href="https://www.amazon.co.jp/gp/product/B00DW4ZYB6/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=B00DW4ZYB6&amp;linkCode=as2&amp;tag=projectudon-22">プレゼンの極意はマンガに学べ</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=B00DW4ZYB6" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>セミナーで松尾さんに教えてもらった本です。</p>

<ul>
<li><a href="https://twitter.com/seokyoto">ウェブライダー松尾茂起（松尾シゲオキ） (@seokyoto) | Twitter</a></li>
</ul>

<p>全社会議なんかの発表を見てて、プレゼンの場とかあんまりない人に何か勉強させる機会ないかなぁとか思ってるわけなんですが。</p>

<p>ただ、この本にはプレゼンの具体的なテクニックはまったく書いてありません。「わかりやすさとはどういうことか」「読者を引き込むための工夫」「企画におけるポジショニングの定め方」など、ビジネスに必要な要素を漫画を題材に解説している本、と思った方が良いです。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=B00DW4ZYB6&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

<p>プレゼンの具体的な話は他に読んだ本があったけど、今手元にないや。あとで追記するかも。</p>

追記。思い出した。

<h3><a  href="https://www.amazon.co.jp/gp/product/4105064916/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4105064916&amp;linkCode=as2&amp;tag=projectudon-22">TEDトーク 世界最高のプレゼン術</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4105064916" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>TEDの動画はわりとどれも面白くて、よく見る機会があるんだけど、ストーリーとして洗練されていてよく練習されているような印象を受けます。CSS Niteなんかでも鷹野さん結構厳しくて(僕は我が道行っちゃうんですけど)、プレゼンは聴衆の時間を奪っているということを意識するのが大切だと思わされます。</p>

<ul>
<li>アイデアは短いキャッチフレーズで</li>
<li>パーソナル・ストーリー</li>
<li>ショッキング・ステートメント</li>
<li>インパクトのある質問</li>
</ul>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4105064916&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>]]></description>
         <link>http://junnama.alfasado.net/online/2016/11/books-2.html</link>
         <guid>http://junnama.alfasado.net/online/2016/11/books-2.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Web制作・ビジネス</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">書評など</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">駄文・雑文</category>
        
        
         <pubDate>Fri, 25 Nov 2016 14:01:57 +0900</pubDate>
      </item>
      
      <item>
         <title>フリーランスから法人化する際に考えておいて欲しいこと</title>
         <description><![CDATA[(web)業界柄、PC1台でどこでも仕事ができる業態、自然と周りにデザイナーやプログラマなどフリーランスの人が多いのですが、仕事が軌道に乗って屋号をつけてビジネスをしていく中で少しづつ仕事が増えたことから、法人化を考えて人を入れるようなケースを時々見かけます。

私も13年前に1人で会社を始めた口ですが、最初から会社を作ろうと思うのと、自然発展的に法人化をする違いについて少し書いておきたくなりました。

きっかけは、100万円ちょっとの請求書が3週間遅れで届いたこと。お小言言うつもりもあんまりないんですけどねw

尚、私のこと知ってる人には言うまでもないですが、クライアントワーク、いわゆる受託のシステム開発やクリエイティブ系の仕事の話です。

<img alt="ノートPCでリモートワーク" src="http://junnama.alfasado.net/online/images/35e3f80160f54892fc3b3250595ad724cea2b946.jpg" width="550" height="332" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

### 法人化の目的は何かを今一度考えること

節税のための法人化ってのもあるのでしょうけど「取引条件に必要だから」「信用が得られるから」ということでの法人化であれば考えておかないことがあります。__「信用と責任はセット」__ですから、どういう責任を法人化によって自分は負うのだということを考えておくべきでしょう。以下はその一例です。

### 月商の2-3倍程度のキャッシュを用意しておくこと

今回のことで言いたいことをひとことで、というとこの一文になります。
月商が200万円とすると(2〜4人くらい?)600万円、少なくとも2ヶ月分とすると400万円。

このくらいの商いをしていると「納期2ヶ月、300万円」みたいな仕事がボチボチ相談くるようになるんじゃないかと思います。月商の1.5倍ですからこれはそれなりに大商いですよね。以前にどこかのセミナーでも話しましたけど、納品後一括検収、一括振り込みでの仕事の場合、余力は月に50万円分しかありません。この仕事を受けると自然に小さな仕事を断るか外注するかくらいの選択肢しかなくなるわけです。

### 売上に関係なく固定費は常に出て行く、利益が出れば税金も必要

固定費だけならともかく、小さな仕事の外注費も月単位で出て行きます。そうなれば「納期2ヶ月、300万円」を受けるためにはその間の固定費を支払えるだけのキャッシュが必要になります。もちろん、「納期2ヶ月、300万円」を受けずに手元資金とのバランスをとって小商いに徹するのも「あり」です。その場合はキャッシュの「出」「入り」を注意深く見ていかなければなりません。それがいわゆる「資金繰り」で、そこの苦労を背負わずにもっと積極的な受注、成長をしていきたいのであれば、やはり月商の2-3倍程度のキャッシュを用意しておくということになります。利益が出れば法人税も必要ですし(はじめて大きめの利益が出た時に愕然とするんですよねだいたい)。

### 人を採用する際には、ビジョンが必要

フリーランスから法人化し、受注規模に対して1人増え、2人増えというケースに「採用計画」があるでしょうか? どちらかといえば「仕事が増えて人が足りない」ということに追われて規模を拡大しようとしていませんか? 
私が感じていることで危惧していることは、__「終わり方を考えて中小企業を始める人はあまりいない」__ことです。会社を将来どうしていきたいのか、働く人になにを求め、彼ら彼女らがどのようなキャリアをこれから積んでいってもらうのか、彼ら彼女らの将来ビジョンは何で、それにどのように答えていくのか。そのプランがないままに人を増やしていくと、気づいた時に数年経ってしまって、__「さて、俺たちはどこへ行こうとしているんだ?」__ということになりかねないです。

### 職人なのか、会社なのか

クリエイティブ職で著名なデザイナーの個人事務所なんかの場合、その人の看板が会社のすべてですからわりとはっきりしています。その人から技を学んで将来は独立ってやつですね。これも一つのキャリアプランですから、__「お前、いつまでもここにいないでそろそろ独立考えろよ」__っての。これも一つの将来ビジョンの示し方です。働く人もそれ分かっているんなら、ハッピーな雇用関係の形ですよね。有名なコンサルタントの個人事務所や著名なカメラマンの個人事務所なんかもこれに近い。アシスタントのような形で経験を積んだら、独立を考えなければ上がつっかえてますからね。カメラマンやデザイナーなんて、年齢積んだって仕事続けられますし。

そういう意味では、成長プランのない中小企業は__高度成長期以降の、ポジションが足りない問題__のもっと極端な奴がやってきます。上が引退せず、会社が大きくならなければ、下の人にポジションは生まれないしキャリアも積めないですからね。

### ということで、ビジョンを持った中小企業では、人材を募集しています。

- <a href="https://alfasado.net/recruit/index.html">採用情報 - アルファサード株式会社</a>

]]></description>
         <link>http://junnama.alfasado.net/online/2016/11/freelance_or_entrepreneur.html</link>
         <guid>http://junnama.alfasado.net/online/2016/11/freelance_or_entrepreneur.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Web制作・ビジネス</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">駄文・雑文</category>
        
        
         <pubDate>Fri, 25 Nov 2016 10:35:07 +0900</pubDate>
      </item>
      
      <item>
         <title>はじめて人の上に立ったら。マネージャーの教科書。</title>
         <description><![CDATA[<p>年末に全社員を大阪の本社に集めて全社会議を行うのですが、今年は全社員にお題を出しました。</p>

<p><img alt="6f154d9a74891eef9565aadd157b28e9_s" src="http://junnama.alfasado.net/online/images/6f154d9a74891eef9565aadd157b28e9_s.jpg" width="320" height="213.5" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></p>

<div class="quote">
<blockquote><h3>自分のポジションの1つ上の組織単位で(*)の業務改善のためにやるべきこと・共有したいこと。</h3>

*1つ上の組織単位 てのはメンバーはチーム、リーダーは事業部、事業部長は会社視点で、ということ

<p>メンバーは1冊、リーダーは2冊、事業部長は3冊、マネジメント、経営やリーダーシップ、コミュニケーション、プロジェクト管理、ソフトウェア開発でも良いですが書籍等を読んで、会議で共有したいこと、感じたことなどを入れてください。購入は自分磨き手当でいいと思うけど、他の人にも共有したいものや高額な書籍やセミナー受講なんかは事業部費申請してくれても構いません。</p>
<p>自分の持ち時間の範囲で上記以外の内容を加えることはまったく問題ありません。</p>
</blockquote></div>

<p>当社の組織ですが、チームは4、5名くらいの単位で「ディレクション」「制作」「ソフトウェア」「クラウド」の4チーム。2チームが一つの事業部となり、「webインテグレーション」「ソフトウェアソリューション」の2事業部制。</p>

<p>と、いうことで何を選択してくるか楽しみではあるんですけど、一応何冊か課題図書みたいなんを上げてみるものいいかな、と思って記事を書きます。</p>

<h2>事業部長、チームリーダーはじめ、すべての社員に</h2>

<h3><a  href="https://www.amazon.co.jp/gp/product/476126960X/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=476126960X&amp;linkCode=as2&amp;tag=projectudon-22">「成功の型」を知る 起業の技術</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=476126960X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>以前参加した、<a href="http://junnama.alfasado.net/online/2015/03/post_267.html" target="_blank">このセミナー</a>会場で購入。小さな会社を経営するということについて、12の分野に分解して説明しています。「商売が成り立つこと」という本当にベーシックな部分について学ぶことで、特に<strong>「ビジネスのバランスの取り方」</strong>について学べます。事業部長といわず、営業マンにもお勧めできる書籍です。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=476126960X&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

<h3><a  href="https://www.amazon.co.jp/gp/product/4532191653/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4532191653&amp;linkCode=as2&amp;tag=projectudon-22">経営パワーの危機―会社再建の企業変革ドラマ (日経ビジネス人文庫)</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4532191653" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>原価管理のところをよく読んでほしいと思う。当社のビジネスモデルととてもよく似ているので考えるきっかけによいと思う。メーカーと、オーダーメイドのカスタマイズのバランスの取り方、見積もりの精度を上げること、パッケージビジネスと受託のバランスの取り方など、参考にできる部分がとても多い。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4532191653&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

<p>「マネジメント」によって組織はこんなに変わるのか、やり方次第で利益があがることについての気づきを得てほしい。</p>

<h3><a  href="https://www.amazon.co.jp/gp/product/4484142058/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4484142058&amp;linkCode=as2&amp;tag=projectudon-22">小さな会社・お店のための 値上げの技術</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4484142058" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>決して値上げを前提にするためではなく、価格の決め方や見積もりの仕方についてのヒントになります。「良いものをできるだけ安く」提供するのは商売の原点のようなものですが、必ずしも自分たちが何らかの犠牲を払ってまで値下げを行う必要はありません。</p>

<div style="text-align:center"><iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4484142058&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>

<p>「粗利」「利益」というとても根本的なことを今一度理解すること、価格、値段のメカニズムを知ることで新サービスや製品、もしくは受託の見積もりの立て方を考える良いきっかけになると思う。</p>

<h2>チームリーダー、マネージャー向け</h2>

<h3><a  href="https://www.amazon.co.jp/gp/product/4334032613/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4334032613&amp;linkCode=as2&amp;tag=projectudon-22">組織変革のビジョン (光文社新書)</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4334032613" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>こちらについても以前、こんな記事を書いた。</p>

<ul>
<li><a href="http://junnama.alfasado.net/online/2015/03/post_266.html" target="_blank">忙しいから絵(ビジョン)が描けないのではなく、描けないから忙しいだけだ - Junnama Online</a></li>
</ul>

<div style="text-align:center">
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4334032613&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>

<div class="quote">
<blockquote>帯の台詞が中々いいところをついているのでご紹介したい。

<div class="quote"><blockquote cite="http://amzn.to/1L7p2F1">忙しいから絵(ビジョン)が描けないのではなく、描けないから忙しいだけだ</blockquote></div>

ね、このひと言が全てを語っているような気がする。ビジョンがないから目先の仕事に言い訳し、大切なことを後回しにしてしまうのです。そして、ビジョンを描いたら忙しくなくなるか、といえばそんなことはないわけですが、大切なことは、忙しくても本来やるべき仕事を後回しにしなくなるということです。そして、忙しくても平気になるのです。

我々のように特にクライアントワーク、受託の広告(Web)制作事業やソフトウェア事業をやっていると、お客様第一の錦の御旗の元に、目先のお客様の依頼事項を言い訳にして自分の大きな目標、それは仕事であっても個人のスキルアップでも何でもいいのですが、そういうのが後回しになってくる。口をついて出るのは<strong>「忙しい」「時間があったらやりたい」</strong>です。
</blockquote></div>

<p>ね、耳が痛いでしょ? どうして変革が必要なのか、なぜ走りながら考えることができないのか、考えるきっかけになれば。</p>

<h3><a  href="https://www.amazon.co.jp/gp/product/4478012113/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4478012113&amp;linkCode=as2&amp;tag=projectudon-22">プレイングマネジャーの教科書―結果を出すためのビジネス・コミュニケーション58の具体策</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4478012113" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p>元マイクロソフトの方が書かれた本です。当社のような小さな組織では、マネジメント専任ってのは中々に難しくて、社長である私自身ですらいまだにプレイングマネージャーです。プレイングマネージャーの苦労はすごくわかる。自分の仕事の成果を出しながらチームや部下の成果も出させないといけない。この本ではこれからの中間管理職に必要なのは<strong>「ハブ型リーダーシップ」</strong>であると説いています。話を聞き、状況を観察すること。</p>

<div class="quote"><blockquote cite="https://www.amazon.co.jp/gp/product/4478012113/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4478012113&linkCode=as2&tag=projectudon-22">
日常業務で手一杯→
コミュニケーションは後回し→
職場の空気が停滞する→
仕事が思わぬところでストップしたり、部下とのトラブルが生じたりする→
ますます業務が増える
</blockquote></div>

<p>あーこれもありがちですね。あんたの悩みは決してあんたに特有の事情じゃない。いますぐ悪循環から脱して、好循環を作るべきです。</p>

<div class="quote"><blockquote cite="https://www.amazon.co.jp/gp/product/4478012113/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4478012113&linkCode=as2&tag=projectudon-22">
日々のコミュニケーションをパターン化する、習慣化する、仕組み化する、マルチタスク化する→
部下やメンバーが自立して動く→
上司や他部門にも情報が行き渡り、協力を得られる→
中間管理職である、あなた自身の負担が減る→
チームで成果を上げられる→
余裕のできたあなたが、より大きな仕事に着手できる
</blockquote></div>

<div style="text-align:center">
<iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4478012113&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>

<h3><a  href="https://www.amazon.co.jp/gp/product/4532193427/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4532193427&amp;linkCode=as2&amp;tag=projectudon-22">V字回復の経営―2年で会社を変えられますか (日経ビジネス人文庫)</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4532193427" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></h3>

<p><a  href="https://www.amazon.co.jp/gp/product/4532191653/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4532191653&amp;linkCode=as2&amp;tag=projectudon-22">経営パワーの危機―会社再建の企業変革ドラマ (日経ビジネス人文庫)</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=projectudon-22&amp;l=as2&amp;o=9&amp;a=4532191653" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />と同じ著者による別の本。この本については以前、こんな記事を書いた。</p>

<ul>
<li><a href="http://junnama.alfasado.net/online/2015/01/v2.html" target="_blank">V字回復の経営〜2年で会社を変えられますか?〜 - Junnama Online</a></li>
</ul>

<p>この本には自分が読んでも痛いと感じる言葉が並んでいます。</p>

<div class="quote"><blockquote cite="http://www.amazon.co.jp/gp/product/4532193427/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4532193427&linkCode=as2&tag=projectudon-22">しかし社員が社長と一緒になって考えてくれるなどというのは幻想にすぎない 。社長こそが新しい考え方を模索し 、それを提示し 、そして社長が自ら行動しなければ 、何も起きないのだ 。</blockquote></div>

<div class="quote"><blockquote cite="http://www.amazon.co.jp/gp/product/4532193427/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4532193427&linkCode=as2&tag=projectudon-22">組織カルチャ ーの変化は必ず 、組織内で起きる 「事件 」 （大きな出来事 ）を触媒にして進展する 。事件を避け 、なるべく静かに 、無難にことを進めようとする経営者や管理職では 、その組織文化を変えることはできない 。</blockquote></div>

<div style="text-align:center">
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=projectudon-22&o=9&p=8&l=as1&asins=4532193427&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>

<p>リーダーシップということについて、今一度考えるきっかけになれば。</p>
]]></description>
         <link>http://junnama.alfasado.net/online/2016/11/books.html</link>
         <guid>http://junnama.alfasado.net/online/2016/11/books.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">書評など</category>
        
        
         <pubDate>Thu, 24 Nov 2016 12:24:19 +0900</pubDate>
      </item>
      
      <item>
         <title>Movable Type 営業会議のフォローアップ(その1. ターゲットによってアピールポイントを変える)</title>
         <description><![CDATA[すいませんすいません、前の夜にちょっと頭にくることがあって明け方まで飲んでたらそのまま寝落ちしてしまい、翌日社員に電話で起こされたので十分な準備もできずお話ししてしまったので海より深く反省しつつ。

<img alt="セッションの写真" src="http://junnama.alfasado.net/online/images/CxB9wwtVEAEoYLt.jpg-large.jpeg" width="512" height="384" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

### 伝えたかった、プレゼンに勝つための4要素

1. ターゲットによってアピールポイントを変える
2. CMS製品と同じだけ「会社」「プレゼンター」をアピールする  
3. 言い訳を用意してあげる
4. 背中を押してあげる

### 誰にプレゼンするのか。部門ごとの注意点。

CMSの導入をどの部門が主導で行うかって実は結構バラバラです。代表的なものは次のような部門となります。

1. 企画・広報・総務部門
2. 情報システム部門
3. マーケティング部門
4. 営業部門や製造部門などのwebと直接関係のない部門
5. 経営者自身

その他にメディア系企業では編集部とかネット専業企業の場合はそのものweb部門がある企業なんかもあります。

### 経営者へのプレゼンを行うか、否か

上記の5つの顧客ポジションのうち、最後の「経営者自身に対するプレゼン」ですが、これを行うかどうかは「どの市場を相手にビジネスを展開するか」という戦略と密接に絡んできます。ちなみにアルファサードでは経営者自身にプレゼンを行うことはほぼ皆無、実質ありません。これは、ライセンス料の値付けが関係しています。

- PowerCMS Standard 5ユーザー 30万円
- PowerCMS Professional 無制限ユーザー 60万円
- PowerCMS Enterprise 無制限ユーザー 90万円
- PowerCMS Advanced 無制限ユーザー無制限サーバー 180万円

当社のCMSは上記の価格です。これにオプションや初期構築などのSI、ケースに応じてインフラなどの構築コストが追加されます。

### CMSのライセンス料金は、全体コストの20%が上限

CMSの場合、CMSを導入すればすぐにサイトの更新ができるようになるわけではありません。例外としては、CMSにあらかじめ用意されたテーマを使ってサクッとサイトを立ち上げるケースでしょう。WordPressなどはこのあたりに強みがあります。一方でPowerCMSの場合、用意されたテーマでサイトをそのまま運用し始めるようなケースは稀で、オリジナルのデザインのサイトをベースにガッツリつくり込むタイプのサイトが多いです。有償の商用CMSですから、このライセンスコストと初期構築のバランスをクライアントは意識されます。この、コスト感覚からいえば、私の経験値から「CMSのライセンス料金は、全体コストの20%が上限」という数字が感覚としては合っているように思います。つまり、Professional版なら初期構築の総予算300万円、Enterpriseなら初期構築の総予算450万円、Advancedなら900万円。

この規模の予算を用意する(できる)クライアントのweb担当者は、まずもって経営者ではありません。地方のサイト制作では経営者が直接ハンドリングする場合もあるでしょうが、そのケースで予算300万円を超えるケースは少ないと思います。よって、PowerCMSはライセンス金額の設定によって経営者が直接決定に関与する規模の案件、クライアントではなく、経営者以外の誰かが決定者である規模以上のクライアントをターゲットにビジネスしているということになります。必然的に東京が主戦場になります。

一方で、当社のようなメーカーの場合、直接エンドユーザーにプレゼンしない場合もあります。いわゆるCMSを提案する立場の以下のようなお客様んい対するプレゼンが必要なケースなどです。

1. web制作会社
2. 広告代理店(web部門、子会社など)
3. SIer(子会社など)

テーマが広範囲に渡りすぎるので、このケースは一旦別の機会にゆずることにします。ここで検討するのは下記の4部門です。

1. 企画・広報・総務部門
2. 情報システム部門
3. マーケティング部門
4. 営業部門や製造部門などのwebと直接関係のない部門

###  企画・広報・総務部門はワークフロー重視、現場に負担をかけずに運用を良くする提案が響く

そこそこの規模の会社でサラリーマン経験がある方はおわかりだと思うのですが、いわゆる総務企画、広報といったバックオフィス担当、直接お金やモノを生み出さない部門の人は、一般に社内ではあまり力が強くありません。普通に考えればわかると思いますが、例えばトップセールス、お客様に支持されるために営業に接待に駆けずり回ってしかも成果を上げている部門の人やヒット商品を作るために商品を作っている人からすると__「直接収益に貢献している自分たちがあって会社が成り立ってんだ」__という思いがどうしてもあります。お客様の都合で予定が変わることなんかもざらですし、数字が悪ければ容赦なく社内の突き上げや上司からの叱責が飛んでくるわけです。そんな毎日の忙しさの中で総務部門の人がですよ?__「すいません、今度CMSというのを導入して皆様にもほーむぺーじを活用してですねぇ、webでの情報発信をお手伝いいただくことになりました」なんて気軽に言えるわけないじゃないですか。__どう言えたらいいと思います? それは、以下のようなセリフですよね。

__「すいません、今度CMSというのを導入して皆様にもほーむぺーじを活用してですねぇ、webでの情報発信をお手伝いいただくことになったのですが、皆様にほーむぺーじのチェックいただいていたこれまでの手順は何も変わりませんし、Wordで社内報の原稿お願いするときあるじゃないですか、あんな感じで時々お願いするだけですので。あとは我々が頑張ってやることになりましたので」__

くらいに留めたいわけです。ただでさえ気を遣うんですよ。営業部の山田さん(仮)や製造部の田中さん(仮)にお願いするのって。

なので、いわゆる間接部門、バックオフィス担当者へのプレゼンでは、圧倒的に__「ワークフロー重視、現場に負担をかけずに運用を良くする提案が響く」__わけです。

__「みなさんの画面はこんな感じで多機能ですけど、コンテンツ投入担当者の画面はこんな風になります。シンプルですよね。権限を設定するとできない機能が画面から消えちゃうので、こんなシンプルな画面になるんですね。」__

くらいは見せてあげる必要はあるでしょう。

また、承認フローだけじゃなくて、サイトの確認フェイズで直接部門の皆さんに負担をかけない工夫も考えてあげなければなりません。

- __制作サーバー &gt;&gt; 確認用サーバー(ここのアドレスをメールして担当者にチェックもらう &gt;&gt; 公開サーバー__

という運用をしていたとします。CMSになっても、これが変わらないのであれば、社内でイチイチ説明する必要すらありません。これ、すごく喜ばれます。

###  情報システム部門は「多機能」アピールが効く。でも意外に採用ポイントは社内ネットワークやセキュリティポリシーだったりする件

情報システムの方はそれはもう諸々詳しいです。他の製品のことも良く知ってる。多機能をそのままアピールしても情報処理能力が高いから消化できる。日々色々な社内のネットワークやシステムの課題に対処していくのが仕事ですからね。多機能のアピールがそのままできます。正直楽しいですよね、プレゼンしてても。

ところが、意外や意外、採用ポイントは社内ネットワークやセキュリティポリシーだったりすることが意外と多いわけですよ。DMZがどうとかVPNがどうとか、ネットワークなどのセキュリティに引っ張られたりする。なので、「スタティックにファイルを吐き出せる」Movable Type や PowerCMS はそれだけで有利だったりするんですよね。だから CMSプロレスとかで競合だったPHP+動的前提のCMSに対してはそれだけで優位性が出るときも多いわけです。ここ、実はすごく大きな優位性だったりするんですわね。

PowerCMS の Copy2Public プラグインや PowerSyncがなんで売れるのか。これ、顧客のネットワーク&サーバー構成を変える必要がないからなのですね。合わせられる強みです。ここは、企画広報部門に対する強みにも繋がります。運用ルールを変えなくていいからですね。

<img alt="PowerSyncウェブサイト" src="http://junnama.alfasado.net/online/images/6943966b6b5e84985990d39c95fa12eeaa6b55ba.png" width="580" height="252.5" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

- <a href="http://powersync.alfasado.net">PowerSync | CMS・ステージ環境・公開環境間の同期を行う Movable Type プラグイン</a>

また、個人情報の取り扱いに責任を負わされるのもこの部門だったりします。フォームなどのコンバージョンに関連する機能を提供するのもCMSには求められますから、このあたりに対する答えも用意しておく必要があります。Salesforceと連携するソリューションなどは、選択肢を示すという点でも有用なアピールポイントになります。

- <a href="http://www.powercms.jp/salesforce/">PowerCMS for Salesforce | PowerCMS - カスタマイズする CMS。</a>

<img alt="PowerCMS for Salesforceウェブサイト" src="http://junnama.alfasado.net/online/images/SafariScreenSnapz129.png" width="561" height="252.5" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

### マーケティング部門にはアクセス解析やMA、デジタルマーケティングの機能が響く。でも、拡張性の高さが実は一番響いたりする

旬ですね。今この分野がいろいろ熱いですが、例えばこのあたりの市場に対して自社だけででソリューションを提供するのは中々に辛いものがあります。例えば PowerCMS でも簡単なアクセス解析の機能を提供していますが、 __Google Analytics などの高機能で普及しているソリューションと同等の機能を自社で開発するのは実際に割に合いません。であれば、そのあたりの競争力の高い別のソリューションと「つなぎ込める」懐の広さ、拡張性の高さがアピールポイントになります。__PowerCMSでは、Google Analytics、Salesforce、FacebookやTwitterなどと連携するソリューションがありますし、REST APIなどを通じて他のソリューションと連携する機能も豊富に用意されています。開発も簡単にできる。ここをアピールすることが響きます。

### 営業部門や製造部門などのwebと直接関係のない部門はとにかくシンプルで「多機能」の逆を行くこと

__情シス部門や、企画広報部門、マーケティング部門と真逆で、ここへのアピールはとにかく「シンプルで負担が増えないこと」です。管理画面のボタンは少なければ少ない方がいい。__多機能なソフトウェアが導入されて学習コストを負担するなんて、実際ごめんです。CMSプロレスで示したのはまさにこれです。多機能をアピールすると、学習コストへの抵抗と仕事が増えることに対する警戒心が生まれますし、そもそも消化できないです。「理系の情報処理能力」「文系の感覚的・直感的な好き嫌い」とかいうと反論きそうではありますが、情報が消化しきれなことを意識しなければなりません。

<img alt="他言語サイトタイトルマッチでのカスタマイズ済みダッシュボード" src="http://junnama.alfasado.net/online/images/SafariScreenSnapz130.png" width="561" height="252" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

CMSプロレスで工夫したあたりは以下の記事に纏めていますので、こちらも参考にしてください。

- <a href="http://junnama.alfasado.net/online/2016/10/cms_9.html">CMSプロレスで感じたデモンストレーションの奥深さ - Junnama Online</a>

書ききれなかったので、後日続きを書きます。]]></description>
         <link>http://junnama.alfasado.net/online/2016/11/movable_type_1_1.html</link>
         <guid>http://junnama.alfasado.net/online/2016/11/movable_type_1_1.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Movable Type</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">Web制作・ビジネス</category>
        
        
         <pubDate>Mon, 14 Nov 2016 13:00:33 +0900</pubDate>
      </item>
      
      <item>
         <title>イベント主催・運営のリスクについて、いま一度考えよう</title>
         <description><![CDATA[痛ましい事故のニュースが入ってきました。門外漢なので敢えてそのことには触れないようにしたいと思いますが、1点だけ思うのは決して学生の責任で済ませてはならないと思います。あまりに痛ましいのでリンクや引用は避けることにします。

私が参加するのは主にIT/web系のイベントで、主催するのは比較的小規模なセミナーなどで、展示はほぼないのですが\(あってもMacやPC、モニター、パネルくらい\)、それでも週末にそこそこの規模のイベントが控えているので\(主催ではなくスポンサー/出演者の立場ですが\)書いておきたい、考えておきたいと思いました。

<img alt="CMSプロレスの会場写真" src="http://junnama.alfasado.net/online/images/IMG_3148.jpg" width="514" height="514" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

### イベントにおけるリスクの洗い出しと、取り決めで防げる多くのこと

展示などを伴わないイベントでも、人が集まるからにはリスクというものが存在します。何もなければそれに越したことはないし、トラブルがあるのはむしろレアなケースであることは前提なのですが、考えておかないといけないケースはいくつかあると思います。

* 火災、自然災害発生時の避難経路、誘導、消火器などの場所の確認について
* 急病人、怪我などをした人が出たときの対処について
* ケータリング、懇親会における食中毒や急性アルコール中毒への対策について 
* 控室や懇親会場における盗難、紛失について
* 参加者同士、参加者・運営者間、別のイベント参加者間のトラブルについて
* 参加費などの盗難、運営費の横領、着服\(を防ぐための仕組み\)について
* 個人情報の取扱い、流出リスクについて
* 参加者、運営者による会場設備の破損について

これらの「事」に遭遇した時、どうするか。プロが運営するイベントであれば当然のように事前に取り決め共有しているであろう問題ですが、コミュニティが主催するイベントなどはそもそも責任が曖昧です。イベント保険のようなものもあるわけですが、主催がコミュニティなどで法人でない場合に契約が成立するのかなど、そのあたりも調べておくのも良いかもしれません。トラブル時の連絡ルートや誰が最終判断をするかなどの取り決めも必要でしょう。

いちばん大切なのは、有料イベント/無料イベントに関わらず開催者は「参加者の人生の一部を預かる」という気持ちを持つことだと思いますが、精神論だけでは片付けず、そのあたりのノウハウやTODOリストの共有などがなされれば良いと思いました。

イベントが楽しい場でありますように。悲しい事故や不快なできごとが起こりませんように。そのためには備えあれば憂い無し、だとつくづく思います。

]]></description>
         <link>http://junnama.alfasado.net/online/2016/11/post_272.html</link>
         <guid>http://junnama.alfasado.net/online/2016/11/post_272.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">駄文・雑文</category>
        
        
         <pubDate>Tue, 08 Nov 2016 10:16:12 +0900</pubDate>
      </item>
      
      <item>
         <title>CMSプロレスで感じたデモンストレーションの奥深さ</title>
         <description><![CDATA[先の土曜日、ハロウィンで賑わう渋谷で開催された <a href="https://cmssunday.doorkeeper.jp/events/37224">第2回CMSプロレス　多言語サイトタイトルマッチ</a> に チーム Movable Type \(一人だけど\) 参加してきました。

結果的にいくつかのCMSと同点だったのですが、最終的には審査員の評価に重点を置いていただき、無事勝利を収めることができました\! \(前半に行われたクイズの点を加味すると同点だったのですが、クイズの結果相当酷かったというか、私はCMSマニアではないので他のCMSのことあんまり興味なくて知らんのです\.\.\.\)

<img alt="CMSプロレスチャンピオンの記念品" src="http://junnama.alfasado.net/online/images/d8e87a7776cdcc564acdf04ca2ca23db6aac1a73.JPG" width="431" height="431" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

さて、勝利したから書くわけではないのですが、今回、自分のデモンストレーションも他のCMSのデモンストレーションも見ていて、どこが勝敗のポイントになったのか自分なりに分析した結果が興味深かったので書いておこうと思います。

### 短時間のデモで「多機能」を伝える困難さを理解しておくこと

多言語サイトに対する機能がデフォルトで充実しているのは間違いなく concrete5、Typo3、Drupal の3つだったと思います。管理画面にデフォルトでその機能があり、対応言語数もとても多い。3者ともその部分をデモに取り入れて画面を見せていました。ここで考えておかなければならないことは__「多言語に関する設定を行うのは管理者\(Administrator\)であり、運用者は目にすることのない画面」であることです。多機能であり且つ管理者向け機能であるがゆえに、サイト運用者には難しすぎます。そもそもサイト運用者が目にする必要のない画面なのですが、これを見せてしまった。__ 

ちなみに、審査員の2/3は非エンジニアです。エンジニアにターゲットを絞ったデモを行うよりも、非エンジニア目線のほうが有利に働く場だったのです。

<div class="quote">
<blockquote>
<p>各競技のポイントは、以下の審査員によって採点されます。</p>
<p><a href="http://www.loftwork.jp/" rel="nofollow">株式会社ロフトワーク</a></p>
<ul>
<li>プロデューサー <a href="http://www.loftwork.jp/people/staff/shinichi_hamada.aspx" rel="nofollow">濱田 真一</a></li>
<li>シニアテクニカルディレクター <a href="http://www.loftwork.jp/people/staff/makoto_omori.aspx" rel="nofollow">大森 誠</a></li>
<li>MTRLプロデューサー <a href="http://www.loftwork.jp/people/staff/kazuya_ohara.aspx" rel="nofollow">小原 和也</a></li>
</ul>
</blockquote>
</div>


WordPressの場合は、複数のプラグインソリューションがあるという紹介だったと思います。プラグインの多さは言わずもがなWordPressの強みであることに間違いはないのですが、どこをアピールするのかが今ひとつはっきりと絞り込めていなかったように思います。

一方で、__私がとった戦略は「多機能」アピールをしないこと__でした。PowerCMSでなく、PowerCMSの入っていない純粋? なMTで、しかもダッシュボードを極端にシンプルにして臨みました。運用者の目に飛び込んでくる大きなボタンは何と2つだけです。多機能の真逆、__Less is More__ですね。

<img alt="極限にシンプルなダッシュボード" src="http://junnama.alfasado.net/online/images/b2c5b5a4129a2e590f0729cef5edcf78cf5f20cc.png" width="460" height="219" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />


### URLの設定についての文化の違いとアピールポイント

今回のCMSのうち、Movable Type\(PowerCMS\) だけが静的ファイルパブリッシュを基本としたCMSです。「基本」と書いたのは、MTはダイナミック・パブリッシングもサポートしていて、動的生成もできるのですが、DynamicMTMLというその中間\(ファイルの一部を動的処理する\)形式もサポートしていて、動的サイトではこちらを使うことが\(当社では\)多いため、__基本ファイルを生成する運用がほぼ100％。こうなると、CMSの設定でURLの見せ方を変えるような文化がそもそもありません。__パブリッシュ後静的生成されたファイルを別のサーバーに転送\(同期\)して運用するようなケースも多く、国ごとに配信するサーバーを分けて別のサブドメインで運用するなんてことも普通にできます。ファイルを吐き出した後のURLの設定はwebサーバー\(Apache、IISやnginx\)の仕事になるため、CMSでできることは限られています。もちろんファイルを吐き出すパスについては自由に設定でき、いわゆるMTのアーカイブマッピングはなかなかに柔軟で強力なのですが、正直このテーマで盛り上がる他のCMSの感覚が理解できず、ここは何か逆に不利なシチュエーションだな、と思っていました。

なので、結局は文化の違いとファイルを吐けるメリットのみ強調して、特に機能のアピールはせず。まぁ、これも運用者にはわりとどうでも良い話なのかもしれません。

ただ、大事なことなので繰り返し言いますが、__この設定画面も「管理者\(Administrator\)であり、運用者は目にすることのない画面」なのですね。__この画面を見せても少なくとも運用者アピールにはなりません。

### ディテールにこだわること

今回、要件を満たすために、当日の朝ギリギリまで作り込んでいました。当日、時間の関係で\(変に盛り上がってしまった?関係で\)、サイト運用者による実際のページ作成・更新が行えなかったのは残念ですが、すべての要件通りにきちんと動作するように作り込みつつ、細かい部分を画面だけでなく、プラグインによって要件通りに動作させる部分について相当作り込みました。標準機能ではPowerCMSも入っておらず「多機能」の逆ではありましたが、反対にシンプルな画面に必要な機能をコンパクトに凝縮させました。

<a href="http://junnama.alfasado.net/online/images/a8ff50f924195514b65eeb57d52e2b73aa4ca115.png"><img alt="ウェブページ編集画面" src="http://junnama.alfasado.net/online/images/8d7594d9935a00dfb1a30b88530ffa55910eba9c.png" width="460" height="332" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a>

ウェブページ編集画面のカスタマイズポイントは主にこの5つ。

1. 各言語のトップページを確認するための画面右上の国旗アイコン
2. 入力順と表示順を同じにしたサブタイトル入力欄
3. 言語タブの実装(タブの追加とラベルのカスタマイズ)
4. <a href="https://www.microsoft.com/ja-jp/translator/translatorapi.aspx">Translator API - Microsoft Translator</a>を利用した翻訳テキストの挿入機能
5. 言語ごとに公開制御できる機能

5の部分については、mt\_entry\_status\_en/mt\_entry\_status\_tw というカラムを追加して、値の有無でファイル書き出しの制御を行いつつ、各言語の一覧表示を制御するテンプレート・タグ\(フィルタ\)を作成しました。ただ、このあたりの裏側の仕組み\(テンプレート・タグ\)は、これも__「管理者\(Administrator、もしくはDesigner\)であり、運用者は目にすることのない画面」__ですから、あまりアピールせず、管理画面のチェックボックス実装のみさらっとアピールすることに。

    <MTPages status_filter="$lang">
        各言語の公開フラグ付きページの一覧
    </MTPages>

###  実際に動かしてみることの説得力

デモで見せようと思っていたのは2点。Microsoft Translator API を使ったリアルタイム機械翻訳と、翻訳データCSVファイルからの翻訳フレーズ一括登録＞パブリッシュ＞サイトの多言語化完了\(5秒でサイトが多言語に変わる\)の2点です。

<img alt="翻訳CSVからの一括データ登録" src="http://junnama.alfasado.net/online/images/NumbersScreenSnapz002.png" width="460" height="304" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

Microsoft Translator API を使ったリアルタイム機械翻訳については、concrete5が数日前にプレスリリースを出していたのを見ていて、敢えて準備していきました。ここだけは、ま、狙ったところですね。CSVの件も機械翻訳の件も Drupal、Typo3、concrete5あたりからお話はありましたが、実際に動かしてみせたのは Movable Typeチームのみ。実際に動くことの説得力が効いたのは間違いないと思います。

その他、MT Studio\(開発ツール\)やPowerCMSを使ったカスタム・マスタ\(テーブル\)を作成するデモも行いましたが、何を実際に動作させてみせるかについては事前にある程度絞りこんでシナリオを作成しておきました。

もう一点\(追記\)、アイテム挿入の際の altテキストを各言語のものにするところも見せました。細かい所ですが、画像の代替テキストも多言語対応、という部分で敢えて他の陣営が触れなかった部分も作り込んでおいたあたりも細かなアピールに繋がったのかもしれません。

<img alt="画像の挿入ダイアログの多言語対応" src="http://junnama.alfasado.net/online/images/SafariScreenSnapz097.png" width="450" height="261" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />


### 自信をもって演じきる、可能性を感じさせる

途中の質疑応答で最終で見せようと思っていたMT Studio\(開発ツール\)やPowerCMSを使ったカスタム・マスタ\(テーブル\)を作成するデモを見せてしまったので、最後はmacOSのデスクトップアプリからブログを実際に更新するデモ、CMSに登録済のアイテム\(画像\)をデスクトップアプリでリアルタイム編集するデモを行いました。ここだけアドリブですね。他は計画どおりです。最後は MTDataAPIDebuggerも紹介してデバッグツールもあること、1週間程度あれば投稿用アプリも作成できる可能性があることを自信持って言い切りました。

### おまけ \- 真面目に馬鹿なことをやってみせる

ひとつだけ、アドリブでネタを仕込みました。concrete5 のデモの際に、ドロップダウンで表示される対応言語数の多さ(スワヒリ語とか余計なこと言ったのはお詫びします :\-p )にヒントを得て、いつぞやのエイプリルフールに作成したプラグインをインストールしてテンプレートにタグを一つ追加、__アルファサードの経営理念を大阪弁に変換するデモ__を入れました。実はこれが一番ウケたのだったりして\.\.\.

<img alt="アルファサードの経営理念を大阪弁化してみた。アルファサードはテクノロジー(web技術)の会社や。主役はお客様であり、パートナー様であり、うちらの提供する製品やサービスを用いて作られ運営されるwebサイトでありアプリケーションや。うちらは主役ではなく裏方や。うちらは、うちらとともに何ぞを生み出し、育てたいと思ってくださるお客様とパートナー様に寄り添いまんねんわ。 また、お客様とパートナー様が提供するwebサイトやアプリケーションが成功することでお客様の利益に貢献し、お客様とパートナー様とともにうちらが成長すること。また、設立以来一貫して取り組んできたwebアクセシビリティ技術を通じて「どなたはんもが状況やデバイスや障害の有無を問わず情報にアクセスできる社会の実現に寄与する」こと。これがうちらの存在意義や。" src="http://junnama.alfasado.net/online/images/SafariScreenSnapz096.png" width="460" height="336" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

これは流石にジョークプラグインではありますが、こんなことも実現できるんだよってアピールには繋がったのかもしれません。あとは会場の空気を変える効果も。__ホンマになんでもやりよんな! こいつ__ と思わせることに繋げられたことは間違いないでしょう。

### 最後に、ベテラン、慣れてるから\(野田さんだから\)できる、への反論

ひとことでいうと、これを自分でなくてもできるように、という発想から作ったのが <a href="http://www.powercms.jp">PowerCMS</a> なのです。確かにコストはかかりますが、コストをかけることで、ノウハウと時間を買えるということを理解していただけたらと思います。

※これ、今回MTの実装としてはよくできたと思うので、コミュニティの勉強会の材料にしたいと思っています。どなたか企画してくれませんかね\(チラッ
]]></description>
         <link>http://junnama.alfasado.net/online/2016/10/cms_9.html</link>
         <guid>http://junnama.alfasado.net/online/2016/10/cms_9.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Movable Type</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">Web制作・ビジネス</category>
        
        
         <pubDate>Mon, 31 Oct 2016 13:35:03 +0900</pubDate>
      </item>
      
      <item>
         <title>第2回CMSプロレス 多言語サイトタイトルマッチに参加中です。</title>
         <description><![CDATA[<a href="https://cmssunday.doorkeeper.jp/events/37224">第2回CMSプロレス　多言語サイトタイトルマッチ - CMS SUNDAY | Doorkeeper</a>

<p style="text-align:center"><img alt="CMSプロレス" src="http://junnama.alfasado.net/online/images/37224_normal_1473841998_CMSpurores.png" width="505" height="124" class="mt-image-none" /></p>


参加中です。WordPressさんのお隣です。なんか前半は文化の違いで空気に馴染めず難しかったですけど。


> <h2>CMSプロレスとは？</h2>
> 
> <ul>
> <li>同じ仕様のサイトを複数のCMSで構築して競うエンターテイメント性の高いイベント</li>
> <li>第一線の開発者達がどのように実装したのかを解説つきで観戦</li>
> <li>CMSの体育祭！</li>
> </ul>
> 
> <p>よくわからないという方は<a href="https://s3-ap-northeast-1.amazonaws.com/cmssunday/plan/cms_pro_wrestling_for_audience.pdf" rel="nofollow">こちら</a>をご覧ください！</p>
> 
> <p>　<a href="http://www.opencu.com/2015/03/cms-sunday01-report/" rel="nofollow">昨年のCMSプロレスの開催レポートはこちら</a><br>
> 　※昨年は、各CMSの代表チームが同じ仕様のウェブサイトを制限時間内に構築するライブコーディングイベントと銘打っていましたが、今回は、事前に構築したウェブサイトをもとにしたプレゼンバトルです</p>
]]></description>
         <link>http://junnama.alfasado.net/online/2016/10/2cms.html</link>
         <guid>http://junnama.alfasado.net/online/2016/10/2cms.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">Movable Type</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">Movable Typeプラグイン</category>
        
        
         <pubDate>Sat, 29 Oct 2016 17:58:07 +0900</pubDate>
      </item>
      
      <item>
         <title>「アクセシビリティやるぞ！夏祭り2」開催中。</title>
         <description><![CDATA[アルファサードでも共催しています <a href="http://connpass.com/event/38351/">アクセシビリティやるぞ！夏祭り2 ～俺たちにテストさせろスペシャル～</a> の開催中で、紀尾井町の Yahoo! Japanさんにお伺いしています。夏祭りってのにもう9月も末で、どういうセンスなんだろうって思わなくもないですが、秋風が吹いて無くてとりあえずよかったです。

ちなみに「俺たちにテストさせろスペシャル」ってイベントのサブタイトルは私のアイデアなんですぜ! 

受付で<a href="http://docs.yahoo.co.jp/20years/">「インターネットの歴史(<span lang="en">History of the Internet</span>)」</a>の巻物いただきました!

<img alt="インターネットの歴史 巻物の写真" src="http://junnama.alfasado.net/online/images/4be6ea99d863ff27d8de2487f194075a9b9c3931.jpg" width="500" height="500" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" />

今日は、パネルディスカッションに出させてもらうほか、関連会社の<a href="https://lab-inc.jp">ラボ</a>さんと一緒に進めている僕のブログ(つまりこのブログ)のリーダーアプリを実際に触ってもらうという企画もあります。

アプリ「Junnama Online」は Movable Type の Data APIを活用したブログのリーダーアプリ(iOS版)で、現在 Test Fright中です。

### 以下、アプリのキャプチャを数点

<div style="width:520;margin:auto;text-align:center;"><a href="http://junnama.alfasado.net/online/images/IMG_2824.jpg"><img alt="メイン画面 - 記事の一覧" src="http://junnama.alfasado.net/online/images/IMG_2824-thumb.jpg" width="250" height="442" class="mt-image-left" style="float: left; display: block;  0 20px 20px 0; margin: 5px" /></a>
<a href="http://junnama.alfasado.net/online/images/IMG_2825.jpg"><img alt="記事詳細画面" src="http://junnama.alfasado.net/online/images/IMG_2825-thumb.jpg" width="248" height="442" class="mt-image-left" style="float: left; display: block;  0 20px 20px 0; margin: 5px" /></a>
<a href="http://junnama.alfasado.net/online/images/IMG_2826.jpg"><img alt="シェア画面" src="http://junnama.alfasado.net/online/images/IMG_2826-thumb.jpg" width="250" height="442" class="mt-image-left" style="float: left; display: block;  0 20px 20px 0; margin: 5px" /></a>
<a href="http://junnama.alfasado.net/online/images/IMG_2827.jpg"><img alt="検索画面" src="http://junnama.alfasado.net/online/images/IMG_2827-thumb.jpg" width="250" height="442" class="mt-image-left" style="float: left; display: block;  0 20px 20px 0; margin: 5px" /></a>
</div>

<br style="clear:both">

さて、結果は如何に?

]]></description>
         <link>http://junnama.alfasado.net/online/2016/09/a11y-fes.html</link>
         <guid>http://junnama.alfasado.net/online/2016/09/a11y-fes.html</guid>
        
          <category domain="http://www.sixapart.com/ns/types#category">アクセシビリティ</category>
        
          <category domain="http://www.sixapart.com/ns/types#category">駄文・雑文</category>
        
        
         <pubDate>Wed, 28 Sep 2016 15:47:36 +0900</pubDate>
      </item>
      
   </channel>
</rss>
