制作

作ったものを紹介。Photoshopでいじった画や、Flash、Movable Typeのカスタマイズ等。

年賀状2010

|
blog2010.jpg
去年の年賀状の方が捻りが効いていて気に入っていますが、
考えているうちに正月が明けてしまいそうなので、これでUPしておきます。
「おばちゃんのタイツ」エディションです。

今年も宜しくお願いします。

ブログ記事のTwitterでの「つぶやかれ数」を表示するパーツ

この記事などを見て、最近はブログにRTボタンをつけるのが流行のようなので、自分もやってみました。
エントリー下、トラックバックの表記の上に設置しました。

このボタンを押すと、見た人が1クリックでこの記事へのリンクとタイトルと@maharadaが挿入されて、つぶやいてもらうことができます。

これは、従来のブログの「コメント」よりもメリットが多いと思います。

「コメント」はこのブログの中だけのもので、私とこのブログを見ている人だけに届くメッセージというか、ほぼ私だけのために書き込んでいただくものです。

それに対して、RTはつぶやいた人のTLに「こんな記事見たよー」と流すものなので、つぶやいた人たち自身のつぶやきネタにしてもらうことができます。

また流してくれた私としては露出の機会が増えて万々歳だし、RTしてくれた人とのTwitter上の交流の機会も生まれます。

ということで、ブログとTwitterの両方が活性化して、コメントしてくれる人もされた人にもメリットがあるのがRTの魅力じゃないかと思います。

こっちが定着したら、コメントフォームは無くしちゃってもいいかな。
Twitterが楽しくなるにつれ、右上に最新のツイートを載せるだけでは満足できなくなってきました。
そこで、いいブログパーツが無いかと探していたところ、純正のやつが一番シンプルで馴染みそうだ言うことで、挿入してみたところ、こいつがちょっと横幅を取るタイプで、240pxくらいは欲しいということがわかりました。

そこで思い切って当サイトのカラムの幅を変えてみました。

中学校のころ、技術の時間に棚を作っていたとき先生に、
「仕切りはど真ん中につけてはいけません。左に入らないものが右にも入らなくなるから。
と言われてなるほどーと思ったことを思い出し、
左カラムと右カラムは極端にサイズに差をつけてみました。

ちょっとカラム間のマージンを詰めたので窮屈な感は否めませんが、
これで右側のカラムにいろんなものが載せられそうな気がします。
とりあえずはTumblrをごにょごにょしたいところです。


[maps]大幅更新

|
前々からやりたかったことなのですが、Movable Typeの[ウェブページ]のレイアウトをシングルカラムにして、コンテンツ部分を広くしました。ようやくできたー。ふぅ。

そして放置気味だったmapsページに最近のブログ記事へのピンを立て、表示を広ーくしてみました。

流石にブログ記事に関連する住所へピンを自動的に立てるようにはカスタマイズしていないので、こちら手動更新です。
ゆえに少し更新がめんどくさいのですが、mapsは場所を見せるコンテンツと言うことで、基本的に「お出かけの記録」になります。
引き篭もりがちな筆者は毎度更新するほどではないので、これからも気が向いたら更新をしていこうと思います。

見返してみると、
  • 荒川土手によく行っている
  • 潮風公園はガンダムだけでなく、東京湾花火が穴場
  • 那須より遠くへは行ってない
などいろんなことがわかり、個人的に楽しいです。

iPhone版公開&グローバルナビ改修

|
実は以前からさりげなくiPhone用maharada.netは存在しているのですが、
ちょっと見た目がさびしくて味気ないので、もうちょっといいテンプレないかなぁと探してみたところ、
意外とiPhone×Movable Type界隈が盛り上がっていないことに寂しさを感じつつ、MoFuseというサービスを発見。登録するだけでiPhone用ページを作ってくれます。
いろいろと不満なところはありますが、写真のサムネが出たりするのがいいなと言うことで、導入してみました。

http://maharada.mofuse.mobi/
↑PCで見るとプレビュー的な画面が出る。

そして、せっかく作ったので、本体サイトから常時iPhone版へのリンクを貼っておきたいと思い、グローバルナビにも追加してみました。

ついでにほかに使っているサービス、TwitterFlickrYouTubeも貼ってしまえということで、サイト体裁が変わるページはボタンを色違いにして全部貼り付けてしまいました。

言わば、
「少しづつメンバーを増やすぐらいなら、一気に増やしてみたほうが話題になるんじゃね?」
というEXILE的発想です。

ということで、今後ともmaharadaアカウントをよろしくお願いします。

Liteboxで画像を自動グループ化

|
MTのLitebox導入について。
まず、こちらを参考にJSをUPします。
次に、こちらを参考に「JS の rel 属性を自動付与する」ということをやるわけですが、これだけだと画像のグループ化によってNext Prevの送り機能が使えません。今までは手動で[チョメチョメ]というタグを埋め込んでましたが、手動はめんどくさい。

そこで、ちょいとカスタマイズ。簡単なことですが、

anchor.setAttribute('rel', 'lightbox');ここをanchor.setAttribute('rel', 'lightbox[group]');としてやります。つまり、全部[group]という名前のグループにしてしまうのです。
そうすると1エントリーの中のすべての画像を送ることができ、インデックスではインデックス内の画像をすべて送ることができるようになります。

ということでめんどくさくてグループ化してなかった過去のエントリーの画像もすべて次の画像へ送れるようになりました。
なぜこれを早くやらなかったのだろう。。

ロゴをメカメカしくしてみた

|
trim_m.jpg
maharada.netのロゴマークですが、昨今のSFものを見ていたら、メカメカしくしてみたくなったので、いじってみました。

赤目って素敵です。
メカにとって赤は「パワー」の色ですからね。

最近いろんなアカウント登録式のウェブサービスを使っていて思うのは、ロゴって便利ということ。

どんなサービスにも大体自分のアカウントを表す写真(画像)を登録しますからね。

このマークがあるだけで、手軽にアイデンティティとして使えるのはいいなと思います。

ブログにカテゴリの説明を表記

|
当ブログ←のナビゲーションから閲覧できるカテゴリ別アーカイブの上部に、各カテゴリについての説明を表記してみました。

これは閲覧している方に説明するとともに、自分の中で各カテゴリの定義をするという意味でも役立つように思います。

ブログをやってる方ならわかるかと思いますが、カテゴリ分けって結構難しいときがあります。というのも、ネタによってはカテゴリ/ジャンルが多くの要素にカブってくる場合があるんですよね。

たとえば「写真」

うちのブログは昔、「デジカメ写真」というカテゴリがありました。
これはデジカメで写真を撮ることにハマりだしたころに作ったカテゴリで、デジカメで撮った写真をそのカテゴリに入れていたのですが、徐々にキリが無くなってくるのです。
写真を入れてブログをアップすることが当たり前になってきたために、このカテゴリだけエントリー数が膨れ上がることになってしまいました。

そのため、写真というカテゴリは廃止していました。

渋谷川

|
shibuyagawa.jpgこの写真いじるの2回目ですが。

FlickrにアップしてMTに貼る

|
小石川後楽園
GX200を買って以来、調子に乗って写真をうpしまくっていたら、ロリポさんのサーバーがいっぱいになってしまいました。
そこで、Flickrにアップしたものを貼ってみました。
写真専門のサービスだけあり、使い勝手はよいです。
MTでFlickrを活用するプラグインとかもあるみたいなので、いろいろいじってみたいと思います。

月別アーカイブ

タグクラウド