Lunarian's Blog

最近、もっぱらHTML/CSS/JS/PHPを利用して、サイトを作成したり、リニューアルしたり、管理画面を作ったり、コンテンツを作ったりという仕事が多いです。仕事場でも家でもそんな仕事をしています。

そんな中で、ある程度の量のWebコンテンツページを作成していく際に、効率的に作成できる思考過程を簡単にまとめたいと思います。とはいえ、あくまで自分用です。

１．最初の段階

最初からいきなり描き始めて良いのは、１ページで完結するようなコンテンツくらい。私の場合、それ以上の分量のコンテンツだと破綻したり取りこぼしたりする。

まずは、漠然としたイメージを作る。そして、完成形というか、どの程度のレベルのコンテンツを作るのかを検討する。
ここでいう「レベル」は、「プロが作成した集客（CV)を前提にしたコンテンツ」とか「ブログの閲覧数を増やしたいコンテンツ」とか、そういうコンテンツに必要とされる完成度を指す。

この段階を満たすためには、ライバルサイトがあるならまずそれらを片っ端から参照する。また書籍などがあれば、それらも合わせて通読していく。

２．コンテンツに何が必要かを決める

全体像を設定する。目的とレベルが明確になっていて、そのコンテンツについてそれなりの知識がついたら、そのコンテンツの目的に合わせて、「これについての記述は必要か不要か」の区別が付くはず。

そこで、自分のサイトコンテンツに、「何が必要か」をまずピックアップしてまとめる。書籍で言うと、目次を最初に作るイメージ。

こうすることで、サイトコンテンツの全体像を把握できるし、完成形をより具体的にイメージすることが出来る。
この段階では個別のコンテンツについて深くは突っ込んで書かない。書いてもポイントだけ。

この段階で内容を書かずに、「何を書くのかを明確にした上で、全体像を把握しているという状態」を作り出すのが重要。この状態でしばらく通勤時間やトイレなどの時間に考えたりすることで、思考がより深く「ポイント」となる部分をえぐり出せる。

３．コンテンツを埋める

前回までの段階で作成した目次・ポイントまとめに従って、個別のコンテンツを埋めていく。

という感じで進めていくと、私の場合、効率的かつ頭のメモリーと時間を無駄に使うこと無く作成ができます。

あの2011年3月11日の震災直後くらいに、同居の彼女さんに使ってもらっていたMacBook（Mid 2007）のHDDがクラッシュしてしまい、使えなくなってしまっていました。
ついでに、バッテリも以前から膨張して、いわゆる妊娠状態になっていました。

その二つの症状のため、「そのうち直そう」と思いつつ放置して、若干忘れていました。
年末に、一台PCが欲しくなり中古のモノを探そうと心の中で思っていたところ、ちょうど引っ越し作業が重なって、その作業のさなかMacbookが出てきたので、「おぉ、これ直せば良いじゃん」と思って直すに至りました。

HDDの選定と交換作業

HDDの選定について

MacBook（Mid 2007）が、搭載するHDDは、2.5インチの厚さ9.5mm以下のもので、インターフェースは、SATAとなります。
基本的にこの条件に合うモノは、普通に認識するはずです。

クラッシュ前、Snow Leopardにバージョンアップしてから発熱が気になっていたので、回転数は5400rpmのものにしようと決めていました。

また、SSDも当然検討対象に入るのですが、メディアサーバーにしたかったのと、なるべく安く済ませたかったので、HDDということにしました。

今現在（2012年1月）、タイの洪水によるHDDの値上がり現象が収まっておらず、一時期に比べて値段は高いですが、まぁよしとしましょう。

そんなわけで、日立グローバルストレージ（HGST）の「HTS547550A9E384」にしました。

選んだポイントは、上述の条件を満たし、ツクモの年末感謝セールで6700円くらいで購入でき、即納だったことです。

HGST HTS547550A9E384 ノートPC内蔵用 2.5インチHDD SATA/500GB/5400rpm/BULK

posted with amazlet at 12.01.05

HGST
売り上げランキング: 54804

Amazon.co.jp で詳細を見る

HDDの交換作業について

MacBook（Mid 2007）のHDDの交換作業については、Appleの公式マニュアルが公開されている（→該当PDFリンク）。

実際の作業には、極細のプラスドライバー（マイナスでも可）と、T8のトルクスドライバー（星形のやつ）が必要になる。
T8のトルクスドライバーについては、品揃えが良いダイソーでも売っているようだが、私の家の近くのダイソーには、T8は無かったので近くのホームセンターで購入した。300円くらいだった。

あとは、PDFのマニュアルに従えば、基本的には、ものの10分もかからずに交換作業は終わる。

交換作業が終わったら、オプションキーを押しながらMacBookを起動し、MacOSのインストールディスクを入れてインストールを進めるだけだ。

途中インストール作業中、「どこにインストールするか」を聞かれる画面で、「HDDが出てこないじゃないか」と思われる方も居るかもしれないが、そういう時は、上部のメニューバーから［ユーティリティ］→［ディスクユーティリティ］を起動すれば、ちゃんとHDDが認識しているのがわかるはず。ここで、インストール用のパーティションを作成して、インストールに戻れば良い。

なお、MacBook（Mid 2007）は、MacOS X Tiger（10.4）搭載のモデルで、Snow Leopardをインストールするには、ライセンス上、Snow Leopardパッケージでは無く、Mac Box Setを購入する必要があるので注意。

Mac Box Set

posted with amazlet at 12.01.05

アップル (2009-08-28)
売り上げランキング: 628

Amazon.co.jp で詳細を見る

バッテリの選定と交換

バッテリについては、純正品を購入するのが一番良いが、安く済ませたかったので非純正品を購入することにした。
これまた似たようなのが色々あってややこしいのだが、私は以下のものを購入して問題なく使えている。
とはいえ、右写真のように、若干色がちがったりするので、こだわる方は注意されたい。

APPLE MacBook 13インチA1185 対応バッテリー【ホワイト】

posted with amazlet at 12.01.05

なし
売り上げランキング: 28323

Amazon.co.jp で詳細を見る

一部のノマドワーカーで話題になっていたノマドワークにぴったりなバッグ「zenbag」がついに届きました。

zenbagとは？

zenbagは、TAROSITE.NETを展開されている、松村太郎さんがプロデュースしたiPadがすっぽり入るショルダーバッグで、実際にノマドワーカーとして海外でも活躍されている松村太郎さんが考案したということで、かなりコンセプチュアルなバッグになっています。

入るものを限ったバッグ、いわば断捨離バッグとも言えるもので、「小型なのにノマドワークに必要なものが全て入る」というようなバッグになっています。
最初は、電子デバイスとしてiPadのみが想定されていたようですが、iPadとMacbook Ari（11インチ）の横幅がほぼ同じということで、Macbook Air（11インチ）も入るようになっています。

　→バッグのアイデア着想についての記事：iPad用のノマドバッグのデザインについて | TAROSITE.NET

試作版デザイン写真を見てすごく欲しくなった

数ヶ月前に、雑誌flick! vol.5で解剖されていた試作版zenbagを見て、「これは欲しい！」となりました。

さらに、TAROSITE.NETにて、試作版のファーストインプレッション記事（iPad/Macbook Air用ノマドバッグ #zenbag のサンプルができました。 | TAROSITE.NET）を見て、欲しい気持ちが募っていきました。

Macbook Air、Wi-Fiルータ（Androidスマートフォン）、ロディア、万年筆、eneloop mobile boosterが入る小型でかわいいデザインで、素材は丈夫で上質なナイロンと私の大好きな本革という、どストライクなバッグだったのです。

以後、開発・発売元であるTAROSITE.NETさんをちょいちょい見ていて、9月に予約開始となり（iPad / MacBook Air用ノマド断捨離バッグ #Zenbag オーダー開始です | TAROSITE.NET）、12月発送予定というような流れでした。

実は、私が購入したのでは無く、誕生日プレゼントとしていただいたもので、12/9誕生日→12/10到着というなんともすてきなタイミングでした。
9月の予約開始記事をFacebookで「いいね！」したところ、友人が「どっちの色がいいんですか!?」と電話をしてきて、購入してくれたという、なんともzenbagを知ってから届くまでの流れがすべてステキな感じでした。

　→TAROSITE.NET内zenbagカテゴリ記事一覧：zenbag | TAROSITE.NET

実物の感想は？

写真だともっと蛍光色なのかと思っていたのですが、かなり落ち着いた緑でとても良いです。右の私が取った写真（Xperia arcで撮ってるという適当ぶりは内緒です）だと、だいぶ暗いですが、これよりもさらに暗い緑です。

ナイロンを使用していることで、どこか安っぽく見えるかと思っていたのですが落ち着いた色合いということもあって、とても落ち着いた印象を受けます。本革の風合いもとても良く、ナイロンと本革が一つの個性を生んでいる気がします。

全体的に完成度が非常に高く、職人さんに感謝です。正直イメージしていた完成度通りで、文句の付け所がありません。
ちゃんとMacbook Air(11inch)も入りますし、iPadやSony Tablet Sは、余裕です。

背面のシークレットポケットも、バイブレーションに気づきやすそうで良いですし、ショルダーバッグとして利用するための肩掛け紐も、本革があしらわれており、全く安っぽくありません。

使いやすさの面でも安心感があって良いです。iPad/MBAを入れる奥の部分は、マジックテープで留めて、ゴムバンドで押さえられるようになっていますし、左右のマチ部分は、内部のものが外にはみ出たりしなそうです。
外底部に鋲がついているのも安心ですし、ふたに付いたバンドには磁石の留め具が付いていて、空いてしまうのを防いでくれそうです。

不満点はわずか

内底部には、クッション付きの板がおかれているのは安心ではあるのですが、どうもこの板が落ち着いてくれません。後ろに重いもの、前に軽いものを入れると、クッションの膨らみを始点として傾いてしまいます。クッションは、底部に縫い付けてしまってもよかったのではないかと思います。

ナイロンで丈夫そうなので、バッグ自体の底に問題ないとは思いますが、衝撃で内部のMacbook Airに問題が生じないかすこし心配になります。

あとは、ふたのバンドを二つの止めに通すのが若干めんどいかなと思う。めんどくさがりな私は、一つに通すだけで済ませてしまいそうだ（それでも留め部分が絶妙なはまり具合で、問題なさそうだけど）。

しかし、zenbag良いぞ！

不満点を指摘しましたが、しかし！　とても良いバッグです。少なくとも私にはドンぴしゃ。ThinkPadが入ればなぁとか思ったりもしますが、MBAで困ることほとんど無いので、ノマド状態な時には持ち出しが増えそうです。

とても小さく見えるのに、さりげなくMBAが入るというのが素晴らしいです。ホントにこの鞄一つでどこででも仕事出来てしまいます。丈夫でかわいくて、必要なものが入って、便利。

これ以上のものがあるのかというくらい気に入っています。
まだ、これをもって出かけてないのにエントリー記事あげてるのがちょっとアレですが、これからこいつと共にでがんがん出かけたいと思います。

オレも/私も欲しい！という方は、こちらのストアで購入できます。とてもおすすめですよ。：iPad用ショルダーバッグ　Zenbag Taro Matsumura Electronics Store

flick! 5（フリック） (エイムック 2241)

posted with amazlet at 11.12.11

エイ出版社 (2011-08-20)
売り上げランキング: 98722

Amazon.co.jp で詳細を見る

SANYO USB出力付きリチウムイオンバッテリー (高容量リチウムイオン3.7V5400mAh電池使用) KBC-L54D

posted with amazlet at 11.12.11

三洋電機 (2011-09-08)
売り上げランキング: 17

Amazon.co.jp で詳細を見る

タイトルで結論を言っていますが、長時間タイピング時は、やはりThinkPadの方が疲れにくくて良いです。

以前、両マシンのキーボードを比較した記事をアップしており（→MacBook Air（2010年モデル）とThinkPad X201sのキーボードの比較）、その時の結論としては、「両方良い」「MBAでも十分」という話になっていますし、それは今でもそうだと思います。

ここ半年ほど、CakePHPでのオリジナルQ&Aサイトシステムの作成をMacbook Airのみで行い、それが終わると今度は、ThinkPadのみでMODｘベースでのサイト構築、WordPressベースでのブログ構築、その他コンテンツの作成などをずっと行っています。

前者と後者では性質が違うのですが、やはりThinkPadキーボードの方が疲れにくいなと感じます。Macbook Airも、上記作業中困らなかったくらい優秀なキーボードだと思うのですが、ThinkPadキーボードの余裕といいますか、懐の深さを感じます。

疲れにくさという観点から言うと、以下の3点が大きいのかなと思います。

• キーストロークの深さの違い
• 7列キーボードでのHomeキーやEndキーがある（Macだとコマンドキー＋矢印など2キーによる操作になる）
• TrackPointでホームポジションからの手の移動が少ない

Macbook Air（11inch）が、あのサイズであの快適さというのも驚きなのですが、ThinkPadキーボードの良さをあらためて実感しています。

ThinkPadといえば、独特のポインティングデバイスであるTrackPointです。赤いポッチですね。
この赤いポッチは、ゴムで出来たキャップをかぶせてあり、3種類あります。このキャップは、地味ですが、指へのフィット感と、TrackPointへいかに圧力を伝えるかという重要な役割を担っており、TrackPointの使い勝手に大きく影響するきわめて重要なパーツです。

TrackPointの感触がどうも合わないという方は、このキャップを違う種類のものに変えると、かっちりハマって「おおっ」となるかもしれません。それくらい重要なパーツなのです。

そのキャップは、「ソフトリム」「ソフトドーム」「クラシックドーム」の3種類になっており、それぞれ特色がありますが、私は「クラシックドーム」じゃないとダメなタチです。

そして、このクラシックドームは、ゴムだけでなく表面に繊維が張ってあり、これが汗か皮脂の汚れで摩耗するため、快適な操作性を維持するには定期的に交換が必要になります。少なくとも私は定期的に交換しています。

交換用のキャップは、純正のものが売っているのですが、「クラシックドームのみが入ったもの」は販売が終了しており、「3種類が３つずつ入ったもの」（Lenovo ThinkPlus トラックポイント・キャップ・コレクション [73P2698]）しか選択肢がありませんでした。

ずっと、この3種類セットを他の2種類を使わないのに購入していて、悶々としていました。しかし、純正では無いながら、「クラシックドームのみが入ったもの」が、Amazonで販売しているではありませんか（ThinkPad 用　トラックポイント・キャップ　10個セット (クラシック・ドーム・キャップ) ）。

とはいえ、このキャップは、上述の通り、地味ながらとても重要なパーツなのです。「感触」というアナログな部分なので、「はたして非純正で使い勝手が悪くならないのか」が気になるところです。

そんなわけで、購入して試してみたのでレポートしてみたいなと思います。

ThinkPad 用　トラックポイント・キャップ　10個セット (クラシック・ドーム・キャップ) の感想

実際に届いたものは、右画像のようなものです。
純正のクラシックドームを利用している方は見てわかると思いますが、かなりの完成度で純正と遜色ないことがわかると思います。実際の触った感触や指へのフィット感も大して変わりません。

とはいえ、若干純正品よりもわずかに軽く、わずかに薄く感じました。したがって、わずかに感触としては異なります。しかし、非純正をはめてしばらく使っていると、すぐに慣れてしまい、”あえて比べないと”わからないくらいの違いです。

実際に装着してみた感じが右写真です。全然違和感がありません。

そんなわけで、とても大満足でした。
一つ160円程度と、安くは無いのですが、10個もあればしばらく補充の必要も無いというのも快適なポイントです。

また、右画像のようにパッケージもジップロックのように封が出来るタイプのものになっており、便利に感じます。なかなかにすばらしいです。

そんなわけで

クラシックドームキャップのみを購入したいと思っていた方におすすめできる商品です。
amazon（以下リンク）で購入できます。amazonのレビューで酷評しているレビューは、クラシックドームではなくソフトリムに対してですので気にしないで良いと思います。

ThinkPad 用　トラックポイント・キャップ　10個セット (クラシック・ドーム・キャップ) PCM-ATHCC-CD10

posted with amazlet at 11.12.05

TSdrena
売り上げランキング: 34014

Amazon.co.jp で詳細を見る