« 2008年9 月 | メイン | 2008年11 月 »

2008年10 月 からの 7 記事

2008年10 月31日 (金曜日)

またもブラウザ依存問題か

 『未完の映画評』以外の4ブログ(『かみぃの丘』『愛の次に欲しいもの』『Snapshots』『とのみ倶楽部BLOG』)の移転がひと段落したと安堵してたんだが…。

 あろうことか、『とのみ倶楽部BLOG』がSafari3で、『愛の次に欲しいもの』がIMSIE6で、それぞれ閲覧に支障の出るほどデザインが崩れていた

続きを読む "またもブラウザ依存問題か" »

2008年10 月25日 (土曜日)

TypePad系ブログのカテゴリーリストを任意の並び順に並び替えるJavaScript

 カテゴリーネタついでに、カテゴリー一覧を並び替えるスクリプトを作ってみた。
 ココログやブログ人などTypePad系ブログではカテゴリーを自由に作れるんだけど、その並び方は強制的に文字コード順に並ぶ。
 これを回避して自分の好きなように並ばせるにはリンク集的に別のリンクリストを作ったり、カテゴリー名の前に数字や記号を付けたり半角スペースの数で並び順を調整したりといろいろ方法はあるんだけど、すでにあるカテゴリーの名前を変えるのもなんなんで、JavaScriptにやらせてみました。

続きを読む "TypePad系ブログのカテゴリーリストを任意の並び順に並び替えるJavaScript" »

2008年10 月24日 (金曜日)

Pagingモジュールがページを分割する仕組み

TypePadのアーカイブページ生成の仕組み
 前回公開したPaginモジュールの仕組みを理解するには、まずTypePad自体がどういう手順でアーカイブページ(カテゴリーページ)を生成しているかを理解する必要があります。

 TypePadを独自テンプレートで利用されている方ならご存じのように、デザインを決定するテンプレートには通常のHTML以外にMTタグと呼ばれるMovable Type互換のテンプレート用タグが含まれています。
 記事を作成したときやブログの再構築をしたときに、このMTタグが通常のHTMLタグに展開されて、サーバー上に静的なHTMLファイルを生成するのです。

 そしてカテゴリーページなどのアーカイブページではテンプレート内のMTタグの内、<MTEntries></MTEntries>に挟まれた部分を該当するエントリーの数だけくり返すようにして展開されます。
 ものすごくシンプルにイメージすると、

[エントリー群より前の部分の表示を指定したテンプレート]
<MTEntries>
[個々のエントリーの表示を指定したテンプレート]
</MTEntries>
[エントリー群より後の部分の表示を指定したテンプレート]

 が、↓こんな感じ

[エントリー群より前]
[エントリー1]
[エントリー2]
[エントリー3]
[エントリー4]
[エントリー5]
[エントリー群より後]

に展開され、サーバー上にHTMLファイルとして生成されます。

 記事が作成されたり再構築されてサーバー上にファイルが生成された時点でエントリー群は展開されているのですから、後からページング(ページ分割)は不可能と思えますし、現に今まで実現していなかったのです。
 しかしここで自分が着目したのは、PC側に送られてくるのはサーバー上のHTMLファイルそのものではなく、もう一段階展開されたものであることです。
 そこで登場するのがSSIと呼ばれる技術です。

続きを読む "Pagingモジュールがページを分割する仕組み" »

2008年10 月22日 (水曜日)

Pagingモジュール:ココログなどのTypePad系ブログでカテゴリーページを分割するテンプレート・モジュール

《2009/12/12追記》
注意】 2009年10月1日から順次移行されているTypePadの新バージョンでは、このモジュールはまったく機能しません
ココログで11月16日に導入された「カテゴリ毎バックナンバーの表示変更」とは違います
 もし、このモジュール導入後に新TypePadに移行した場合、カテゴリーページが表示されなくなりますので、変更したアーカイブ・テンプレート(entry-listモジュール)の、
「<$MTInclude module="paging-initialize"$><MTEntries><$MTInclude module="paging-entry-top"$>」
「<$MTInclude module="paging-entry-bottom"$></MTEntries><$MTInclude module="paging-navigation"$>」
に変更した箇所を、それぞれ、元の「<MTEntries>」「</MTEntries>」に戻してください。
 新TypePadでは、このモジュール無しでカテゴリーページが分割表示されます。


まえがき

 現行のココログなどのTypePad系ブログでは不可能とされていた長くなったカテゴリーページを“サーバー側”で複数のページに分割するテンプレート・モジュールです。
 表題はカテゴリーページの分割としていますが、月別バックナンバーページなどでも同じように利用できます。
Paging1

 これまでにもJavaScriptでの擬似的な分割表示は実現されていましたが、PC側での分割表示のためダウンロードサイズは変わらず、エントリー記事が数百件にもおよぶカテゴリーページだとブロードバンド環境でも読み込みに数十秒待たされることも珍しくありませんでした。
 このモジュール導入の最大のメリットは、その読み込み時間の大幅な削減にあります。
 サーバー側で分割するので基本的に閲覧環境に影響を受けません。もちろんJavaScriptがオフに設定してあるブラウザでもちゃんと分割されます。
 また些細なことですが、ブラウザのバックボタンで前の分割ページに戻ることもできます。(JavaScript方式では戻れなかったんです)
 基本仕様が単純なために、JavaScriptを駆使すれば完全に自由なカスタマイズができることも魅力です。

 能書きはこのくらいにして、さっそく導入の仕方をご紹介します。
 なお導入には、直接テンプレートのHTMLをいじる必要があるため、ココログ・プロ、TypePad プロ(Pro)プランなどの上級テンプレートを利用可能なコースである必要があります。
 TypePadココログで動作確認済みです。

 あとお約束ですが、ご利用は自己責任でお願いします。

続きを読む "Pagingモジュール:ココログなどのTypePad系ブログでカテゴリーページを分割するテンプレート・モジュール" »

2008年10 月19日 (日曜日)

『かみぃの丘』も引っ越しました&TypePadで大発明!

 ご覧の通り、無事、大本営『かみぃの丘』もTypePadへの移転完了しました。

 と、話は変わって、実はその作業過程で、とんでもないものを発明(開発)してしまった。
 ココログ(@nifty)やブログ人(OCN)など、TypePad系でブログをやりこんでる者なら誰しも一度は欲しがるであろう、長くなりすぎたカテゴリーページを分割する機能

 TypePad系ブログのこの肥大化するカテゴリーページ問題は先人たちの知恵により、JavaScriptを駆使して“一見分割してるように見える”方法があみ出されたり(参考:ココログ活用ブログ「ココログで長くなったカテゴリーページを分割するプログラム」)してるのは知ってたんだけど、この方法だと見た目のアクセシビリティは改善するが、ダウンロードするページサイズは変わらない(=エントリー数が数百もあったりするとダウンロードに何十秒も待たされる)ので、導入は躊躇していたのよ。

 そんで最近、ココログからTypePadへのブログ移転のために、旧ブログから新ブログへのアドレス変更の報告を、ページ毎に一対一で新アドレスを掲載できないか調べているうちに、偶然ある手段を思いつきまして、できちゃったんですよ、カテゴリーページ(バックナンバーページも)を余計なエントリーのダウンロードをせずに分割することが。

続きを読む "『かみぃの丘』も引っ越しました&TypePadで大発明!" »

2008年10 月14日 (火曜日)

移転続報

 というわけで、『とのみ倶楽部BLOG』と『愛の次に欲しいもの』の移転を完了しました。
 新しいアドレスはそれぞれ、『とのみ倶楽部BLOG』<http://tonomi.weblogs.jp/club/>、『愛の次に欲しいもの』<http://wishlist.filmcrew.jp/>になります。
 『とのみ倶楽部BLOG』だけドメインが違うのは、細かい説明は省きますが、フォトギャラリーとの繋がりを優先した些細なこだわり。

 この『かみぃの丘』も移転準備はほぼ万端で、あとはデータを移すだけなんですが、『とのみ倶楽部BLOG』のように写真の移動を断念するか思案中。
 前回のホームページからブログ化した移転のときはまだ写真が少なかったんで、全部こっちに持ってきたんだよなあ。『とのみ倶楽部BLOG』ほどじゃないにしても、けっこう増えちゃってるから、どうしたものか。
 写真は後回しにするとしても、とりあえず近いうちに移転はさせますけど。

 逆に『未完の映画評』に関してはまだ白紙状態でまったくめどが立っていません。
 あっちは写真などの画像データはほとんどないものの、テンプレートをいじりすぎてて簡単に一括移行とはいかないんですな。
 これを機にサイトデザインも一新するつもりなんで、まだ10月だというのにほんとに来年になっちゃうかも。

 まあ、のんびりやります。

2008年10 月13日 (月曜日)

ブログ群、引っ越します

 突然ですが、この『かみぃの丘』を筆頭に、管理しているブログをすべて移転します

 と、簡単に言っていますが、数も一つや二つではないので、さすがに一度にとはいくはずもなく、年内をめどに順次移転していきます。
 とはいうものの、さらに現在、映画の仕事に入っていて、これが年末まで続くので、11月半ばまでにめどが立たなかった場合、来年までずれ込むかも。

続きを読む "ブログ群、引っ越します" »

« 2008年9 月 | メイン | 2008年11 月 »

最近の居場所

  • コロニーな生活☆PLUS
    ※携帯電話&スマートフォン用 位置ゲー『コロニーな生活』のWebView機能で表示しています。

    コロニーな生活

最近のつぶやき

Kammy PRESENTS

  • かみぃの丘
    Kammyhills
  • Since: Friday, June 18, 1999
  • Copyright © 1999-2017 FilmCrew.jp. All rights reserved.