Demo

Live Archivies | Rif.3rd

• XML (RSS feed)から読み込んでいます。
• ドロップダウンメニューから月別・カテゴリ別の一覧を表示します。
• 記事タイトル行をクリックすると右サイドバーに概要が表示されます。
• 右サイドバーのmore…をクリックすると記事のシングルページへ飛びます。
• Title, PubDate, Tag をクリックすると並び変わります。

未解決箇所

• サムネイル、もしくは画像を右サイドバーに表示したかった
• 右サイドバーをHTML表示にしたかった
• ドロップダウンでは無く、スライドメニューにしたかった
• Spry デベロッパーガイド の通りにやったつもりだけど以外と Validator エラーが多い

ELA

上記を試した後に気が尽きたのですが、Sons Of Skadi » Extended Live Archiveって、Extended Live Archives for WordPress 2.3 @ 天佑的自由天地で上書きすれば、WP2.7でも動くんですね。しばらく外していたから知らなかった。
Demo: Live Archive(ELA) | Rif.3rd
これでいいじゃん…。

ファイルの準備

Adobe LabsからSpryをダウンロードしておく

1. xpath.js：データセットを作成するときに複雑な XPath 式を指定できるようにするーをリンク
2. SpryData.js：Spry データライブラリが含まれているーをリンク
3. Spry 名前空間宣言：コードを検査するために必要ーを HTML タグに追加

[php]


[/php]
[php]

[/php]

Spry XML データセットの基本的な概要

常に XPath ライブラリを先にリンクする
JavaScript や XML では大文字と小文字が区別される
new 演算子を使用してオブジェクトを作成
[php]

[/php]
絶対 URL か相対 URL かに関係なく、使用する URL はブラウザのセキュリティモデルの影響を受けるので、リンク元の HTML ページと同じサーバードメインにある XML ソースからしかデータをロードすることはできない。この制限を回避するには、クロスドメインサービススクリプトを指定する。

Spry 動的領域の概要と構造

• Spry 動的領域とは、データセットにバインドされた Web ページ上の領域
• データセットの XML データが表示され、データセットが変更されるたびに自動的に表示が更新される
• コンテナタグで Spry 動的領域を宣言するには、spry:region 属性を使用（bodyタグの中のみ）
• 動的領域のコンテナとして利用できないタグ：col, colgroup, frameset, html, iframe, select, style, table, tbody, tfoot, thead, title, tr （Spry 動的領域のコンテナの中での使用はできる）

例：Specials_DIV という動的領域のコンテナを、標準の HTML テーブルを含む div タグを使用して作成。
テーブルは動的領域によく使用される HTML エレメント。テーブルでは 1 行目に見出しを、2 行目に XML データの繰り返しを格納しやすい。
[php]

[/php]

DIV

id 属性：領域の名前を指定
spry:region 属性：動的領域を宣言し、そこで使用するデータセットを指定。

TABLE

spry:repeat 属性：ユーザーがページをロードすると、現在の行だけでなくデータセットのすべての行を表示する。

基本的な Spry マスター/詳細領域の概要と構造

• マスター領域：データセットの一連のレコードが簡略化された形で表示
• 詳細領域：選択されたレコードに関するより詳細な情報が表示

[php]

. . .




. . .

. . .

[/php]

• spry:detailregion：データセットの現在の行が変更されると自動的に更新される以外は、spry:region とまったく同じように機能
• 詳細領域：バインディング式の {ingredients} および {calories} により、ページがブラウザにロードされるとデータセットの現在の行のデータが表示される。
• ユーザーがマスター領域のテーブルの行をクリックすと、spry:setrow 属性により、データセットの現在の行がユーザーの選択した行に変更される。

データ参照

• ds_RowID：データセットに含まれる行の ID。 この ID を使用して、データセット内の特定のレコードを参照できます。 データがソートされた場合でも、ID は変更されません。
• ds_RowNumber： データセットに含まれる現在の行の行数。 ループ構造内では、この数値は、現在評価されている行の位置を表します。
• ds_RowNumberPlus1：ds_RowNumber と同じですが、最初の行はインデックス 0 ではなくインデックス 1 から始まります。
• ds_RowCount：データセットに含まれている行の数。 非破壊的なフィルタがデータセットに設定されている場合は、フィルタが適用された後の行の総数になります。
• ds_UnfilteredRowCount：非破壊的なフィルタが適用される前にデータセットに含まれていた行の数。
• ds_CurrentRowID：データセットの現在の行の ID。 この値は、ループ構造内で使用される場合でも変更されません。
• ds_CurrentRowNumber：データセットに含まれる現在の行の行数。 この値は、ループ構造内で使用される場合でも変更されません。
• ds_SortColumn：ソートに最後に使用された列の名前。 データセット内のデータがソートされない場合は、何も出力されません (空の文字列)。
• ds_SortOrder：データセットに含まれるデータの現在のソート順序。 このデータ参照は、ascending または descending という語を出力するか、何も出力しません (空の文字列)。
• ds_EvenOddRow：ds_RowNumber の現在の値を参照し、ストリング “even” または “odd” を返します。 行の代替カラーを表示するのに役立ちます。

via: Spry デベロッパーガイド>Spry XML データセットの使用

XMLネームスペース

XMLはメタ言語であり、DTDという文書でタグや属性を定義することで様々なマークアップ言語を作成することができる。これらは目的に応じて使い分けることになるが、1つの文書を複数のマークアップ言語で記述することもできる。その際、同じタグ名を複数の言語で定義してあると、文書中でそのタグが登場したときにどの言語で定義されたものなのか区別する必要が生じる。このときいちいちDTDのURIをタグに記述するのは面倒で冗長なので、使用する言語(のDTDが置いてあるURI)と対応する接頭辞を文書の先頭で定義しておき、タグにはその接頭辞を頭に追加することにより区別する。接頭辞とタグ名の間は「:」(コロン)で区切り、「<en:verb>」「<ja:verb>」のように使用する。

via: XMLネームスペースとは 【Namespaces in XML】 – 意味・解説 ： IT用語辞典

新しい Word 文書のファイル形式は、新しい Office Open XML 形式 (XML は Extensible Markup Language の略) をベースにしています。XML を理解する必要はありません。XML に関する処理はすべて内部で行われます。新しい XML ベースのファイル形式では、次の機能を使用できるようになります。

• スクリプトまたはマクロが含まれているファイルを分離し、不必要なコードまたはマクロを簡単に識別してブロックできるようにすることで、ドキュメントがより安全になります。
• ドキュメントのファイル サイズがより小さくなります。
• ドキュメントが破損しにくくなります。

via: ファイル形式が XML に変わった理由 – トレーニング – Microsoft Office Online

これまで、Word ファイルは、文書ファイルの .doc とテンプレート ファイルの .dot の 2 種類だけでした。
Word 2007 には、.docx、.dotx、.docm、および .dotm の 4 種類があります。
“x” は XML を表し、”m” はマクロを表しています。
基本的な文書とテンプレート、つまり .docx と .dotx にはマクロやコードを保存できなくなりました。
したがって、文書内にコードを隠すことができなくなり、日常的に使用する際の安全性が高まりました。
ただし、マクロ自体は便利な機能なので、.docm と .dotm という 2 種類のファイルを追加し、このファイル形式でコードを含む文書とテンプレートをサポートするようになっています。

via: ファイル形式の種類 – トレーニング – Microsoft Office Online

表示が崩れたりして苦労しますから。

でも、IE6でのXML宣言の問題と回避方法 « BirDesignで、IE6以外でのみ、XML宣言をするPHPコードを紹介されているので、Themeを変えるたびに訪れてコピペさせていただいています。

だいぶ前にびんさんに教わったんですけどね :P)

(QuickPost WordPress Plugin でQuotet投稿)
IE6でのXML宣言の問題と回避方法 « BirDesign