2007年当時のぼくんちのTV別館
http://archive.org/web/から取得。
2017年1月27日、ぼくんちのTVが10周年を迎えました。
本日はその記念更新です。
ぼくんちのTVは、開設から数年のあいだは本当に小さな泡沫ブログのひとつでしたが、気が付けば、本当に、本当に沢山のみなさまに読んでいただける大きなブログになりました。
毎日のように読みに来て下さるみなさま、そしてTwitter やFacebook、各種サイトで当ブログを紹介してくださる方、メールやコメント欄で色々なアドバイスを下さった方々、すべての方々に本当に感謝ですヾ(*´∀`*)ノ
というわけで、今回の更新では ぼくんちのTV が誕生してから現在までの軌跡を、当時のスクリーンショットを交えながら紹介しています。
ざっくりとしたことを書くつもりが、もの凄く長い更新になりました。
懐かしいスクリーンショットがいくつもありますので、昔からの読者の方は画像だけでも見て行って下されば・・・・と思います m(_ _)m
最初期
- 2007年1月27日
ぼくんちのTV (まだ別館ではない) を開設。
Livedoor ブログでスタートしました。 - 開設当初のデザイン
※ 最初の数日間はデフォルトのテンプレートを利用していました。
※ 当時のスクリーンショットはWebアーカイブにも残っていなかったので、画像は Livedoorのサンプルを拝借しています。
- 3DCGブログとしてのスタートでした。
自分用のメモを書き留めておくためのブログでした。 - 収益面でも一応の目標はありました。
- その目標とは「ブログの収益だけで100万円貯めて、3Dモーションキャプチャシステム PV STUDIO を買おう!」というものでした。
(でも当時のブログ内容からするととても甘い考えでした) - ちなみにその後(100万円貯まるより遥かに早く)、2010年にKinectが登場し、モーションキャプチャは1万5千円ほどで手に入る時代がやって来ます。
- また、後述しますが、この「道楽による道楽のためのお金稼ぎ」という目標はすぐに幻に終わってしまいます。
- その目標とは「ブログの収益だけで100万円貯めて、3Dモーションキャプチャシステム PV STUDIO を買おう!」というものでした。
- 3DCGブログとしてのスタートでした。
- 開設当時のアクセス状況
- ありがたいことに、開設から3日ほどで1日10~30PV程度のアクセスが発生するような状況でした。
- しかし、当時のメインの情報は3DCGのはずなのに、何故か検索エンジンが経由では「動画エンコ系」のネタで訪問する人が多く、どちらかというと「仕方なく動画エンコ系の情報を色々補完するようになった」という状態でした。
(最初は動画エンコ系のネタは各ページ数行ほど書いた程度だった)
- 2007年2月6日
ぼくんちのTV 別館 誕生
ブログ開設からわずか10日ほどで「ぼくんちのTV」に「別館」が誕生します。
- 3DCGブログのはずなのに、検索経由の訪問者の 90%が動画エンコ系のキーワードでの訪問で、「なんか3DCG系のネタを書きにくい。動画エンコ系のネタを隔離しよう」という考えでブログを分離しました。
- 本館・別館の分離にともない、ヘッダに「別館」の文字画像が入りました。
- かなりダサいロゴですが、アクア全盛の当時からフラット系のデザインを目指していました。
- 本館はさくらのスタンダード (MovableType)に移動。
別館はLivedoorブログに残す、というスタイルに。 - 別館ではなく本館を移動させたのは、当時のLivedoorブログは「画像ファイルの合計容量が50MB」という制限だったため、画像を多用する本館はLivedoorブログでは無理と判断したためです。
※ブログ開設1週間で50MBでは足りなくなってしまった。
※ちなみに2007年11月、この制限は大幅に緩和された。
この頃のメインブログは「ぼくんちのTV 本館」。
別館は、本館3DCGブログの「検索避け」としてのスタートでした。
ブログ開始1か月でイキナリ大ピンチに
ここで いきなりブログ運営から脱線した話になります(^_^;
ぼくんちのTVは、ブログ開設からわずか1ヶ月でいきなり「運営停止するかも・・・・」という大ピンチに陥りました。
- 2007年2月25日
- 持病の椎間板ヘルニアが歩行困難なレベルに悪化。
これ以降 数年間、3DCG制作が困難になる。
(左手は ctrl+z,x,c 、右手はマウス、体を支えるのは背骨のみ、という姿勢が困難になった) - という事で この頃からメインのブログは別館にシフトする事になりました。
- 持病の椎間板ヘルニアが歩行困難なレベルに悪化。
- 2007年3月
- しばらく仕事は無理と判断し、勤めていた会社を退職。
ニートになる。
- しばらく仕事は無理と判断し、勤めていた会社を退職。
- 2007年4月
- 椎間板ヘルニアの症状は全く回復せず。
手術を行う。約1か月入院。 - 退院直後に色々と無理をしてしまい、回復はかなり遅れました。
これ以降、3~4年は本当に不自由な生活をしていました。 - ちなみに、腰の状態が「もう大丈夫」と思えるほどに回復したのは 2016年6月頃。完治に約10年かかりました。
- 椎間板ヘルニアの症状は全く回復せず。
- 2008年6月~11月
- 色々あって2000万くらいの借金を作ってしまいます。(そしてこの当時もまだニート)。
- 普通に会社に勤めるのはあと数年は無理だろう、という判断から、Web上で在宅のお仕事を探すようになります。そしてこの頃からブログ運営も収益の一つにしなければ・・・・と色々な試行錯誤をするようになりました。
(ただし ブログ含め 生活できるレベルになるのは2011年頃。軌道に乗るのは2013年頃) - ちなみにこの当時の借金は今年完済できる予定です!
がんばった!>自分
脱線おわり。
お話は2007年に、このブログの話題に戻ります。
そして別館がメインの時代スタート
3DCGツールで遊べない、仕事もないお金もない、遊ぶ元気もない・・・・という状況が続いたことが、現在の別館ブログにつながりました。
ブログを書くことは、とにかく最高の暇つぶしになりました。
- 2007年10月23日
テンプレート改装
最初に作った画像はさすがにダサかったので変更しています。
当時流行りのグラデーションを取り入れてみましたが、実はあまり納得いっていません。
- また当時は 闘病記 や Web制作のお勉強の更新が多く、ツール紹介やWindows Tipの紹介更新はかなり少ないものでした。
- 1日300~500PVくらい。
- 2008年6月29日
クリック済みのリンクは紫色で表示 という、クラシカルなリンクスタイルは、この日から採用しました。
2008年夏、独自ドメイン取得。現在のURLに。
- 2008年8月4日
別館も Livedoorブログ からさくらのスタンダードに移動しました。
この日から ぼくんちのTV別館 は現在のスタイルになりました。
まだ2カラム、左サイドは灰色。
1024x768の解像度に最適化したデザイン。右サイドバーは200px。
これ以外のサイトデザインは今でも大きな変化はありません。この時にフラットなデザインを選択しておいて良かったなあ…としみじみ実感しています。
この時期の詳細
- 2008年7月~8月
- 別館ブログをLivedoor ブログから さくらのスタンダードに引っ越し。
- 1日2000~4000PVくらい。
- 別館ブログから「バックステージ」、「ぼくんちのカルテ」が派生し、Web制作ネタや闘病記が分離。ぼくんちのTVは 4ブログに分かれました。
- ここから別館ブログは「動画エンコ」「フリーソフト」「Windows Tips」の3本のネタが中心になっていきます。
- 2008年8月7日
携帯バージョンが完成 (現在は閉鎖) - おまけ
過去何度か「ぼくんちのTVのデザインはXXXXをパクっている」みたいな話が出たことがあるのですが、その辺で出たお話は全部ハズレです。
ここでパクり元を公開しておきます。
- 大まかな雰囲気 (色合い) は、当時の カラメル を模倣しました。
▼カラメル
ログインページが当時の雰囲気を残しています - またレイアウトの比率 (ヘッダ、本文、サイドバー、余白などの面積比) は、当時のYahoo!ニュースのレイアウトを参考にしました。特に「タテ方向の比率」は、当初は本当にピクセル単位でトレースしていた時期もありました。(すごく勉強になった)
- 大まかな雰囲気 (色合い) は、当時の カラメル を模倣しました。
2009年、3カラム化とアクセス急増
- 2009年1月8日
テンプレート変更。3カラム化。
左に黒いサイドを付けました。現在のテンプレートの原型です。
この頃もまだ1024x768の解像度を想定したデザイン。
右サイドバーはまだ200px。
- 1日6,000PVくらい。
- 余談ですが、この頃は「右サイドバー上部の広告」は、本当にクリックされませんでした。
- その後、Yahoo!がこの位置に広告を掲載するようになった頃から、(このサイトはデザインを変えていなくても) 何故か「右サイドバー上部」は 効果の高い広告配置場所に変化していきました。
こういう現象は不思議ですね(^_^;
- 2009年夏:アクセス急増
- この頃からぼくんちのTV別館は急速にアクセスが増え始め、当時の さくらのスタンダードでは503エラーが頻繁に起きるようになってきました。
- 1日2万~4万PVくらい。
- ちなみに、この頃にアクセスが集中したのは、主に「Windows 7 (RC時代)」のページと「Youtube 障害情報」のページでした。
- そしてこの時期からサイト表示の高速化や、サーバーの負担軽減方法を勉強し始めます。
- 2009年11月18日
- css sprite導入
- 2009年11月23日
- 1. htmlをgzip圧縮できるようにした。
2. .jsファイルや.cssファイルに別途gzipを用意してそれを読み込ませるようにした
3. htmlファイルにExpires headersを付加。一部画像にもExpires headers付加
- 1. htmlをgzip圧縮できるようにした。
- 2009年12月14日
- アクセス解析ツール Mogura PlusX を導入。
以降、現在も愛用中。 - SNS系ブログパーツをJavascript化
当時のSNSボタンはこんな感じでした。 - 当時は サードパーティ製のブログパーツを使うととにかくWeb表示が遅くなったので、自分の勉強もかねてJavascriptは内製していました。
- アクセス解析ツール Mogura PlusX を導入。
2010年: さらに現在のサイトデザインに近づく
- 1月5日
テンプレート変更
この日から 左メニューリストをワンクリックするだけでサイト内のほぼ全部のページへ移動出来るようになりました。 - アクセス数に前年から変化はなく、1日2万~3万PVくらい。
- この頃のテンプレート
現在とほぼ一緒です。
ただし、今と比べるとカテゴリー数がかなり少ないです。
この時期の出来事
- 2010年夏頃
ピーク時 (夜21時台)、 3000PV/hour を超える日が発生するようになり、さくらのスタンダード + php表示では限界を感じるようになりました。
9月に入るとさらにアクセスが増え、夜21~22時は毎日のように503エラーが発生し、本格的にサーバー引っ越しの準備をはじめました。 - 2010年9月27日
サーバー運営に初挑戦。さくらのVPSを借りました。 - 2010年10月5日
画像やcss、jsなどスタティックなファイルを全て別サーバー(さくらのVPS)に配置するようになりました。 - この頃で1日3万~4万PVくらい。
ここまでは、多少PVが増えてきたもののブログの規模は本当に小さかった時代です。この後の変更で、ぼくんちのTVは自分でもビックリするくらい大きなブログになっていきます。
2011年: さくらのVPSで運用開始
- 1月13日
ぼくんちのTV別館、メインサーバーを「さくらのスタンダード」から「さくらのVPS」へ引っ越し。 - 3000PV/hourで503エラーを吐いていた ぼくんちのTV別館 が 7000PV/hour でも余裕でサイト表示できるようになりました。
- この頃のテンプレート
震災後~2013年1月まで東北震災の義援金バナーを表示していました。
画像から見切れていますが、TOPページにアンケートを置くようになったのもこの頃からです。 - サーバーが安定したためか、一気にアクセスが倍増しました。
1日6万PVくらい。
この時期の出来事
- 1月24日
テンプレート微調整
FirefoxとIE6で微妙にズレていたのを修正 - 4月
Adobe CS5 購入。
動画編集にはAdobe Premiere Proを利用するようになりました。
ただ、これを境にフリーの動画ツール紹介がめっきり減ってしまいます。 - 5月14日
テンプレート変更
- スタイルシートとjavascriptの読み込み順を整理
- セキュリティ的に脆弱になっていた部分の修正
- 6月15日
- ようやく「ホームページ」を作る(笑)
▲ ぼくんちのTV ホームページ
1998年~2003年頃に運営していた個人(日記)サイト時代のデザインを復活させました。(このデザインで運営しはじめたのは2000年9月から) - 7月
アクセス解析用にもう一台さくらのVPSを借りる
さくらのVPS (512MB初期バージョン) 3台体制はここからスタート。
- ようやく「ホームページ」を作る(笑)
2012年、このブログの方向性が大きく変化しはじめる
この年からこのブログの方向性が大きく変化しはじめます。
まずは、サイトの外観から紹介。
- 8月9日 スマホサイト完成
▲こちらも今とほとんど変わりません
画像の縮小方法が分からず、我流で無理矢理スマホに最適化しています。 - この頃のPC側テンプレート
9月にサイトハッキング、10月にウイルス感染の被害を受け、ヘッドラインにセキュリティ情報を入れるようになりました。 - 12月8日 サイトテンプレート変更
ブラウザのサイズに合わせ、横幅をフレキシブルに変更できるようにデザイン変更しました (PCサイトのみ)。
- 左カテゴリーメニューが消えないバグの解消ボタン設置
- 右サイドバーの幅が200pxから300pxに。
- ヘッダの広告が468x60 から 720x90に。
- レイアウトの「大きな変更」という意味では、今のところこれが最後の変更です。
この年の主な出来事
- 1月~3月
新PC (Core i7 3930K)購入。KP41病に悩まされる。 - 4月14日
自宅のネット環境に光回線導入。
8Mbps のADSL から 100Mbpsの光に変えてビックリした。 - 6月23日、いわゆる平成の龍馬事件。
サイトの方向性を色々と考えさせられた一件。
これ以降、このブログからTS抜き、地デジハック、DVDリッピングネタが極端に減ってきます。というか意図的に減らしました。 - 9月15日
ぼくんちのTVのサーバー (さくらのスタンダード側)がハッキングされ、ウイルスを仕掛けられる。
- 幸いな事に、ウイルスの設定ファイルが初期設定のまま放置されており、被害はゼロでした。
- また、別館 (VPSサーバー)にはクラッキングの形跡はありませんでした。
- 10月1日
著作権法の一部が改正された。
「技術的保護手段」が施された市販DVDのコンテンツを複製する行為は、個人用途や家庭内利用の範囲から外され、違法となった。 - 10月10日
メインPCがウイルス被害に遭う。
- 本格的なランサムウェアにガッツリと引っかかり復旧に苦労する。
- 2月~3月に苦しんだKP41病や、9月~10月のウイルス被害により、PCやネットのトラブル情報を中心に更新することが多くなってきました。
- 動画変換系のネタに更新がなくなったためか、サイトのアクセス数は前年からほぼ横ばいに。
1日6~7万PVくらい。
2012年: その他の出来事
- 税務署さんが「事業税払え!」と督促してきました。
ぼくんちのTVの運営を含め、前年2011年はそれくらい稼げる所まで復帰できていました。 - ちなみに私は、2008年に税務署から「あなたのやっているコトは事業じゃない」と言われていたので、私は事業税を払わなくても良い仕事をしていると思っていました。
その当時と同じコトやってて「事業税払え」と言われた事にスゲー不満を持った事を覚えています (最初の2年分を 繰越損失できなかったのは痛い)
2013年: 興味は地デジエンコからデジカメ動画の編集へ・・・・
TVのPC録画やDVDリッピングとそのエンコを辞めたら、興味の対象が「デジカメで自分で動画撮影&編集する」という方向に向かっていった・・・・フラットデザインが流行りはじめ、このサイトのデザインに違和感がなくなって来た・・・・そんな1年でした。
また、この頃から少しずつお仕事の手も広げるようになりました。
- この頃のTOPページ
- 2013年6月頃: 文字の大小ボタン追加
- 2013年8月頃: 新着記事に加え、過去記事の更新履歴も表示
- このあたりで2017年1月現在とほぼ同じスタイルになりました。
- アクセス数は1日6万~8万PVくらい。
- 2013年1月に月間300万PVを達成するものの、その後はなだらかにアクセス数は落ちていきます。
- 2013年6月頃: 文字の大小ボタン追加
その他の出来事
- 6~7年ぶりにお金に余裕のある生活ができるようになったため、この年はかなり散財しました。
- 2月16日 GoPro HERO3 BlackEdition 購入
5月12日 Lumix LX7 購入
5月21日 Lumix GH3 購入。
- 2月16日 GoPro HERO3 BlackEdition 購入
- 10月4日
HDD/SSDアクセスランプ点滅中にPCの強制シャットダウンを行う。SSDがクラッシュ。
- 前年10月のウイルス感染と併せ、この一連の復旧作業が現在の「ぼくんちのTV別館」の原点。ここでPCに詳しくなったなあ・・・・という感触が。
実はこれ以前は、そこまでPCに詳しくありませんでした(^_^;
- 前年10月のウイルス感染と併せ、この一連の復旧作業が現在の「ぼくんちのTV別館」の原点。ここでPCに詳しくなったなあ・・・・という感触が。
2014年: 興味は暗号通過へ
暗号通貨にドハマりした年。また、色々と多忙になり、思うようにブログ更新が出来なくなった、遊ぶ時間もほとんど取れなくなりはじめた、そんな年でもありました。
- この頃のTOPページ
ヘッダ右側にMonacoin広告が掲載されています。 - またこの時期からコメント欄が活況になり、TOPページのコメント表示をツリースタイルに変更しています。
多い日は (私のレスを含めると) 1日30件~50件のコメントがある状態でした。 - サイトはとても賑やかになりましたが、アクセス数は1日9万から6万PVくらいへ、徐々にアクセス数は少なくなっていきます。
この頃の出来事
- 2014年1月21日
暗号通貨関連の話題スタート - 2014年2月26日
Mt.Gox、ゴックスする。 - 2014年5月~8月
暗号通貨関連の企画ページ、大盛況。 - 2014年6月4日
Windows Updateに失敗した場合の対処方法ページを公開
- 2014年8月以降、このページでは対処できないイレギュラーな不具合が頻発するようになる。
- このページの補足情報・臨時情報などを追加していったのが、現在のこのサイトの Windows Update の月例不具合情報に繋がっています。
- 2014年9月12日
ぼくんちのTV別館 携帯(ガラケー)バージョン配信終了 - その他
- 暗号通貨はまた本格的に活動したいのだけれど、いまだにその時間が取れない・・・・。
2015年: デジカメ熱再発。Windows Updateに振り回される
体も少しずつ元気になってきた。コメント欄も活況になってきた。それに比例してブログ更新も本格化。それに加えお仕事も忙しくなってきた、そんな1年でした。2015年4月~12月は休日ゼロ。また体を壊しそう・・・・と色々考える所があった1年でした。
- この頃のTOPページ
2015年1月、新着記事と 過去記事の更新履歴を分割表示するようになりました。 - Windows Updateのたびに様々な不具合が発生するようになり、関連ページへのアクセスが殺到するようになります。
毎月2~3週目は、 1日10万~20万PVに。
その他の出来事
- 2月7日
Lumix GM5購入 - 2月21日
ノートンで障害発生。速報&対策ページを作っていたら1日のアクセス数が37万PV超えを記録。さくらのVPSは余裕で耐えてくれた。
(画像の少ないページだから耐えてくれたらしい) - 3月24日
Lumix GH4購入 - 8月22日
AdBlock系アドオンの規制テスト開始 (2016年9月20日終了) - その他
- 2015年8月
2007年~2008年にこさえた借金のうち、一番問題だったヤツが完済できた。
- 2015年8月
2016年: Windows UpdateとWindows10の不具合に振り回される
アクセス殺到しすぎてサーバーが不安定になってしまった。
完全に遊ぶ時間がとれない状況は 昨年と変わらず。1年間で休日は2日。
- この頃のTOPページ
2016年9月3日、コメント欄の停止とMonacoin企画の停止を行いました。
これはその直前のスクリーンショットです。 - 2016年のアクセス数は、平均すると1日30万PV。中央値でいうと1日20万PVくらい (日によって大きなバラ付きがあった)
その他の出来事
- サーバーが限界を迎える
- 5月20日
Windows10強制アップグレードが本格化。
1日80万PVを超え、サーバーがダウンする。
すぐに効果的な復旧を行うことが出来ず、以後1週間程度、サーバーが繋がりにくくなる。 - ちなみに2016年5月は月間980万PV (他の月の1.5~2倍)
Google アナリティクス は 1千万PV超えると 強制停止または有料化すると聞いていたので、すげードキドキしていました。 - 7月20~29日
Windows10無償アップグレード期間終了直前。
再び アクセスが殺到する。1日平均40万PVが続き、1週間ほどサイトに接続しにくい状況が続く。
- 画像の多いページだと40万PVでも限界に近い感じ
- 5月~9月は本当に多忙を極め、サーバー増強に時間を割く事が出来なかった。
- 10月以降、少し時間が取れるようになったのでようやくサーバー増強開始。以下すべてNginxでサーバー構築。
- 10月9日
ぼくんちのTV別館 画像サーバーを さくらのVPS 2GBへ増強 - 10月29日
アクセス解析サーバーを さくらのVPS 2GBへ増強 - 11月18日
ぼくんちのTV別館 本サーバーを さくらのVPS 2GBへ増強 - ちなみに現在は1日10~15万PVくらい。
そしてアクセス数は徐々に縮小。
2014年の1日6万~9万PVに戻りそうな気配。
(2015~2016年が異常だった) - もう1日40万PVとか当分発生しないだろう・・・・という感じで、サーバー増強は完全にタイミングを見誤った感じです(^_^;
- 5月20日
- その他: サブPCがぶっ壊れる。
- 12月25日
度重なるクローン検証とUEFIマザーの検証でサブPC (AsRockマシン)がぶっ壊れました。原因はコンセントを繋いだままSSDのSATAケーブルを差したため。(うっかりミス)
マザーボードがショートして完全に死んだ。
- 12月25日
- 体調面でも色々とあった
- 3月20日頃
花粉症と歯周病が同時に発症。
目が痛いのか、鼻が痛いのか、歯が痛いのかよく分からない症状に悩まされた。眼医者、耳鼻科、歯医者をたらい回しにされた。 - 6月17日頃
椎間板ヘルニアの症状、ようやく良くなってくる。
足の裏と手のひらを同時に地面につける事が (無理せずに) できるようになる。 - その他
約2年 休みのない状況が続いた結果、仕事でミスが多くなったり、作業のペースがガクンと落ちるようになってきた。
弱音を吐くことも多くなり、これではイカンと少し休むようになった。
- 3月20日頃
そして2017年
とりあえず今年は、今のところ良い感じに休めております。
ブログ更新も2日に1回更新のペースを守れており、ひょっとすると年間200件以下の更新に収められるかもなあ・・・・という感触です。
- 現在のTOPページ
2017年1月27日時点のスクリーンショットです。
今のところ昨年から変化はありません。 - 1月27日: スマホページ微修正
2012年に (我流で) iPhone4向けに作成した スマホページ は、Android や iPhone5 以降では微妙にガタついた表示になっていました。
本日、ようやく修正が終了しました。
そしてこれから・・・・
現在、ぼくんちのTV別館のレスポンシブ化を進めております。
2009年の3カラム化以降、8年ぶりの大きなサイトデザイン変更です。
- テンプレ制作中。現在の状況。
本日から新デザインで更新するつもりでしたが・・・・間に合いませんでした(^_^; - そして 2月からは別件のお仕事が始まってしまうので、公開時期はチョット不明となってしまいました・・・・。でも近いうちに大きくサイトデザインを変更しようと考えております。
ぼくんちのTV別館の10年を駆け足で振り返ってみると、こんな感じでした。
今年は少し更新頻度が落ちるかと思いますが、これからも「ぼくんちのTV 別館」をよろしくお願いいたします。