メイン | BlogPet »

Top > Blog
2009年06月18日

ブログ改造計画

ブログの“実行したい”リストを挙げてみた。

1. MovableTypeのバージョンアップ
すでにVer.3は、サポート終了しているようなのでセキュリティ面を考えると早めにバージョンアップをしておいた方が良いんだろうな。簡単にバージョンアップできるかどうか不安だ。 新たにブログを構築してしまってもよいのだろうけど過去記事は残しておきたいしね。
2. テンプレートの変更
現状のブログ構成は、"小粋空間" さまのテンプレートをベースにしています。そろそろ飽きてきたので変更したいなと考えているのですが。この際、別のテンプレートのベースを持ってきて作ってもよいかなとも思います。
3. サイドバーのプラグインの整理
サイドバーにいろいろと入れているプラグインを整理してスッキリしたいと思ってます。この際、3カラム構成から2カラム構成にしたいと考えています。


いくつか書いてみましたが、いつ取り掛かれるんだろうか…(^▽^;)

2007年09月19日

アクセスカウンターがすごいことに・・・

昨日、今日とアクセスカウンターがすごいことになってます。
(↓)
アクセスカウンター

ここのブログは普段はせいぜい一日30アクセス位しか行かず、3桁など絶対に行くことはないのに昨日は2000アクセスもあるなんて異常です。最初は、新手のスパムか何かかと思っちゃいました。

アクセス解析をチェックしてみると検索エンジンから来ている方がほとんど。どうやら、「脳内メーカー」と「体内メーカー」を検索して来ているみたいです。GoogleやYahoo!でこの検索ワードを検索するとなんとうちのブログがTop10に入っています。驚き

検索エンジンの検索結果でこんなに変わるなんて、検索・・・恐るべし。

2007年09月16日

MovableTypeをVer.3.35にバージョンアップしました

随分と遅まきながら、当サイトもMovableTypeをVer.3.33からVer.3.35にバージョンアップしました。
「既にMovableType Ver.4も出荷済でいまさらVer.3.35かよ」という声が聞こえてきそうですが・・・汗

Ver.3.34やVer.3.35が出た頃はちょうどブログも停滞時期でまったく触っていなかったんですよね。
なので当然バージョンアップも放置だったわけです。
それで先月末に重い腰を上げてVer.3の最終版にはしておこうと思い、SixApart社のサイトに行ったのですがVer.3の最新版が見つからず・・・。Ver.4はあったのですが、Ver.3はダウンロードが出来ない状態になっていたのですよ。どうも、ECバイヤーズからダウンロードできるはずだっただけど、行ってみると「9月までにはVer.3のダウンロードが可能になります。ただいま停止中です。」とのこと。

仕方なく、ダウンロード可能になるのを待っていたのです。今日やっと可能になったので無事バージョンアップにこぎ着けられたというわけです。

バージョンアップの方法としては、いつもは『小粋空間』さまのサイトを見て差分アップデートしたりしていましたが、さすがにVer.3.33 → Ver.3.35 への一足飛びアップデートについては書かれてませんでした。(当たり前w)
面倒くさいので全バックアップを取った後に全ファイル(但し、mt-config.cgiは当然除きます)の上書きアップロードしました。アップロード後に管理画面にアクセスすることで無事にバージョンアップは済みました。

本当はVer.4にアップデートしたいところなのですが、使用しているプラグインがまだ完全に対応していないのと新しく変えようと思っているテンプレートが未対応(今使っている小粋空間さまのテンプレートはいち早くVer.4対応済ですが・・・)という点で躊躇しております。まぁ、Ver.3の最終版にアップデートはできたので、しばらくはこのバージョンで行こうかと思ってます。

2007年08月21日

はてな☆スターを入れてみたよ

久しぶりのエントリーになります。さすがに最後のエントリーが謹賀新年はまずいですよね。
BlogPetの俳句や投稿も「新年・・・」とかが多くてちょっと恥ずかしい。
と言っても書くネタがあるわけでもないのですが・・・。

BlogPetも知らない間に大幅リニューアルしてかなり機能アップしましたね。それで今までの設置方法だとうまく表示されなかったりしたので細々と対応してはいたのです。それを書いてみようかとも思ったのですがまとまっていないので別の機会に。

はてなで「はてなスター」なるものも始まっていたので設置してみました。以下は覚書として設置方法を記しておきます。まあ、はてなスターの設置方法を見ればほとんど同じですが。

うちのMTブログはテンプレートに小粋空間様のものを使っているので標準ではエントリータイトルにpermalinkがありません。そこで書くエントリーの下段にある「posted~」部分からpermalinkを取得するようにJavaScriptコードを自作します。実際は、はてなスターの設置方法 に書いてあるようなコードを追加します。以下のようなコードを書いた別ファイル(例えば、MTHatenaStar.js)を作成します。

Hatena.Star.EntryLoader.loadEntries = function() {
    var entries = [];
    var divs = Ten.DOM.getElementsByTagAndClassName('div','entry',document.body);
    for (var i = 0; i < divs.length; i++) {
        entries.push(new Hatena.Star.Entry.MtKoikikukanTemp(divs[i]));
    }
    return entries;
}
Hatena.Star.Entry.MtKoikikukanTemp = new Ten.Class({
    initialize: function(div) {
        this.div = div;
        var h2 = div.getElementsByTagName('h2')[0];
        this.title = Ten.DOM.scrapeText(h2);
        var posted = Ten.DOM.getElementsByTagAndClassName('div','entry-footer',div)[0];
        this.uri = posted.getElementsByTagName('a')[0].href;
        this.comment_container = Hatena.Star.EntryLoader.createCommentContainer();
        h2.appendChild(this.comment_container);
        this.star_container = Hatena.Star.EntryLoader.createStarContainer();
        h2.appendChild(this.star_container);
    }
});

そして、はてなスターの設置方法 にあるように <head>~</head> の間に以下のように記述します。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>MTHatenaStar.js" charset="<$MTPublishCharset$>"></script>
<script type="text/javascript">
Hatena.Star.Token = 'トークンのコードを記述する';
</script>

上記のコードは、「メインページ」「カテゴリー・アーカイブ」「日付アーカイブ」のそれぞれのテンプレートに追加する必要があります。

また、エントリーページにも表示したい場合は、エントリーページには標準でpermalinkがないのでダミーとして <div class="entry-footer"> の直下に以下のコードを追加します。

<div class="entry-footer">
<a class="permalink" href="<$MTEntryPermalink$>" style="display:none;">Permalink</a>

参考サイト:
はてなスター日記: はてなスターをブログに設置するには
facet-divers: [ココログ] はてなスターを記事別ページにも(ついでにフッターにも)

2006年12月20日

ブログバトラー [Blog Battler]

Highslide JS

ブログバトラー [Blog Battler] というブログパーツが流行り始めたらしいです。RPGみたいに作成したキャラクターを育ててバトラー同士で対戦ができます。流行には参加したいので早速登録してみました。
以下が、私のブログバトラーです。(→対戦はこちらから 行けます。)

キャラクターは5種類から選ぶのですが、日によって変わるらしいですよ(未確認ですが…)。
よかったら、対戦お願いします。笑顔

【追記: 2006年12月21日 17:30】
さっき気が付いたのですが、IE6で見るとブログバトラーのスクリプトが干渉しているらしくサイドバーが表示されていなかったようです。すみませんでした。とりあえずスクリプトは外しました。
その代わりにブックマークレットに変更しました。

【追記: 2006年12月23日 13:50】
不具合が修正されたようですので記事に再度貼り付けました。微笑

2006年05月30日

Faviconの設置

Faviconを設定してみました。設置してからだいぶ経っていますけど…。汗参考にしたのは以下のエントリーです。

さらにトラックバックとコメントにもFaviconを表示するようにプラグインを導入しました。
以下のエントリーを参考にしました。

Faviconというのは、「favorite icon(お気に入りアイコン)」の略らしい(元記事引用微笑)です。FireFoxやOperaなどならURIを入力するアドレス入力欄やタブにアイコン画像が表示されます。IEだと普通だと表示されないのでわからないですよね。お気に入りに登録すると表示されるようですが…。

PaintShopProで元画像を簡単に作ったので簡単なもの(漢字一文字のみ)なのであとでよい画像があったらまた作ってみようかな。元画像をサイズ 16px×16px で作成しておけば、Favicon作成サイトで簡単に作成できます。
詳細は元記事をご参照下さい。

2006年05月11日

日本語でないスパムをフィルタするプラグイン

GWに入るちょっと前ごろからスパムなコメントがたくさん書き込まれるようになっていました。
全部、海外からのスパムコメントなんですけど。
以前はMovableTypeに標準で付いてくるプラグインがスパムをフィルターしてくれてかなりの確率で迷惑コメント&トラックバックに振り分けていたのですが、それがすり抜けられるようになってました。

標準のフィルタープラグインはコメント中にリンクが3つ以上存在すると保留されたり、ブラックリストに載っているIPアドレス&ドメイン名で迷惑コメントの判定をしてくれていました。しかし、このブラックリストの更新が追いつかなくなった(?)のとコメント中にリンクを入れないで無意味な文字列(例えば、"abcdef"とか)が入るようになったためにうまく機能してくれなくなったようです。

そこで海外からのスパム対策として「日本語がないコメント&トラックバックをフィルターするプラグイン」を導入しました。

全角文字が一つもないコメントやトラックバックはスパムとして扱われます。日本語でしかコメントもトラックバックも頂かないので問題ないとは思いますが・・・。

6日に導入しましたが、これ以降海外からのスパムは皆無になりました。

2006年05月09日

絵文字を追加

絵文字を追加しました。
エントリー以外にコメントでも使えます。
追加した絵文字は以前の絵文字と同じサイトから借用しました。

. . PEPPER . . FREE GRAPHICS FOR WEB SITE さま

以下の20種類の絵文字を追加しました。コメントでも使ってください。

真顔微笑笑顔困惑ニヤリキョロ泣くベー驚きむむっ真っ青ドキドキくんくんガーンクゥゲッソリ目が点チューショボーンzzz

2006年04月29日

携帯からアクセス

ケータイからアクセスするためのMoblogに対応させてみました。入り口はこちらから。
導入したのは、MovableType用携帯電話向け変換プログラム MT4i です。結構、簡単に導入できました。

ケータイから見ている方がどれ位いらっしゃるかわかりませんが、アクセスしてみてください。
自分のケータイはWebが見れないので確認できてません。(^^;)

「できましたっ」というご報告頂ければ有難いです。

2006年04月25日

エントリーのプレビューを行うプラグイン

MovableTypeのカスタマイズです。
エントリー投稿時の確認ボタンでのプレビュー表示は画像とかは表示されないため、実際のWeb表示イメージがつかめませんでした。
それでいつも投稿したあとに画像とかの配置がおかしい場合は再編集をしていました。
このプラグインを使うと仮のWeb表示ページを構築する事で実際の投稿後のWeb表示イメージを確認できるものです。
前々から導入しようと思っていたのですが、時間があるときにと思い、先延ばしにしていました。
やっと入れられました。意外と簡単に導入できました。参照したのは以下のサイトです。

このプラグインはかなり便利に使えます。ありがとうございました。



2006年04月10日

最近のコメントのツールチップにコメント内容を表示する

毎度おなじみ「小粋空間」さまのところで紹介されていた小技をひとつ紹介します。
最近のコメントの投稿者にカーソルを合わせるとコメント内容をツールチップ表示するというものです。
以前、タイトル下の横型カレンダーの日付にカーソルを合わせるとその日の記事一覧をツールチップ表示させるというのがあったと思いますが、その応用です。
以前の記事には図を載せてなかったので分かりづらかったと思いますが、カレンダーのツールチップ表示はこんな感じになります。

日付ツールチップ表示

これを最近のコメントに同じように適用すると以下のようになります。

最近のコメントのツールチップ表示

MovableTypeで小粋空間さま公開テンプレートを使用している場合のカスタマイズ方法です。

<!-- 最近のコメント開始 --> <div class="sidetitle"> Recent Comments </div>
<div class="side"> <MTEntries recently_commented_on="5"> <a href="<$MTEntryLink$>"><MTEntryTitle></a> <br /> <MTComments lastn="5"> └ <a href="<$MTEntryLink$>#c<$MTCommentID$>" title="c<$MTCommentID$>"> <MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$><br /> </MTComments> </MTEntries> </div> <!-- 最近のコメント終了 -->


上記の赤字の部分を以下のように変更します。

title="<$MTCommentBody remove_html="1" encode_html="1" strip_linefeeds="1"$>"

この時、概要全文では長過ぎる場合は指定文字数までで切り取る事も出来ます。
これには、プラグインが必要(MT3.2jaなら、標準のトリミング関数trim_toも使えそうでした)で人生迷い箸さまの「日本語トリミングフィルタ(Encodeモジュール版)」をプラグインモジュールとして入れて、以下のように指定します。

title="<$MTCommentBody remove_html="1" encode_html="1" strip_linefeeds="1" trimj_to="280"$>"

280の部分をトリミングしたい文字数(半角文字単位)で指定すればよいです。
細かな関数の意味については、元記事の方で詳細に解説されていますのでご参照願います。

以上は、MovableTypeでのやり方なのですが、要するにコメントへのリンク文(a href=)のtitleにコメント内容を割り当てているだけなので他のブログサービスなどでも応用できると思います。
実際、小粋空間さまでFC2ブログ用テンプレートを公開されていますが、このカスタマイズは既に入っています。他のブログサービスでも参考になればと思います。


2006年04月02日

重複トラックバック防止プラグインの導入

最近、細々と細かい部分でBlogカスタマイズしています。
見た目上はほとんどわからないのがちょっと哀しいですけどね(笑)

以前からトラックバック頂いてもサーバーが重かったりネットが重かったりで失敗してしまう事があります。
そのため、送信して頂いた方が再度トラックバックを送るのですが、実はこちらのサーバーは既に受け付けていたために重複トラックバックになってしまった、ということが結構ありました。
そうすると送信者の方が「重複したのでトラックバック削除して下さい」とコメントして頂いたりして、手間を取らせてしまって申し訳ないなぁと思っていました。

何とかならないかといつもお世話になっています小粋空間さまのサイトを探してみるとありました。

「重複トラックバック防止プラグイン」
同一エントリーへの重複トラックバックを抑止するプラグインです。

ということで早速導入しました。
別のブログサイトから2回トラックバックを送って、一つだけしかトラックバックを受け付けないことを確認しました。
これでトラックバックを送って頂いた方にわずらわしい事をさせないですみます。よかったです。
小粋空間さま、便利なプラグインありがとうございました。

2006年03月28日

カレンダーに休日表示を追加

ずっと記事書いてなかったですね。Blogをカスタマイズしたので書いてみます。横型カレンダーに休日と土曜日のカラー表示を追加してみました。
カスタマイズを適応したのは、いつもお世話になっています「小粋空間」さまの『休日表示付きリアルタイムカレンダー(月送り・横型) for Movable Type』です。

実は数日前に通常型カレンダーのカスタマイズ記事が載っていたのですが、横型カレンダーに対応されてなかったので自力で何とかしようとJavaScriptと格闘してました(笑)。そうこうしている内に昨日横型カレンダー対応の記事が・・・(^^;)
早速、適応した次第です。でも自分で色々試してみると勉強にはなりましたね。

カレンダーをカスタマイズしたついでに、『カレンダーのリンクにツールチップを設定する』の方も入れてみました。カレンダーの日の部分にカーソルを乗せるとツールチップでその日の記事タイトルが表示されるものです。
いちいちその日のクリックして記事参照しなくてもわかるので便利ですね。
小粋空間」さまは、最近のコメントにも同様のカスタマイズが入ってますね。これも入れてみたいなぁ。


2006年02月22日

後姿ラブリーピープルのバナーをランダム表示する(JavaScript版)

前のエントリーで「後姿ラブリーピープルのバナーをランダム表示する」という記事を書いたのですが、KOROPPY さんから「PHP限定で導入できずに残念です」とコメントを頂きました。
しかし、ふと考えてみるとこれって元々JaveScriptで表示しているんだよな? ということに気付きまして。
BlogPetもJavaScriptでランダム表示しているんだからできるんじゃないの。
早速、やってみたらできましたので公開してみます。
本当の自作JavaScriptは、初めてなので文法上の間違いがあれば指摘ください。

後姿ラブリーピープルのバナーをランダム表示する

昨日に引き続いてトラックバック・ピープルについて。
表示している最新10件というのは指定できないようですが、バナーの種類は指定なんですね。
またまた、小粋空間 さまの所で関連する記事を見つけました。

「トラックバック・ピープルのバナーをランダム表示する」

トラックバック・ピープルのバナーをランダムに切り替えてくれるようです。
後姿ラブリーピープルのバナーは、全部で3種類あるんですよね。
ダジャレ・トラックバック・ピープルの例が書かれていますが、後姿ラブリーピープルでもできました。ありがとうございます、という事で報告を兼ねてトラバしておきます。
PHPが使えないとできないのですが、以前PHPモジュール化をしていたので適用できました。
PHPモジュール化したけど、あまり活用できて無かったんですよ。少しはPHP化に意味ができたかな。

2006年02月21日

BlogPeopleとTrackbackPeople

最近のエントリーがBlogPetにお任せ状態が続いているので、たまには自分で書いてみる(笑)
右サイドバーの下にあった「お気に入りブログ」ですが、左サイドバーのBlogPeopleに統合しました。お友達のブログへのリンクが2箇所にあるのもなんだなと思いまして。
それと左サイドバーにやっとBlogPetの「後姿ラブリー同盟」のトラックバックピープルを設置しました。以前から付けようと思っていてそのままだったのです。これって表示するエントリー数は固定になっていて変更できないのですね。まぁ、10件あれば十分なのかな?

2006年02月03日

flickrをサイドバーに設置

放置しているflickrを有効に活用しようってことでサイドバーに設置。
やむやむさまの記事「Flickr」を参考にしてサイドバーにFlickrの写真をフラッシュで表示するものを設置してみました。
flickrは以前から使っていたけどアップしてある写真は全部BlogPetのものだけです(^^;

このフラッシュで一覧表示するものは、ブログ徘徊していると良く見かけるのですが、flickrのサイトからこの設置を行う添付タグがとれる場所を探せなかったのです。英語だから余計にわからん。
やむやむさまのところでやっと記事を見つけました。(添付タグ配布場所→Flickr: Zeitgeist

これで新しくキャプチャしたらどんどんアップしちゃお。

2006年01月30日

BlogPeopleをサイドバーに

以前よりBlogPeopleやMyBlogListに登録はしていたのですが、リンクリストをブログに張ってませんでした。
カスタマイズしようと思っていたのですが、サボってました。
MyBlogListってなんか変わったんでしたっけ?
よくわからないのでとりあえず、BlogPeopleだけ設置してみます。

小粋空間 さまの記事「BlogPeople のリンクリストにスクロールバーをつける」を参考にしてサイドバーにBlogPeopleのリンクリストを設置してみました。
細かな設置方法は、小粋空間さまの記事を参考にしてください。いつも参考にさせて頂いております。ありがとうございます。


2006年01月01日

謹賀新年

明けましておめでとうございます。
今年も地味~にブログ更新していきますのでどうぞよろしくお願いします。

年頭に当たって目標とか設定しなくてはですかね?
去年はブログ更新が出来ない日が多く、あまり更新できなかったので今年は『毎日ブログ更新できるようにする』ことが目標でしょうかね。う~ん、でも毎日は厳しいかな汗 なるべく更新できるように頑張ります♪

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

2005年12月31日

2005年もあとわずか…

今年もあと数時間で終わりますね。さっき、年越しそばを食べました。

2005年は自分にとっては色々あった年だったと思います。一番の大きいのはネットでのお知り合いが出来たということですね。今年の1月末にYahoo!ブログを始めて、Yahoo!ブログの方にmixiに招待してもらって、その後mixiにハマる。ひょんなことからはてなダイアリーで日記を書き始めてBlogPetを知り、BlogPetを通じて色んな方と出会う事が出来ました。

このブログも11月に始めたのですが、雑多な内容で更新頻度も少ないです。それでもご訪問して頂く方もいらっしゃることにとても感謝してます。ありがとうございます。
来年も細々と続けていこうと思っていますので、どうぞよろしくお願い致します。

皆様、よいお年をお迎えください。

2005年12月30日

スパムがたくさん

お友達のブログでスパムのコメントやトラバがすごいと聞いてましたが、自分のところは今まで全然そんなものはきたことがなかったのです。それがここ数日のうちにかなりスパムなコメントが付くようになりました。たぶん、あのせいですね。

2005年11月29日

絵文字を入力できるようにしました

The blog of H.Fujimoto さまの本「ブログ簡単パワーアップ Movable Type スーパーカスタマイズテクニック」に載っていた「絵文字を使えるようにする」のカスタマイズを入れてみました。

2005年11月09日

すでに11月ですよ

ブログの移転、移転と10月から騒いでいたのに既に11月ですよ。
さらに上旬も終わってしまいそうなのに移転作業は進んでいません。
このままだと来年になっても移転できるかどうか怪しくなってます。

2005年10月09日

ブログの引越し先を確保

ブログ引越しのためのレンタルスペースを確保した。

2005年10月03日

カスタマイズ進まず…

いろいろカスタマイズしてブログに追加していこうと思ってたのですが、

2005年10月01日

Movable Type 3.2日本語版

Movable Type 3.2日本語版が、リリースされたので早速インストールしてみました。
今のところちゃんとインストールされたようです。

でも、なんか。

 1  |  2  |  3  |  4  | All pages