装いも新たに。

これまでずっと書いてきたVOXがサービスを終了してしまい、しかも移行を忘れていたので、僕の過去の思い出は、あっさりと消し去られました。

ということで、装いも新たに、Bloggerで新しいブログをスタートしてみます。

一からのスタート。


何を書いていこうか、特に考えていません。

ただ、何かを残していきたい、と最近強く思います。

思っている事をコトバにしたい、と思います。

コーディングするときの心持ち

最近思うことがあります。

それは、「納得感を持って全員が仕事をする事」です。

会社（ウチは団体ですが・・）に於いて、複数人が同じ職場で働いている以上、

大なり小なり不協和音や不満等は必ず発生するでしょう。

ただ日本人は性格上、不満に思っても心の中に溜め込み、

全体の和を乱さないようにする傾向があると思います（自戒を込めて）。

空気を読みすぎる、という事ですね。

ただ、それには弊害もたくさんあって、

・一人が感じる不満は他のスタッフも同じ思いをしている可能性がある

→そこで改善しておけばみんなも解消される

・はっきり言ってあげない事でそのスタッフの成長を阻害してしまうかもしれない

→そこに明確な課題がある以上、本人が傷ついたとしても伝えてあげることが本当の愛情

・そのスタッフだけの問題ではなく、それにより周りのスタッフの生産性を下げてしまう可能性もある

→はっきり言って二次災害的負のループ

上記のような問題点が挙げられると思います。

確かに、本人の性格面に係わる部分は、正直言いにくいです。

言ったら傷ついてしまうのではないか、機嫌を損ねてしまうのではないか、

自分が嫌われてしまい、仕事がし辛くなってしまうのではないか、

と思ってしまうのですよね。

特にチームで協力して仕事を進めていくことが前提となるウチの業務の中で、

上に書いたような不安を持つのは当然です。

ただ、誰かが我慢して、誰かが重荷をかぶる、という事だけは避けたいのです。

ここで、僕が思う、理想の職場というものを考えてみます。

それは、

「全員が高い成長意欲を持ち、問題解決意識を持ち、お互いに助け合う関係を持った職場」

です。

あくまで理想ですよ。

だけど、実現は出来ると思ってます。

仕事の対価というものは人によってさまざまです。

やりがい、つまりモチベーションの源泉ですね。

お金、成長、人間関係等、様々ですが、

ウチの団体に於いて、「お金100%」というスタッフはいないと思います。

（てゆうかいたら他の所に行ったほうがいい）

給料安いですから笑。

ちなみに余談ですが僕のモチベーションの源泉は、

お金1割、成長・経験6割、3割は秘密です笑。

ここでいうお金1割、というのは、お金なんて全くいらないよっ！という事ではないです。

最低限生活出来るお金がありさえすればいい、という事です。

（僕は聖人ではない）

話が逸れましたが、何が言いたかったかというと、

ウチの職場に於いて、全スタッフに対して成長を提供出来なくなったら終わり、

という事。

実はここ、今一番の悩みどころではあるのですが、

最近の受注している仕事の性質が以前と違い、

あまり技術的な成長が見込めないものが多い、

という状況があります。

なのでスタッフも日々繰り返し作業を淡々とやっているだけで、

大きな成長は期待できません。

ただ、ここで僕は二つ声を大にして言いたい。

まず一つ目、

最近うちら、技術を得るプロセスが受動的すぎやしないかと。

案件を進めていれば自然と技術はつくもんだと、

そんな甘い考えを持ってしまってはいやしないか。

どんどんWEBの技術など日進月歩の速さで進化している中で、

昔はそんな考えでも通用したかもしれないが、今それでいいのかと。

単純な仕事しか来ないのは、ウチが単純な技術しか無いからではないのかと。

自分たちで能動的に技術を習得し、仕事の幅を広げれば、

受注できる仕事のレベルも上がってくるのではないかと。

実はこのあたりは以前から代表にも言われていたことで、

忙しいから研修や勉強が出来ないのであれば、

受注を減らしてでもやるべきではないのか、

といった事を指摘されていました。

（ただ悩ましいのは、この不景気の中、受注を減らすという事にリスクや不安を感じてしまっていたのは事実）

だけど、単純にその判断を下すのも問題があると思っていて、

僕はその前に、「忙しいのは何故か？」という所をもっと掘り下げたほうがいいと思うのです。

ちょっとこの点に関しては後で詳しく説明するので、

先にもう1点目を簡単に言うと、

うちの今の経営、ちょっと保守的すぎないかと言う事。

リスクのある案件、技術レベルの高い案件はなるべく取らないで、

自分達がこなせるレベルのものを取ろうとしてる。

ちなみに、それって経営としては当然の事なんですよね。

リスクの高いものを取って問題起きたら終わりですから。

ただ技術屋にとってそれって結構な悩みどころで、

「技術がつくのを待ってたら一生つかないよ」

という、けっこう痛い現実があるのです。

人は窮地に立たされないと本気にならない、って奴ですね。

で、そういう時って、上手くいってもいかなくても、得るものは大きいのです。

（失うものはもっと大きいかもしれないけど笑）

つまり、

「技術レベルの高い案件、受注してから考えよう」

という強引MyWayな経営をしてしまっていいんじゃん？

といったお話です。

と、これら2点をもっと全員で意識していく必要があるのではないか、

僕はそう思うのです。

さて、では上で書いた、「忙しいのは何故か？」

という所を掘り下げていきましょう。

この点は僕が今一番意識している部分です。

「表面上の忙し感」に惑わされてしまっていてはダメなのです。

ポイントは大きく2つあると思っています。

「集中力」と「作業効率」です。

忙しいという事は空いた時間が無いという事。

一日中密度の濃い作業を続けているという事。

本当か？

僕はそう思いません。

集中力のバラツキは誰でもあると思うし、

途中で手が空いた時間だって少なからずあるはずです。

ちょっとここ掘り下げます。

（というのも集中力というのは今自分個人としての一番のテーマ）

まず高い集中力を持続させる事を邪魔する要因って何があるのか？

それは外的要因と内的要因に分けられると思っていて、

▼外的要因

・音

・空気（室温・匂い）

・視界

▼内的要因

・眠気

・食欲

・体調

などがあると思います。

ちょっとキツイですが一つづつ分析していきたいと思います。

▼音

これ、僕が人より影響を受け易いのかなぁ、、と思う時もありますが、

仕事中の周りの音というのは、集中力に一番影響すると思っています。

しゃべり声やキーボードの音、事務所の外を走る車やバイクの音、などですね。

それを避ける為にイヤホンやヘッドホンをして集中するスタッフもいます。

（それから音漏れしてたら本末転倒笑）

仕事上のコミュニケーションで発生する会話などはしょうがない事だとは思うのですが、

「おしゃべり」というものがなかなかクセモノです。

人がおしゃべりをする時は、自分の仕事が落ち着いたり、逆に行き詰って息抜きしたかったり、

何か面白い事を見つけて今すぐ誰かに伝えたい時、などです。

ただ、それってその人マターなのですよね。

あなたが暇だからといって、みんなが暇なわけじゃないんだよ？

あなたのおしゃべりで、忙しい人の集中力を阻害する権利はありません。

ただ全くしゃべんな！という訳ではありません。

雰囲気悪くなりますからね笑

「程度」の問題です。

#あと余談ですが、みんながヘッドホンをして仕事をしている雰囲気も嫌いです。

仕事の必要コミュニケーションだとしても話しかけづらくなっちゃいますから。

・空気（室温・匂い）

これは個人差があるのでコントロールが難しいのですが、

人は暑い、寒い、という事で集中力に影響が出ると思います。

さらに、これによって内的要因である体調にも悪い影響が出ます。

（寒いと頭が痛くなったり、暑いと眠くなってしまったり）

・視界

▼内的要因

・眠気

・食欲

・体調

・・・ここで諦めてた・・・ちょっといつか追記しよ・・

ディレクターに求めたいもの

・原稿レベルで全角半角をケアして欲しい

・macで打たれる「〜」とwinのそれを区別して欲しい

・入稿データ・素材をmacで作る場合は、ゴミファイルやファイルの文字化けをケアして欲しい

・CCに人が多かったりMLが入っているメールはなおさらだが、重たいファイルをメールに添付しないで欲しい

WEB Directionsセミナーに参加したログ

■■ HTML5

▽背景
～HTML4.０１の時代は、htmlの仕様がとてもゆるく、WEB上の情報が整理されていない混沌とした状態になっていた～
↓
～HTMLをXMLで定義しなおしたXHTMLというものを策定し、htmlタグをもっと厳格なものにし、文章の構造化を進めた～
↓
～本来のHTMLの目的、つまり文書の構造化をより詳細にするため、今のhtmlでは足りない要素を新たなタグとして定義した～

▽主な特徴・仕様
HTML4.01/XHTML1では文章のかたまりやセクションのかたまりをdivタグで組むしかなかったり、
それぞれの要素（ヘッダ、フッタ、コンテンツ、サイドナビ）も、クラスやID名で意味づけるしかありませんでした。

しかし、HTML5では、htmlがもつタグでのみよりWEBの文書を構造化できるよう、タグが増やされています。


▽主なタグは以下に記述していきます。

－header,footer
・サイトのヘッダー、フッターを組むためのタグ

－section

・一つの章、のような意味合いで使用されるようです
・正直、下のarticleとの関係性が微妙です

－article

・ブログの記事のようなもの

・読み物コンテンツ

・意味がsectionよりも多少強い（判断が微妙なものは、sectionが無難）

－nav（ナビゲーション）
・サイト内にある、ありとあらゆるナビゲーションで使用

・SEO上有効なのではないか

・これを元に、googleのsitemap等を自動作成出来たりするのではないかとも言われている

▽DOCTYPE

<!DOCTYPE html>

▽ブラウザ対応状況

－IE

・ver7,8は対応してきているが、IE6はまったくだめなため、実務レベルでの使用は厳しい

・解決方法として、コンディショナルコメントでhtml5.jsを読み込めばOK

http://remysharp.com/2009/01/07/html5-enabling-script/

－html5.js

・ただjsでarticleタグをcreate elementし、IEでも新要素として認識させているだけらしい。

・jsオフの場合、ユニバーサルセレクタを使う事で対処はできるらしい（微妙）

http://withd.jp/web/tips/standard/3834.html

▽所感

HTML5は、目的はとても有意義だと思いますし、実現すれば、CSSを組む際にクラスやIDが減るなど、
コーディング作業にも大きなメリットがあると思います。
しかし、現実問題、

■■ microfomats

▽目的

・htmlでは足りない要素を補う事で、文書構造をより充実したものにする

・連絡先等、WEB上以外で使用できるような情報を決まった形でマークアップする事で、

他のアプリケーションに引き渡す事が出来るようになる

▽作成ツール

http://microformats.org/code/hcard/creator.html

・クラス名等を間違えると意味がないので、作成ツールを使う方が良いのでは

▽例

<div id="hcard-yuichiro-hirata" class="vcard">

<span class="fn">yuichiro hirata</span>

<div class="org">kamonohashi</div>

<div class="adr"><span class="locality">shibuya</span></div>

▽googleの対応

・vCardやreview等はインデックスし始めた★

▽検証サービス

http://microformatique.com/optimus/

▽その他

・vCardは電子名刺の標準規格フォーマット

■■ CSS3

▽ボックスモデル

・通常、25%width+borderのボックスを4つ並べると、合計が100%を超えるので、

カラム落ちしてしまう。

→-webkit-box-sizing:border-box;

つまり、IEをモダンブラウザに寄せるのではなく、モダンブラウザの動きをIEのボックスモデルの用に扱う、という、

ちょっと実務レベルでは微妙な感じ

・xray

▽specific extention（プレフィックス）

・-moz- Mozilla

・-webkit- Safari

・-o- Opera

・-ms- IE

「progressive enhancement」

優秀なブラウザにはより高い経験を。

▽border-radius

border-radius：1em, .5em;

border-radius：1em;

■■セレクタ

・first-child・・・指定した要素が親要素の中で一番最初の要素として存在する場合（tr>td）

・first-of-type・・・他に何があるにせよ、指定した要素の中で一番最初の要素（tr>th>td）

・nth-of-type(even)

・nth-child(2n+1)

▽3つづつスタイルを変更

-------

nth-child(3n)

nth-child(3n+1)

nth-child(3n-1)

-------

▽属性セレクタ

a[href$=".pdf"]

■■font embed

▽font face

@font face {

font-family:;

src:;

format("truetype") ←IEではこれがあるとムシする

}

■■ その他

・style master

・-webkit-transition: all 2s・・・全ての指定を2秒かけて実行

・background: -webkit-gradient()・・・背景グラデーション

品質改善プロジェクト

こんな事もやっていたなぁ。
品質に関して、ウチはかなり突き詰めてこれたと思う。
その結果の信頼だと思う。

これをスタバでずっと考えてたのを今でも思い出す。

--------------------------------------------------------------------

なぜやるのか？（プロジェクトの目的）

//////// 品質が低いとどうなるか

▽客ありきで考える

• 信頼を失うかもしれない
• 最発注をもらえないかもしれない
• リピート率が下がってしまうかもしれない
• 見積もりを下げられるかもしれない
• 業界内での信用が下がってしまうかもしれない

▽かものはしとして

• 仕事として納得できない
• 見積もりを上げる事ができない
• 作業効率が悪いかもしれない

//////// 品質が高いとどうなるか

• お客様が継続して仕事をくれるかもしれない
• 見積もりを上げる事が出来るかもしれない
• 効率が良くなるかもしれない
• 徹夜が無くなるかもしれない

ではそのために何をすれば良いのか？（計画）

//////// お客様がどう思っているかを知る必要がある（目的に対する事前準備）

▽その為にまずするべき事はなにか？（具体的な準備）

• お客様アンケートを取り、どう思っているかを調査し、数値に落とし込む（☆☆☆）
• お客様にヒアリングを行う事で、普段言えない（言わない）事を聞き出す（☆☆）

▽そこで得たものをどうするか

• お客様アンケートはスタッフ全員が見れる状態にする（可視化）
• ヒアリング内容は定型フォーマットに落とし込み、「再度見れる」状態にする（情報のインデックス）

それを元に何ができるか（プロジェクトの実行）

• お客様アンケートで得た結果（数値）を一覧表にし、それを定期的に取る事で改善具合を明確にする
• 社内で内容を共有し、同じ事を繰り返してしまっていないか、という所に目を光らせる
• お客様アンケートで得られた内容を元に振り返りMTGを開き、改善点を洗い出す

それは実行可能か？（実行可能性）

///////// 誰がやるのか？

• 基本、平田は今の作業が終わったら実作業には携わらない（工数の調整）
• アンケートなどの配信は基本全て平田が一括して行う（担当）
• ドキュメントの精査／まとめに関しては、平田主導の元、各案件リーダーにタスクを分散する

///////// 具体的にどのようにやるのか？

• ITの全体会で、この一週間で行ったものに関して報告する（共有）
• 同じく全体会で、次行えるものを確認する（タスクの明確化）

結果はどう出すのか？（評価）

///////// 数値としてどう出すのか？

▽お客様アンケート

• 最初に取った複数案件を指標とし、5段階評価を取る
• 指標を取るのは案件ごと、月でばらつきはあるが1ヶ月スパンを基本とし、資料に落とし込む

実行に際し、何が必要か？（資料／ドキュメント）

///////// 準備フェーズ

• 顧客アンケート
• 顧客ヒアリングシート

///////// 実行フェーズ

• 顧客アンケート集計表
• 振り返りシート

つまり、結局の所何をすれば良いのか。

1. 顧客アンケートを投げまくる（☆☆☆）
2. その集計を表にまとめる（☆☆）
3. 振り返りMTGを徹底的に実行する（☆☆）
4. 顧客ヒアリングをいくつか行う（☆）
5. 品質改善シート的なものを作成し、上記全てを一覧出来るようにする（☆）

PRIUS IS COMING SOON

新型プリウスがcoming soonになってますね。

あの突貫的なCMを見ると、つい、

1、プリウスは世界的に売れまくっているが、多少型落ち／古さを感じる

2、ホンダがインサイト投入

3、インサイトバカ売れ（裏でプリウスも根強く売れているが）

4、プリウスもモデルチェンジを投入予定

という中、新型プリウスを世に放つまでの間に、インサイトを買ってしまう「ハイブリット狙いエセエコろ人」を少しでも買い控えさせるために、急遽coming soonのCMを打って出た、という風に見えてしまう。

今一番自動車産業が狙ってるユーザーって、スポーツカー層でもなくコンパクトカー層でもなくミニバン層でもなく、

ハイブリット層だろうからね。

って、考えすぎだろうか。

それとも考えめっさ浅いだろうか。

マーケティングの世界はよくわかんね。

WORLD PINGPONG CHANPIONSHIP IN YOKOHAMA

世界卓球が横浜でやってますね。

あんまり見てないけど、

どうせ中国が上位席巻してるのだけは分かる。

ちょっと見てみたけど、

AKB48が確実に「要らない」のだけは分かる。

あんなもの、卓球だけでは視聴率が取れないから、なんとか多くの視聴者（特にそれ系の男）を狙うべく、

たいして卓球の知識も思い入れも無い小娘達を投入してるだけでしょう。

彼女らのコメント（時に涙。何故？）を見ていると、スポーツ舐められてるなぁ、って思う。

テレビのスタジオで、

キレイな女性アナウンサー二人に司会され、

座らされた後ろにはAKB48のかわいらしい女の子4人が座り、

その前でありきたりな軽い質問を投げかけられ、

CMに入る際はお間抜けなアングルで後ろのSKB48の子が「ガンバレ！ニッポン！」とか言っているのを、

前で恥ずかしそうに座っている男子ダブルスの彼ら、

どう思ってるんだろうか。

プロデューサーさんは日本の順位なんて興味ないんだろうね。

あるのは数字、視聴率なんだろうね。

つくづく、メディアって俗的なものだなぁ、と思う。

ま、そんな僕は今日もテレビのお世話になるんですけどね。

ええ、言いたいだけです、はいすいません。