test の編集

MenuBar

↑

アクセス数

合計：107
今日：16
昨日：1

今日の15件

<div id="contents"><div id="body"><h3 id="k9e40dbd">flexlist.inc.php</h3>
<table class="style_table" cellspacing="1" border="0" align="center"><colgroup><col align="right" width="125" style=""></col><col align="left" width="360" style=""></col></colgroup><tbody><tr><th class="style_th" _hspace="0" _fspace="0">サマリ</th><td class="style_td" _hspace="0" _fspace="0">別のページに記述されたデータを元に、ソート・検索・フィルター・グループ化・ページネーションといった諸機能を備えたテーブルを生成します。</td></tr><tr><th class="style_th" _hspace="0" _fspace="0">リビジョン</th><td class="style_td" _hspace="0" _fspace="0">1.0</td></tr><tr><th class="style_th" _hspace="0" _fspace="0">対応バージョン</th><td class="style_td" _hspace="0" _fspace="0">1.5.4</td></tr><tr><th class="style_th" _hspace="0" _fspace="0">投稿者</th><td class="style_td" _hspace="0" _fspace="0"><a href="綾つむぎ（ゆいかせ）">綾つむぎ（ゆいかせ）</a></td></tr><tr><th class="style_th" _hspace="0" _fspace="0">投稿日</th><td class="style_td" _hspace="0" _fspace="0"><span class="plugin" contenteditable="false" style="cursor:default">&new{2025-10-03 (金) 12:37:33};</span></td></tr></tbody></table>
<h2 id="o5ded3dd">特徴</h2>
<ul class="list1 list-indent1"><li><span style="color:blue"><strong>データと表示の完全な分離</strong></span> データ管理用のページと、テーブルを表示するページを分けることで、大規模なデータのメンテナンスを容易にします。</li>
<li><span style="color:blue"><strong>強力なグルーピング</strong></span> 指定した列の値でデータを分類し、見出し付きで表示できます。</li>
<li><span style="color:blue"><strong>完全なカスタム順序</strong></span> ソート、グループ化、フィルターの項目の並び順を、論理的な（意味のある）順番で自由に定義できます (例: 「大, 中, 小」)。</li>
<li>&color(blue){<strong>ユーザーフレンドリーなUI</strong>}: 検索、複数列ソート(Ctrl/Cmd+クリック)、表示件数の動的な変更が可能です。</li>
<li><span style="color:blue"><strong>単一ファイルで完結</strong></span> `flexlist.inc.php` を一つ置くだけで、すべての機能が利用できます。</li></ul>
<h2 id="wc8a881e">インストール</h2>
<p>1. 上記のリンクから `flexlist.inc.php` をダウンロードします。<br />
2. PukiWikiの `plugin` ディレクトリに、ダウンロードしたファイルをアップロードします。</p>
<h2 id="lc83f532">基本的な使い方</h2>
<h3 id="m360de46">ステップ1: データページの作成</h3>
<p>まず、データを格納するためのページ（例: <strong>Data/MyList</strong>）を作成し、以下の2つのブロックを記述します。</p>
<p><span class="plugin" style="cursor:default">#code(pukiwiki){{<br />// 設定ブロック<br />#flexlist_config<br />|key|type|label|width|<br />|name|sort|名前|auto|<br />|category|group-filter-sort|分類|150px|<br />#flexlist_endconfig<br /><br />// データブロック<br />#flexlist_data<br />|~名前|~分類|<br />|アイテムA|フルーツ|<br />|アイテムB|野菜|<br />|アイテムC|フルーツ|<br />#flexlist_enddata<br />}}</span></p>
<h3 id="v52f83b6">ステップ2: 表示ページでの呼び出し</h3>
<p>テーブルを表示したいページで、以下のようにプラグインを呼び出します。</p>
<p><span class="plugin" style="cursor:default">#code(pukiwiki){{<br />#flexlist(Data/MyList)<br />}}</span></p>
<h2 id="z6f666de">設定の詳細 (#flexlist_config)</h2>
<p>`#flexlist_config` ブロックでは、テーブルの全体設定と列ごとの詳細な設定を定義します。</p>
<h3 id="wf0581a4">全体設定</h3>
<p>テーブルの上に、`キー:値` の形式で記述します。</p>
<table class="style_table" cellspacing="1" border="0" align="center"><tbody><tr><td class="style_td" _hspace="0" _fspace="0">キー</td><td class="style_td" _hspace="0" _fspace="0">説明</td><td class="style_td" _hspace="0" _fspace="0">例</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">pagination_options</td><td class="style_td" _hspace="0" _fspace="0">表示件数ドロップダウンの選択肢をカンマ区切りで指定します。`All`は全件表示を意味します。</td><td class="style_td" _hspace="0" _fspace="0">`pagination_options: 25, 50, 100, All`</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">pagination_default</td><td class="style_td" _hspace="0" _fspace="0">初期状態で選択される表示件数を指定します。</td><td class="style_td" _hspace="0" _fspace="0">`pagination_default: 50`</td></tr></tbody></table>
<h3 id="g7ddb2cf">列設定</h3>
<p>Wikiのテーブル形式で、1行がテーブルの1列に対応します。</p>
<table class="style_table" cellspacing="1" border="0" align="center"><tbody><tr><td class="style_td" _hspace="0" _fspace="0">列名</td><td class="style_td" _hspace="0" _fspace="0">必須</td><td class="style_td" _hspace="0" _fspace="0">説明</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">`key`</td><td class="style_td" _hspace="0" _fspace="0">○</td><td class="style_td" _hspace="0" _fspace="0">データの内部的な名前。<strong>半角英数字</strong>を推奨します。</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">`type`</td><td class="style_td" _hspace="0" _fspace="0">○</td><td class="style_td" _hspace="0" _fspace="0">列の機能をハイフン区切りで指定します (例: `group-filter-sort`)。<br /> - `sort`: ソート可能になります。<br /> - `filter`: フィルター可能になります。<br /> - `group`: グループ化の対象になります。<br /> - `csv`: カンマ区切りの複数値をフィルター対象として扱います。</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">`label`</td><td class="style_td" _hspace="0" _fspace="0">○</td><td class="style_td" _hspace="0" _fspace="0">テーブルヘッダーに実際に表示される名前。データブロックのヘッダーと一致させる必要があります。</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">`width`</td><td class="style_td" _hspace="0" _fspace="0">○</td><td class="style_td" _hspace="0" _fspace="0">列の幅をCSS形式で指定します (`auto`, `150px`, `30%` など)。</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">`options`</td><td class="style_td" _hspace="0" _fspace="0">☓</td><td class="style_td" _hspace="0" _fspace="0">`キー:値`形式で、セミコロン区切りで高度な設定を行います。</td></tr></tbody></table>
<h3 id="n8e9e511">高度な設定 (`options`列)</h3>
<table class="style_table" cellspacing="1" border="0" align="center"><tbody><tr><td class="style_td" _hspace="0" _fspace="0">オプション</td><td class="style_td" _hspace="0" _fspace="0">説明</td><td class="style_td" _hspace="0" _fspace="0">例</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">`sort_priority`</td><td class="style_td" _hspace="0" _fspace="0">デフォルトのソート優先度。数値が小さいほど優先されます。</td><td class="style_td" _hspace="0" _fspace="0">`sort_priority:1`</td></tr><tr><td class="style_td" _hspace="0" _fspace="0">`order`</td><td class="style_td" _hspace="0" _fspace="0">ソート、グループ化、フィルターの項目に、<strong>意味のある順番</strong>を与えます。カンマ区切りで、優先したい順に値を記述します。</td><td class="style_td" _hspace="0" _fspace="0">`order:Yes,No`<br />`order:高,中,低`</td></tr></tbody></table>
<h2 id="y58c6e9d">既知の問題</h2>
<p>データページ（例: <strong>Data/MyList</strong>）を直接ブラウザで表示した場合、`#flexlist_config` や `#flexlist_data` といったタグが、処理されずにそのまま表示されることがあります。<br />
これは、単純な文字列を返すインラインプラグインに対するPukiWikiの表示仕様によるもので、<strong>プラグインの機能自体に影響はありません</strong>。`#flexlist(...)` で呼び出した際の表示は、正常に行われます。</p>
</div></div>

タイムスタンプを変更しない

** flexlist.inc.php [#k9e40dbd]
|RIGHT:125|LEFT:360|c
|~サマリ|別のページに記述されたデータを元に、ソート・検索・フィルター・グループ化・ページネーションといった諸機能を備えたテーブルを生成します。|
|~リビジョン|1.0|
|~対応バージョン|1.5.4|
|~投稿者|[[綾つむぎ（ゆいかせ）]]|
|~投稿日|&new{2025-10-03 (金) 12:37:33};|

* 特徴 [#o5ded3dd]
- &color(blue){''データと表示の完全な分離''}; データ管理用のページと、テーブルを表示するページを分けることで、大規模なデータのメンテナンスを容易にします。
- &color(blue){''強力なグルーピング''}; 指定した列の値でデータを分類し、見出し付きで表示できます。
- &color(blue){''完全なカスタム順序''}; ソート、グループ化、フィルターの項目の並び順を、論理的な（意味のある）順番で自由に定義できます (例: 「大, 中, 小」)。
- &color(blue){''ユーザーフレンドリーなUI''}: 検索、複数列ソート(Ctrl/Cmd+クリック)、表示件数の動的な変更が可能です。
- &color(blue){''単一ファイルで完結''}; `flexlist.inc.php` を一つ置くだけで、すべての機能が利用できます。

* インストール [#wc8a881e]
1. 上記のリンクから `flexlist.inc.php` をダウンロードします。  
2. PukiWikiの `plugin` ディレクトリに、ダウンロードしたファイルをアップロードします。

* 基本的な使い方 [#lc83f532]
**ステップ1: データページの作成 [#m360de46]
まず、データを格納するためのページ（例: ''Data/MyList''）を作成し、以下の2つのブロックを記述します。

#code(pukiwiki){{
// 設定ブロック
#flexlist_config
|key|type|label|width|
|name|sort|名前|auto|
|category|group-filter-sort|分類|150px|
#flexlist_endconfig

// データブロック
#flexlist_data
|~名前|~分類|
|アイテムA|フルーツ|
|アイテムB|野菜|
|アイテムC|フルーツ|
#flexlist_enddata
}}

**ステップ2: 表示ページでの呼び出し [#v52f83b6]
テーブルを表示したいページで、以下のようにプラグインを呼び出します。
#code(pukiwiki){{
#flexlist(Data/MyList)
}}

* 設定の詳細 (#flexlist_config) [#z6f666de]
`#flexlist_config` ブロックでは、テーブルの全体設定と列ごとの詳細な設定を定義します。

**全体設定 [#wf0581a4]
テーブルの上に、`キー:値` の形式で記述します。

**列設定 [#g7ddb2cf]
Wikiのテーブル形式で、1行がテーブルの1列に対応します。

|列名|必須|説明|
|`key`|○|データの内部的な名前。''半角英数字''を推奨します。|
|`type`|○|列の機能をハイフン区切りで指定します (例: `group-filter-sort`)。&br; - `sort`: ソート可能になります。&br; - `filter`: フィルター可能になります。&br; - `group`: グループ化の対象になります。&br; - `csv`: カンマ区切りの複数値をフィルター対象として扱います。|
|`label`|○|テーブルヘッダーに実際に表示される名前。データブロックのヘッダーと一致させる必要があります。|
|`width`|○|列の幅をCSS形式で指定します (`auto`, `150px`, `30%` など)。|
|`options`|☓|`キー:値`形式で、セミコロン区切りで高度な設定を行います。|

* 既知の問題 [#y58c6e9d]
データページ（例: ''Data/MyList''）を直接ブラウザで表示した場合、`#flexlist_config` や `#flexlist_data` といったタグが、処理されずにそのまま表示されることがあります。
これは、単純な文字列を返すインラインプラグインに対するPukiWikiの表示仕様によるもので、''プラグインの機能自体に影響はありません''。`#flexlist(...)` で呼び出した際の表示は、正常に行われます。

テキスト整形のルールを表示する

MenuBar

Europa Universalis V

初心者の手引き

データ

汎用戦略

各国データ・戦略

AAR

MOD

リンク集

編集者の手引き

共通素材

アクセス数

最新の20件

今日の15件