warikiru

更新終了のお知らせ

2010-03-01T22:53:00.001+09:00

こちらのブログは更新終了いたしました。
続きはMOLで。

CMSの観点から見たWordPress @ohumi_FB

2010-02-25T18:45:00.004+09:00

先程、第4回社内Tech Talks無事終了しました！前々回の@takumi0605さんの同僚で@ohumi_FBさんに「CMSの観点から見たWordPress ～その他のCMSと比べて～」と題して、WordPress中心にCMS全般について講義してもらいました（忘年会の時に約束してた）。

自分は、業務ではWordPressなど使うことがなくて、ほんとに先日ブログを引っ越して、やっとのこさWPのプラグインで遊びはじめた青臭いWordPresser(謎)なのでCMSの世界のアウトラインを掴めて大変役に立ちました。

Drupalに関しては個人的にあまりいい印象なかったけど、ホワイトハウスやNASAのサイトでも採用されていると聞いてスゲーと思ったｗ（ミーハーだな）

石川県下の事例など大変参考になった。身近に感じられましたね。本当にありがとうございます。僕もWPもっと勉強して皆でWordCamp Kanazawaなんて開催できたら良いですね。

というわけで、これからも石川県のWeb関係者と交流したいので、弊社で喋りたいって人は@t32kまで連絡くださいー♪お花見したいです♪

オススメ本

基本からしっかりわかる WordPress 2.7 カスタマイズブック (Web Designing BOOKS)

毎日コミュニケーションズ 2009-02-17
売り上げランキング : 79373
おすすめ平均

Amazonで詳しく見る by G-Tools

WordPress逆引きデザイン事典[2.X対応]

翔泳社 2008-09-11
売り上げランキング : 33207
おすすめ平均

Amazonで詳しく見る by G-Tools

PHPによるWordPressカスタマイズブック―2.8対応テンプレートの改造からプラグインの作成まで

ソシム 2009-09-08
売り上げランキング : 10837
おすすめ平均

Amazonで詳しく見る by G-Tools

運営メモ

動画配信をUstreamでしてみようと思ったけど、実際配信されたチャンネルを見てると動画と音声が途切れるのはなぜなんだろう...やっぱり回線がショボいのかもしれない。Flash Media Live Encoder 3.1 for Mac使ったり、Ustream Producer使ったりして調整してもダメだったし回線のせいなんだたぶん。俺は悪くないｗなんかまとめれるようなことあったらまた書きます。

あと今回自分はスピーカーとして喋らず運営に徹するつもりだったけど、喋らなくていいんだと思ってたら気を抜いてた面が多々あった。反省。

幻想曲 - 孫正義とソフトバンクの過去・今・未来

2010-02-21T21:35:00.003+09:00

幻想曲孫正義とソフトバンクの過去・今・未来

日経BP社 2005-06-03
売り上げランキング : 208583
おすすめ平均

Amazonで詳しく見る by G-Tools

ソフトバンク、最近、Ustreamに18億円出資して話題の孫さんについて書かれた本。2005年の本だけど、なかなかおもしろかった。

本書を読むまで、ソフトバンクというとYahoo! Japanの親会社だということぐらいで一体のなんの会社か知らなかったが、「ソフトバンク」の名の通り、パソコンソフトの流通事業を手がける会社だったと分かった。「だった」というのは、その成長戦略からM&Aを繰り返し、ソフトバンク自体は投資銀行のような役割になっている。

読んだ後の感想は正直言って、やっていることは一時のホリエモンと変わらないんじゃないかと思った。というか、M&Aのはしりは孫さんの方だ。

選択眼のいいギャンブラー
元ソニー会長・出井伸之

金を儲ける最短距離を走っているのが孫さんだな
元日本マクドナルド社長・藤田田

と各財界人が称しているように、なんだかお金儲けのために会社を経営しているのかなと思ってしまった。その点に関しては、ソフトバンクはなんでもかんでも投資しているのではなくインターネットのインフラ事業に関して特に投資していると説明しているがやっぱり、投資に関するイメージが僕にとって良くないものなのかなと思ったり。

なんでもかんでも新卒から社員を取って、それらに一からものを教えてそれが本当にいい経営なのか。果たしてそれが企業にとっていいことなのか

日本ではなんで車を作ってるとか、鉄を作っているとかいう会社が偉くて、投資をしているソフトバンクのような会社が一段低く見られる。なにか良からぬことでもしているように....

こうゆうのを読むと、自分がいかに日本的価値観で考えているか分かる。「投資」や「買収」に関してもうちょっと中立な眼を持ちたいとも感じた。

とはいえ、孫さんの行動力にはやっぱりすごいものがあるのも事実。

何もしないことが本当のリスクなんだ

と言うように、常に攻め、成長路線を貫く。時には社内から性急すぎるのではと反対もくらうこともしばしば。

僕はいつか豆腐のような商売をしたいんですよ。豆腐は1丁(兆)、2丁(兆)と数えるでしょ。僕はいつかそういう単位でお金を動かせる商売をしたいんです

日本ソフトバンク草創期に3000万の資金を手配するのに困ってた時期に言っていた言葉。それから約28年後の2010年3月期第3四半期のソフトバンクグループの連結売上高は2兆453億円（有利子負債は1兆6,782億円：2009年12月末）とまさに有言実行。

本書は、孫さん礼賛一辺倒の本ではなくダーティな部分について言及があるのでなかなか考えさせられるものがあった。いやぁ〜、社長・経営って難しいね。

Google Analyticsでページロード時間を計測する（改）

2010-02-09T21:07:00.005+09:00

前回紹介した、ページロード時間を計測するTipsですが、直帰率が0%になるのが玉に瑕でした。が、新しくプロパティIDを発行して、通常解析用のプロファイルとロード時間計測用のプロファイルと分離すればいいんじゃね？と思ったのでやってみましたよ。

アカウントサマリー画面から『+ 新しいプロファイルを追加』をクリックし、『新しいドメインのプロファイルを追加』の方を選択して新しいプロパティID（UA-xxxxxxx-2）を発行します。

BODY開始タグの直後に置くコードは前回と同じです。

<body>
<script type='text/javascript'>
 var Begin = new Date();
 var Start = Begin.getTime();
</script>

 [ ページのコンテンツ]

BODY終了タグに置くコードが前回とはちょっと違います。

 [ ページのコンテンツ] 

<script type='text/javascript'>
try {
// 通常解析用
var pageTracker = _gat._getTracker("UA-xxxxxxx-1");
pageTracker._trackPageview();

// ロード時間計測用
var timeTracker = _gat._getTracker("UA-xxxxxxx-2");
timeTracker._trackPageview();
var End = new Date();
var Stop = End.getTime();
var timeElapse = Stop - Start; // stored as millsecond
var Url = location.href;
timeTracker._trackEvent(
  'Page Load',
  'Load Time',
  Url,
  timeElapse
); 
} catch(err) {}
</script>
</body>

緑色の部分が新規に追加したコードだ。説明すると、通常解析用のプロファイル、つまり元からあるプロパティID(UA-xxxxxxx-1)はpageTrackerオブジェクトに格納されているので、そこで完結している。

今回入れたロード時間計測用のプロパティID（UA-xxxxxxx-2）は新たに作成したtimeTracker（名前はなんでもいい）オブジェクトに格納されているので、pageTrackerオブジェクトに影響しない。だから、_trackEvent関数もtimeTracker._trackEvent();と呼び出している。

これで、UA-xxxxxxx-1のプロファイルは直帰率に異常を起こすことなく、かつ、UA-xxxxxxx-2のプロファイルの方でロード時間を確認することが出来る。（こっちの直帰率はゼロになるけど）2週間ほど、このブログで設置して試しているが特に問題は起きていない。ただヘルプでも言われている通り、複数のトラッキングコードを実装することはサポートされていないことになっているから、あまりお薦めはしない。単純にpageTrackerとtimeTrackerの2つのオブジェクトがあることで混乱する可能性も高まるので。

なんかもっといい方法ないもんかなー・ω・

サイトに複数のトラッキングコードが設置されています。
1 つのウェブページに複数の Google Analytics トラッキングコードを設置することはサポートされていない実装方法です。コードを 1 つだけ残して他はすべて削除し、測定したい各ページに、正しいプロファイルのコードをインストールすることをお勧めします。
Analytics ヘルプ

マネー・ボール

2010-02-08T20:00:00.004+09:00

マネー・ボール (ランダムハウス講談社文庫)
中山宥

ランダムハウス講談社 2006-03-02
売り上げランキング : 12363
おすすめ平均

Amazonで詳しく見る by G-Tools

統計ネタの話で良く引き合いに出されているのを見ていて、いつかは読んでみたいなと思ってた1冊。野球も統計（というかデータ）も好きな僕にとってはドンピシャな1冊だったので読み始めたら止まらず、その日うちに読破してしまった。

話の概要は、貧乏球団オークランド・アスレチックスがいかに少ない軍資金でお金持ち球団ニューヨーク・ヤンキース並に勝ち星をあげられたのか説明している。お金さえあれば、高額の契約金を支払って有望なルーキーや他球団のスター選手を獲ってこれるが、アスレチックスにはそれができない。では、どうしたか？

従来の野球の指標であまり重要視されてこなかった部分に着目し独自の評価基準で選手を獲ってくること。つまり四球や出塁率を何よりも重要視したり、守備の出来不出来は勝ち星にあまり影響しないのでほとんど考慮しないなどだ。なぜこのような結論になったかと言えば、過去10年間のメジャーリーグの記録をデータ分析して出した結論だという。つまり野球も確率論で（ある程度は）説明できるという。

この方針には旧来の（勘と長年の経験で考える）スカウトたちには猛反発を喰らう。昔ながらのスカウトは、ホームランを量産するような華々しいルーキーをスカウトしようとする。そういった選手はほかの球団も当然狙っているので契約金は高額になる。それではアスレチックスには雇えないのでデータ派（ハーバード大出身でウォール街にいそうな人物など）はすこしワケありもしくはまったくもって無名の選手を候補に挙げてくる。そこで衝突が起きる。なにせ価値基準が違うからだ。

結局、データ派主導のもと、改革を進めた結果ヤンキースの3分の1の総年俸でヤンキースと同じくらいの勝ち星を挙げ、ポストシーズン出場も果たしている。投資対効果が素晴らしく良い結果になったという話。

読んでいてなんかいろいろな状況に置き換えられるなと思ってしまった。そうまさにサイト運営そのものじゃないかなと。大枚をはたいたキーワードが実はそんなに収益に貢献してなかったりとか、ちょっとした文言修正やレイアウト修正で著しくコンバージョンがあがったりとか。勘に頼る手法がいかに危険か思い知らされた気分だ。

しかし、マネーボールのデータ派がすべて成功しているかと言うとそうでもない。ポストシーズンに出場できるが短期決戦で勝てないのだ。年間で100数十試合やれば確率的な考え方もできるが、短期決戦ではあまりデータは役に立たない。むしろその選手の勝負強さとメンタル面も大きく影響してくるだろう。また守備面はあまり考慮しないと言ったが、それは現在収集しているデータが役に立たない（エラーは主観による指標）からであって、ピッチャーがボールを投げてバットに当たってから野手が動き出すタイミングなどそういった指標が獲れれば守備面も正確に評価できたりするかもしれないし、出塁率と長打率を合わせた指標OPSもまだ正確に打者の価値を表していないと言える。

その点、サイト運営もそうで、データ！データ！と言っていれば平均化したサイトしか作れないと思う（データの収集の仕方にも依るだろうが。。。）。やっぱりクリエィティブというのそうゆうのを超えたものであって欲しいと個人的には思ったり。また現状、アクセス解析ツールで収集されていないデータのなかで収益につながる指標があるのかもしれない。これからPCに位置や照度、加速度などのセンサー類が標準的に装備され始めたらそういったものも活用できるかもしれない。

などといろいろ考えさせられるいい本だった。まぁなにせ野球したいの（ ´Å｀）

関連エントリ

その数学が戦略を決める

CSS Nite LP, Disk 9「Coder's Higher」で喋ります。

2010-02-02T18:42:00.002+09:00

CSS Nite in ISHIKAWA, Vol.1で喋った内容の続編としてウェブパフォーマンスについて話します。石川のときは初開催であったり参加者の属性が分からなかったので、テクニカルな内容はあまり含まず、パフォーマンスに対する考え方をメインに話しました。

今回はCoder's Higherってことで、みなさんゴリゴリのジョリンジョリンにコーディングしてると思うので遠慮なく技術的な話も含めようかなと思ってます。というか、僕以外の出演者さんはみんなゴリゴリに書いている人らなので、胸を借りる気持ちで頑張ります！

CSS Nite LP, Disk 9「Coder's Higher」
日時：2010年4月17日（土）
会場：ベルサール神田
定員：400名
参加費：8,000円

勉強会という装置

2010-02-02T00:12:00.003+09:00

最近、勉強会というか実践コミュニティに興味があります。そして、その実践として前回紹介した社内TechTalksがあったりします。実践コミュニティについてはコミュニティ・オブ・プラクティスって言う素晴らしい本があるのでそちらを参照してほしいです（いつか感想書く）。

なぜ勉強会をするのか？

説明するに当たって、時間管理のライフハックとかでよく出てくる重要度と緊急度のマトリックスを使います。

縦軸が重要度、上が重要、下が重要じゃない。横軸が緊急度、左が緊急性が高く右が緊急性が低いってことを表しています。

普段、僕らがしている仕事の多くは（そうじゃない人もいるかもしれませんが..）意味のないMTGだったり、電話の応対だったりと、一見緊急性が高くて重要そうに見えるのかもしれませんが、それは3の錯覚の類に入るものかと考えます。そういったことに僕らの貴重な時間は浪費され、ただただ時間が過ぎていくなんてことが考えられます。そんなん嫌です。

だから、今やるべき事は3番ではなく2番の価値のある行動をしなければなりませんね。
ちなみに、1番の重要は言われなくてもやるから問題ありません。例えば明日が大事な試験だったりする場合です。がっぱ（一生懸命）になるわけです。4番は論外です。

そこで勉強会です。

オーディエンスとして

まず、聞く側の人間としてスピーカーの話題によって新たな価値への気づきが考えられます。また知ったテーマであっても、フェードアウトしたモチベーションの再点火が起こりえます。「へぇ〜こんなんおもしろい技術・考え方があったんだー。俺もやってみYO!」、「同僚がいつのまにか俺に出来ないことを平然とやってのけている！俺もがんばらねBA!」などなど。そうしたモチベーションを各自アウトプットしてくれれば良いのですが、それはまだ第2領域です。またフェードアウトしていくかもしれません。

スピーカーとして

そこで今度、聞く側から話す側に回ったとしましょう。話すテーマは2番の価値のあるテーマから選ぶと思うので、当然有意義なものです。ただ、ここでオーディエンスと違うのは締め切りがあるんですね。当然勉強会の日にちは決まっています。つまり、ほったらかしにしていたら第2領域から第1領域に移動しはじめます。例えば、僕は社内のJS勉強会を運営しているんですが、3ヶ月に1回のライトニングトークとか本音を言うと個人的にはしたくないんですけど（しんどいし）、でもやり終えると達成感があるしこんなことも無ければここまでしなかったなという経験を何度もしています。

つまり、勉強会とは価値に気づきそれを重要に移行させる装置なんだと理解した。
それがなんだか今の僕にとって一番しっくりくるもんだからココにメモ。

これを会社の業務でやることも可能ですね。たとえばやりがいのあるプロジェクトに立候補してみるとか。それはそれでがむしゃらにやらなければならないのですが、失敗したときのリスクが大きい（最悪、左遷とかクビとかとか）。それにそんなに自分にとってやりがいのあるプロジェクトがぽんぽん出てくることもない。

そう考えてみると勉強会はほどよいリスク（下手なプレゼンしたら恥ずかしいとかｗ）と、持続的な価値の創出が可能な良い装置だなと思った。

関連エントリ

Webディレクターズハック - @ichigami

2010-01-31T00:45:00.009+09:00

金曜日の話ですが、第3回社内TechTalks開催しました。今回もまたご近所のWeb会社の@ichigamiさんを招いて、Webディレクションについて話してもらいました。ディレクションがテーマなのでディレクター部も誘って和気藹々な感じで開催することできましたね。

「Webディレクターズハック～実務に役立つWebディレクションのコツ～」という演題で@ichigamiさんがWebデザイナーからWebディレクターに成られた経緯や、これまでの経験を踏まえてのディレクションのコツなど紹介してくれました。スライドの内容は@ichigamiさんのブログでも紹介しているみたいなのでそちらもチェックしてもらえれば良いかと思います。

自分はWebデザイナーですが、サイト制作の前段階、受注を取ってくる話などすごく興味深かったです。「こうゆう仕様だから、ハイ作れ！」って言われても、なんだかなと思います。やっぱりそこに至るまでの経緯やプロセスを理解していると、制作段階でも良いパフォーマンスを発揮できるのかなと考えます。要はコミュニケーションなんですよ！お互いを知るところから始めなきゃいけないんですよね（飲み会するといつものこの結論w）。

個人的に印象的だったのは懇親会にて、子供を持つ喜びとして以下のような例えをしていたのがとっても素敵でした。

子供が出来ると毎日がワールドカップ優勝並の喜び by @ichigami

家に帰って「パパ〜♪」と迎えに来てくれる娘を抱き上げる様が、まさにワールドカップを高々と上げる様そのものらしいですｗうん、子供欲しいね！

というわけで、これからも石川県のWeb関係者と交流したいので、弊社で喋りたいって人は@t32kまで連絡くださいー♪

メモ

今回から動画や音声を記録してアーカイブとして、いつでも社内から参照できるようにしたいなと思い、いろいろ試行錯誤してみた。

音声記録

OLYMPUS DM-30 VoiceTrek

オリンパス 2004-04-09
売り上げランキング : 157904
おすすめ平均

Amazonで詳しく見る by G-Tools

会社に OLYMPUS DM-30 VoiceTrek こうゆうのがあったので記録してみた。なかなか良い感じ。もっとクリアに録音しようと思うならピンマイクとかにしたら良いのかな。でも動画のソースにくっつけたり編集するのめんどくさいからスタンドアロンな感じじゃなくて直にMacで記録したいなと思ったり。

動画記録

ロジクールウェブカムプロ 9000 QCAM-200SX

ロジクール 2009-11-13
売り上げランキング : 886
おすすめ平均

Amazonで詳しく見る by G-Tools

↑これを買った。200万画素のオートフォーカスだ！てか、今回これですごい時間食ったｗ自分のMacBookを使えればなんとかそこそこいい感じで撮れるんだけど、今回は僕も発表するので僕のマシンは使えない。ということで会社のへっぽこiBook G4で記録したのだけど、QuickTimeは320×240でしか記録できないし＞＜、結局、配信するわけではないけどもUstremで480×320で記録した。

Flash Media Live Encorder 3 を使えば、640×480で記録できるらしいので試してみようかと思ったら、MacはプレリリースのVer3.1からの対応らしく、プレリリースプログラムに登録してみたけど、登録完了まで１週間かかるみたいなかんじで断念したり。あきらめきれずWinDeskTopで試したけど、調整が難しかったり＞＜

ちょうどUstream Producer (Free) であったけどIntel Macしか対応してみたいらしく使えず。あきらめきれずWinDeskTopで試したけど、配信は640×480で出来るけど記録サイズは320×240でしかできなく、よーく見たら$199のプロ版だと配信サイズと同じサイズでローカル保存ができるっぽい。２万たけーよ＞＜そんなわけでおとなしくUstで記録してみました。

言いたいのはすべてはお金だよ！

関連エントリ

仮説思考 BCG流問題発見・解決の発想法

2010-01-19T20:15:00.004+09:00

仮説思考 BCG流問題発見・解決の発想法

東洋経済新報社 2006-03-31
売り上げランキング : 4462
おすすめ平均

Amazonで詳しく見る by G-Tools

仮説思考というと難しく構えてしまうけど、要は予測を立てるということか。詳しい仮説思考の説明は以下の引用を見てちょ。

この思考プロセスでわかるように、重要なのは最初に問題を絞り込むことである。問題を絞り込むと、幅広いテーマでもかなりコンパクトに扱うことができる。仮説を使うということは、問題を考えついたり、答えを探したりするプロセスというよりむしろ、効率的に不要な問題や役に立たない解決策を消去するプロセスなのである。　P.68

うう、どこかで見覚えがある。。。そういえばそうゆう考え方したことあるぞ。

Google Analyticsの(other)とはなんぞや？ | warikiru

ここでは、問題の原因がなんなのか探るために仮説を立ててというと大げさだがある程度の予測を立てて検証していった。この時、仮説思考で考えず、出来る限り情報を集めてから問題に当たっていれば、Google Analyticsの膨大なメニューの仕様を一つ一つ確認するはめになっただろう。そんなことをすれば僕のリソースのうち1、2ヶ月はこの問題に費やされる結果になり、上司からも怒られるはめになっただろう。

本書でも言われていることだが、情報をできるかぎり集めることは意志決定の精度を高めるのに良いことと思われるかもしれないが、実際のビジネスにおいてはそんな時間もなければ、情報も完全に集められることもない。まして、全て集めたからと言ってその膨大な情報量がかえって意志決定の精度を鈍らせることも考えられる。

迅速な対応を考えれば、最初から的の得た仮説を立てることが最善策だが、肝心の仮説思考力の高め方は、日頃の実務（じゃなくても自分で問題を設定して）で仮説・検証を繰り返していくしかなさそうだ。急がば回れ、短気は損気ですね。

Google Analyticsの解説本だけでなくこういった本も読んでおいて損はないと思った。特にセブンイレブンの検証方法は説得力があった。リアル店舗でもあれだけのことができるんだから、数値化しやすいサイト検証もがんばらねばと純粋に思ってしまった。

あと、仮説思考とはあんま関係ないけど心に残った所を最後に引用。

ビジネスパーソンにとって大切な能力は、先見性・決断力・実行力の三つである。　P.28

「あなたの会社のここが悪い」、「ここがだめ」、「ここの戦略が下手」というように、相手のいままでの努力や苦労をすべて否定し、切り捨ててから、「だからあなたの会社はこうするべき」と提案するつくりになっていたら、内容は正しくても、相手は自分が非難されているという気持ちになり、反感を抱くだろう。（〜中略〜）話の内容や分析結果が正しいこと、あるいは提案が理にかなっていることも非常に大切なのだが、それ以上に提案や提言の内容が、会社の変革や成果に直結することが重要になるのだ。別の言い方をすれば、会社はそういう提案を求めている。したがって、自分が提案している内容が相手にとって実際のアクションにつながりやすいかどうかが、プレゼンテーションにおいて大変重要になる。　P.96

ロボットとは何か——人の心を映す鏡

2010-01-18T20:26:00.004+09:00

TEDxSeedsで講演されていて、そのテーマのおもしろさもさることながら人柄まで気に入ってしまったので、本書を読んでみた。

タイトルに「ロボット」と題してあるが、どちらかというとこれは認知科学・哲学的な話題じゃないかと思う。著者自身も工学博士ではあるが、「ロボットとは何か？」という研究課題を突き詰めていくにあたり、結局「人間とは何か？」という問題に迫っていく。

工学から認知科学・脳科学・デザイン・哲学分野にわたる、その飽くなき探求心には恐れ入る。一体「心」をどう検証していくのか。普通の研究者なら専門外だからとあきらめてしまいそうなところだが、彼は止まらず立ち向かっていく。その様が読んでいてとてもわくわくする。

内容も平易な文章で書かれているのでとても読みやすいと思う。動画見て気に入ったらぜひご一読を！プロフィール画像ではしかめっ面が多いけど、実際の著者の性格は心穏やかな人らしいｗ

ロボットとは何か――人の心を映す鏡 (講談社現代新書)

講談社 2009-11-19
売り上げランキング : 47314
おすすめ平均

Amazonで詳しく見る by G-Tools

分かりやすい日本語の作文技術大活字版

2010-01-17T13:55:00.009+09:00

分かりやすい日本語の作文技術大活字版

オークラ出版 2003-03-27
売り上げランキング : 68756
おすすめ平均

Amazonで詳しく見る by G-Tools

はじめに
技術その一　「修飾」の技術
技術その二　「句読点」の技術
技術その三　「漢字」と「カナ」を使い分ける技術
技術その四　「助詞」を使いこなす技術
技術その五　「段落」の技術
補講その一　「わかりにくい文章」の悲劇
補講その二　「わかりやすい文章」のために必要な『リズム』と『文体』

修飾・句読点・助詞・段落などを軸に豊富な例文を基に分かりやすい文章の作文技術を解説している。その中でも「修飾」の技術に解説の大半を割かれている点で、多くの人が｢修飾｣をうまく使いこなせていないのではないかと思う。事実、自分もそうだ。特に英語の記事を訳した時は、ちゃんと訳したつもりなのに日本語として読むとなんだか意味の分からない文章になっている。なんとかそれを修正しようと思うのだがしっかりとした文法の知識がないものだから、なんとなくここがこうじゃないかなという具合に直す程度で終わっている。

本書を読んで解説の例文をしっかり理解すれば、今より格段に分かりやすい文章を書けるのではないかと思う。そういった点で自分は軽く読み流した程度なので、ご覧の有様であるｗただ、修飾は本当に気をつけたいと思った。最後に本書でも引用されている井伏鱒二の文章を挙げておく。本書を読み終わった後、この文章を読めばいかに素晴らしいか理解できるだろう。

山椒魚は悲しんだ。
彼は彼の棲家である岩屋から外へ出てみようとしたのであるが、頭が出口につかへて外に出ることができなかつたのである。今は最早、彼にとつては永遠の棲家である岩屋は、出入口のところがそんなに狭かつた。そして、ほの暗かつた。強ひて出て行かうとこころみると、彼の頭は出入口を塞ぐコロップの栓とななるにすぎなくて、それはまる二年の間に彼の体が発育した証拠にこそはなつたが、彼を狼狽させ且つ悲しませるには十分であつたのだ。
（井伏鱒二『山椒魚』新潮社刊より）

日本語の作文技術 (朝日文庫)

朝日新聞社出版局 1982-01
売り上げランキング : 147
おすすめ平均

Amazonで詳しく見る by G-Tools

新装版日本語の作文技術

講談社 2005-09-10
売り上げランキング : 11729
おすすめ平均

Amazonで詳しく見る by G-Tools

HTMLコーダー100の質問

2010-01-16T11:06:00.005+09:00

最近流行ってるみたいなので。
純粋なHTMLコーダーではないんですが、答えてみた。時折意味の通じないことがあったらデザイナーと置き換えてみてくだされ。

1　年齢は？

26歳（1983年生まれ）

2　パソコン歴は？

8年（大学入学時から）

3　コーダー歴はどれくらいですか？

2年くらい

4　初めてwebを作ったのはいつですか？

7,8年前。大学の情報処理の時間に。手打ちでした。

5　コーダーになろうと思ったきっかけは？

食っていくために必死でしたｗ

6　コーディングは誰に／どこで習いましたか？

基本ネットでググります。

7　web業界以外の友達・家族とコーディングの話をしますか？

ありえないです。

8　ご両親はインターネットユーザーですか？

全くしない。

9　視力はいくつくらい？メガネ・コンタクトどちらですか？

0.01。午前中メガネ・午後コンタクト

10　本はAmazonで買いますか？

読みたい本が近くの図書館になかったら買います。

11　ネットショッピングをしますか？主に買うものは何ですか？

家電？

12　携帯サイトで買い物をしたことがありますか？

ないです。携帯わかりません＞＜

13　お酒は強いですか？

梅酒１杯でヘブンズドアくぐれます♪

14　休日の過ごし方を教えて下さい。

本読んだりしてます。

15　今、欲しいものは何ですか？

OLYMPUS PEN E-P2

16　平均睡眠時間を教えて下さい。

6,7時間

17　平日の起床時間は何時ですか？

6:00

18　なにかスポーツをしていますか？

草野球。去年はノーヒットですた！

19　パソコンと関係ない趣味がありますか？

NO NET, NO LIFE !

20　コーディングに役立つ資格、パソコン関係の資格を持ってますか？

それうまいの？

21　昼と夜、どちらの方が仕事がはかどりますか？

夜ですかね。

22　ブラインドタッチは教本通り10本の指を使いますか？

できない、憧れる。

23　眠い時の対処法はありますか？

外の風にあたってくる。

24　息抜きについ見てしまうサイトはなんですか？

はてブ。

25　他に息抜きにしていることがあったら教えて下さい。

同僚にトイレ相談で絡む（先輩、話したいことあるんですけど...俺うんこしたいんです！みたいなw）

26　仕事上で得意なことはありますか？それは何ですか？

うーないかも。。。

27　仕事中にBGMは聞けますか？能率が上がるのはどんな音楽ですか？

ハウスとかですかね、4つ打ちでドンドンゆーてればいいです♪

28　作業パソコンはWin?Mac?

Win

29　作業パソコンはデスクトップ？ノート？

Desktop

30　作業パソコンのマウスは標準マウスですか？

5つぼたんのやつ。

31　マウスパッドは使っていますか？

つこてる

32　作業パソコンにAdobe製品は何が入っていますか？

Dreamweaver、Fireworks、Photoshop、Illustrator

33　作業パソコンはモニタは何インチですか？

何インチなんですかねぇ…。デュアルです。

34　自宅にパソコン持ってますか？いくつありますか？

MacBookが1台。

35　自宅に作業環境はある？

ある。

36　会社と自宅、作業はどちらがはかどりますか？

会社（イスあるから）。

37　自宅パソコンは家族と共用ですか？

自分専用。

38　自宅パソコンはWin?Mac?

Mac

39　自宅パソコンのメーカーは何ですか？

あぽー

40　自宅パソコンはデスクトップ？ノート？

ノートだけど、23インチのディスプレイに外部出力している。

41　打ち合わせのメモは手描きとテキストどちらがいいですか？

手書き。

42　スケジュール管理は何でしてますか？（手帳・アプリケーション・webツール・モバイルなど）

Google Calendar

43　メーラーは何を使ってますか？

GMail

44　RSSリーダーは何を使ってますか？

Google Reader

45　好きなポータルサイトはどこですか？

やほー

46　ブックマークは何で管理していますか？

delicious

47　不得意だけど使わねばならない技術はありますか？

JavaScript

48　web系の雑誌を購読していますか？

Web Designing, web creatorを会社が定期購読してくれてる。

49　webの参考書は何冊くらい持っていますか？

読んだらすぐ売るのであんまり無いです。

50　お薦めの参考書があったら教えて下さい。

古いけど、僕はこれでCSSを覚えた。

51　参考にしているおすすめサイトがあったら教えて下さい。

vantguarde - web:g

52　コーディングに使ってる、便利なツールを教えてください。

Dreamweaverしかつこてない。

53　コードにコメントはつけてますか？

つけてる。

54　制作過程で、どの作業が一番好きですか？(コーディング、画像作成、検証、打ち合わせ)？

コーディング。画像の切り出しが一番嫌いｗ

55　画像切り出しに使うソフトはなんですか？

Photoshop

56　webデザインに使うソフトはなんですか？

Photoshop

57　検証対象ブラウザは何個ありますか？

最新のブラウザとIE6だけかね。

58　一から新規制作とリニューアル、どちらが好きですか？

リニューアル

59　定期運用と新規制作、どちらが好きですか？

定期運用にちょっとした改善。

60　テーブルコーディング業務はありますか？

てか、できません＞＜

61　新規制作の割合はどれくらいですか？

ほぼ0%

62　iPhoneサイトのコーディングをしたことはありますか？

無いっす、してみたいっす！

63　よく使うJavaScriptがあったら教えて下さい。

ロールオーバーか

64　携帯サイトのコーディング業務をしていますか？

無いっす、携帯わかんないっす！

65　FLASHはどのくらいできますか？

できないっす＞＜

66　いま興味がある技術はありますか？

microformatsとRDFa ですかね。

67　自分の書いたコードは美しい？

「美しい」とかなんて個人の主観であって自己満足じゃね？と最近思うようになりました。

68　ソーステンプレートを作っていますか？

なんかある程度はある。

69　単語登録にタグを登録していますか？

Dreのタグ補完は弄ってある。

70　HTML5、早く実務で使いたい？

特に...

71　CSS3、早く実務で使いたい？

角丸だけデも...

72　コーディングで伸ばしたい技術は？

わかんね。

73　コーディング以外で伸ばしたい技術はありますか？

整理整頓。

74　職場にコーダー専門職は何人いますか？兼務は何人ですか？

デザイナーがコーディングもします。

75　職場のコーダー男女比はどのくらい？

半々。

76　勤務時間は何時から何時までですか？

9:00～18:00

77　通勤時間はどのくらいですか？

20分

78　月の残業時間は最高何時間でしたか？

20時間くらい

79　現在の仕事環境で良いところはどんなところですか？

ないｗ　もっとオサレなとこに引っ越したい！

80　デザイナなど他の仕事とコーディングを兼務してますか？

兼務！

81　職場は服装自由ですか？何か規則はありますか？

自由です。入館証を首から下げる決まりがあります。

82　休日出社や徹夜作業はありますか？

基本ない。

83　プライベートでサイト／ブログを持ってますか？

有

84　プライベートでドメインを持っている。

無

85　プライベートでサーバーを持っている。借りている。

今年は借りようと思ってる。

86　CSS Niteには何回行きましたか？

5,6回？

87　地方のCSS Nite行ったことありますか？

CSS Nite in ISHIKAWA で喋ったw

88　尊敬するwebクリエイターがいたら教えて下さい。

人の心を動かす人になりたいです。

89　旅行に行く時パソコンを持っていきますか？持っていきたいですか？

最近iPhone買ったんでそれで事足りるかなと。

90　好奇心を満たす面白い仕事を無償でやったことがありますか？どんな仕事でしたか？

ない。お金は頂く！

91　ディレクターなどキャリアチェンジを考えてますか？一生コーダーを貫きますか？

基本的な知識は入れつつも特定の技術に特化しないようにはしたい。

92　特定のパートナー（彼女・彼氏・夫・妻）がいますか？相手は同業者ですか？

それどこのリア充だよ！

93　パートナーは同業者がいい？別の職種がいい？

かわいいければなんでも良し！

94　コーダーをやっててよかったなあと思うときは？

TOKUNI...

95　何年後／何歳までコーダーをやるつもりですか？

趣味でやりたいね

96　次の締め切りはいつですか？

特に...

97　コーダー以外だったらどんな職に就きたいですか？

パン屋か雑貨屋さん。いやむしろパン屋兼雑貨屋だ。

98　よいコーダーの条件を３つあげてください。

一貫性、一貫性、一貫性

99　10年後、あなたは何をしてると思いますか？

好きな人と一緒にいたいです。

100　コーダーとしての自分を100点満点で評価してください。

コーダーじゃないんで0点DESU！

ひどいオチでさーせん＞＜

Google Analyticsでページロード時間を計測する

2010-01-13T00:00:00.019+09:00

Advanced Web Metrics with Google Analytics

Sybex 2008-03-31
売り上げランキング : 46583

Amazonで詳しく見る by G-Tools

はい、タイトル通りです。Advanced Web Metricsをパラパラ見てたらおもしろそうな項目を見つけたので自分のブログでもやってみようと思った次第です。ただ、若干古いトラッキングコードを使っている点ともうちょっとイベントトラッキングで遊びたかったので、サンプルコードを改造しています。

注意：このコードは直帰率に影響します。詳しくは後述を参照。

コード実装編

先ずは以下のSCRIPT要素をBODY開始タグの直後に記述しましょう。

<body>
<script type='text/javascript'>
 var Begin = new Date();
 var Start = Begin.getTime();
</script>

 [ ページのコンテンツ]

はい、では次に以下のSCRIPT要素をBODY終了タグの直前に記述しましょう。

<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker("UA-xxxxxxx-1");
pageTracker._trackPageview();
 var End = new Date();
 var Stop = End.getTime();
 var timeElapse = Stop - Start; // stored as millsecond
 var Url = location.href;
 pageTracker._trackEvent(
  'Page Load',
  'Load Time',
  Url,
  timeElapse
);
 } catch(err) {}
</script>

BODY要素の始まりと終わりにDateメソッドでタイムスタンプをして、その差分の時間を見ようって寸法です。そして、その値をイベントトラッキングメソッドに渡しています。トラッキングコードをテンプレートに入れても大丈夫なようにlocation.hrefでそのページのURLも渡しています。

つまり、上記のコードは以下のような構造になっていますね。

1. カテゴリ：Page Load
2. アクション：Load Time
3. ラベル：ページのURL
4. バリュー：ロード時間

コードを記述したらデータが貯まるまで待ちましょうzzz

レポート編

レポートの『コンテンツ』＞『イベントトラッキング』を見るとカテゴリ名が『Page Load』アクション名が『Load Time』って項目が見えてきますのでクリックしましょ。

そうすると、ラベル：ページURL毎のイベント値：ロード時間が確認できるでしょう。まぁこれでは、ちょっとおもしろくないのでデータの見せ方を変えてみましょう。

表示形式（青枠部分）をピボット形式にして、ピボット（青枠部分）の値をブラウザにしてみましょう。なんということでしょう。ブラウザ毎のロード時間が確認できるようになりましたね。今回の計測の場合、FxとIEと比べてみたら断然にFxの方がロード時間が短いという結果も理解できるかと思います。

また、1番のページはフラッシュオブジェクトや画像が多いので他のページよりも重いので、5番のテキストだけのページよりもロード時間が長いのも理解できますよね。レポートの値もそうなっています。まぁ、絶対値がどうとか言うよりもページ毎に比較できるようになったのでこれを参考にパフォーマンス改善していけばいいんじゃないでしょうか。

余談ですが、コードの実装段階でブラウザ情報もJSで取得してイベントトラッキングに渡そうと思ったんだけど、難しくて良く分かんなかった。でも考えてみたらGAの本体コードでブラウザ情報取っているわけだからそれをなんとかできんもんかといろいろ弄ってたら、たまたまできましたｗGoogle Analyticsおもしろいですね。

不具合編

不具合というか、そういう仕様なので仕方がないのですが、このコードを入れると直帰率が減少していきます。ゼロにもなります。というのもGoogle Analyticsの直帰率の定義が１回のGIFリクエストとなっているので。詳しくは以下を参照。

直帰率への影響
一般的に『直帰』というのは１ページだけの訪問と言われています。Google Analyticsにおいて、直帰は１回のGIFリクエストがトリガーとなって明確にセッションとして記録されます。それは、あるユーザーがあなたのサイトに来て、出て行く時に２回目のリクエストをAnalyticsサーバーにリクエストしないようなセッションです。しかしながら、イベントトラッキングが実装するのなら、あなたはこれらのイベントトラッキングコードが実装されているページの直帰率の変化に気づくでしょう。これらは原因はイベントトラッキングがGIFリクエストを発生させるためです。

一回の訪問（ユーザーセッション）で、トラッキングできるGATCリクエスト（イベントもPVも含めて）の最大数はおおよそ500です。

Google Analytics イベントトラッキングガイド | warikiru

つまり、ページを読み込んだ時点でブラウザ情報など基本的な情報がGIFリクエストとしてAnalyticsサーバーに送信されるとともに、ページのロード時間を計測したイベントトラッキングの情報もGIFリクエストされるので1ページ見ただけで２回のGIFリクエストしたことになります。これは普通に2ページ見たのと同じだとGAは解釈するわけで、つまり直帰していないという風にレポートでは表示されます。

そのほかにもマウスオーバーや、ビデオプレーヤのボタンクリックなどページ遷移をしないイベントでトラッキングすると意図しない直帰率の減少が懸念されますので注意してくださいね。

なんか上手い回避方法ないんですかね... せめて回避方法はなくてもプロファイルでフィルタでデータを整理とかできんもんかなと。誰か偉い人教えてください＞＜

[追記]
新たにプロパティID発行してロード時間測定用のオブジェクトとして別で計測すればレポート分離できるなと思いついた。あとで試す。

試したー→　Google Analyticsでページロード時間を計測する（改）

Google Analytics まとめ

2010-01-12T21:30:00.002+09:00

CSS Nite LP, Disk 8 に行ってきてGA熱が高まっているので今までに書いた記事振り返ってみた。あんま書いてないなぁ...

集客力を飛躍的に向上させるGoogleAnalyticsアクセス解析の極意

2010-01-06T22:52:00.007+09:00

集客力を飛躍的に向上させる
GoogleAnalyticsアクセス解析の極意

秀和システム 2009-09-29
売り上げランキング : 11421
おすすめ平均

Amazonで詳しく見る by G-Tools

Google Analyticsの基本的な機能説明だけにはとどまらず、『集客』『誘導』『ゴール』を軸に実際にアクセス解析を行っていく上でのワークフローに基づいた説明は分かりやすかった。

また、毎日見るコース・毎週見るコース・毎月見るコースなどモニタリングすべき指標を挙げてくれている点も、やたら指標・機能が多いGoogle Analyticsにおいては助かります。
あとは、Google Analyticsならではの機能を活かすとして期間比較を多用した説明も印象的でした。

ちょっと、残念な点はサンプルコードにurchin.jsとga.jsのコードが混在していた点ですかね。本書では載ってませんがga.jsでも非同期版ga.jsのコードもありますし、まぁこればっかりはアップデートが早いGoogle Analytics解説本の宿命ですかね。

しかし、全体として非常に分かりやすい印象を受けたので著者の石井さんの他の本も読んでみたくなりました。

そんな石井さんも出演されるCSS Nite LP, Disk 8は今週末の土曜です！
こちらも非常に楽しみです！！

関連エントリ

ライト、ついてますか—問題発見の人間学

2010-01-05T21:39:00.004+09:00

ライト、ついてますか―問題発見の人間学
木村泉

共立出版 1987-10
売り上げランキング : 24618
おすすめ平均

Amazonで詳しく見る by G-Tools

第1部何が問題か？
第2部問題は何のか？
第3部問題は本当のところ何か？
第4部それは誰の問題か？
第5部それはどこからきたか？
第6部われわれはそれをほんとうに解きたいのか？

2009年に読んだ本の中で一番じゃないだろうか。といっても本書自体は1987年出版の古い本で、訳もちょっと堅苦しい感じがするし、アメリカンジョークというか英語的な言い回しも理解に苦しむところが多いが、そんなこと差し引いても内容自体は素晴らしいものがある。

最近自分が悩んでいること、問題をうまく解決できない。それをうまく言語化してくれているといった感じだろうか。まぁだからといって、この本を読めば快刀乱麻を断つが如く問題解決出来るかと言えばそうではないけども、解決する糸口は見えてきたのではないかという手応えはあった。つまり、問題を解決するためにはその問題が何のなのか、ちゃんと理解してこなかったのではないだろうか、僕の場合。

問題とは、望まれた事柄と認識された事柄の間の相違である　P17

キミの問題理解をおじゃんにする原因を三つ考えられないうちは、キミはまだ問題を把握していない　P56

もしある人物が問題に関係があって、しかもその問題を抱えていないなら、何かをやってそれをその人物の問題にしてしまおう　P94

簡単なエピソードに基づいて何が問題なのか、誰の問題なのかなど問題定義の段階を比較的わかりやすく描いている。どれも金言ばかりでマーカーだらけになってしまいそうだけど、特に印象に残ったのが、以下の部分。

問題の出所はもっともしばしばわれられ自身の中にある　P118

著者らの経験によれば、問題が実は問題解決者自身に起因する割合は53.27%にも及ぶ。　P119

53.27%の数字がどこから来たのか知らないけど、問題を解決するときに「何でこんなこともわからないんだよ、バカじゃないのか！？」なんてことを思うこともしばしばある（ごめんなさいｗ）。でも、実際バカなのは自分の方ではないのかと気づかせてくれた点は大きい。思い上がりもほどほどに、冷静になって根本から見直すことも大切ですね。

あなたの話はなぜ「通じない」のか

2010-01-04T22:22:00.003+09:00

あなたの話はなぜ「通じない」のか

筑摩書房 2003-10
売り上げランキング : 104880
おすすめ平均

Amazonで詳しく見る by G-Tools

てっきり僕は論理的に話すためのテクニックが書かれた本かと思っていたが、読んでみたら、他者とのコミュニケーションについて書かれた本で拍子抜けした。

そもそも人も『メディア力』というのがあって媒体としての価値が決まっているから、他の人と同じことを言っても伝わり方が違うと言った現象が起こる。そういった側面から理解される話し方について論じられているのは興味深いが、結局メディア力を上げる方法はステークホルダーとの信頼関係であって、そのためにはお互い誠意をもって対応するなど当たり前というか、当たり前のことなんだけど、それができないんだよ（僕は）ってな感じの結論でちょっと納得できない。

実際、まぁ信頼関係構築なんだろうけど僕はそんなに聖人君子じゃないぞと。嫌みや理不尽なことを言われれば怒ってしまう。でもやっぱり怒ったところで何も解決しない。う〜ん、もう少しなんか分かりやすい例が欲しかったかな...

2010年のほしい物リスト

2010-01-04T06:15:00.007+09:00

ばばっと買っちゃいなよ！

MITSUBISHI 23型液晶ディスプレイ(ノングレア) RDT231WM-X(BK)
	おすすめ平均値段相応、そして中途半端。値段以上の価値はある画面はすばらしい、しかし、欠点もある非常に満足しています何年まったことか Amazonで詳しく見る by G-Tools

PlayStation 3(120GB) チャコール・ブラック(CECH-2000A)
	おすすめ平均お買い得満足です! 最高!! 迷っていますか！？新型PS3の魅力進化 Amazonで詳しく見る by G-Tools

HDMI規格認証済ケーブル『技シリーズ:HDMIケーブル 1.5m』
	おすすめ平均良好です。 2本同時購入しました。めっさ画面がちらちらします。いいですよ Amazonで詳しく見る by G-Tools

BOSE Computer MusicMonitor マルチメディアスピーカー（ブラック）
	BOSE 売り上げランキング : 8062 Amazonで詳しく見る by G-Tools

ロジクールウェブカムプロ 9000 QCAM-200SX

ロジクール 2009-11-13
売り上げランキング : 599

Amazonで詳しく見る by G-Tools

ロジクール Bluetoothマウス M555b

ロジクール 2009-07-03
売り上げランキング : 103
おすすめ平均

Amazonで詳しく見る by G-Tools

2010年の抱負

2010-01-03T14:10:00.006+09:00

あけましておめでとうございますなので今年の抱負でも語っておこうかと思います。
言ったところで僕の性格上、実行するかは微妙ですが言わないよりかはマシだと思うので言っておきます。

英語がんばります！

とまぁ、これじゃ明確な達成ラインがないので、翻訳記事を今年は12本、TOEIC 600点を目標にがんばりたいと思います。

あと、個人的に社外勉強会を主催してみたいと思っているので皆さん来てください。

さて、どうなるものやら...

英語リーディング教本―基本からわかる

研究社出版 2000-04
売り上げランキング : 109
おすすめ平均

Amazonで詳しく見る by G-Tools

金沢ウェブデザイナー忘年会

2009-12-30T11:11:00.012+09:00

webデザイナー忘年会はかわいい女子が多くて幸せでした! みんなエンジニアとかコーディングとかやめてデザイナーになっちゃいなよ。女の園ってヤツが見れるぜ!

webデザイナー忘年会に参加してきました。 « ウープスデザインブログ

ということを耳にしたので、金沢のウェブデザイナー集めて開いてみましたw

まぁ動機の部分は嘘ですが、集まってみたら男女比半々くらいの忘年会になりましたね。エンジニアの勉強会ではありえない比率ですw

ことの発端はvantさんとよくセミナーで会うので、『今度飲みませう』などと言ってたら、忘年会という形で実現しちゃいました。

時間的に急な感じで計画しちゃったもんですから、ATNDなどで募集もかけれず、僕の知っている人らに声をかけた感じになりました。すみません。。。

こうゆうのを開いたのも、思い起こせば１年前のamachangの（エンジニア）新年会がきっかけです。考えてみれば、あそこから北陸エンジニアグループの芽が出て育っていったのではないかと考えています。それのデザイナー版を作れたら良いなと思い開催しました。なので、2010年はこの中からなんかおもしろい人がでてきたら嬉しく思います。

では、皆様よいお年を〜、で、来年もよろしくお願いします。

金沢ウェブデザイナー忘年会参加者Twitterリスト

ハッシュタグは#kz_wdbonen

@t32k　紫のダウンきてダウンしてた人です。（幹事）
@rihito81　メガネA seoです。（幹事補佐）
@in0in0　メガネB D社デザイナー
@er1nk0　2年目のWebデザイナー
@mathme　メガネC！ I社Web担当です　
@yurigoru　（グラフストア）金メッシュの女
@miki_arai　端っこで金メッシュの女と騒いでいる人です。
@grezou　思いっきりちこくしてきた人です！
@shimizoopark　Dのリエコです。
@taki666　カメラ系です！　
@shoito　RIAエンジニア - 福井
@vant　東京から来ました、
@pocotan001　メガネCのDです。
@ohumi_FB　明日も仕事です.....
@takumi0605　友達になって下さい。
@buhibuhimappy　誰かWeb教えて下さい。

金沢ウェブデザイナー忘年会参加レポートリスト

（発見したら追記していきます）

2009年の人気エントリーまとめました

2009-12-26T00:03:00.009+09:00

2009年もそろそろ終わりですね。最近は忘年会ラッシュで若干太り気味です。そんなわけで2009年の人気エントリーをまとめてみるなど年末の風物詩的なことしてみました。

1位　MacBook Late 2006 ハードディスク交換（換装） 9,999PV
ウチのブログの稼ぎ頭です！１月頃に書いて年間を通して貢献してくれました。ポリカMacユーザーさんがまだまだ多いってことですかね。

2位　High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ 8,625PV
初のはてブホットエントリ入りをして、若干ビビリました。もう3日間くらいでこのPVをたたき出した感じですね。自分としても初スピーカーとして喋った内容が皆さんの役に立てたようでホント嬉しい限りです＞＜

3位　ウェブサイトパフォーマンス入門 - ニコール・サリバン 898PV
上記のエントリを書いた直後にアップしたのでこれもちょっと注目されました。思えば去年の冬にYDNのニコールのビデオを見てわけも分からず訳してた頃は、その１年後に彼女のワークショップに参加できるとは夢にも思いませんでした。想いは通じるね。

4位　DOMから始めるJavaScriptモダン・スクリプティング　１〜５回まで 833PV
社内のJS勉強会で教材として選んだ記事のメモ。SEO的にヒットしたのかな。

5位　iPod Touchと過ごした半年 (アクセサリ編) 640PV
ザ・物欲です！

6位　Cookieいろいろ〜！ 513PV
リアルアクセス解析のryuka01さんに紹介してもらって伸びましたね。アクセス解析ネタです。

7位　JavaScript 第5版 11章正規表現パターンマッチング 493PV
やはり、正規表現でググる人が多いと言うことか。

8位　TextMateをProcessingのエディタ代わりにする 479PV
会社でProcessing部なんてこともしてますｗ

9位　Google Analytics コードアップデート 477PV
これもアクセス解析ネタ。Google Analyticsはアップデートが早くて追いつけない＞＜

10位　CSSセレクタのパフォーマンスへの影響 448PV
個人的にこれは知って欲しい知識というか記事。最近パフォーマンス関連の情報が増えてきてどれから手をつけたら良いのか分からないというような状況になってませんか？使えるリソースは限られているわけですから優先度をしっかり見極めて対応してってもらいたいなと思います。

まぁそんなこんなでパフォーマンスネタが多いのかな。来年はこれにアクセス解析ネタをもうちょっとプッシュできたら良いかなと思ってます。アクセス解析＋デザインってゆう分野をちょっと探っていこうと思います。

では、来年もwarikiruをよろしくお願いします。

Panasonic デジタル一眼カメラ GF1

2009-12-23T21:00:00.003+09:00

昨日、会社の同僚と忘年会をしたのだが、すごい発見があった。

GF1がおもしろすぎる！！

この感動を伝えたいｗ

Panasonic デジタル一眼カメラ GF1 レンズキット(20mm/F1.7パンケーキレンズ付属) エスプリブラック DMC-GF1C-K

パナソニック 2009-09-18
売り上げランキング : 3309
おすすめ平均

Amazonで詳しく見る by G-Tools

コンパクト一眼カメラってゆうのかな。自分は写真が詳しいわけではないけれども『メレンゲが腐るほど恋したい』を見てるとすごく写真が撮りたくなるわけ。しかし、絞りとかフォーカスとか被写界深度とか良くわからんないし、一眼買ってもどうせまともな写真が撮れないままタンスの肥やしにでもなるのだろうと半ばあきらめていた。

けれども、昨日の後輩君が持ってきた LUMIX GF1！おもしろすぎます。ほんとシャッターボタン押すだけでそれっぽい写真が撮れます。僕の言う『それっぽい』っていうのは焦点を合わせた物体がくっきり写ってあとはぼけるみたいな。すんません、ボキャブラリーが足りないです。。以下の写真みたいな感じのもんです。

そうそう、俺が撮りたかったのはこーゆの！こーゆのだよ！まぁ、写真ができる人から言わせれば全然なってないのかもしれないけれども、撮ってる本人的には、撮る→なんかそれぽっい！すげー→もっと撮る！みたいな好循環が生まれ、後輩君に返してと言われてもお構いなしに撮りまくってたｗ（ごめんなさい）

ほんと写真撮るのってこんなに楽しいもんなんだと気づかせてくれましたね。

そんで、どんどん撮ってたらもっと上手く撮りたいと思うようになっていろいろ勉強するでしょ。レンズとかも買ってみるでしょ。そう考えたら僕みたいなそれっぽい写真撮りたい人のデジ一眼入門機には最適なんじゃないかな。お値段もお手頃だし。

くどいようだけど、ほっっっっっんとおもしろかったので是非薦めたいｗお金さえあれば僕も絶対買う。てかお金貯める！！

Panasonic デジタル一眼カメラ GF1 レンズキット(20mm/F1.7パンケーキレンズ付属) シェルホワイト DMC-GF1C-W

パナソニック 2009-09-18
売り上げランキング : 3396
おすすめ平均

Amazonで詳しく見る by G-Tools

思考の整理学

2009-12-21T21:05:00.005+09:00

思考の整理学 (ちくま文庫)

筑摩書房 1986-04-24
売り上げランキング : 41
おすすめ平均

Amazonで詳しく見る by G-Tools

『思考の整理学』と聞くと、なんだか難しいそうな感じがするが、すごく分かりやすかった。というのも、本書の構成が5〜6ページのエッセイを30本ぐらいまとまめたものなので、テンポ良く読める。しかも、20年前に書かれたとは思えないほど本書は読みやすい。

本当の頭のよい人が書く文章は分かりやすいというのはこういうことだと思った。まぁ、さすがに、思考の整理の仕方として、スクラッチブックのとり方や、カードノートのまとめ方など時代を感じるところもある。今の時代ならこれがEvernoteやTumblrになっているんだろうかと想像してみたり。

とはいえ、朝にアイデアが出やすいなどの例は何年経ってもかわらないことだと思うので皆も読んでみる良し！最後に印象に残った文を引用。

新しいことを考えるのに、すべて自分の頭から絞り出せると思ってはならない。無から有を生ずるような思考などめったにおこるものではない。すでに存在するものを結びつけることによって、新しいものが生まれる。
P57 触媒

忘れるのは価値観にもとづいて忘れる。おもしろいと思っていることは、些細なことでもめったに忘れない。価値観がしっかりしていないと、大切なものを忘れ、つまらないものを覚えていることになる。これについては、さらに考えなくてはならない。
P115 整理

Akamai勉強会＠Yahoo!JAPAN

2009-12-15T06:50:00.003+09:00

これまた先週の話ですが、Akamai勉強会に参加してきました。 Akamaiと言えばCDN、CDNと言えばYahoo!高速化14のルールの2番目の項目『CDNを使う』ということで、HTTPリクエストを減らす事に次いで、有効な対策として挙げられていますが、個人サイトでCDNを使うなんてことは金銭的に無理な面もあって、特に考えてきませんでした。

完全に自分の中でブラックボックス化してたので、それも良くないだろうと思い、Webデザイナーでよく分からないながらも参加してきました。

受付した！

石川から夜行バスに乗って行ったので、朝から東京に着いていて暇だったので、受付のお手伝いしました。19時に勉強会スタートなので18時30分集合とのこと。10分前行動の僕は18時20分にYahoo!受付に到着！誰もいない。。
とりあえず、受付のお姉さんに受付の手伝いしに来ましたと伝える。

『担当者のお名前は？』と聞かれキョどる!!
『yasuyukiさん？』
『名字は？』
『わからないです。。』

はい、微妙な空気ができあがりました。インターネットの巨人Yahoo!さんと言えども、Twitter上でのやりとりのみで来たってゆうのもアレだなと感じました。

まぁ、そんなこんなしてたら主催者のえxぺのなかのひとが来てくれて一安心ｗ
さすが、天下のミッドタウンってことでセキュリティ厳重ですね。入館パスなど一人ひとり記録していきました。意外にめんどくさかったですｗ

勉強会

肝心の勉強会なんですけども、Akamaiさんのお話は『皆さん大人の対応でお願いしますよ！』ってことで、Yahoo!さんの事例もオフレコってことらしいので、よくわからないガキンチョの僕に書けることは特にないです。サーセンｗ

ただ、印象的だったのが、Akamaiさんが『お金があればなんでも出来る！』と言い、Yahoo!さんは『お金使ってAkamai使えばいいってもんじゃねーぞ！』と言っていたのが興味深かったです。

こんなこと書くとやはり、Akamaiは鬼○だ！って思われそうですがｗ実際のところはそんなことはなく、連発する質問に対して真摯に受け答えしていたのがとても素敵でした。『お金〜』の部分も料金さえ払ってくれれば1000万ユーザー同時接続も可能ですよって意味でAkamaiさんのスケールの大きさを感じました。

Yahoo!さんも何も考えずにAkamaiさんを利用する前に自社で対策できるところは対策しましょうというスタンスで、急激なトラフィック増加の対応などはAkamaiさんを利用したらいいという感じ。別に敵対してるわけじゃないです。なごやかな勉強会でしたよｗ

そんなわけで、バックエンドもフロントエンドもお互い切磋琢磨頑張って行けたらよいなと感じました。大変刺激的な夜でした、主催者の皆様ありがとうございます！

Akamaiさんの内容ですが、基本的に前回行った内容と（最近の事例を除いて）あまり変わらないとのことなのでGeekなページのあきみちさんの記事がめっちゃ分かりやすいので参考にしたらよいかと思います。

参考リソース

Geekなぺーじ : みんなが知らずに使ってるAkamai

インタラクティブな作品づくり - @takumi0605

2009-12-14T20:30:00.003+09:00

先週の木曜日のことですが、社内勉強会（Tech Talks）をしました。今回はご近所のWeb制作会社から@takumi0605さんを招いて、『インタラクティブな作品づくり』という題で講演してもらいました。

今回の勉強会の開催経緯は、CSS Nite in ISHIKAWAでの2次会で@takumi0605さんと出会ったのが始まりです。というか、それ以前にProcessing+金沢とかでググってたらSoda Labというのを見つけまして、石川県にもこんなすごい人がいるんだと思ったら、その管理人が@takumi0605さんってことを後から知って、これはぜひ話が聞きたいと思い依頼しました。

仕事上、Flashをバリバリに使うことがないので@takumi0605さんのように、Flash+PHPとかProcessingでゴリゴリやってるのは非常に羨ましく、尊敬の念すらあります。というか、@takumi0605さんも本業の方ではディレクションがメインになってきてFlashをいじれていないとのこと。そこはプライベートな時間を利用してコンペに出すなどモチベーションの維持に努めているとのことでした。

いやぁ、コンペとか忘れてましたね。クリエィティブな心忘れてましたよ。ほんとイイ刺激になりました。またお話聞かせてください〜♪今回は本当にありがとうございました！

オススメの本

初めてのActionScript 3.0 ―Flashユーザーのためのステップアップガイド
永井勝則

オライリージャパン 2008-08-25
売り上げランキング : 171039
おすすめ平均

Amazonで詳しく見る by G-Tools

Built with Processing [改訂版]

ビー・エヌ・エヌ新社 2008-03-31
売り上げランキング : 176942
おすすめ平均

Amazonで詳しく見る by G-Tools

ハッカーと画家コンピュータ時代の創造者たち
Paul Graham

オーム社 2005-01
売り上げランキング : 9652
おすすめ平均

Amazonで詳しく見る by G-Tools

石川県のWebデザイナーさんで、これについて喋りたいとかあったら@t32kまでご連絡ください。発表の場、設けさせていただきます。ぜひ弊社に喋りに来てくださいｗ

関連エントリ

ベンチャーとHTML5と台風と僕

warikiru

更新終了のお知らせ

CMSの観点から見たWordPress @ohumi_FB

オススメ本

運営メモ

幻想曲 - 孫正義とソフトバンクの過去・今・未来

Google Analyticsでページロード時間を計測する（改）

マネー・ボール

CSS Nite LP, Disk 9「Coder's Higher」で喋ります。

勉強会という装置

なぜ勉強会をするのか？

オーディエンスとして

スピーカーとして

Webディレクターズハック - @ichigami

メモ

音声記録

動画記録

仮説思考 BCG流 問題発見・解決の発想法

ロボットとは何か——人の心を映す鏡

分かりやすい日本語の作文技術 大活字版

HTMLコーダー100の質問

1 年齢は？

2 パソコン歴は？

3 コーダー歴はどれくらいですか？

4 初めてwebを作ったのはいつですか？

5 コーダーになろうと思ったきっかけは？

6 コーディングは誰に／どこで習いましたか？

7 web業界以外の友達・家族とコーディングの話をしますか？

8 ご両親はインターネットユーザーですか？

9 視力はいくつくらい？メガネ・コンタクトどちらですか？

10 本はAmazonで買いますか？

11 ネットショッピングをしますか？主に買うものは何ですか？

12 携帯サイトで買い物をしたことがありますか？

13 お酒は強いですか？

14 休日の過ごし方を教えて下さい。

15 今、欲しいものは何ですか？

16 平均睡眠時間を教えて下さい。

17 平日の起床時間は何時ですか？

18 なにかスポーツをしていますか？

19 パソコンと関係ない趣味がありますか？

20 コーディングに役立つ資格、パソコン関係の資格を持ってますか？

21 昼と夜、どちらの方が仕事がはかどりますか？

22 ブラインドタッチは教本通り10本の指を使いますか？

23 眠い時の対処法はありますか？

24 息抜きについ見てしまうサイトはなんですか？

25 他に息抜きにしていることがあったら教えて下さい。

26 仕事上で得意なことはありますか？それは何ですか？

27 仕事中にBGMは聞けますか？能率が上がるのはどんな音楽ですか？

28 作業パソコンはWin?Mac?

29 作業パソコンはデスクトップ？ノート？

30 作業パソコンのマウスは標準マウスですか？

31 マウスパッドは使っていますか？

32 作業パソコンにAdobe製品は何が入っていますか？

33 作業パソコンはモニタは何インチですか？

34 自宅にパソコン持ってますか？いくつありますか？

35 自宅に作業環境はある？

36 会社と自宅、作業はどちらがはかどりますか？

37 自宅パソコンは家族と共用ですか？

38 自宅パソコンはWin?Mac?

39 自宅パソコンのメーカーは何ですか？

40 自宅パソコンはデスクトップ？ノート？

41 打ち合わせのメモは手描きとテキストどちらがいいですか？

42 スケジュール管理は何でしてますか？（手帳・アプリケーション・webツール・モバイルなど）

43 メーラーは何を使ってますか？

44 RSSリーダーは何を使ってますか？

45 好きなポータルサイトはどこですか？

46 ブックマークは何で管理していますか？

47 不得意だけど使わねばならない技術はありますか？

48 web系の雑誌を購読していますか？

49 webの参考書は何冊くらい持っていますか？

50 お薦めの参考書があったら教えて下さい。

51 参考にしているおすすめサイトがあったら教えて下さい。

52 コーディングに使ってる、便利なツールを教えてください。

53 コードにコメントはつけてますか？

54 制作過程で、どの作業が一番好きですか？(コーディング、画像作成、検証、打ち合わせ)？

55 画像切り出しに使うソフトはなんですか？

56 webデザインに使うソフトはなんですか？

57 検証対象ブラウザは何個ありますか？

58 一から新規制作とリニューアル、どちらが好きですか？

59 定期運用と新規制作、どちらが好きですか？