tiddlywiki 5.3.5 → 5.3.7

package/editions/ja-JP/tiddlers/howtos/Height of text editor.tid

@@ -0,0 +1,8 @@
+created: 20160817103854725
+modified: 20241104105649800
+original-modified: 20160817105415313
+tags: [[Editor toolbar]]
+title: Height of text editor
+ja-title: テキストエディタの高さ
+
+{{ $:/core/ui/EditorToolbar/editor-height}}ボタンを使用すると、テキスト入力フィールドの高さを調整できます。

package/editions/ja-JP/tiddlers/howtos/How to add a banner for GitHub contributions.tid

@@ -0,0 +1,22 @@
+title: How to add a banner for GitHub contributions
+ja-title: GitHub投稿のバナーを追加する方法
+modified: 20241023113051454 
+original-modified: 20141123094403948
+created: 20141123094403948
+tags: Learning
+
+https://tiddlywiki.com でTiddlerを編集すると、GitHubでTiddlerのソースを編集するように促す小さなリボンが表示されます。
+
+Node.jsを使用している場合は、次のようにして、この機能を独自のTiddlyWikiベースのサイトに複製できます:
+
+# [[Wikiフォルダー|TiddlyWikiFolders]]の<$link to="tiddlywiki.info Files">`tiddlywiki.info`</$link>ファイルに次の設定が含まれていることを確認してください: 
+#> <pre><code>	"config": {
+		"retain-original-tiddler-path": true
+	}</code></pre>
+# Wikiに[[$:/ContributionBanner]]Tiddlerをコピーします
+# 次のように編集します:
+## https://github.com/TiddlyWiki/TiddlyWiki5/edit/master/editions/tw5.com/tiddlers/ から、自分のGitHubリポジトリを指すように、GitHubリンクURLを修正します
+## "Can you help us improve this documentation?"で始まるテキストの文言が訪問者にとって適切であることを確認してください
+## [[Improving TiddlyWiki Documentation]]へのリンクを調整して、投稿の手順の説明が記載された独自のTiddlerを指すようにします。
+
+

package/editions/ja-JP/tiddlers/howtos/How to apply custom styles by tag.tid

@@ -0,0 +1,62 @@
+caption: {{!!ja-title}} - ^^非推奨^^
+created: 20141001132300000
+modified: 20241121113613599
+original-modified: 20220704174221300
+tags: [[How to apply custom styles]] $:/deprecated
+title: How to apply custom styles by tag
+ja-title: タグでカスタムスタイルを適用する方法
+type: text/vnd.tiddlywiki
+
+<<.deprecated-since "5.1.16" "Custom styles by data-tags">>. [[カスタムスタイルを適用する方法|How to apply custom styles]]も参照してください
+
+----
+
+`tc-tagged-<Tag Name>`という名前のCSSクラスを定義することで、特定のタグを持つTiddlerにカスタムスタイルを適用できます。
+
+たとえば、"NightReader"というタグが付けられたTiddlerを夜の読書に適した特別な配色で表示するには、次のようにクラス`tc-tagged-NightReader`を定義する[[スタイルシートを作成|Using Stylesheets]]します:
+
+```
+.tc-tagged-NightReader {
+	background-color:black;
+	color: orange;
+	padding: 35px 35px;
+}
+
+.tc-tagged-NightReader .tc-tiddler-body {
+	font-size: 1.5em;
+}
+```
+
+クラス`tc-tagged-NightReader`は、Tiddlerのテキスト部分だけでなく、Tiddler全体に適用されます。Tiddlerのより小さな部分をターゲットにしたい場合は、この`.tc-tagged-NightReader .tc-tiddler-body`のようにCSSセレクターを修飾します。
+
+Note that tags containing spaces or non-alphanumeric characters will be converted using URI encoding, making the generated CSS classname hard to predict. For example:
+スペースや英数字以外の文字を含むタグはURIエンコーディングを使用して変換されるため、生成されるCSSクラス名を予測することが困難になることに注意してください。例:
+
+|!Tag |!Generated Class Name |
+|`$:/mytag` |`tc-tagged-%24%3A%2Fmytag` |
+|`Doctor Who` |`tc-tagged-Doctor%20Who` |
+|`£35.23` |`tc-tagged-%C2%A335.23` |
+
+~TiddlyWikiはこれらのタグを生成しますが、実際にCSSで使用するには、次のようにスタイルシートでパーセント文字をエスケープする必要があります: 
+
+```
+.tc-tagged-Doctor\%20Who {
+    background-image: url(./tardis_back.svg);
+    background-repeat: no-repeat;
+    background-position: right;
+    color:#FBFBFB;
+}
+```
+
+変換を実行するためのユーティリティ関数がJavaScriptで利用できます: 
+
+```
+$tw.utils.tagToCssSelector("$:/tags/Stylesheet")
+```
+
+次の出力を生成します: 
+
+```
+tc-tagged-\%24\%3A\%2Ftags\%2FStylesheet
+```
+

package/editions/ja-JP/tiddlers/howtos/How to apply custom styles.tid

@@ -0,0 +1,12 @@
+created: 20141001132300000
+list: [[Custom styles by data-tags]] [[Custom styles by data-tiddler-title]]
+modified: 20241117105127872
+original-modified: 201804111740
+tags: [[Customise TiddlyWiki]]
+title: How to apply custom styles
+ja-title: カスタムスタイルを適用する方法
+type: text/vnd.tiddlywiki
+
+カスタムスタイルを適用するにはいくつかの方法があります
+
+<<list-links filter:"[tag[How to apply custom styles]]">>

package/editions/ja-JP/tiddlers/howtos/How to build a TiddlyWiki5 from individual tiddlers.tid

@@ -0,0 +1,19 @@
+created: 20131124220600000
+modified: 20250121112457196
+original-modified: 20241025051111864
+tags: [[TiddlyWiki on Node.js]]
+title: How to build a TiddlyWiki5 from individual tiddlers
+ja-title: 個々のTiddlerからTiddlyWiki5を構築する方法
+type: text/vnd.tiddlywiki
+
+まず、[[Node.jsにTiddlyWikiをインストール|Installing TiddlyWiki on Node.js]]の説明に従ってTiddlyWikiをインストールします。
+
+# 空の[[TiddlyWikiFolder|TiddlyWikiFolders]]を作成します
+## 適当な場所に新しいフォルダを作成します (例: `~/MyWiki`)
+## 次のテキストを含む`tiddlywiki.info`というファイルを作成します: 
+##* `{"themes": ["tiddlywiki/vanilla","tiddlywiki/snowwhite"]}`
+## `tiddlers`というサブフォルダを作成します
+##* あるいは、TiddlyWiki5リポジトリから、`editions/empty`フォルダをコピーします
+# `~/MyWiki/tiddlers`ディレクトリ内に個々のTiddlerFilesを作成します
+# TiddlyWiki5ルートディレクトリから次のコマンドを実行して、TiddlerからTiddlyWiki5ファイルを構築します: 
+## `tiddlywiki ~/MyWiki --render $:/core/save/all index.html text/plain`

package/editions/ja-JP/tiddlers/howtos/How to change the sort order of sub-branches in a TOC macro.tid

@@ -0,0 +1,27 @@
+created: 20161209172820513
+modified: 20241020110058381
+original-modified: 20190220000000000
+tags: Learning
+title: How to change the sort order of sub-branches in a TOC macro
+ja-title: TOCマクロでのサブブランチのソート順を変更する方法
+type: text/vnd.tiddlywiki
+
+次のような[[目次|Table-of-Contents Macros]]マクロを使用していると想定します: 
+
+```
+<<toc-selective-expandable  "TableOfContents" "sort[title]">>
+```
+
+多くの場合、並び順は問題ありませんが、`Journal`タグ付けされたアイテムを`created`フィールドの順に並べ替えたいとします。`Journal`タグ付けされたサブ項目だけに別の並べ替え順を適用するにはどうすればよいでしょうか?
+
+秘訣は、別の並べ替え基準を指すフィールドを、親のタグTiddler(つまり、`Journal`)に追加することです。そのフィールドを`fuzzy`と呼び、値`created`を入力します(`created `はTiddlerの作成日を持つフィールドの名前です)
+
+次に、[[目次|Table-of-Contents Macros]]を次のように変更します: 
+
+```
+<<toc-selective-expandable  "TableOfContents" "sort{!!fuzzy}">>
+```
+
+これで、`created `の日付順に並べ替えられる`Journal`Tiddlerの子を除き、目次はどこでもタイトル順に並べ替えられるようになります
+
+このトリックの欠点は、1つの特別なフィールドのみに逆順ソートを適用できないことです。並べ替え順序を逆順にすると、どこも逆になります

package/editions/ja-JP/tiddlers/howtos/How to create a custom story tiddler template.tid

@@ -0,0 +1,42 @@
+created: 20211204120244761
+modified: 20241024105517309
+original-modified: 20211206165108185
+tags: Learning Cascades [[Story Tiddler Template]] [[Story Tiddler Template Cascade]] [[Customise TiddlyWiki]]
+title: How to create a custom story tiddler template
+ja-title: カスタムストーリーTiddlerテンプレートを作成する方法
+type: text/vnd.tiddlywiki
+
+ここでは、[[ストーリーTiddlerテンプレートカスケード|Story Tiddler Template Cascade]]にルールを追加して、<<tag "$:/tags/TiddlerList">>タグを付けたTiddlerをリストフィールドに名前が付けられたTiddlerのサムネイルを組み込んだカスタム外観で表示する方法を示します。
+
+デモを表示するには、[[カスタムストーリーTiddlerテンプレートを含むデモTiddlerリスト|Demo Tiddler List with Custom Story Tiddler Template]]を開きます。
+
+最初に、ストーリーTiddlerテンプレートカスケードに新しいステップを追加します。新しいフィルターステップは次のとおりです: 
+
+```
+[tag[$:/tags/TiddlerList]then[$:/_tw5.com/CustomStoryTiddlerTemplateDemo/Template]]
+```
+
+次のように読むことができます:
+
+```
+Tiddlerが$:/tags/TiddlerListタグを持つなら、$:/_tw5.com/CustomStoryTiddlerTemplateDemo/Templateを返します
+```
+
+> テンプレート$:/_tw5.com/CustomStoryTiddlerTemplateDemo/Templateも、 [[$:/_tw5.com/CustomStoryTiddlerTemplateDemo/Styles]]で定義したスタイルに依存します。
+
+ストーリーTiddlerテンプレートカスケードはタグ<<tag "$:/tags/StoryTiddlerTemplateFilter">>によって定義されます。そのため、そのタグを使用してTiddlerを作成する必要があります。
+
+また、カスケード内の正しいポイントに挿入されていることを確認する必要があります:
+
+* 新しいルールは、タグ$:/tags/TiddlerListが付いたドラフトTiddlerが編集できるようにするために、"draft"ルールの後に置く必要があります。
+* 新しいルールは"default"ルールの前になければなりません。そうでないと実行されません。
+
+コントロールパネルの"カスケード"タブには、`list-before`フィールドを使用してdefaultのステップの直前に新しいステップを挿入できることが示されています。
+
+構成Tiddlerの完全なフィールドのリストは次のとおりです:
+
+<<.tiddler-fields "$:/_tw5.com/CustomStoryTiddlerTemplateDemo/Filter">>
+
+最後に、デモTiddlerを作成する必要があります:
+
+<<.tiddler-fields "Demo Tiddler List with Custom Story Tiddler Template">>

package/editions/ja-JP/tiddlers/howtos/How to create a custom tiddler colour rule.tid

@@ -0,0 +1,38 @@
+created: 20211206114114698
+modified: 20241020110542022
+original-modified: 20211206165150302
+tags: Learning Cascades [[Customise TiddlyWiki]]
+title: How to create a custom tiddler colour rule
+ja-title: カスタムのTiddlerカラールールを作成する方法
+type: text/vnd.tiddlywiki
+
+ここでは、[[Tiddlerカラーカスケード|Tiddler Colour Cascade]]に、<<tag "TableOfContents">>タグを持つTiddlerに明るい青色の着色を、<<tag "Working with TiddlyWiki">>タグを持つTiddlerに濃い紫色の着色を、付与するルールの追加方法を示します。
+
+<<.tip "[[カスタムのTiddlerアイコンルールを作成する方法|How to create a custom tiddler icon rule]]では、同じTiddlerにカスタムアイコンを与える方法について説明します。">>
+
+まず、Tiddlerカラーカスケードに新しいステップを追加します。新しいフィルターステップは次のとおりです。:
+
+```
+[tag[TableOfContents]then[#1e90ff]]
+[tag[Working with TiddlyWiki]then[darkorchid]]
+```
+
+これは次のように読み取れます。:
+
+```
+もしTiddlerが"TableOfContents"タグを持つなら、カラー#1e90ffを返します
+もしTiddlerが"Working with TiddlyWiki"タグを持つなら、カラーdarkorchidを返します
+```
+
+Tiddlerカラーカスケードは<<tag "$:/tags/TiddlerColourFilter">>タグによって定義されます。したがって、そのタグを使用して設定Tiddlerを作成する必要があります。
+
+また、カスケード内の正しい位置に挿入されていることを確認する必要があります。:
+
+* 新しいルールは、明示的な''color''フィールドを持つTiddlerがそのフィールドの値を確実に尊重するように、"colour-field"ルールの後に置く必要があります。
+* 新しいルールは"default"カラーの前になければなりません。そうしないと、デフォルトのカラーが指定されていると、着色されることはありません。
+
+コントロールパネルの"カスケード"タブには、`list-before`フィールドを使用してデフォルトステップの直前に新しいステップを挿入することでこれを実現できることが示されています。
+
+設定Tiddlerの完全なフィールドリストは次のとおりです。:
+
+<<.tiddler-fields "$:/_tw5.com/CustomTiddlerColourCascadeDemo">>

package/editions/ja-JP/tiddlers/howtos/How to create a custom tiddler icon rule.tid

@@ -0,0 +1,38 @@
+created: 20211204161649863
+modified: 20241020111248598
+original-modified: 20211206165129215
+tags: Learning Cascades [[Tiddler Icon Cascade]] [[Customise TiddlyWiki]]
+title: How to create a custom tiddler icon rule
+ja-title: カスタムのTiddlerアイコンルールを作成する方法
+type: text/vnd.tiddlywiki
+
+ここでは、[[Tiddlerアイコンカスケード|Tiddler Icon Cascade]]に、<<tag "TableOfContents">>タグを持つTiddlerに"地球"アイコン<<.icon $:/core/images/globe>>を、<<tag "Working with TiddlyWiki">>タグを持つTiddlerに"ヘルプ"アイコン<<.icon $:/core/images/help>>を、付与するルールの追加方法を示します。
+
+<<.tip "[[カスタムのTiddlerカラールールを作成する方法|How to create a custom tiddler colour rule]]では、同じTiddlerにカスタムカラーを与える方法について説明します。">>
+
+まず、Tiddlerアイコンカスケードに新しいステップを追加します。新しいフィルターステップは次のとおりです。:
+
+```
+[tag[TableOfContents]then[$:/core/images/globe]]
+[tag[Working with TiddlyWiki]then[$:/core/images/help]] 
+```
+
+これは次のように読み取れます。:
+
+```
+もしTiddlerが"TableOfContents"タグを持つなら、$:/core/images/globeを返します
+もしTiddlerが"Working with TiddlyWiki"タグを持つなら、$:/core/images/helpを返します
+```
+
+Tiddlerアイコンカスケードは<<tag "$:/tags/TiddlerIconFilter">>タグによって定義されます。したがって、そのタグを使用して設定Tiddlerを作成する必要があります。
+
+また、カスケード内の正しい位置に挿入されていることを確認する必要があります。:
+
+* 新しいルールは、明示的な''icon''フィールドを持つTiddlerがそのフィールドの値を確実に尊重するように、"icon-field"ルールの後に置く必要があります。
+* 新しいルールは"default"アイコンの前になければなりません。そうしないと、デフォルトのアイコンが指定されていると、表示されることはありません。
+
+コントロールパネルの"カスケード"タブには、`list-before`フィールドを使用してデフォルトステップの直前に新しいステップを挿入することでこれを実現できることが示されています。
+
+設定Tiddlerの完全なフィールドリストは次のとおりです。:
+
+<<.tiddler-fields "$:/_tw5.com/CustomTiddlerIconCascadeDemo">>

package/editions/ja-JP/tiddlers/howtos/How to create keyboard shortcuts.tid

@@ -0,0 +1,107 @@
+tags: [[Customise TiddlyWiki]] Learning
+title: How to create keyboard shortcuts
+ja-title: キーボードショートカットを作成する方法
+type: text/vnd.tiddlywiki
+
+<br>
+<<.tip """[[TiddlyWiki]]は2種類のキーボードショートカットを区別します。<$macrocall $name=".tag" _="input"/>フィールド内や<$macrocall $name=".wlink" to="KeyboardWidget"/>ウィジェットによって処理される<$macrocall $name=".tag" _="textareas"/>でのみ機能するものと、またはグローバルに機能する、つまり、アクセスするのにページにフォーカスがあるだけでよいというキーボードショートカットです。後者は、Wikiが読み込まれたときに機能し始めるメカニズムによって処理されます""">>
+
+!! 設定メカニズムは両方のショートカットタイプで同じです
+
+<$vars tv-show-missing-links="no">
+
+<<.def プレフィックス>> `$:/config/ShortcutInfo/`と`my-shortcut`のような''一意のサフィックス''が追加されたTiddlerは、新しいショートカットを$:/ControlPanelの[[キーボードショートカットタブ|$:/core/ui/ControlPanel/KeyboardShortcuts]]に表示します。オプションの説明をテキストフィールドに追加できます
+
+[[キーボードショートカットタブ|$:/core/ui/ControlPanel/KeyboardShortcuts]]では、ショートカットをトリガーする''キーの組み合わせ''を設定できます:
+
+> 新しいショートカットに定義された''一意のサフィックス''を探し、''キーの組み合わせ''を検出し、入力フィールドに検出された組み合わせを表示するポップアップを開くボタン<$button class="tc-btn-invisible"><<.icon $:/core/images/edit-button>><$action-sendmessage $message="tm-notify" $param="$:/core/images/edit-button"/></$button>をクリックします
+
+>''ショートカットの追加''は、ショートカットにキーの組み合わせを割り当てます
+
+!!! 選択したプラットフォームに応じて、構成メカニズムは特定の命名法を持つTiddlerを作成します
+
+> $:/config/shortcuts/ + すべてのプラットフォーム(オペレーティングシステム)で機能するショートカットの''ショートカットサフィックス'' 
+
+> $:/config/shortcuts-(mac/not-mac/windows/not-windows/linux/not-linux)/ + 選択したプラットフォームでのみ機能するショートカットや除外されたプラットフォームでは機能しないショートカットの''ショートカットサフィックス''
+
+!!! 例
+
+* $:/config/shortcuts/`my-shortcut`
+* $:/config/shortcuts-mac/`my-shortcut`
+* $:/config/shortcuts-windows/`my-shortcut`
+* $:/config/shortcuts-linux/`my-shortcut`
+* $:/config/shortcuts-not-mac/`my-shortcut`
+* $:/config/shortcuts-not-windows/`my-shortcut`
+* $:/config/shortcuts-not-linux/`my-shortcut`
+
+<<.tip """上記の''ShortcutInfo''Tiddlerが最初に作成され、ショートカットが~ControlPanelで構成されている場合には、これらのプラットフォーム固有のTiddlerを手動で作成する必要がないことに注意してください""">>
+
+<br>
+
+!! この時点でショートカットが定義され、その''アクション''を設定できます
+
+!! [[キーボードウィジェット|KeyboardWidget]]の使用
+
+> <<.wlink "KeyboardWidget">>ウィジェットは、そのスコープ内の<<.tag input>>や<<.tag textarea>>フィールド内で押されたキーの組み合わせを検出します。<<.wlink "KeyboardWidget">>ウィジェットは、<<.tag input>>や<<.tag textarea>>フィールドを"包含"する必要があり、その<<.attr key>>属性は、[[キー記述子|Key Descriptor]]構文を使用して構成Tiddlerを指定するか、キーを明示的に含みます
+
+```
+<$keyboard key="((my-shortcut))" actions='<$action-setfield $tiddler="my-tiddler" $field="my-field" $value="my-value"/>'>
+
+<$edit-text tag="input" tiddler="my-tiddler"/>
+
+</$keyboard>
+```
+
+```
+<$keyboard key="alt-shift-M" actions='<$action-setfield $tiddler="my-tiddler" $field="my-field" $value="my-value"/>'>
+
+<$edit-text tag="input" tiddler="my-tiddler"/>
+
+</$keyboard>
+```
+
+> アクションが定義されている場合、<<.wlink KeyboardWidget>>ウィジェットは、その<<.attr key>>属性で定義されたキーの組み合わせがそのスコープ内の
+<<.tag input>>や<<.tag textarea>>フィールドで押されたことを検出すると、その<<.attr actions>>属性で定義されたアクションを呼び出します
+
+<br>
+
+!! グローバルなキーボードショートカットの使用
+
+> 新しいグローバルキーボードショートカットの作成の詳細については、[[キーボードショートカットTiddler]]を参照してください。
+
+> ''グローバル''キーボードショートカットのアクションは、<<tag $:/tags/KeyboardShortcut>>タグが付けられたTiddlerの''テキスト''フィールドに保存されます
+
+> ''キーフィールド''は、[[キーボードショートカット記述子|Keyboard Shortcut Descriptor]]と呼ばれる`((my-shortcut))`構文を通じて、アクションTiddlerと対応するショートカットを結びつけます
+
+:<h3> 構文: `((` + `選択したサフィックス` + `))` </h3>
+
+> Tiddlerが<<tag $:/tags/KeyboardShortcut>>タグを持っている場合、''key''フィールドに[[キーボードショートカット記述子|Keyboard Shortcut Descriptor]]を値として設定し、テキストフィールドにアクションを設定すると、メカニズムが設定されたキーの組み合わせを検出するとアクションがトリガーされます
+
+<br>
+<$macrocall $name=".tip" _="""グローバルキーボードショートカットの''外部で''定義された''マクロ''(`$:/tags/Global`タグの付いたTiddler経由)は、アクセス可能にするために''インポートする''必要があります。
+[[インポートプラグマ|Pragma]]は、そのために使用できます"""/>
+
+<pre>
+\import [subfilter{$:/core/config/GlobalImportFilter}]
+</pre>
+
+マクロ定義を含むTiddlerがわかっていて、例えばタイトルが`my-macro-tiddler`なら、
+
+<pre>
+\import [[my-macro-tiddler]]
+</pre>
+
+<br>
+<$macrocall $name=".tip" _="""一部のアクションは<<.wlink NavigatorWidget>>ウィジェット内にラップする必要があります。これは、グローバルなキーボードショートカット内で使用される場合に、次のウィジェットとメッセージのリストが機能するために必要です"""/>
+
+!!! ウィジェット
+
+<<.wlink ActionNavigateWidget>> (ActionNavigateWidget)
+
+!!! メッセージ
+
+<$list filter="[tag[navigator-message]]">
+<$link/><br>
+</$list>
+
+</$vars>

package/editions/ja-JP/tiddlers/howtos/How to customize TiddlyDesktop.tid

@@ -0,0 +1,34 @@
+created: 20171118194518819
+modified: 20241026104802213
+original-modified: 20171118194518819
+tags: Learning
+title: How to Customize TiddlyDesktop
+ja-title: TiddlyDesktopをカスタマイズする方法
+type: text/vnd.tiddlywiki
+
+!! 前置き/注意:
+
+TiddlyDesktopの内部実装を実験する前に、“ユーザー構成フォルダ”の場所を見つける必要があります。それには、メインのTiddlyDesktopウィンドウの“Settings”ボタンをクリックし、“Open user config folder”ボタンをクリックします。次に、上へ移動して“TiddlyDesktop”という名前の親フォルダを見つけます。問題が発生した場合は、このフォルダ全体を削除してTiddlyDesktopを初期状態にリセットできます。
+
+TiddlyDesktopメインウィンドウのBackstageボタンをクリックすると、バックステージWikiが開きます。これは、TiddlyDesktopのUIとロジックを実行する、TiddlyWikiの Node.jsのようなインスタンスです。
+
+!! "Add a ~TiddlyWiki Folder"ボタンを削除する方法。
+
+バックステージWiki内で、`WikiListToolbar`Tiddlerを見つけます(HelloThereにリンクがあります)。それをクリックして編集モードにすると、すべてのツールバーボタンのWikiテキストが表示されます。変更を加えて“done”をクリックすると、変更がTiddlyDesktopのメインウィンドウにすぐに反映されます。
+
+!! "advanced"ボタンを"reveal backups"ボタンに変更する方法。
+
+`$:/TiddlyDesktop/Settings`Tiddlerから“reveal backups”ボタンのコードをコピーして、`WikiListToolbar`にペーストします。
+
+!! 色を変える方法。
+
+TiddlyWikiと同様に、パレットを使用することも、独自のカスタムCSSを定義することもできます。
+
+!! ティドラーがリストされる順序(アルファベット順)を変更する方法。
+
+`WikiList`Tiddlerを開いて、編集にし、最後までスクロールします。次に、''wikilist''マクロの中を`<$list>`ウィジェットを変更します:
+
+```
+<$list filter="[tag[wikilist]sort[title]!has[draft.of]]" emptyMessage="開始するには、~TiddlyWikiファイルやフォルダーを追加してください。上のボタンをクリックして参照するか、ファイルエクスプローラー/ファインダーからドラッグアンドドロップします" storyview="pop">
+```
+

package/editions/ja-JP/tiddlers/howtos/How to embed PDF and other documents.tid

@@ -0,0 +1,37 @@
+created: 20141117000000000
+modified: 20241026105359133
+original-modified: 20230803051806817
+tags: Learning
+title: How to embed PDF and other documents
+ja-title: PDFやその他のドキュメントを埋め込む方法
+type: text/vnd.tiddlywiki
+
+!!! 埋め込み vs 外部リンクに関する注意
+
+''注:'' 特定の種類のファイルを埋め込む方法を説明する前に、埋め込まずに、次のように外部リソースにリンクすることを検討してください: 
+
+```
+[ext[title|path/to/that.file]] 
+```
+
+次に、ブラウザにリソースの処理方法を決定させます。この方法の利点は、シンプルで迅速であることです。欠点は、ファイルが実際にはTW5ファイルと一緒に移動せず、以下の方法#2でファイルパスをすばやく`node.js`を使用できないことです。
+
+!! TW5ファイルにPDFを埋め込む2つの方法。
+
+!!! 1. ドラッグアンドドロップによる埋め込み 
+
+1つは、ファイルをTW5ファイルにドラッグアンドドロップすることです。上部に緑色のバーが表示されるまで待ってからドロップし、インポートTiddlerからインポートします。これにより、インポートしたPDF(またはその他のファイル)の内容がTW5ファイルに実際に埋め込まれます。
+
+PDFが大きすぎない限り、この方法はOKです。TW5ファイルが大きくなりすぎると問題が生じる可能性があります。
+
+!!! 2. '_canonical_uri'による埋め込み
+
+もう1つの方法は、外部ファイルへのTiddlerリンクを作成することです。この方法では、ファイルは実際にはTW5ファイルに組み込まれませんが、埋め込みファイルと同様に、`{{My Image File.jpg}}`トランスクルージョン構文を使用してアクセスできます。ファイルの場所アドレスは、[[Node.js]]で変更することもできます。node.jsで外部画像を使用する方法の詳細については、[[外部画像|ExternalImages]]を参照してください。
+
+`_canonical_uri`フィールドを持つTiddlerを作成します。外部ファイルへのローカルアドレスを入力します。`type`フィールドに`application/pdf`を設定します。
+
+どちらの方法でも、適切に設定されたブラウザを使用すれば、埋め込まれたPDFファイルが表示されます。
+
+!!! 他のファイルの種類
+
+TW5が認識できるファイル形式は限られています。[[コンテンツタイプ|ContentType]]にリストがあります。ブラウザやTW5が特定のファイル形式をどう処理すればよいか分からない場合は、2番目の方法を使用してファイルを埋め込んでからダウンロードするしかありません。Tiddlerを編集すると、リンクが表示されます。ファイルをダウンロードするには、リンクを右クリックできます。

package/editions/ja-JP/tiddlers/howtos/How to export tiddlers.tid

@@ -0,0 +1,32 @@
+created: 20151006145934884
+modified: 20241020112248683
+original-modified: 20160610084018658
+tags: Learning
+title: How to export tiddlers
+ja-title: Tiddlerのエクスポート方法
+type: text/vnd.tiddlywiki
+
+! すべてのTiddlerをエクスポートする
+
+''すべて''のTiddlerをエクスポートするには、サイドバーの"ツール"タブをクリックします。<<.icon $:/core/images/export-button>>''すべてエクスポート''ボタンを見つけてクリックします。ポップアップメニューで、Tiddlerをエクスポートする形式の選択がいくつか提供されます
+
+! Tiddlerのエクスポート
+
+特定のTiddlerをエクスポートする場合は、まずそのTiddlerに移動します。次に、Tiddler上部に表示される<<.icon $:/core/images/down-arrow>>''その他のコマンド''ボタンをクリックします。表示されるリストから<<.icon $:/core/images/export-button>>''Tiddlerをエクスポート''を選択します。ポップアップメニューでは、Tiddlerをエクスポートする形式を選択できます
+
+! 条件に一致するTiddlerをエクスポートする(フィルター)
+
+Tiddlerを選択してエクスポートするには、サイドバーの検索領域の横にある小さな虫眼鏡<<.icon $:/core/images/advanced-search-button>>をクリックします。これにより、[[Advanced Search|$:/AdvancedSearch]]Tiddlerが開きます。Advanced Search Tiddlerの"フィルタ"タブをクリックします。[[フィルタ|Filters]]タブのみで、選択したTiddlerをエクスポートできます。[[フィルタ|Filters]]は特定の構文に従います。フィルタの作成方法については、この[[フィルタ|Filters]]リンクをクリックしてください
+
+フィルタを入力すると、そのフィルタに一致するTiddlerのリストが表示されます。これで、フィルタ入力フィールドの右側に、<<.icon $:/core/images/export-button>>''Tiddlerをエクスポート''ボタンをクリックできるようになります。ポップアップメニューでは、Tiddlerをエクスポートする形式を選択できます
+
+! エクスポート形式
+
+現在、利用可能なエクスポート形式は次のとおりです: 
+
+* CSVファイル形式
+* JSONファイル形式
+* 静的HTMLファイル
+* ".tid"ファイル形式
+
+この``".tid"``形式は、すべてのTiddlerまたは選択したTiddlerをエクスポートしようとしても、1つのTiddlerだけがエクスポートされるという点で他の形式とは異なります

package/editions/ja-JP/tiddlers/howtos/How to hide the author's and other fields with CSS.tid

@@ -0,0 +1,33 @@
+created: 20180309232911422
+modified: 20241020113622005
+original-modified: 20180310201216266
+tags: Learning
+title: How to hide the author's and other fields with CSS
+ja-title: CSSで作成者やその他フィールドを非表示にする方法
+type: text/vnd.tiddlywiki
+
+すべてのTiddlerで作成者の名前を非表示にして、画面スペースを節約したい場合があります。簡単な方法は次のとおりです: 
+
+* 任意のタイトルを付けて新しいTiddlerを作成します
+* Tiddlerにタグ`$:/tags/Stylesheet`を付けます
+* Tiddlerのテキストフィールドに次のように入力します: 
+
+```
+.tc-subtitle .tc-tiddlylink {display:none;}
+```
+
+* Tiddlerを保存します。作成者名フィールドは表示されなくなります
+
+同様に、作成者と日付を含むサブタイトルフィールド全体を削除するには: 
+
+```
+.tc-subtitle {display:none;}
+```
+
+残念ながら、CSSを使用して作成者を非表示にせずに日付だけを非表示にすることはできません
+
+最後に、本当に最小限の外観にするために、タイトルを削除するには: 
+
+```
+h2.tc-title {display:none;)
+```

package/editions/ja-JP/tiddlers/howtos/How to put the last modification date in a banner.tid

@@ -0,0 +1,29 @@
+created: 20141020111002211
+modified: 20241021111644842
+original-modified: 20160617125921235
+tags: Learning
+title: How to put the last modification date in a banner
+ja-title: バナーに最終更新日を記載する方法
+type: text/vnd.tiddlywiki
+
+ウィンドウの角のバナーにWikiの最終更新日を表示する方法は次のとおりです
+
+# ~TiddlyWikiに<<.def "Corner ribbon">>[[プラグインをインストールする|Installing a plugin from the plugin library]] 
+# Wikiを保存(<<.icon $:/core/images/save-button-dynamic>>)し、再読み込み(<<.icon $:/core/images/refresh-button>>)します
+# [[$:/_MyRibbon]]という名の新しいTiddlerを作成し、[[$:/tags/PageControls]]のタグを付け、次の内容を含めます:<div>
+
+```
+<div class="github-fork-ribbon-wrapper right">
+<div class="github-fork-ribbon" style="background-color:#DF4848;">
+<$list filter="[!is[system]!has[draft.of]!sort[modified]limit[1]]">
+<$link>
+<$view field="modified" format="date" template="DD mmm YYYY at 0hh:0mm"/>
+</$link>
+</$list>
+</div>
+</div>
+```
+</div>
+# 必要に応じて、背景色の値を好みに合わせて変更します
+# 位置決めクラスを`right`から`right-bottom`に変更することもできます
+## バナーを左上に表示するには、[[$:/tags/PageControls]]の代わりに、[[$:/tags/PageTemplate]]のタグを付け、位置決めクラスを`left`に変更します

package/editions/ja-JP/tiddlers/howtos/How to update TiddlyWiki to the latest version.tid

@@ -0,0 +1,9 @@
+created: 20220426221124514
+modified: 20241109111750817
+original-modified: 20220426221240671
+tags: [[Working with TiddlyWiki]]
+title: How to update TiddlyWiki to the latest version
+ja-title: TiddlyWikiを最新バージョンにアップデートする方法
+type: text/vnd.tiddlywiki
+
+{{Upgrading}}

package/editions/ja-JP/tiddlers/howtos/How to widen tiddlers (aka storyriver).tid

@@ -0,0 +1,17 @@
+created: 20161208000000000
+modified: 20241021113311176
+original-modified: 20161208000000000
+tags: Learning [[Customise TiddlyWiki]]
+title: How to widen tiddlers (aka storyriver)
+ja-title: Tiddler(別名ストーリーリバー)を広げる方法
+type: text/vnd.tiddlywiki
+
+次の方法で、Tiddler(ストーリーリバーとも呼ばれる)のメイン列の幅を変更できます: 
+
+* 設定の歯車をクリックしてコントロールパネルを開きます
+* コントロールパネルで "外観" を選択し、"Theme Tweaks"を選択します
+* Theme tweaksで、下にスクロールします 
+
+`story right`と`story width`、`tiddler width`の設定が表示されます。これらの数値を、より大きな値に設定すると、Tiddlerの幅 を広げることができます。一般的に、`story right`と`story width`は、同じサイズか、`tiddler width`を少し小さくします。Tiddlerの幅にパーセンテージを使用することもできます。
+サイドバーがページの上部に表示されても構わない場合を除き、サイドバーのブレークポイントをストーリーリバーよりも大きなものに変更することもできます
+

package/editions/ja-JP/tiddlers/howtos/How_to_add_a_new_tab_to_the_sidebar.tid

@@ -0,0 +1,17 @@
+created: 20141117000000000
+modified: 20241020105658198
+original-modified: 20170204191253218
+tags: Learning [[Customise TiddlyWiki]]
+title: How to add a new tab to the sidebar
+ja-title: サイドバーに新しいタブを追加する方法
+type: text/vnd.tiddlywiki
+
+サイドバーメニューに新しいタブを作成するには: 
+
+# Tiddlerを作成し、[[システムタグ|SystemTags]]の[[$:/tags/SideBar]]タグでタグ付けします
+#* 目次を作成するには、[[目次マクロ|Table-of-Contents Macros]]を使用して新しいタブTiddlerを設定します。例えば、ここで使用している[[目次|TableOfContents]]を参照してください
+# デフォルトでは、Tiddlerタイトルがタブのタイトルとして使用されますが、`caption`フィールドを使用してオーバーライドできます
+# タブの順序を定義するには、[[タグ付け|Tagging]]で説明したように、`list-after`フィールドや`list-before`フィールドを使用します
+#* 例: `list-after`に[[$:/core/ui/SideBar/Open]]をセットすると、"表示中"タブの直後にサイドバータブが配置されます
+
+タグ`$:/tags/MoreSideBar`を使用すると、同様の方法で"詳しく"タブの下に新しいタブを作成できます