Hisashi Today

みなさん、年末の大掃除は終わりましたか？本棚の本とか各種書類の整理しましたか？

僕も先日、本棚と書類の整理しました。

本は、毎年ブックオフに持っていって現金化しています。一昨年かなり整理したので今年はブックオフに持っていくものは無かったのです。

そして、各種書類。書類って意外と場所をとるんですよね。机の引き出しとか書棚の一部を占拠していました。そこで、今回はその書類を一気に片付けました。

まず、捨てられるものと捨てられないものに分けたあと、紙でとっておくものと電子化（デジカメでバシバシ写真に撮りました）してとっておくものに分けました。

そんでもって、電子化した書類が山のようにできたわけです。この山のような電子ファイルをどうするのか？という問題が浮上し、いろいろ考えた結果

WordPressで管理する！

ということにしました。

WordPressは、写真サイト（ギャラリーサイト）を標準で構築することができます。この機能を利用して WordPress で画像ファイルを管理することに。もちろん、ローカル環境です。外部のサーバー上で公開するようなものでもないので。

システム概要

一つの資料を一つの記事＝ギャラリー（アルバムのようなもの）にする。

各記事（各資料）のカテゴリーわけをして写真を保存する。

記事のタイトルは資料の名称を利用する。

タグは好きなようにつけられるようにする。

といった感じです。要するに、資料を同検索できるようにするのかですね。

実際の画面イメージ

画像登録

こんな感じです。

WordPress（ Version3.3 )　の標準の機能そのままですが・・・。複数のファイルがあっても、ドラッグ＆ドロップするだけでファイルを登録できるので楽チンです！！

検索＆表示

＜ギャラリー一覧＞

記事というかギャラリー一覧表示すると、こんな感じ。WordPressの機能のそのまま。全く改造していません。

＜ギャラリー内画像一覧＞

ギャラリー内の画像の一覧。上記に表示したのは、喜多方ラーメン「老麺会」という喜多方のラーメンの一覧の冊子。喜多方に行った時にもらってきた資料。こんなものは紙でとっておく必要もない。しかし、喜多方ラーメンは美味しいので、また行くこともあるはず！ってことで画像化してみたりです。

各画像の表示。WordPressが適当な大きさに変更して表示してくれます。元々の画像を表示することも可能です！

とまあ、こんな感じです。

まとめ・注意点

• ファイルはどんどん増えていくので、長い期間利用する場合はDisk容量を多めにとっておいた方がいい！

⇒僕の場合は、家の仮想マシン上にWordPressを入れたので、仮想マシンのDiskを追加するだけかな。どうやって増やすのかってのは調べてないけど・・・。

• 検索とか早くて楽チン
• 画像ファイルの登録も楽チン

とまあ、そんな感じです。

WordPressっていろいろ便利に使えて良いですよね〜。

Google Reader の UI が変更されましたね。

Gmail や Google+ の UI と統一されました。たいぶ見やすくなった気がする。

Ubuntu に Abobe Reader 9.4.2 のインストール。
まずは Adobe のサイトからダウンロードします。
以下、手順。

# chmod +x AdbeRdr9.4.2-1_i486linux_jpn.bin
# ./AdbeRdr9.4.2-1_i486linux_jpn.bin
ファイルを展開しています。しばらくお待ちください。コンピュータの設定によっては、時間がかかる場合があります。

このインストールには 156 MB の空きディスク容量が必要です。

インストール先ディレクトリの指定 - Adobe Reader 9.4.2 [/opt]
/opt

共通ファイルをインストールしています ... 完了
プラットフォーム依存ファイルをインストールしています ... 完了
ライブラリを設定しています...完了
デスクトップおよびメニューアイコンを設定しています...完了
ブラウザプラグインを設定しています...完了
#

今更な感じの話題だが Open Source の SNS Engine を調べた。

国産

OpenPNE

一時期、かなり盛り上がりましたが、最近はどうなんでしょうかね。開発は続いているみたいですね。

PHP & MySQL という組合せで出来ています。

海外

elgg

海外では有名で実例も数々あります。日本ではかなりマイナーみたいですが、どっか使っているサイトはあるんでしょうかね。

PHP & MySQL という組合せのパターン。

CommunityEngine

こちらも海外では有名ですね。これまた日本では今ひとつ。

Ruby on Rails でできています。

Dolphin

有償版もあります。商品だけあって、サポートもしっかりしているかも。日本語サイトがありますね。機能は充実しているので使ってみるのも良いかもですね。

PHP & MySQL のパターンです。

BuddyPress

これは多少異色ですね。Wordpress の Plugin として動作します。

まだまだ発展途中って感じですが BuddyPress 対応の Plugin も出てきています。

Diaspora

Diaspora は昨年少々盛り上がった感じがありましたが、最近はどうなんでしょうかね。Web サイトにあまり変化がないですよね。ローンチされたんでしょうか・・・。現状が今ひとつわかない・・・。

Ruby on Rails で開発されています。

まとめ

最近は Facebook とか Linkdin とか、国内なら mixi とかもあって、それでいいじゃん！って感じでしょうか。Facebook 上にアプリを作る方が流行なんでしょうかね？

もう、流行は過ぎ去って、いまでも開発を続けているところで実績が多いものがいくつかありますが、今ひとつ「これがスタンダードだ！」というものはないようです。

Ubuntu にインストールした VMWare Player の uninstall 方法

sudo vmware-installer --uninstall-product vmware-player

とな。

Webサイトデザインのツールをいろいろ物色していた。そして、なんとなく落ち着いたのがKeynoteとCodaだった。

Keynote

Keynoteは、プレゼンを行うためのツールだが、このアプリはプレゼン以外にもたくさんの利用方法があると思っている。その中の一つにWebサイトのデザインツールとしての利用方法だ。

利用例・方法

まずはワイヤーフレームを作成するように、頭の中のイメージを作成する。

こんな感じで、実際のサイトイメージを作る！

Keynoteで利用で出来るステンシルも使うと更に効率的に作業ガ出来ます。

「Keynote UX」はKeynoteで利用できるステンシル集（無料）です。

次に実際にCSSを書く時に便利なように、Div要素毎に値を書いていく。

このワイヤーフレームの中にCSSの要素を書いておくとCSSを書く時にも便利！

ここで少々工夫が必要。デフォルトの設定では、スライドのサイズは画面サイズの設定になっていることと、ルーラーを表示した時にスライドの中心を0（ゼロ）が設定されるので、これを変更するとより便利に利用できる。

スライドサイズの変更

スライドのサイズは、インスペクタの「書類」の「スライドのサイズ」を選択し、任意のサイズを設定する。

ルーラ設定の変更

ルーラの設定はkeynoteの「環境設定」の「ルーラ環境設定」の「起点をルーラの中央に配置」のチェックを外すと左上が0（ゼロ）になるので、CSSに書くwidthやheightをはかるのに楽チンです。

Coda

Codaは、と〜っても便利なツールですが、更に便利な使い方があります！

デザインしている時は、HTMLとCSSの両方を一度に見たい時が多々ありますよね。そんな時はCodaでは画面を縦分割にして利用すると凄く効率的に作業が出来るようになります。

こんな感じのインターフェイスになります。

やり方は、

1. Codaを起動する
2. HTMLのファイルを開く
3. 「option」＋「command」を押しながら右上（図参照「ここが縦線になる」）のボタンを押す
4. HTMLのWindowの右側に空白のWindowが開く
5. CSSのファイルを開く

です。

これで、HTMLとCSSを同時に見ながら作業が可能になります。先ほどのKeynoteを見ながらCodaの画面を切り替えながら作業をすると、かなり作業効率が上がります！同じソフトを利用している人は、既にやっている方法かもしれませんが・・・。

世間には、たくさんのHTMLやCSSのジェネレータがある。

その中で「Drawter」がなかなか使い勝手が良い。

Drawter

ビジュアルにサイトをデザインしていける。日本語も大丈夫ですよ。

デザイン時には「Mockingbird」でモックアップをさくっと作成し、実際のHTMLやCSSの基本部分をこの「Drawter」で作成する。

Webサイトの構築が一層早く出来るようになりますな。

サイトのデザイン時にモックアップを作成する。

ツールは、オンラインのもの、オフラインのものとたくさんある。

オンラインのものの中で「Mockingbird」が今のところ一番つかいやすい感じ。

今更ではありますが。。。

Mockingbird

なかなかです。サイトを開くまでに多少時間がかかることが若干気にはなりますが・・・。