今年1年のアフィリエイト収入は義援金として寄付します

さて、様々なところで支援のための募金が開始されていますが、当ブログの今年1年(2011年1〜12月)のアフィリエイト広告の収入を全て募金に回すことにしました。

災害により業界の経済が停滞するのは避けたいところです。色々考えたところ、復興支援に役立てつつ経済を回す方法として、この選択を考えました。Flash業界の方たちが普段の仕事をしつつ、たまにこのブログの記事が役立つことがあり、たまたまアフィリエイトの広告をクリックしてもらえれば、それが復興支援に繋がるという流れです。集まった義援金は日本赤十字社に寄付します。

もともとアフィリエイト広告の収入はオープンソースプロジェクトへの寄付を中心に使っていましたが、毎月 1.5 万円くらい収入があるので 12 ヶ月で 180,000 円くらい募金できるかと思います。（アフィリエイトの収入って公言NG？)

※これとは別に個人的にも募金しています。

AIR for Android書籍出版イベントの受講料も義援金に

また、今週末3/19(土)に予定しているロクナナワークショップ イベント企画の「AIR for Android ベストプラクティス」ですが、受講料を「東北地方太平洋沖地震」で被災された方々を少しでも支援するため、ロクナナさんのご厚意で義援金として日本赤十字社に寄付することになりました。

震災後1週間目でのイベント開催は控えるべきかという雰囲気もありますが、被災しなかった地域は被災した地域の分まで経済を活性させたほうがいいと思います。ご自身の勉強になりつつ、同時に被災地域への義援金になりますので、よければご参加くださいませ。

• http://event.67.org/android/20110319/

（追記：平成23年3月15日）

3/19(土)に予定していたイベントについてですが、状況が日増しに悪化していくので、安全をとって中止することとなりました。申し込まれた方に関しましては大変ご迷惑をおかけし申し訳ございませんでした。

関連記事

• BeInteractive! [JellyPics 無料化など]
• アフリエイトを義援金へ、そして+5%計画発動 | イナヅマtvログ
• AIR for Android 解説本の出版とセミナーイベント開催のお知らせ

今年もあと 2 日。昨年に続き今年の当ブログアクセス解析をまとめてみました。期間は 1/1〜12/29 の 12 ヶ月分で、 Google Analytics で集計しています。今年は年間を通して忙殺されていたため本数が激減しており、執筆したブログ記事は昨年の3分の1となる 51 個でした。

ただし過去の蓄積された記事がロングテール的にアクセス解析の結果を押し上げており、年間のPVは昨年の２倍となる 1,146,750 PV / 613,880 セッションという結果となりました。

それでは以下詳細です。

年間ブログアクセス TOP 10

HTML5 の記事がダントツの PVとなっているなど、Flash と HTML5 の動向について注目が集まっていたのが特徴です。

1. Flashだとここまでできる! HTML5とFlashの機能比較(180,185PV)
2. Flash 3Dの学習サンプル集(36,870PV)
3. 各社Androidタブレットの製品情報をまとめてみた(31,598PV)
4. Papervision3D チュートリアル(26,876PV)
5. FlashDevelopとFlex SDKのインストール(26,819PV)
6. Android 2.2のスマートフォンでFlashサイトを鑑賞(12,518PV)
7. AIRアプリ「カス削除くん」(11,319PV)
8. Flash CS5 で iPhone アプリが開発できる(10,927PV)
9. 次の世代のFlash Playerは凄いことに！(10,823PV)
10. Adobe CS5が発表されました(9,662PV)

今年書いた記事のはてなブックマークTOP10

今年は被ブックマーク数が伸び悩みました。代わりに Twitter で紹介されることが多くなったのも一つの特徴かと思っています。

1. Flash 3Dの学習サンプル集(1,190ブクマ)
2. 次の世代のFlash Playerは凄いことに！(263ブクマ)
3. CanvasタグとJavaScriptで3Dのデモ(84ブクマ)
4. AS3でよく使われる変数名の意味をまとめたよ(67ブクマ)
5. FlashDevelop 3.1.0 RTMが登場(56ブクマ)
6. 「FlashDevelop完全ガイド」という本を執筆しました(48ブクマ)
7. AIRアプリ「カス削除くん」(44ブクマ)
8. Flashに関する有用なTwitterまとめ(41ブクマ)
9. AIRアプリ「Easing Generator」(39ブクマ)
10. Adobe AIR for Andriod公開(31ブクマ)

ちなみにビジュアルブログ検索エンジン [Blogopolis]で、Flash界隈のブログの上位被はてブ数を確認すると、今年は 3 位に上昇しました。少しづつですが、上位との差を詰めつつあるので来年は被はてブを狙えるような記事を量産していきたいと考えています。

1. てっく煮ブログ 25,265 ブクマ
2. _level0.KAYAC 9,843 ブクマ
3. ClockMaker Blog 8,740 ブクマ

キーワード TOP 10

当ブログは Flash を中心としたブログの位置づけですが、キーワード流入の大半は「HTML5」や「Android」という不思議な現象が起こっていました。業界がそれらに注目しはじめたからこそだと思いますが、「実際のところ HTML5 は Flash にとって替わることができるのか」を紹介できたことは今年一番の当ブログの成果だったのではと思っています。(参考1, 参考2)

1. 「html5」(90,103 セッション)
2. 「android タブレット」(14,911セッション)
3. 「papervision3d」(9,246セッション)
4. 「clockmaker」(9,083セッション)
5. 「html5 flash」(7,338セッション)
6. 「flashdevelop」(4,196セッション)
7. 「flash 3d」(3,146セッション)
8. 「ストリートビュー 撮影方法」(3,011セッション)
9. 「flash html5」(2,988セッション)
10. 「cs5」(2,812 セッション)

ちなみにAndroidでの流入は数ヶ月で急上昇しており、来年は間違いなくAndroidの年になると考えています。FlasherにはiPhoneやiPadの所有者が多い印象がありますが、次に購入の機会がありましたらAndroid端末をおすすめしておきます。

それでは来年もClockMaker Blogを引き続きよろしくお願いします。

昨年までの年間アクセス解析記事

• 当ブログの年間アクセス解析 2009
• 当ブログの年間アクセス解析 2008
  

さっそくですが、ClockMaker.jpをリニューアルしましたのでお知らせします。

Labs のリニューアル

• http://clockmaker.jp/labs/

ブログやwonderflで公開したFlashデモを掲載しているギャラリーページをリニューアルしました。基本的にはデザインの変更が主な目的ですが、内部的には作品がよりパフォーマンス高く再生できるようにロジックを改良しています。プチリニューアルにあたり、今まで掲載していなかったデモも掲載してます。

Blog のプチリニューアル

• http://clockmaker.jp/blog/

ブログのほうはデザインのプチリニューアル。情報伝達というブログ本来の役割を意識して可読性を挙げるように意識しました。

• 本文エリアの横幅を広くした
• 全体的にフォントサイズを大きめにした
• カテゴリーの再編(日本語を積極的に利用するようにした)
• サイドバーの整理(不要な要素を削除した)
• 掲載している広告の数を少なくした

それでは、本年もどうぞ ClockMaker.jp をよろしくお願いします！

wonderflの登場

wonderfl自体は昨年2008年12月の登場でしたが、今年一年でFlasherに与えた影響が大きかったサービスだと思います。

BillionMilesAway Blogに紹介されているとおり、「無名だったFlasherたちが一気に有名になったり、普段はWebをやってない人たちが遊び半分で作ったものがすごかったりと」という文章が、結果を物語っていると思います。

ブログを持っていない方のコードであったり、世に出すまでもないような実験コードも投稿されることで、全体的には公開されているFlashのデモの数が大量に増えました。

コードをfolkすることでロジックや表現が昇華されていき、Flashそのものの可能性が大きく開かれたことも見逃せません。パーティクル祭などは好例で、高速化の検証や通信系の新手法(twitter連動、union プラットフォームの利用)など先端的なナレッジが広く知られるようになりました。このあたりはBeautiflのPV順を見れば、秀逸な作品がどれだけあったかがわかります。

私自身も非常に学ぶことが多く、この一年のスキルアップの大半はwonderflの影響があったと思っています。

twitterの普及

昨年以前もtwitterは流行っていましたが、今年はFlasherの間では完全にキャズムを超えました。FlasherがTwitterを始めることで得られるメリットもブログの記事にまとめましたが、最近はTwitterを使っていないと機会損失するケースが増えてきたように考えています。

• FlasherがTwitterを使うことで得られる7つのメリット

Twitterではバズりやすくなっており、情報の波及がより早くなっています。TwitterのURLのクリック数は計測できますが、ブログの記事を書いた直後30分以内に平均150 クリックが得られています。より多くの方にバズったとき(RTされたとき)は最大で600 クリックほどの効果があり、ブログ運営する中でも非常に有効なメディアとして見ています。

ちなみに参考までにお知らせすると、RSSリーダーのクリック数は一日一記事あたり100前後で、長期間的には平均200クリック(1700ビュー)ぐらいです。あっ、ちなみに全文配信してますが、RSSリーダー上だとデモの再生が正しく表示されないので、ブログ上で読んだほうが良いですよ。

※最近はRSSリーダー離れが進んでおり、Twitterで代用されている方も増えてきたようです。

また、私の経験で言うとBeautiflの立ち上げやFlashDevelop.jp を立ち上げはTwitterのコミュニケーションなしでは起こりえないものだったことも、書き残しておきます。

逆にtwitterが普及したデメリットとしてブログ記事が減りました。ブログ記事の場合は実装するに当たっての思考や技術的な解説が書かれることが多かったため、この傾向はちょっと寂しいかと思っています。

要はコードのコピペばかりで問題解決するのはNGで、考え方のヒントやインスピレーションを得て応用していくことのほうが大事だと思うからです。。

来年は

Flash CS5のFlashからiPhoneアプリが作れるようになったり、スマートフォンでのFlash Player 10.1の搭載、AIR2.0 (?)など、新しい技術がでてくるので楽しみにしています。ブログの投稿は失速させずに、勉強していきたいと思っていますので、来年も引き続きよろしくお願いします。

年間ブログアクセス TOP 20

まずは1~10位の発表から。

FlashDevelopが1位・2位独占。PV3DもそうですがProgressionのチュートリアル記事も上位にありました。

つづけて11〜20位の発表。

「フレームアクションからはじめるPapervision3D」シリーズが20位までにすべて入っています。フレームアクションとかスクリプト不要といった文字がタイトルに入ってると、好まれる傾向があるようですね。。

今年書いた記事のはてなブックマークTOP10

FlashDevelopの導入記事が、夢の1200ブクマを記録し当ブログの代表的な記事となりました。Flash関連の最新情報や、入門編記事ははてブが集まりやすい傾向があるような気がします。

キーワード TOP 5

1. flashdevelop  -  10047 セッション
2. papervision3d  -  9381 セッション
3. clockmaker  -  5729 セッション
4. flash cs4  -  4192 セッション
5. tweener  -  3704 セッション

例によってFlashDevelopとPapervision3Dが当ブログの二大キーワードとして君臨しています。傾向としてブログ名の「clockmaker」が毎月上がってきておりブログ名の認知が広がっているようです。昨年はほぼ皆無的な数字だったので、この結果にはとても満足に思っています。

ブラウザ別の割合

1. Firefox – 49%
2. Internet Explorer – 26.4%
3. Safari – 12.3%
4. Chrome – 7.8%
5. Opera – 2.6%

Web関連のブログなので、やはりFirefoxが半分近くの数字となりますね。

都道府県別アクセス数の割合

1. 東京 -  41.42%
2. 大阪 – 8.80%
3. 神奈川 – 4.87%
4. 愛知 -  2.90%
5. 福岡 – 2.28%

なんと当ブログ、半分は東京と大阪の2大都市圏からのアクセスが占めています。業界的に特に東京に集中しすぎじゃないですかね。

ちなみに地元の和歌山だとたった0.16%で、全国47都道府県中43番目でした。だいたい何のランキングを見てもあの県はいつもそのぐらいの順位なのですが…

というわけで

以上、今年最後の記事として年間レポートをお送りしました。見逃したエントリーなどがありましたら冬休みのひまつぶしに見てやってください(笑)

それではみなさん、良いお年を！

10月の月刊人気PVランキング TOP5

• 1位(→)：無料でFlashの制作環境が整えられる! FlashDevelopとFlex SDK 3のインストール方法(ビデオ付き)
• 2位(new)：待望のニュース！Flash CS5 で iPhone アプリが開発できる(Flash CS5最新情報の翻訳も)
• 3位(↓)：フレームアクションで覚える Papervision3D チュートリアル Vol.01
• 4位(→)：FlashDevelopのインストール(+Flex SDK3)
• 5位(new)：FlashDevelop.jp を立ち上げました(サイトができるまでレポートも)
• 6位(new)：Flash制作に欠かせない3つの設定・clockmaker編
• 7位(↓)：Tweenerを使って一枚の画像を超シンプルにボタンにする方法
• 8位(↑)：Flashでやってしまいがちな14個の間違った使い方
• 9位(↑)：Googleストリートビューの実現方法を調べてみる
• 10位(↓)：Flash CS4の新機能 日本語でまとめました

※先月9月のランキングはこちら

ランキングの考察

10月も忙しかったため10月の新規記事は少なかったのですが、11本中ランクインしたのは3本のみ。長期的にみるとPV3DやFlashDevelop、Tweener等の導入記事が人気のようです。

11月のブログは

9〜10月と記事の投稿が落ちついていたので、今月はそろそろ勢いを戻していきたいと思います。Papervision3DやProgression3の記事を増やしていけたらいいですね。

昔のランキング記事

• ClockMaker Blog 月間人気エントリーまとめ(2009/09)
  

９月の月刊人気PVランキング TOP5

• 1位：無料でFlashの制作環境が整えられる! FlashDevelopとFlex SDK 3のインストール方法(ビデオ付き)
• 2位：フレームアクションで覚える Papervision3D チュートリアル Vol.01
• 3位：Mac OS X 10.6 Snow Leopardを入れてみたよ
• 4位：FlashDevelopのインストール(+Flex SDK3)
• 5位：Beautiflができるまで〜制作レポート〜
• 6位：Flash 10の機能は思っていた以上に実用的かも
• 7位：Tweenerを使って一枚の画像を超シンプルにボタンにする方法
• 8位：Flash CS4の新機能 日本語でまとめました
• 9位：[アンケート結果]ActionScriptで人気のあるエディターは!?
• 10位：Flashでやってしまいがちな14個の間違った使い方

ランキングの考察

9月は忙しかったこともあり(現在進行中)、記事の数は少なめの8つでした。その8つの記事のうち5つがランキング外で、昔の記事が上位を独占しています。まさにSEO恐るべしといったところでしょうか。

はてブの効果は絶大

ちなみに、はてブを集めた記事はその後も高いPVとなる傾向が強いようです。この考察は前に「優良なFlash系記事がはてブに挙がってこないのはFlasherにDeliciousユーザーが多いから」という記事を書きました。PVとはてブの相関関係は精査したわけではないですが、既存のDelicousユーザーがはてなブックマークに移行すれば、Flash系ブログ全体のPVが上がり業界的にプラスに働くことが大きいのでは、というのが私の考えです。少なくとも BlogopolisのFlash市がもっと大きくなると思います。

10月のブログは

まだまだ忙しい時期は続くのですが、お勧め書籍の紹介や、あるユーザーコミュニティーの紹介など書きたいことはたくさんあるので、できる限り時間を見つけてアウトプットしていきたいと思います。

おかげさまで当ブログは1年を迎えることができました。

始めた頃は雀の涙程度(10pv/日)のアクセス数でしたが、今は平均2,000PV/日(ピークは6,700PV)を安定するようになり大変ありがたく思っています。Icon Generatorや英語ブログもそこそこ好評で、サイト全体をあわせると1.5倍ぐらいの数字となります。

今回はブログを初めて変わったことを紹介してみたいと思います。

ブログでスキルアップ

一番に声を大にして言いたいことは、スキルアップにつながると言うことです。

結果から言いますと、はじめはこんなしょぼいPapervision3D のデモしか作るスキルがありませんでしたが、今はこれとかこれがサクっとデモにおこせるスキルまで成長することができました。

Labsに投稿しているデモは時系列(最新)順ですが、上になるほどスキルを要するものになっているので、そこでも伝わるかと思います。

※念のためお伝えすると、Labsはコピペして使うような無料サンプルではなくFlash表現の幅を広げるためにオープンに公開している勉強のメモです。

継続は力、続ける方法を自分で見いだせるかが鍵

一番難しいのは、ブログを継続させられるかだと思います。ブログを続けるためにはインセンティブモデルを自分で作ることができるか、ではないかと思います。例えば、

• アクセス数
• コメントでの反応
• 他ブログでの紹介
• wonderflの反応
• twitterの反応
• アフィリエイト

といったモチベーションにつながるファクターを自分で定めました。そのおかげで、次のデモは前のものを超えようというプラスのループにもっていくことができました。

• Flashデモを作る→インセンティブがある→より良いFlashデモを目指す

記事を書く度にそのスカラーが大きくなり、結果的にアクセス数上昇とスキルアップにつながっていったのかと思います。

ブログを始めることで幅が広がる

ブログを運営していると、Flash単独のことばかりでなく、どうしたら記事の質を高められるのか、アクセス数を増やせるのか、というところに目がいくようになります。

つまり、ウェブサイト制作に必要な

• 企画
• リサーチ
• ライティング
• HTML/CSS/JavaScript コーディング
• PHP/データベース
• SEO
• アクセス解析レポートの分析力
• サーバー周りの知識
• ちょっとした予算周り

などが養われます。

私自身はFlasherという肩書きでやっていますが、大きなくくりで見たときにWeb屋であるので、自分一人でウェブサイト制作ができるかは重要かと考えています。仕事でブログで勉強した知識が役立つことはたくさんあります。

今後の方針

アクセスログを見ると土日のアクセス数が極端に低かったり(＝仕事のツールとしてしか使ってない人が多いということです)、Flash系ブログの投稿が1~2年前に比べ頻度が落ち着いてきた感があるなど、常々感じていることがあります。

今までは当ブログは自己の勉強メモのスタンスでしたが、今後はプライベートでも仕事でも「Flashを作ることは楽しい」がというのが伝わるようなブログを目指していきたいと思っています。

今後ともどうぞよろしくお願いします。

参考サイト

• 親友へ。ブログを書こう。 – IT戦記
• fladdict.net blog: 知的生産性のツールとしてのブログ
• すごく楽しかった Flash 談義のログをまとめてみたよ – てっく煮ブログ

年間ブログアクセス TOP 30

GoogleストリートビューとFlash CS4が1位・2位

1位はGoogle ストリートビューのエントリー。これは当ブログの初スマッシュ的存在で、投稿した当日からYahoo!とGoogleによって大量にアクセスがありました。それまでは100PV/日とひっそりとしていたブログを10倍近くブーストした立役者エントリーです。2位のCS4紹介記事は初のはてブホットエントリー入りした記事です。1位2位がロングテールで言うところの「ヘッド」となってます。最近はCS4発売したこともありCS4記事が伸びているので、年末には逆転していることでしょう。

• Googleストリートビューの実現方法を調べてみる
• Flash CS4の新機能 日本語でまとめました

Papervision3D系エントリーを中心に

ブログを始めた7月にはこんなちゃっちぃサンプルしか作れなかったのですが、8月上旬からPapervision3Dを中心としたブログとなっていきました(当初はストリートビューのパノラマをPV3Dで実装したかった)。

• CubicVRをPapervision3D 2.0で作るPart.01(Cylinder編)
• CubicVRをPapervision3D 2.0で作るPart.02(Cube編)
• CubicVRをPapervision3D 2.0で作るPart.03(Sphere編)

PV3D系の記事で一番嬉しかった出来事はProgressionと連携した「3Dの画面遷移エフェクト完成」です。バリバリのFlash実装系エントリーにも関わらず、はてなブックマークで健闘してくれてホットエントリー入りしました。これをきっかけに「ClockMaker Effects」の開発にチャレンジすることなりました。

• ProgressionとPapervision3Dの連携 No.03
• Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects

意外と注目されていたFlex記事

Papervision3D系のエントリーが上位を占めましたが、注目的なのは8番。ExcelファイルをFlexで読み込むというRIA系な記事が、上位にランクインしました。RIAでのFlash需要が伸びて来たということでしょうか。私としてはもっとFlexなWebアプリ/AIRアプリが増えて欲しいので嬉しい限りです。

• FlexでExcelファイルを読み込む

キーワード

1.    「flash cs4」　4.70%
2.    「cs4」　4.69%
3.    「papervision3d」　2.75%
4.    「ストリートビュー 撮影方法」　2.75%
5.    「flashdevelop」　1.98%

ここからは他の集計情報も紹介したいと思います。キーワードでも「CS4」「ストリートビュー」が活躍しています。「Papervision3D」のキーワードではGoogleの検索結果の2ページ目でなかなか上位にいけないのですが、それなりに健闘していると思います。「Flash Develop」が多いのは特に意図していなかったので意外でした。

Flash Player のバージョン

1.    9.0 r124　53.12%
2.    10.0 r12　27.81%
3.    9.0 r115　7.24%
4.    9.0 r45　2.29%
5.    (not set)1.92%

バージョン9以上が96%以上でした。Flashデモ系ブログとしては妥当な数字だと思います。7以下のFlash Playerもごくごく少数いて、4や5もわずかばかりいるようです。(古いバージョンはセキュリティー的に良くないのでアップデートされることをオススメします、とか言ってみる)

ブラウザ

1. Firefox　47.36%
2. Internet Explorer　34.36%
3. Safari　9.95%
4. Chrome　5.34%
5. Opera　2.08%

IEよりもFFが多いあたりがWeb関係者が多くアクセスしていることを物語っているように思います。余談ですが私はUIのレスポンス速度重視なのでMacではSafari、WinではChrome派です。

国/地域の情報:Japan

1.    Shinjuku　13.86%
2.    Shibuya　11.08%
3.    Tokyo　7.75%
4.    Osaka　7.43%
5.    Chiyoda　4.10%

多くは東京と大阪のアクセスでした。地図でご覧になると地方からもアクセスがあるものの都市部に二極集中していることがわかります。Flashは広告市場をメインにしているため、Web制作会社の多い都市部からのアクセスが増えるのでしょうね。

以上、今年最後の記事として年間レポートをお送りしました。見逃したエントリーなどがありましたら冬休みのひまつぶしに見てやってください(笑)

それではみなさん、良いお年を o(^-^)o

ちなみにサーバーを変えた事でどのくらい早くなったかというと、、

ブログのトップページのHTMLで1レスポンスまでの時間をFirebugで確認してみたところ、ロリポップのときは約800ms、hetemlでは約250ms。なんと数字の上では3倍以上高速です。他にも色々影響を受けるので一概に言えませんが、体感的にもサクサク感があります！

最近は繁忙期につき更新が留まっていますが、これを期にブログも早く再開したいと思います。今後ともClockMaker Blogをよろしくおねがいします。