mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-14 22:04:51 +00:00
Merge branch 'tiddlywiki-com'
This commit is contained in:
Jeremy Ruston
commit
2eceee34fa
2
.github/workflows/ci.yml
vendored
2
.github/workflows/ci.yml
vendored
@ -5,7 +5,7 @@ on:
|
||||
- master
|
||||
- tiddlywiki-com
|
||||
env:
|
||||
NODE_VERSION: "18"
|
||||
NODE_VERSION: "22"
|
||||
jobs:
|
||||
test:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
13
editions/ja-JP/tiddlers/about/Philosophy of Tiddlers.tid
Normal file
13
editions/ja-JP/tiddlers/about/Philosophy of Tiddlers.tid
Normal file
@ -0,0 +1,13 @@
|
||||
created: 20131128075743966
|
||||
modified: 20241018104722786
|
||||
original-modified: 20140919160655340
|
||||
tags: Learning
|
||||
title: Philosophy of Tiddlers
|
||||
ja-title: Tiddlerの哲学
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
情報を記録して整理する目的は、情報を再利用できるようにすることです。記録された情報の価値は、再利用の容易さに直接比例します
|
||||
|
||||
[[Tiddler|Tiddlers]]の哲学は、情報を意味のある最小単位にスライスし、[[それらの間の関係を豊富にモデリングする|Structuring TiddlyWiki]]ことで、再利用の可能性を最大化することです。次に、集約と合成を使用して断片を織り合わせてストーリーを表現します
|
||||
|
||||
TiddlyWikiは、情報アイテム間の関係を表現し探索する簡潔な方法である、Tiddlerの代数を提供することを目指しています
|
||||
@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@ caption: エディション
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@ caption: パレット
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@ caption: プラグイン
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@ caption: テーマ
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
25
editions/ja-JP/tiddlers/community/OXTWIG.tid
Normal file
25
editions/ja-JP/tiddlers/community/OXTWIG.tid
Normal file
@ -0,0 +1,25 @@
|
||||
created: 20140222133223882
|
||||
modified: 20241016110202440
|
||||
original-modified: 20140912150349097
|
||||
tags: Meetups Videos
|
||||
title: OXTWIG
|
||||
ja-title: OXTWIG
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
''Oxford ~TiddlyWiki Interest Group''は毎月ミーティングを開き、TiddlyWikiに関する議論やデモンストレーションを行っています
|
||||
|
||||
次回のミーティングの詳細については、 https://oxtwig.eventbrite.co.uk/ をご覧ください
|
||||
|
||||
ディスカッションメーリングリストもあります: https://groups.google.com/forum/#!members/oxtwig
|
||||
|
||||
! OXTWIG #2
|
||||
|
||||
第2回OXTWIGミーティングは、2014年1月16日(木)に開催されました:
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/WOK_nVBf_6U" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
! OXTWIG #1
|
||||
|
||||
最初のOXTWIGミーティングは2013年11月21日(木)に開催されました:
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/tpNf_Dms_TE" frameborder="0" allowfullscreen></iframe>
|
||||
@ -16,7 +16,7 @@ caption: その他
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
13
editions/ja-JP/tiddlers/community/TiddlyWiki Hangouts.tid
Normal file
13
editions/ja-JP/tiddlers/community/TiddlyWiki Hangouts.tid
Normal file
@ -0,0 +1,13 @@
|
||||
created: 20130823091700000
|
||||
modified: 20241016110307487
|
||||
original-modified: 20211124214214045
|
||||
tags: Community Videos
|
||||
title: TiddlyWiki Hangouts
|
||||
ja-title: TiddlyWikiハングアウト
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
TiddlyWikiコミュニティは、長年にわたり多くのGoogleハングアウトを開催してきました。これらは、[[TiddlyWiki Googleグループ|https://groups.google.com/d/forum/tiddlywiki]]、および、[[TiddlyWiki Twitterアカウント|https://twitter.com/TiddlyWiki]]で発表されます。
|
||||
|
||||
過去のハングアウトは以下の~YouTubeプレイリストにアーカイブされています:
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLVT_2PPd-1p34gGCQ5qpwC8QdykxVAI3u" frameborder="0" allowfullscreen></iframe>
|
||||
@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
! <$link><$view field="title"/></$link>
|
||||
|
||||
<div class="tc-subtitle"> <$view field="modified" format="relativedate"/> の投稿</div>
|
||||
<div class="tc-subtitle"> <$view field="original-modified" format="relativedate"><$view field="modified" format="relativedate"/></$view> の投稿</div>
|
||||
|
||||
<$transclude/>
|
||||
|
||||
|
||||
@ -0,0 +1,123 @@
|
||||
created: 20210222140234737
|
||||
modified: 20241019104919003
|
||||
original-modified: 20211123034501278
|
||||
tags: Learning KeyboardDrivenInput
|
||||
title: Demonstration: keyboard-driven-input Macro
|
||||
ja-title: デモ: キーボード入力マクロ
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
\define allshortcuts(descriptor)
|
||||
<$wikify name=scutlist text=<<displayshortcuts (($descriptor$)) '' ' ' ''>> >
|
||||
<$list filter="[<scutlist>split[ ]join[</kbd>や<kbd>]addprefix[<kbd>]addsuffix[</kbd>]]" variable=scts><<scts>></$list>
|
||||
</$wikify>
|
||||
\end
|
||||
|
||||
\define kdi-demo-textmacrocall()
|
||||
```
|
||||
<$macrocall $name=keyboard-driven-input
|
||||
tiddler="$(tiddler)$"
|
||||
storeTitle="$(storeTitle)$"
|
||||
selectionStateTitle="$(selectionStateTitle)$"
|
||||
configTiddlerFilter="$(configTiddlerFilter)$"
|
||||
/>
|
||||
```
|
||||
\end
|
||||
|
||||
<$vars configTiddlerFilter="[[kdi-demo-configtid]]" tiddler="kdi-demo-tiddler" storeTitle="kdi-demo-storeTitle" selectionStateTitle="kdi-demo-selectionStateTitle" >
|
||||
|
||||
[[キーボード入力マクロ|keyboard-driven-input Macro]]は、ユーザーの入力に応じて更新されるフィルターされたリストを作成するために使用されます。また、キーボードを使用してリストをナビゲートしたり、リスト項目を使用してマクロを呼び出したりすることもできます。
|
||||
|
||||
これは、[[キーボードウィジェット|KeyboardWidget]]でラップされた''[[編集テキストウィジェット|EditTextWidget]]''で構成されています。`((input-accept))`、`((input-accept-variant))`、および`((input-cancel))`キーボードショートカットをリッスンする<<.def keyboard>>ウィジェットがありますが、これらのイベントに応答するデフォルトの動作はありません。マクロをユースケースに合わせて記述する必要があります。また、フィルターされたオプションリストのデフォルトの視覚化も定まっていません。
|
||||
|
||||
!!<<.var keyboard-driven-input>>マクロによって処理されるキーボード入力の種類:
|
||||
|
||||
!!!設定不可:
|
||||
|
||||
次のキーボードイベントは、[[$:/core/macros/keyboard-driven-input]]の<<.var keyboard-driven-input>>で定義されているマクロを呼び出します。
|
||||
|
||||
|入力 |目的 |マクロ |h
|
||||
|タイプ入力 |リストフィルター内で使用される文字列を作成する |<<.var keyboard-input-actions>> |
|
||||
|`((input-up))` (<<allshortcuts input-up>>) |フィルタリングされたリスト内の前の項目を一時的に選択する |パタメータ<<.param afterOrBefore>>=`"before"`、<<.param reverse>>=`"reverse[]"`付きの<<.var input-next-actions>> |
|
||||
|`((input-down))` (<<allshortcuts input-down>>) |フィルタリングされたリスト内の次の項目を一時的に選択する |パラメータ<<.param afterOrBefore>>=`"after"`、<<.param reverse>>=`""`付きの<<.var input-next-actions>> |
|
||||
|
||||
上記のすべてのアクションは、<<.var keyboard-driven-input>>がマクロのパラメータを使用して指定されたTiddler内に保持されるデータを生成または変更します。その後、キーボードショートカットによって呼び出されるマクロだけでなく、例えばフィルタリングされたリストを表示するマクロなど、これらの外部もデータにアクセスできます。
|
||||
|
||||
!!!パラメータで設定可能:
|
||||
|
||||
次のキーボードイベントは、<<.var keyboard-driven-input>>にパラメータで名前が指定されているマクロを呼び出します。パラメータ名から目的が推測されますが、[[$:/core/macros/keyboard-driven-input]]内にはデフォルトのマクロは定義されていません。
|
||||
|
||||
|[[キーボードショートカット記述 |Keyboard Shortcut Descriptor]] |キーの組み合わせ |パタメーター |h
|
||||
|`((input-accept))` |<<allshortcuts input-accept>> |<<.param inputAcceptActions>> |
|
||||
|`((input-accept-variant))` |<<allshortcuts input-accept-variant>> |<<.param inputAcceptVariantActions>> |
|
||||
|`((input-cancel))` |<<allshortcuts input-cancel>> |<<.param inputCancelActions>> |
|
||||
|
||||
<<.var keyboard-driven-input>> は、TiddlyWikiのさまざまなコア機能の一部として動作しているのを見ることができます。たとえば、[[検索機能|Searching in TiddlyWiki]]、[[tag-pickerマクロ|tag-picker Macro]]、[[リンクの挿入|Insert link]]のような[[エディターツールバー|Editor toolbar]]のドロップダウンインターフェースなどです。
|
||||
|
||||
!!デモに必要な最小限の材料
|
||||
|
||||
<<.var keyboard-driven-input>>マクロ自体はリストの結果を表示したり、選択されたオプションに対して何かを実行したりしないことを念頭に置いて、<<.var keyboard-driven-input>>マクロの最小限のデモンストレーションには以下が必要です:
|
||||
|
||||
# ユーザーのテキスト入力に応じて結果が変化する''フィルターを含むTiddler''は、ユーザーが選択できるオプションを生成すること
|
||||
# ''いくつかのパラメータ:''
|
||||
#*ステップ1で説明したフィルタが見つかるTiddlerのタイトルを返す''フィルタ''
|
||||
#*入力イベントに応答して状態情報を格納するために使用する''Tiddler タイトル''。これらのTiddlerは既に存在している必要はありません。存在する場合は、<<.var keyboard-driven-input>>マクロによってその内容が変更されます。
|
||||
|
||||
!!検索フィルター
|
||||
|
||||
デフォルトでは、Tiddler(そのタイトルは、以下で説明するパラメータで指定されます)の<<.field first-search-filter>>と<<.field second-search-filter>>フィールドでフィルターを検索します。
|
||||
|
||||
このフィルタは、<<.var userInput>>と呼ばれる変数を参照できます。この変数は、最新の<kbd><<displayshortcuts ((input-up))>></kbd>や<kbd><<displayshortcuts ((input-down))>></kbd>イベントの発生時に、状態Tiddler(後述)に保存されている<<.def edit-text>>ウィジェットの内容を表示します。
|
||||
|
||||
''注:'' このフィルターが<<.var keyboard-driven-input>>マクロ(フィルターされたオプションを表示するポップアップなど)の外のコンテキストで参照される場合は、変数<<.var userInput>>もそれらのコンテキストで定義する必要があります(状態Tiddlerから読み取ることによって)。
|
||||
|
||||
!!最小限のパラメータ
|
||||
|
||||
|Parameter name |Notes |h
|
||||
|<<.param configTiddlerFilter>> |これは、Tiddlerのタイトルではなく、条件付き動作(たとえば、アクティブなタブの確認やフォールバックで存在しないフィルターを選び出すなど)を可能にするフィルターです。<br>返されるタイトルは、<<.var keyboard-driven-input>>が結果リストを生成できる少なくとも1つのフィルターを含む既存のTiddlerに属している必要があります。 |
|
||||
|<<.param tiddler>> |このTiddlerには、最新のイベントに応じて、入力された内容や即時の選択結果が含まれます。これは、''edit-text''ウィジェットでキーが押されるたびに、//また//、ユーザーが<kbd><<displayshortcuts ((input-up))>></kbd>や<kbd><<displayshortcuts ((input-down))>></kbd>キーを使用してフィルタリングされた結果を循環するときにも更新されます。 |
|
||||
|<<.param storeTitle>> |このTiddlerは、常にユーザー入力を反映します(各キーストロークの後にTiddler<<.param tiddler>>から''edit-text''ウィジェットに転送されます)。 |
|
||||
|<<.param selectionStateTitle>> |このTiddlerは、<kbd><<displayshortcuts ((input-up))>></kbd>や<kbd><<displayshortcuts ((input-down))>></kbd>イベントで更新され、最大2つのフィルタのどちらがリストを生成したかに応じて、サフィックス`-userInput`が付いたユーザー入力か、またはサフィックス`-primaryList`か`-secondaryList`が付いた瞬間的な選択のいずれかが含まれます。 |
|
||||
|
||||
!!デモのセットアップ
|
||||
|
||||
私は<$list filter=<<configTiddlerFilter>> />というTiddlerを作成し、その<<.field first-search-filter>>フィールドに次のフィルターを配置しました:
|
||||
|
||||
<code><$list filter=<<configTiddlerFilter>> ><$text text={{!!first-search-filter}}/></$list></code>.
|
||||
|
||||
これは、タイトルにユーザーが入力したテキストが含まれる非システムTiddlerをフィルターします。
|
||||
|
||||
上記の<<.var keyboard-driven-input>>を持つフィルターを使用するには、パラメーター<<.param configTiddlerFilter>>の値が<$list filter=<<configTiddlerFilter>> />を返すフィルターである必要があります。
|
||||
|
||||
<<.param tiddler>>、<<.param storeTitle>>、<<.param selectionStateTitle>>は、かなり任意に選択できます(変更したくないTiddlerのタイトルを使用しないように注意するだけです)。
|
||||
|
||||
このデモは、次のマクロ呼び出しで呼び出すことができます:
|
||||
|
||||
<<kdi-demo-textmacrocall>>
|
||||
|
||||
!!デモ
|
||||
|
||||
ここに入力してみてください: <$macrocall $name=keyboard-driven-input
|
||||
tiddler=<<tiddler>>
|
||||
storeTitle=<<storeTitle>>
|
||||
selectionStateTitle=<<selectionStateTitle>>
|
||||
configTiddlerFilter=<<configTiddlerFilter>>
|
||||
/>
|
||||
|
||||
下の表のさまざまな状態Tiddlerの変化を観察してください。<kbd><<displayshortcuts ((input-up))>></kbd>や<kbd><<displayshortcuts ((input-down))>></kbd>キーを使用して、フィルター結果を移動します。何も変化がない場合は、入力を短くしてフィルターを広げてください。入力の長さが0の場合、リストにはシステム以外のTiddlerがすべて含まれます。
|
||||
|
||||
@@.tablestyle
|
||||
|
||||
|Parameter name |Tiddlerのタイトル |Tiddlerの<<.field text>>フィールドの内容 |h
|
||||
|<<.param tiddler>> |{{{[<tiddler>]}}} |<pre><$text text={{{[<tiddler>get[text]]}}}/></pre>|
|
||||
|<<.param storeTitle>> |{{{[<storeTitle>]}}} |<pre><$text text= {{{[<storeTitle>get[text]]}}}/></pre>|
|
||||
|<<.param selectionStateTitle>> |{{{[<selectionStateTitle>]}}} |<pre><$text text={{{[<selectionStateTitle>get[text]]}}}/></pre>|
|
||||
@@
|
||||
|
||||
<<.var keyboard-driven-input>>マクロには、囲まれた''edit-text''ウィジェットのすべての属性を含む多くのパラメーターが用意されており、その使用方法や結果の表示方法、操作方法が非常に柔軟です。
|
||||
|
||||
参照: [[検索結果のカスタマイズ|Customising search results]]と[[$:/core/ui/DefaultSearchResultList]]
|
||||
|
||||
<style>
|
||||
.tablestyle {width:100%;}
|
||||
.tablestyle td + td + td {width: 50%;}
|
||||
</style>
|
||||
@ -0,0 +1,8 @@
|
||||
created: 20130825143000000
|
||||
modified: 20241017114535878
|
||||
original-modified: 20211115013141494
|
||||
tags: task TaskManagementExample
|
||||
title: Compose ballad
|
||||
ja-title: バラードを作曲する
|
||||
|
||||
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//
|
||||
@ -0,0 +1,8 @@
|
||||
created: 20130825143100000
|
||||
modified: 20241017115556461
|
||||
original-modified: 20211115013240401
|
||||
tags: task TaskManagementExample
|
||||
title: Get the Ring
|
||||
ja-title: 指輪を手に入れる
|
||||
|
||||
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//
|
||||
@ -0,0 +1,8 @@
|
||||
created: 20130825143100000
|
||||
modified: 20241017115219870
|
||||
original-modified: 20211115181040966
|
||||
tags: task done TaskManagementExample
|
||||
title: Go to Mordor
|
||||
ja-title: モルドールに行く
|
||||
|
||||
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//
|
||||
@ -0,0 +1,9 @@
|
||||
created: 20130825143100000
|
||||
list-before: Get the Ring
|
||||
modified: 20241017115431750
|
||||
original-modified: 20211115013217852
|
||||
tags: task TaskManagementExample
|
||||
title: Kill the Dragon
|
||||
ja-title: ドラゴンを倒す
|
||||
|
||||
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//
|
||||
@ -0,0 +1,8 @@
|
||||
created: 20130825143100000
|
||||
modified: 20241017115742470
|
||||
original-modified: 20211115013200231
|
||||
tags: task TaskManagementExample
|
||||
title: Make the beds
|
||||
ja-title: ベッドを整える
|
||||
|
||||
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//
|
||||
@ -0,0 +1,27 @@
|
||||
created: 20130825213300000
|
||||
modified: 20241017114309207
|
||||
original-modified: 20180307153530187
|
||||
tags: Learning
|
||||
title: TaskManagementExample
|
||||
ja-title: タスク管理の例
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
TiddlyWiki5は、カスタマイズすることなく、シンプルなタスク管理システムとして使用できます。タスクに`task`タグを付け、完了したタスクに`done`タグも付けるというアイデアです。このようにして、タスクリストを簡単に作成できます。
|
||||
|
||||
<<.tip """タスクをドラッグアンドドロップして並べ替える機能が追加された[[このデモの拡張版|TaskManagementExample (Draggable)]]があります""">>
|
||||
|
||||
! 未完了のタスク
|
||||
|
||||
<$list filter="[!has[draft.of]tag[task]!tag[done]sort[created]]">
|
||||
|
||||
<$checkbox tag="done"> <$link/></$checkbox>
|
||||
|
||||
</$list>
|
||||
|
||||
! 完了したタスク
|
||||
|
||||
<$list filter="[!has[draft.of]tag[task]tag[done]sort[created]]">
|
||||
|
||||
<$checkbox tag="done"> ~~<$link/>~~</$checkbox>
|
||||
|
||||
</$list>
|
||||
@ -0,0 +1,25 @@
|
||||
created: 20180307153530187
|
||||
modified: 20241022104926750
|
||||
original-modified: 20180307153530187
|
||||
tags: Learning
|
||||
title: TaskManagementExample (Draggable)
|
||||
ja-title: タスク管理の例(ドラッグ可能)
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
これは[[タスク管理の例|TaskManagementExample]]のタスクリストをドラッグアンドドロップして並べ替える機能を付与した強化バージョンです
|
||||
|
||||
! 未完了のタスク
|
||||
|
||||
//タスクをドラッグして順序を変更できます//
|
||||
|
||||
<<list-tagged-draggable tag:"task" subFilter:"!has[draft.of]!tag[done]" itemTemplate:"TaskManagementExampleDraggableTemplate" emptyMessage:"アクティブなタスクはありません">>
|
||||
|
||||
! 完了したタスク
|
||||
|
||||
//(完了した逆順にリストされています)//
|
||||
|
||||
<$list filter="[!has[draft.of]tag[task]tag[done]sort[modified]]">
|
||||
<div>
|
||||
<$checkbox tag="done"> ~~<$link/>~~</$checkbox>
|
||||
</div>
|
||||
</$list>
|
||||
@ -0,0 +1,9 @@
|
||||
created: 20180307153530187
|
||||
modified: 20241022105026989
|
||||
original-modified: 20180307153530187
|
||||
tags: Learning
|
||||
title: TaskManagementExampleDraggableTemplate
|
||||
ja-title: タスク管理の例(ドラッグ可能)のテンプレート
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
<$checkbox tag="done"> <$link/></$checkbox>
|
||||
8
editions/ja-JP/tiddlers/demonstrations/Tasks/done.tid
Normal file
8
editions/ja-JP/tiddlers/demonstrations/Tasks/done.tid
Normal file
@ -0,0 +1,8 @@
|
||||
color: #2dbe37
|
||||
created: 20211115013354157
|
||||
icon: $:/core/images/done-button
|
||||
modified: 20241017115050246
|
||||
original-modified: 20211115013357660
|
||||
tags: TaskManagementExample
|
||||
title: done
|
||||
ja-title: 済み
|
||||
10
editions/ja-JP/tiddlers/demonstrations/Tasks/task.tid
Normal file
10
editions/ja-JP/tiddlers/demonstrations/Tasks/task.tid
Normal file
@ -0,0 +1,10 @@
|
||||
color: #8d9ac3
|
||||
created: 20130825213200000
|
||||
list: [[Make the beds]]
|
||||
modified: 20241017115926413
|
||||
original-modified: 20211115013121643
|
||||
tags: TaskManagementExample
|
||||
title: task
|
||||
ja-title: タスク
|
||||
|
||||
//このタグは、[[タスク管理の例|TaskManagementExample]]のタスクを識別します//
|
||||
@ -0,0 +1,97 @@
|
||||
created: 20140410101941871
|
||||
modified: 20241016110639693
|
||||
original-modified: 20201103111438568
|
||||
tags: Learning Filters
|
||||
title: Introduction to filter notation
|
||||
ja-title: フィルタ表記の紹介
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
<<.preamble """ここでは、Tiddlerのセットを選択する[[フィルタ|Filters]]の書き方の基本を説明しています。より技術的なプレゼンテーションについては、[[フィルタのシンタックス|Filter Syntax]]を参照してください""">>
|
||||
|
||||
<$macrocall $name=".tip" _="""フィルタを単独でTiddlerに入力するだけでは、フィルタは何も行いません。コンテキストが必要です。フィルタを試す簡単な方法は、[[詳細検索|$:/AdvancedSearch]]の<<.advancedsearch-tab Filter>>タブにフィルタを入力することです"""/>
|
||||
|
||||
最も単純なケースは、どのTiddlerが必要かすでに正確にわかっている場合です。各タイトルを二重角括弧で囲み、各タイトルと次のタイトルの間にスペースを入れて入力します:
|
||||
|
||||
> `[[Recipe book]] [[ScrambledEggs]] [[Mom's apple pie]]`
|
||||
|
||||
タイトルにスペースが含まれていない場合は、角括弧を省略できます:
|
||||
|
||||
> `[[Recipe book]] ScrambledEggs [[Mom's apple pie]]`
|
||||
|
||||
二重角括弧は実際には次の表記の短縮形です:
|
||||
|
||||
> `[title[ScrambledEggs]]`
|
||||
|
||||
... 任意のフィルタの<<.def "一般的なモデル">>は次のようになります:
|
||||
|
||||
> `[operator[parameter]]`
|
||||
|
||||
例えば、<<.tag Recipe>>でタグ付けされたすべてのTiddlerを選択する方法は次のとおりです:
|
||||
|
||||
> `[tag[Recipe]]`
|
||||
|
||||
演算子の直前に感嘆符`!`を追加すると、意味を逆にすることができます。例えば、<<.tag Recipe>>タグのない任意のTiddlerを選択できます:
|
||||
|
||||
> `[!tag[Recipe]]`
|
||||
|
||||
Tiddlerは、タイトルとタグ以外の他のフィールドでもフィルタリングできます:
|
||||
|
||||
> `[field:serving[4]]`
|
||||
|
||||
この例では、<<.field serving>>フィールドに、<<.value 4>>を持つすべてのTiddlerを選択します:
|
||||
|
||||
"serving"という単語は標準のフィルタ演算子ではない(また、標準のフィルタ演算子になる可能性も低い)ため、`field:`接頭辞を省略しても安全です:
|
||||
|
||||
> `[serving[4]]`
|
||||
|
||||
!組み合わせ
|
||||
|
||||
これまで見てきたフィルタには、それぞれ1つのステップしか含まれていません。でも、次のように複数のステップを一緒に<<.def ラン>>できます:
|
||||
|
||||
> `[tag[Vegetarian]!tag[soup]serving[4]]`
|
||||
|
||||
1組の角括弧内にラン全体がどのように含まれているかに注目してください
|
||||
|
||||
Tiddlerはランの中で<<.em すべて>>のステップを一致させなければなりません。したがって、上の例では、4人分のベジタリアンレシピ(スープ以外)を取得します
|
||||
|
||||
一連の個別のランにより、<<.em いずれか>>のランに一致するTiddlerが選択されます。これを使用して、3人分、または、4人分、5人分のレシピを見つけることができます:
|
||||
|
||||
> `[serving[3]] [serving[4]] [serving[5]]`
|
||||
|
||||
4人分のベジタリアンレシピを無視したい場合は、次のように言えます:
|
||||
|
||||
> `[serving[3]] [serving[4]!tag[Vegetarian]] [serving[5]]`
|
||||
|
||||
デフォルトでは、各ランではWiki内のすべてのTiddlerが考慮されます。ただし、`+`記号を使用して、前の実行で選択されたTiddlerのみを考慮するようにランを強制することができます:
|
||||
|
||||
> `[serving[3]] [serving[4]] [serving[5]] +[tag[Vegetarian]] +[sort[title]]`
|
||||
|
||||
これにより、3人分、または、4人分、5人分のレシピが選択され、次に<<.em それら>>がフィルタリングされてベジタリアンレシピのみが残り、最後に残ったレシピがタイトルのアルファベット順に並べ替えられます
|
||||
|
||||
同様の方法で、`-`符号を使用して、これまでの結果からランのTiddlerを<<.em 除外>>できます。次の表記では、2つを除くすべてのベジタリアンレシピを選択します:
|
||||
|
||||
> `[tag[Vegetarian]] -[title[ScrambledEggs]] -BeansOnToast`
|
||||
|
||||
!スペシャルパラメータ
|
||||
|
||||
これまで見てきた各ステップのパラメータは角括弧内にあります。これは、~TiddlyWikiが括弧内にある正確な文字列をフィルターすることを意味します。でも、他に2種類の括弧も使用できます:
|
||||
|
||||
<<.def "中括弧">>`{}`はパラメータはTextReferenceであり、別のTiddlerのコンテンツに置き換えられることを意味します。例えば、タイトルが<<.tid Preference>>であり、その内容が1つの単語<<.value Vegetarian>>であるTiddlerの場合、次のように言えます:
|
||||
|
||||
> `[tag{Preference}]`
|
||||
|
||||
この単純な形式では、TextReferenceはTiddlerの完全な内容(技術用語では、Tiddlerのテキストフィールド)を取得し、TextReferenceの代わりにそれを置き換えます。こうすることで、`[tag[Vegetarian]]`を記述した場合と同様に、Tiddlerの内容がフィルタパラメータになります。違いは、Preference Tiddlerの内容を変更することで、パラメータを変更する柔軟性が高まります
|
||||
|
||||
<<.def "山括弧">>`<>`は、パラメータが[[変数|Variables]]の名前であり、その値が代わりに使用されることを意味します。現在のタイトルをテキストに含むTiddlerを選択するフィルターとして、<<.vlink currentTiddler>>組込み変数を使用します:
|
||||
|
||||
山括弧は、パラメータが[[変数|Variables]]の名前であり、その値が代わりに使用されることを意味します。ここでは、テキストに現在のタイトルが含まれるTiddlerを選択するフィルタで、組込み変数<<.vlink currentTiddler>>を使用します:
|
||||
|
||||
> `[search<currentTiddler>]`
|
||||
|
||||
これらの特殊な括弧はネストできないことに注意してください。例えば、`[search{<currentTiddler>}]`と書くことはできません
|
||||
|
||||
!複数のパラメータ
|
||||
|
||||
<<.from-version "5.1.23">>一部のステップは、` , `文字で区切られた複数のパラメータを受け入れます
|
||||
|
||||
> Example: `[param1],[param2]` or `<param1>,{param2}`
|
||||
@ -3,7 +3,8 @@ ja-title: HelloThumbnail - Grok TiddlyWiki
|
||||
tags: HelloThumbnail
|
||||
color: #D5B7EA
|
||||
image: Grok TiddlyWiki Banner
|
||||
caption: Grok ~TiddlyWiki
|
||||
caption: Grok ~TiddlyWiki 2.0
|
||||
link: "Grok TiddlyWiki" by Soren Bjornstad
|
||||
ribbon-text: NEW 2.0
|
||||
|
||||
~TiddlyWikiを最大限に活用するために知っておくべきこと
|
||||
~TiddlyWikiの総合的なインタラクティブガイド。基礎から高度な概念までを網羅し、学習に役立つ演習やヒントも掲載しています
|
||||
@ -0,0 +1,24 @@
|
||||
created: 20140103091348509
|
||||
modified: 20241018104349502
|
||||
original-modified: 20140919161534259
|
||||
tags: Learning
|
||||
title: Adding a Twitter Follow button
|
||||
ja-title: Twitterのフォローボタンを追加する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
|
||||
以下は、特定のユーザー名のTwitterフォローボタンを提供するマクロです:
|
||||
|
||||
```
|
||||
\define twitterFollowButton(username)
|
||||
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=$username$" style="width:300px; height:20px;"></iframe>
|
||||
\end
|
||||
```
|
||||
|
||||
https://dev.twitter.com/docs/follow-button で公開されているバージョンからの唯一の変更点は、新しい行が削除されたことです
|
||||
|
||||
src URLはプロトコル(つまり、"http"または"https")なしで指定されていることに注意してください。このようにして、サイトがHTTPドメインでホストされているかHTTPSドメインでホストされているかに関係なく機能するようにします。TiddlyWikiを"file://" URLでオフライン使用しているときにTwitterボタンを機能させたい場合は、プロトコルを手動で追加する必要があります。例えば:
|
||||
|
||||
```
|
||||
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://platform.twitter.com/widgets/follow_button.html?screen_name=jermolene" style="width:300px; height:20px;"></iframe>
|
||||
```
|
||||
16
editions/ja-JP/tiddlers/howtos/Adopt a Titles Policy.tid
Normal file
16
editions/ja-JP/tiddlers/howtos/Adopt a Titles Policy.tid
Normal file
@ -0,0 +1,16 @@
|
||||
created: 20130825103300000
|
||||
modified: 20241018105028003
|
||||
original-modified: 20140912150136251
|
||||
tags: Learning
|
||||
title: Adopt a Titles Policy
|
||||
ja-title: タイトルポリシーを採用する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
|
||||
TiddlyWikiドキュメント内の構造が複雑になるにつれて、Tiddlerのタイトルの一貫性を保つのが難しくなることがあります。例えば、用語は複数形で定義すべきでしょうか、それとも単数形で定義すべきでしょうか?キャメルケースか、スペース区切りか?
|
||||
|
||||
正式にタイトル設定ポリシーを定めると、混乱を減らすことができます。例えば、このWikiのタイトルポリシーは、[[ドキュメントスタイルガイド|Documentation Style Guide]]に記録されています
|
||||
|
||||
! [[システムTiddler|SystemTiddler]] のタイトル
|
||||
|
||||
役にたつ規則は、作成するシステムTiddlerにはプレフィックス`$:/_`を使用することです。そうするとサイドバーのシステムTiddlerリストの先頭付近に表示されるようにできます
|
||||
@ -0,0 +1,61 @@
|
||||
created: 20160424150551727
|
||||
modified: 20241018105413659
|
||||
original-modified: 20230615114519672
|
||||
tags: Learning
|
||||
title: Concatenating text and variables using macro substitution
|
||||
ja-title: マクロ置換を使用してテキストと変数を連結する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
!! 重要
|
||||
|
||||
<<.from-version "5.3.0">> テキストと変数を連結するには、[[置換された属性|Substituted Attribute Values]]や[[置換フィルター演算子|substitute Operator]]を使用することをお勧めします。
|
||||
|
||||
~TiddlyWikiでは、変数の値をさまざまなテキスト文字列と組み合わせることがよくあります。一部のプログラミング言語では、このプロセスはテキストの"連結"と呼ばれることがよくあります。
|
||||
|
||||
---
|
||||
|
||||
!! 何があったのか
|
||||
|
||||
例えば、顧客データベースのテンプレートを設定し、顧客に関する追加の連絡先情報をリンクによって自動的に参照するようにしたいとします。Tiddler内では、次のようなことを試すかもしれません:
|
||||
|
||||
<<.bad-example "`[[Additional Info|<<currentTiddler>>-Contact]]`">>
|
||||
|
||||
しかし、これは正しく機能しません。これを試すと、リンクは文字通りに解釈され、次の場所に移動しようとします:
|
||||
|
||||
```
|
||||
<<currentTiddler>>-Contact
|
||||
```
|
||||
|
||||
解決策は、マクロを使用して、`<<currentTiddler>>`がレンダリングされた値と、追加のテキスト`-Contact`とを組み合わせることです。
|
||||
|
||||
Tiddlerの冒頭で、次のようなマクロを作成します:
|
||||
|
||||
```
|
||||
\define linkup(link) [[Additional Info|$link$-Contact]]
|
||||
```
|
||||
|
||||
新しいマクロを次のように呼び出すること試すかもしれません:
|
||||
|
||||
<<.bad-example "`<<linkup <<currentTiddler>> >>`">>
|
||||
|
||||
しかし、そうすると、`<<currentTiddler>>`はレンダリングされずに、文字通り渡されることがわかります。
|
||||
|
||||
代わりに、次のように[[MacroCallWidget]]ウィジェットを使用できます:
|
||||
|
||||
```
|
||||
<$macrocall $name="linkup" link=<<currentTiddler>> />
|
||||
```
|
||||
|
||||
この場合、変数の値をマクロに直接渡しました。これは、このタスクを実行するための一般的な方法です。他の変数に基づいてさらにリンクを作成したい場合は、それぞれの状況でマクロを再利用できます。
|
||||
|
||||
この場合のように、使用している変数が`currentTiddler`だけであれば、次のように、簡単にマクロを記述できます:
|
||||
|
||||
```
|
||||
\define linkup() [[Additional Info|$(currentTiddler)$-Contact]]
|
||||
```
|
||||
|
||||
この場合、引数を渡さないことに注意してください。代わりに、特別な構文`$(variable)$`を使用して変数を参照します。引数を渡さないため、次のように`<$macrocall>`ウィジェットなしでより簡単に呼び出すことができます:
|
||||
|
||||
```
|
||||
<<linkup>>
|
||||
```
|
||||
@ -0,0 +1,18 @@
|
||||
created: 20220427174702859
|
||||
modified: 20241019104110533
|
||||
original-modified: 20230922122551197
|
||||
tags: [[JSON in TiddlyWiki]] Learning
|
||||
title: Constructing JSON tiddlers
|
||||
ja-title: JSON Tiddlerの構築
|
||||
|
||||
TiddlyWikiでのJSONの使い方の概要については、[[TiddlyWikiでのJSON|JSON in TiddlyWiki]]を参照してください
|
||||
|
||||
JSONデータは単なるプレーンテキストであるため、Wikiテキストで生成するためのさまざまな手法が存在します
|
||||
|
||||
高いレベルでは、TiddlyWiki独自のTiddler形式でJSONデータを生成する方法がいくつかあります:
|
||||
|
||||
* [[JSONTiddlerウィジェット|JSONTiddlerWidget]]
|
||||
* [[jsontiddlerマクロ|jsontiddler Macro]]
|
||||
* [[jsontiddlersマクロ|jsontiddlers Macro]]
|
||||
|
||||
JSONデータを手動で構築する場合、特殊文字が適切にエスケープされていることを確認するために[[jsonstringifyオペレーター|jsonstringify Operator]]が必要です
|
||||
34
editions/ja-JP/tiddlers/howtos/Creating SubStories.tid
Normal file
34
editions/ja-JP/tiddlers/howtos/Creating SubStories.tid
Normal file
@ -0,0 +1,34 @@
|
||||
created: 20140214215718317
|
||||
modified: 20241016112045089
|
||||
original-modified: 20211127032217828
|
||||
tags: Learning
|
||||
title: Creating SubStories
|
||||
ja-title: サブストーリーを作成する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
この例では、メイン[[ストーリー|Story River]]から独立したTiddler内にサブストーリーを作成する方法を示します。NavigatorWidgetとListWidgetを連携します:
|
||||
|
||||
# リンクをクリックすると、[[ストーリー|Story River]]にTiddlerを追加します。リンクのクリックに対応するTiddlerに移動します(NavigatorWidgetの''story''属性)
|
||||
# Tiddlerの閉じるボタンがクリックされたときに、[[ストーリー|Story River]]からTiddlerを削除します(NavigatorWidgetの''story''属性)
|
||||
# Tiddlerの開閉をアニメーションします(ListWidgetの''storyview''属性)
|
||||
# 開いているTiddlerのリストを表示します(ListWidgetの''filter''属性と''template''属性)
|
||||
# Tiddlerを[[ドラフトモード|DraftMechanism]]で表示します(ListWidgetの''editTemplate''属性)
|
||||
# [[ナビゲーション履歴|HistoryMechanism]]を追跡します(NavigatorWidgetとListWidgetの両方の''history''属性)
|
||||
# そのほかいろいろ!
|
||||
|
||||
コード例は次のとおりです(関連する議論については、StateMechanismも参照してください):
|
||||
|
||||
<$macrocall $name='wikitext-example-without-html'
|
||||
src='<$navigator story="$:/temp/DemoStoryList" history="$:/temp/DemoHistoryList">
|
||||
|
||||
{{$:/core/ui/SideBarSegments/search}}
|
||||
|
||||
<$list
|
||||
filter="[list[$:/temp/DemoStoryList]]"
|
||||
history="$:/temp/DemoHistoryList"
|
||||
template={{$:/config/ui/ViewTemplate}}
|
||||
editTemplate={{$:/config/ui/EditTemplate}}
|
||||
storyview="classic"
|
||||
emptyMessage="上の検索ボックスを使用してください。クリックした検索リンクは、メインストーリーではなくここで開きます<p>何を検索すればよいか浮かびませんか?では、このリンクをクリックしてください:[[こんにちは|HelloThere]]</p>"/>
|
||||
|
||||
</$navigator>'>
|
||||
@ -0,0 +1,40 @@
|
||||
created: 20140406210404245
|
||||
modified: 20241017113402647
|
||||
original-modified: 20140919161501896
|
||||
tags: Learning
|
||||
title: Editing Tiddlers with Emacs
|
||||
ja-title: TiddlerをEmacsで編集する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
Michael Foglemanは、TiddlyWikiの.tidファイルを編集するための[[tid-mode|https://github.com/mwfogleman/tid-mode]]と呼ばれる[[Emacs|http://www.gnu.org/software/emacs/]]のメジャーモードを作成しました。これはtext-modeから派生し、便利なマイナーモードorg-structとsubwordを使用し、.tidファイルを保存するときに変更時刻を更新します
|
||||
|
||||
彼はまた、EmacsでTiddlyWikiを使用するための2つのヘルパー関数も作成しました。1つ目は、DiredでTiddlerディレクトリを開きます。2つ目はブラウザでTiddlyWikiを開きます
|
||||
|
||||
```
|
||||
(defun open-wiki ()
|
||||
"Opens a TiddlyWiki directory in Dired."
|
||||
(interactive)
|
||||
(dired "~/Dropbox/wiki/tiddlers/"))
|
||||
```
|
||||
|
||||
```
|
||||
(defun browse-wiki ()
|
||||
"Opens TiddlyWiki in the browser."
|
||||
(interactive)
|
||||
(browse-url "127.0.0.1:8080/"))
|
||||
```
|
||||
|
||||
後者の関数では、ブラウザの指定が必要になる場合があります:
|
||||
|
||||
```
|
||||
(setq browse-url-browser-function 'browse-url-generic
|
||||
browse-url-generic-program "chromium")
|
||||
```
|
||||
|
||||
これらの関数をglobal-set-key関数でバインドできます:
|
||||
|
||||
```
|
||||
(global-set-key (kbd "C-c w") 'open-wiki)
|
||||
```
|
||||
|
||||
現時点では、これらはtid-modeに統合されていません
|
||||
11
editions/ja-JP/tiddlers/howtos/Editing Tiddlers with Vim.tid
Normal file
11
editions/ja-JP/tiddlers/howtos/Editing Tiddlers with Vim.tid
Normal file
@ -0,0 +1,11 @@
|
||||
modified: 20241020104154015
|
||||
original-modified: 20160111190002
|
||||
created: 20140406210404245
|
||||
tags: Learning
|
||||
title: Editing Tiddlers with Vim
|
||||
ja-title: TiddlerをVimで編集する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
Devin Weaverは https://github.com/sukima/vim-tiddlywiki に[[Vim|http://www.vim.org/]]プラグインを作成しました
|
||||
|
||||
TiddlyWikiのシンタックスのほとんどをサポートしており、`modified`フィールドを自動更新するファイルタイププラグインが含まれています
|
||||
@ -0,0 +1,51 @@
|
||||
created: 20161209172820513
|
||||
modified: 20241020104954951
|
||||
original-modified: 20161220161653258
|
||||
tags: Learning
|
||||
title: Formatting List Results as Tables with CSS - Specified Columns Methods
|
||||
ja-title: CSSを使用してリスト結果を表フォーマットで出力する - 固定列メソッド
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
``<$list>``ウィジェットの結果を単純な1つのリストではなく、複数列の形式でフォーマットしたい場合があります。この方法では、~CSSを使用してリストを列として設定し、必要な列の数がわかっていることを前提としています。ここでの方法は、テーブルに含める列の数を反映するスタイルを作成し、そのスタイルを結果のリスト出力に適用することです
|
||||
|
||||
他のテーブル作成テクニックについては、以下も参照してください:
|
||||
|
||||
* [[CSSを使用してリスト結果を表フォーマットで出力する - 可変列メソッド|Formatting List Results as Tables with CSS - Variable Column Method]]
|
||||
* [[リスト結果を表フォーマットで出力する(CSS無し)|Formatting List Results as Tables (no CSS)]]
|
||||
|
||||
|
||||
!!! 1) `$:/tags/Stylesheet`でタグ付けされた列に対して、以下を含むTiddlerを作成します:
|
||||
|
||||
```
|
||||
/* FOUR COLUMN MODE */
|
||||
.fourcolumns {
|
||||
display:block;
|
||||
column-count:4;
|
||||
column-gap:1em;
|
||||
-moz-column-count:4;
|
||||
-moz-column-gap:1em;
|
||||
-webkit-column-count: 4;
|
||||
-webkit-column-gap:1em;
|
||||
}
|
||||
```
|
||||
|
||||
列数を示す値がさまざまな場所に必要なことに注意してください
|
||||
|
||||
!!! 2) 次に、出力を次のようにフォーマットします:
|
||||
|
||||
```
|
||||
@@.fourcolumns
|
||||
<$list filter="[tag[Filter Operators]]" variable="foo">
|
||||
<<foo>><br>
|
||||
</$list>
|
||||
@@
|
||||
```
|
||||
|
||||
!! フィルター演算子の一部のリストを示す例
|
||||
|
||||
@@.fourcolumns
|
||||
<$list filter="[tag[Filter Operators]limit[24]]" variable="foo">
|
||||
<<foo>><br>
|
||||
</$list>
|
||||
@@
|
||||
|
||||
@ -0,0 +1,85 @@
|
||||
created: 20161209172820513
|
||||
modified: 20241020105248614
|
||||
original-modified: 20161220162845058
|
||||
tags: Learning
|
||||
title: Formatting List Results as Tables with CSS - Variable Column Method
|
||||
ja-title: CSSを使用してリスト結果を表フォーマットで出力する - 可変列メソッド
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
``<$list>``ウィジェットの結果を単純な1つのリストではなく、複数列の形式でフォーマットしたい場合があります。この方法では、CSSを使用してリストを列として設定します。応答性が高く、ウィンドウが小さすぎる場合は、表示する列の数を減らすために改行位置を変更します
|
||||
|
||||
固定の列数を直接指定するのではなく、リストの最大幅(Tiddlerの幅をトランスクルージョンする可能性があります)と各項目の幅を指定します。左から右にリストされ、新しい行に折り返されます
|
||||
|
||||
他のテーブル作成テクニックについては、以下も参照してください:
|
||||
|
||||
* [[CSSを使用してリスト結果を表フォーマットで出力する - 固定列メソッド|Formatting List Results as Tables with CSS - Specified Columns Methods]]
|
||||
* [[リスト結果を表フォーマットで出力する(CSS無し)|Formatting List Results as Tables (no CSS)]]
|
||||
|
||||
!! 既存の~TiddlyWikiタグ50個を使用したリストの例
|
||||
|
||||
```
|
||||
<div class="dynamic-table">
|
||||
<$list filter="[has[tags]tags[]sort[title]first[50]]">
|
||||
<span class="item">
|
||||
<$transclude tiddler="$:/core/ui/TagTemplate"/>
|
||||
</span>
|
||||
</$list>
|
||||
</div>
|
||||
```
|
||||
|
||||
!! リストで使用するスタイルシートの例
|
||||
|
||||
```
|
||||
<style>
|
||||
.dynamic-table {
|
||||
max-width:700px; /* could transclude tiddler width instead */
|
||||
-ms-box-orient: vertical; /* might be unnecessary */
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: inline-flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.item {
|
||||
max-width:160px; min-width:160px;
|
||||
flex: 0 0 2em; /* -grow, -shrink, -basis */
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
!! 結果
|
||||
|
||||
<div class="dynamic-table">
|
||||
<$list filter="[has[tags]tags[]sort[title]first[50]]">
|
||||
<span class="item">
|
||||
<$transclude tiddler="$:/core/ui/TagTemplate"/>
|
||||
</span>
|
||||
</$list>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.dynamic-table {
|
||||
max-width:700px; /* could transclude tiddler width instead */
|
||||
-ms-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: inline-flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.item {
|
||||
max-width:160px; min-width:160px;
|
||||
flex: 0 0 2em; /* -grow, -shrink, -basis */
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,51 @@
|
||||
created: 20161220154952676
|
||||
modified: 20241020104643991
|
||||
original-modified: 20161220161706470
|
||||
tags: Learning
|
||||
title: Formatting List Results as Tables (no CSS)
|
||||
ja-title: リスト結果を表フォーマットで出力する(CSS無し)
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
``<$list>``ウィジェットの結果を単純な1つのリストではなく、複数列の形式でフォーマットしたい場合があります。次のメソッドでは、実際のテーブル構造を作成し、[[n番目の演算子|nth Operator]]を使用して各行の改行を実現します。この方法では応答性はありません。つまり、ウィンドウが小さすぎる場合、表示する列を減らすための位置変更を行いません
|
||||
|
||||
一番外側のリスト構造では、項目番号に改行が発生することを示すカウントを指定する必要があります。したがって、次の例では、各行は4個の項目の後で区切られるため、順序は1、5、9、・・・になります。これには、存在する項目の最大数を事前に知っておく必要があることに注意してください。n-1個の項目に設定される内部制限もあります(nは必要な列の数です)
|
||||
|
||||
内側の`<$list>`ウィジェット内で駆動フィルター演算子を繰り返す必要があることにも注意してください。明らかに、このテクニックはマクロの実装に役立ちます
|
||||
|
||||
他のテーブル作成テクニックについては、以下も参照してください:
|
||||
|
||||
* [[CSSを使用してリスト結果を表フォーマットで出力する - 可変列メソッド|Formatting List Results as Tables with CSS - Variable Column Method]]
|
||||
* [[CSSを使用してリスト結果を表フォーマットで出力する - 固定列メソッド|Formatting List Results as Tables with CSS - Specified Columns Methods]]
|
||||
|
||||
!! 項目数が70未満の4列テーブルのコード例
|
||||
|
||||
```
|
||||
<table>
|
||||
<$list filter="1 5 9 13 17 21 25 29 33 37 41 45 49 53 57 61 65" variable ="rows">
|
||||
<$list filter="[tag[Filter Operators]limit[50]] +[nth<rows>]" variable="cell">
|
||||
<tr>
|
||||
<td> <<cell>> </td>
|
||||
<$list filter="[tag[Filter Operators]limit[50]] +[allafter<cell>limit[3]]" variable="this">
|
||||
<td> <<this>> </td>
|
||||
</$list>
|
||||
</tr>
|
||||
</$list>
|
||||
</$list>
|
||||
</table>
|
||||
```
|
||||
|
||||
!! 結果
|
||||
|
||||
<table>
|
||||
<$list filter="1 5 9 13 17 21 25 29 33 37 41 45 49 53 57 61 65" variable ="rows">
|
||||
<$list filter="[tag[Filter Operators]limit[50]] +[nth<rows>]" variable="cell">
|
||||
<tr>
|
||||
<td> <<cell>> </td>
|
||||
<$list filter="[tag[Filter Operators]limit[50]] +[allafter<cell>limit[3]]" variable="this">
|
||||
<td> <<this>> </td>
|
||||
</$list>
|
||||
</tr>
|
||||
</$list>
|
||||
</$list>
|
||||
</table>
|
||||
|
||||
@ -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を指すようにします。
|
||||
|
||||
|
||||
@ -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つの特別なフィールドのみに逆順ソートを適用できないことです。並べ替え順序を逆順にすると、どこも逆になります
|
||||
@ -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">>
|
||||
@ -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">>
|
||||
@ -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">>
|
||||
@ -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>
|
||||
@ -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">
|
||||
```
|
||||
|
||||
@ -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を編集すると、リンクが表示されます。ファイルをダウンロードするには、リンクを右クリックできます。
|
||||
32
editions/ja-JP/tiddlers/howtos/How to export tiddlers.tid
Normal file
32
editions/ja-JP/tiddlers/howtos/How to export tiddlers.tid
Normal file
@ -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だけがエクスポートされるという点で他の形式とは異なります
|
||||
@ -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;)
|
||||
```
|
||||
@ -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`に変更します
|
||||
@ -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の幅にパーセンテージを使用することもできます。
|
||||
サイドバーがページの上部に表示されても構わない場合を除き、サイドバーのブレークポイントをストーリーリバーよりも大きなものに変更することもできます
|
||||
|
||||
@ -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`を使用すると、同様の方法で"詳しく"タブの下に新しいタブを作成できます
|
||||
@ -0,0 +1,27 @@
|
||||
created: 20161209172820513
|
||||
modified: 20241021112200962
|
||||
original-modified: 20240923161828376
|
||||
tags: [[Customise TiddlyWiki]] Learning
|
||||
title: How to turn off camel case linking
|
||||
ja-title: キャメルケースリンクをオフにする方法
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
[[キャメルケース|CamelCase]]は多くのWikiで使用されていますが、状況によってはテキスト表示に支障をきたす可能性があります。
|
||||
|
||||
!! キャメルケースを局所的にオフにする
|
||||
|
||||
特定の[[キャメルケース|CamelCase]]ワードがリンクされないようにするには、次のようにワードの前にチルダ(~)を書きます:
|
||||
|
||||
```
|
||||
~CamelCase
|
||||
```
|
||||
|
||||
Tiddler全体に対して[[キャメルケース|CamelCase]]を無効にする必要がある場合は、[[\rulesプラグマ|Pragma: \rules]]を使用できます:
|
||||
|
||||
```
|
||||
\rules except wikilink
|
||||
```
|
||||
|
||||
!! キャメルケースをグローバルにオフにする
|
||||
|
||||
すべてのTiddlerで[[キャメルケース|CamelCase]]をオフにするには、[[コントロールパネル|$:/ControlPanel]]に移動します。`設定`タブを選択し、``Camel Case Wiki リンク``セクションまでスクロールするか読み進み、``自動で CamelCase リンクを有効にする``の選択を解除します。
|
||||
@ -0,0 +1,28 @@
|
||||
created: 20140324223413403
|
||||
modified: 20240422111609609
|
||||
original-modified: 20150505063713581
|
||||
tags: Learning
|
||||
title: Making curved text with SVG
|
||||
ja-title: SVGでカーブしたテキストを作成する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
\define textOnPath(text)
|
||||
$$$.svg
|
||||
<svg width="100%" height="100%" viewBox="0 0 1000 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background:white;">
|
||||
<defs>
|
||||
<path id="MyPath" d="M 100 200 C 200 100 300 0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100"/>
|
||||
</defs>
|
||||
<use xlink:href="#MyPath" fill="none" stroke="#ddd"/>
|
||||
<text font-family="'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif" font-size="42.5">
|
||||
<textPath xlink:href="#MyPath">
|
||||
$text$
|
||||
</textPath>
|
||||
</text>
|
||||
</svg>
|
||||
$$$
|
||||
\end
|
||||
このデモでは、SVGを使用してパスに沿ってトランスクルードされたテキストをレンダリングする方法を示します。下のテキストボックスにテキストを入力して試してください。[[ソースを表示|Making curved text with SVG]]して、それがどのように行われているかを確認してください
|
||||
|
||||
<$edit-text tiddler="$:/CurvedText" tag="input" placeholder="Type text here" default=""/>
|
||||
|
||||
<$macrocall $name="textOnPath" text={{$:/CurvedText}}/>
|
||||
20
editions/ja-JP/tiddlers/howtos/Modifying JSON tiddlers.tid
Normal file
20
editions/ja-JP/tiddlers/howtos/Modifying JSON tiddlers.tid
Normal file
@ -0,0 +1,20 @@
|
||||
created: 20220427174702859
|
||||
modified: 20241021114009394
|
||||
original-modified: 20220427171707459
|
||||
tags: [[JSON in TiddlyWiki]] Learning
|
||||
title: Modifying JSON tiddlers
|
||||
ja-title: JSON Tiddlerの修正
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
TiddlyWikiでのJSONの扱い方の概要については、[[TiddlyWikiでのJSON|JSON in TiddlyWiki]]を参照してください
|
||||
|
||||
注意
|
||||
|
||||
!! ActionSetFieldWidgetとActionListopsWidgetの使用について
|
||||
|
||||
ウィジェットActionSetFieldWidgetとActionListopsWidgetは、$index属性でプロパティの名前を指定することにより、データTiddlerの名前付きプロパティを操作できます
|
||||
|
||||
* ActionSetFieldWidgetを使用して名前付きプロパティを作成、変更するには、$value属性を指定します
|
||||
* ActionSetFieldWidgetを使用して名前付きプロパティを削除するには、$value属性を省略します
|
||||
|
||||
ActionListopsWidgetは、$filter属性と$subfilter属性を通じて構築されたリストの名前付きプロパティを割り当てます
|
||||
@ -0,0 +1,36 @@
|
||||
created: 20220427174702859
|
||||
modified: 20241022103806366
|
||||
original-modified: 20220611104737314
|
||||
tags: [[JSON in TiddlyWiki]] Learning
|
||||
title: Reading data from JSON tiddlers
|
||||
ja-title: JSON Tiddlerからのデータの読み取り
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
TiddlyWikiでのJSONの扱い方の概要については、[[TiddlyWikiでのJSON|JSON in TiddlyWiki]]を参照してください
|
||||
|
||||
!! JSONデータにアクセスするためのフィルター演算子
|
||||
|
||||
次のフィルター演算子を使用すると、JSONデータから値を読み取ることができます:
|
||||
|
||||
* <<.olink jsonget>>は、JSONデータ内のプロパティの値を取得します
|
||||
* <<.olink jsontype>>は、JSONの値の型を取得します
|
||||
* <<.olink jsonindexes>>は、JSONオブジェクトのフィールドの名前やJSON配列のインデックスを取得します
|
||||
* <<.olink jsonextract>>は、JSONの値をJSONの文字列として取得します
|
||||
|
||||
!! JSONデータにアクセスするためのテキスト参照
|
||||
|
||||
[[テキスト参照|TextReference]]は、名前付きプロパティの値を検索するための単純なショートカット構文です。例えば、`MonthDays`という[[DictionaryTiddler|DictionaryTiddlers]]に次を含む場合:
|
||||
|
||||
```
|
||||
oct:31
|
||||
nov:30
|
||||
dec:31
|
||||
```
|
||||
|
||||
... `{{MonthDays##nov}}`は、値`30`となります
|
||||
|
||||
`MonthDays`が次の内容を含む[[JSONTiddler|JSONTiddlers]]の場合も同様です:
|
||||
|
||||
```
|
||||
{"oct":31,"nov":30,"dec":31}
|
||||
```
|
||||
@ -0,0 +1,27 @@
|
||||
created: 20140122085818089
|
||||
modified: 20241016110752969
|
||||
original-modified: 20150608032039504
|
||||
tags: Learning
|
||||
title: Sharing a TiddlyWiki on Dropbox
|
||||
ja-title: TiddlyWikiをDropboxで共有する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
DropboxでTiddlyWikiファイルを操作し、誰でもファイルの読み取り専用ビューを表示できるURLを公開できます
|
||||
|
||||
# TiddlyWikiファイルをDropboxのフォルダ内に保存します
|
||||
# Dropboxの"リンクを共有"オプションを選択して、ファイルのパブリックURLを取得します
|
||||
#* Dropbox Webインターフェイスでは、ファイルの上にマウスを置くと表示されるリンクアイコンをクリックします。Dropboxは、OS XのFinderとWindowsのExplorerのファイルコンテキストメニューに"リンクを共有"項目も追加します
|
||||
# Dropboxによって生成されるURLは次の形式になります:
|
||||
#> `https://www.dropbox.com/s/<gobbledegook>/mywiki.html`
|
||||
# gobbledegookを変更しないように注意しながら、URLを次のように変更します
|
||||
#> `https://dl.dropboxusercontent.com/s/<gobbledegook>/mywiki.html`
|
||||
|
||||
その結果、他の人にWikiを表示できるようにするための"秘密"のURLが作成できます
|
||||
|
||||
----
|
||||
|
||||
生成されたURLをここに入力すると、秘密のURLをコピーして貼り付けることができます:
|
||||
|
||||
<$edit-text tiddler="$:/temp/dropboxurl" default="https://www.dropbox.com/s/<gobbledegook>/mywiki.html" tag="input" type="text" size="60"/>
|
||||
|
||||
<$macrocall $name="dropbox-url" url={{$:/temp/dropboxurl}}/>
|
||||
@ -0,0 +1,32 @@
|
||||
created: 20180310002601813
|
||||
modified: 20241022104217783
|
||||
original-modified: 20211106021629911
|
||||
tags: Learning [[How to apply custom styles]]
|
||||
title: Simple ways to write protect tiddlers
|
||||
ja-title: TIddlerの書き込み保護するための簡単な方法
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
自分自身やゲストによるTiddlyWikiファイルへの意図しない変更からTiddlerを保護したい場合があります。ここでは簡単なアプローチをいくつか紹介します。これらは意図的な攻撃に対する強化された保護を提供するものではないことに注意してください
|
||||
|
||||
!! スタイルシートを使用してタグ名指定でTiddlerをロックする
|
||||
|
||||
次の内容でTiddlerを作成し、次のように`$:/tags/Stylesheet`のタグ付けをします:
|
||||
|
||||
```css
|
||||
[data-tags*="Locked"] button[title="このTIddlerを編集します"] {display: none;}
|
||||
```
|
||||
|
||||
TWの言語が英語ではない場合は、'title="...."'内のテキストを編集ボタンの上にカーソルを置いたときに表示されるテキストに変更する必要があります
|
||||
|
||||
これで、"Locked"とタグ付けしたすべてのTiddlerの編集ボタンが非表示になります。これを元に戻すには、スタイルシートTiddlerを開いて、"none"を"inline"に変更します
|
||||
|
||||
!! トランスクルージョンを使用してシステムTiddler内にTiddlerを非表示にする
|
||||
|
||||
* 編集のためにTiddlerを開きます
|
||||
* タイトルを選択してコピーします
|
||||
* すべてのTiddlerテキストを選択します
|
||||
* 切り出しツールをクリックします
|
||||
* タイトル ボックスに、`$:/`を入力し、元のタイトルをペーストします
|
||||
* デフォルトを使用してテキストを新しいTiddlerに切り出し、トランスクルージョンに置き換えます
|
||||
|
||||
これで、元のTiddlerの内容を表示できますが、それらを編集するには、プレフィックス`$:/`が付いたTiddlerを見つける必要があります
|
||||
16
editions/ja-JP/tiddlers/howtos/Visible Transclusions.tid
Normal file
16
editions/ja-JP/tiddlers/howtos/Visible Transclusions.tid
Normal file
@ -0,0 +1,16 @@
|
||||
created: 20220909111836951
|
||||
modified: 20241022105614479
|
||||
original-modified: 20230419103154329
|
||||
tags: Learning
|
||||
title: Visible Transclusions
|
||||
ja-title: トランスクルージョンの可視化
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
!! トランスクルージョンの可視化
|
||||
|
||||
ブロックのトランスクルージョンは赤で表示され、インラインのトランスクルージョンは緑で表示されます
|
||||
|
||||
<$button>
|
||||
<$action-setfield $tiddler="$:/temp/VisibleTransclusions" tags="$:/tags/Macro/View/Body" text={{$:/core/ui/VisibleTransclude}}/>
|
||||
ここをクリックすると、ストーリーリバー内のTiddlerでトランクスージョンが表示されるようになります
|
||||
</$button>
|
||||
16
editions/ja-JP/tiddlers/images/Icon Gallery.tid
Normal file
16
editions/ja-JP/tiddlers/images/Icon Gallery.tid
Normal file
@ -0,0 +1,16 @@
|
||||
created: 20211013132515594
|
||||
modified: 20241021113650824
|
||||
original-modified: 20211018102307833
|
||||
tags: Learning [[Core Icons]]
|
||||
title: Icon Gallery
|
||||
ja-title: アイコンギャラリー
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
\define copyActions() <$action-sendmessage $message="tm-copy-to-clipboard" $param=<<imageTitle>>/>
|
||||
|
||||
<<.tip "アイコンをクリックすると、タイトルをクリップボードにコピーします">>
|
||||
|
||||
<div class="tc-image-chooser">
|
||||
<$macrocall $name="image-picker-list" filter="[all[shadows+tiddlers]tag[$:/tags/Image]]" actions=<<copyActions>> />
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,11 @@
|
||||
created: 20140908131700000
|
||||
modified: 20241016111747713
|
||||
original-modified: 20140919161524603
|
||||
tags: Learning
|
||||
title: Copying tiddlers between TiddlyWiki files
|
||||
ja-title: TiddlyWikiファイル間でTiddlerをコピーする
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
ブラウザウィンドウから別のブラウザウィンドウへTiddlerへのリンクをドラッグすることで、個々のTiddlerを1つのTiddlyWikiファイルから別のTiddlyWikiファイルにコピーできます
|
||||
|
||||
リンクをドラッグする場合は、まず垂直方向に移動します。水平方向の移動はブラウザがテキストの選択として認識するためです
|
||||
59
editions/ja-JP/tiddlers/learning/Introduction to Lists.tid
Normal file
59
editions/ja-JP/tiddlers/learning/Introduction to Lists.tid
Normal file
@ -0,0 +1,59 @@
|
||||
created: 20171212175130471
|
||||
modified: 20241026112227533
|
||||
original-modified: 20171212175139631
|
||||
tags: Learning
|
||||
title: Introduction to Lists
|
||||
ja-title: リストの紹介
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
アイテムのリストを作成することは、TiddlyWikiでの作業において中心的な役割を果たします。以下は、一般的なテクニックのいくつかを簡単に説明したものです。
|
||||
|
||||
~TiddlyWikiは[[内部的に|ListField]]さまざまな目的でリストを[[使用する|Extended Listops Filters]]ため、この単語には複数の意味があります。ここでは、一連の項目を表示することに重点が置かれていますが、必ずしも従来の箇条書きリストとして表示されるわけではありません。
|
||||
|
||||
! 手動で入力したリスト
|
||||
|
||||
!! ~WikiText
|
||||
|
||||
WikiTextリストは、特殊文字を使用してリストの種類と表示方法を指定する、手動で入力されたリストです。
|
||||
|
||||
例としては、アスタリスク(*)で作成された箇条書きリストや番号付きリスト(#)などがあります。内部的には、~WikiTextリストは標準のHTML要素`<ul>`と`<li>`に基づいています。詳細については、[[WikiTextのリスト|Lists in WikiText]]を参照してください。
|
||||
|
||||
WikiTextで入力されたリストの例:
|
||||
|
||||
<<wikitext-example-without-html """* 史上最高の映画
|
||||
** カサブランカ
|
||||
** 高慢と偏見とゾンビ""">>
|
||||
|
||||
! 生成されたリスト
|
||||
|
||||
リストは、[[フィルター演算子|Filter Operators]]が出力したいTiddlerを選択するための基準を指定する[[フィルター|Filters]]を使用して、ListWidgetで自動的に生成できます。いくつかの一般的なリストタイプには、ショートカットマクロが用意されています。
|
||||
|
||||
!! ~ListWidget
|
||||
|
||||
ListWidgetは、リストを作成するための最も強力なツールです。これを使用すると、フィルタリングされた出力を操作して、例えば表や複雑なテキストなど、リストにはまったく似ていないフォームにスタイルを設定できます。詳細については、[[ListWidget]]を参照してください。
|
||||
|
||||
"HelloThere"タグが付いたすべてのTiddlerを表示する例は次のようになります:
|
||||
|
||||
<<wikitext-example-without-html """<$list filter="[tag[HelloThere]]"><$view field="title"/><br/></$list>""">>
|
||||
|
||||
<<.tip """Tiddler自体も~ListWidgetを使用して作成されます。[[ViewTemplate|$:/core/ui/ViewTemplate]]はListWidgetを使用して、Tiddlerのタイトル、タグ、テキストなどを表示するために使用される指定されたすべてのテンプレートを取得します。""">>
|
||||
|
||||
|
||||
!! フィルタリングされたトランスクルージョン
|
||||
|
||||
フィルターされたトランスクルージョンの`{{{...}}}`構文は、入力としてフィルターを受け取り、一致するタイトルのリンクリストを出力します。[[テンプレート|Transclusion with Templates]]を適用することもできます。例:
|
||||
|
||||
<<wikitext-example-without-html """{{{ [tag[HelloThere]] || $:/core/ui/TagTemplate }}}""">>
|
||||
|
||||
!! list-linksマクロ
|
||||
|
||||
[[list-links|list-links Macro]]マクロは、 ListWidgetを使用するよりも簡単な方法で、事前にフォーマットされたリスト(通常は箇条書きリスト)を提供します。内部的には、各リスト項目にデフォルトのテンプレートを適用しているのはListWidgetです。
|
||||
|
||||
<$macrocall $name="wikitext-example-without-html" src="""<<list-links "[tag[HelloThere]]">>"""/>
|
||||
|
||||
!“リスト関連”のその他の機能
|
||||
|
||||
[[list|ListField]]、[[list-before|Order of Tagged Tiddlers]]、[[list-after|Order of Tagged Tiddlers]]はすべて、リスト内のTiddlerの位置を制御するフィールド名です。[[フィールド|TiddlerFields]]は、日付、数量、カテゴリなどの構造化された情報の追加ビットをTiddlerに追加する方法です。
|
||||
|
||||
[[list|list Operator]] and [[listed|listed Operator]] are //filter operators// to, respectively, select and find titles in lists.
|
||||
[[list|list Operator]]と[[listed|listed Operator]]は、それぞれリスト内のタイトルを選択および検索するための//フィルター演算子//です。
|
||||
14
editions/ja-JP/tiddlers/learning/Learning.tid
Normal file
14
editions/ja-JP/tiddlers/learning/Learning.tid
Normal file
@ -0,0 +1,14 @@
|
||||
created: 20140912140047779
|
||||
list: Videos [[Introduction to filter notation]] [[Sharing a TiddlyWiki on Dropbox]] [[Sharing your tiddlers with others]] [[Copying tiddlers between TiddlyWiki files]] [[Creating SubStories]] [[Editing Tiddlers with Emacs]] [[ImageGallery Example]] [[Making curved text with SVG]] TaskManagementExample [[Adding a Twitter Follow button]] [[Philosophy of Tiddlers]] [[Adopt a Titles Policy]]
|
||||
modified: 20241016110508522
|
||||
original-modified: 20140919161721584
|
||||
tags: TableOfContents
|
||||
title: Learning
|
||||
ja-title: 学習
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
TiddlyWikiの使い方について詳しくは、こちらをご覧ください:
|
||||
|
||||
<<list-links "[tag[Learning]]">>
|
||||
|
||||
高度なWikiText、マクロ、ウィジェット、フィルターなどの完全な[[リファレンス|Reference]]も参照してください
|
||||
@ -1,13 +1,13 @@
|
||||
created: 20140104134911101
|
||||
modified: 20241010115857934
|
||||
modified: 20241016105446426
|
||||
original-modified: 20140919161039197
|
||||
tags: Videos [[Working with TiddlyWiki]] [[Quick Start]]
|
||||
title: Getting Started Video
|
||||
ja-title: 入門動画
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
この簡単なチュートリアルでは、スタンドアロンのTiddlyWikiファイルを使用して変更を保存する基本について説明します。
|
||||
この短いチュートリアルでは、スタンドアロンTiddlyWikiファイルを使用して変更を保存する基本を説明します。
|
||||
|
||||
//このビデオは少し古いものですが、近日中に更新される予定です!//
|
||||
//(注意)この動画は少し古いので、すぐに更新されるでしょう!//
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/1g66s7UbyuU" frameborder="0" allowfullscreen></iframe>
|
||||
@ -0,0 +1,11 @@
|
||||
created: 20140126124827076
|
||||
modified: 20241016105645695
|
||||
original-modified: 20140912150423506
|
||||
tags: Videos TiddlyDesktop
|
||||
title: Introducing TiddlyDesktop Video
|
||||
ja-title: TiddlyDesktopの紹介動画
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
この簡単な紹介では、TiddlyDesktopをインストールして使用する方法を示します:
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/i3Bggkm7paA" frameborder="0" allowfullscreen></iframe>
|
||||
15
editions/ja-JP/tiddlers/videos/Introduction Video.tid
Normal file
15
editions/ja-JP/tiddlers/videos/Introduction Video.tid
Normal file
@ -0,0 +1,15 @@
|
||||
created: 20141126153016142
|
||||
modified: 20241016105546203
|
||||
original-modified: 20141126153016142
|
||||
tags: Videos [[Working with TiddlyWiki]]
|
||||
title: Introduction Video
|
||||
ja-title: 紹介動画
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
この短いプレゼンテーションでは、TiddlyWikiの基本原則を説明します
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/KtCUr83XgyE" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
動画の作成に使用されたTiddlyWikiは以下にあります:
|
||||
|
||||
https://tiddlywiki.com/editions/introduction/
|
||||
@ -0,0 +1,11 @@
|
||||
created: 20140104134947485
|
||||
modified: 20241016105931213
|
||||
original-modified: 20140912150329611
|
||||
tags: Videos [[Saving with TiddlyFox]]
|
||||
title: TiddlyWiki on Firefox for Android Video
|
||||
ja-title: Android版FirefoxでのTiddlyWiki動画
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
この簡単なスクリーンキャストは、TiddlyWikiに変更を保存できるようにAndroid版Firefoxをセットアップする方法を示しています:
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/iikkv9orGGI" frameborder="0" allowfullscreen></iframe>
|
||||
13
editions/ja-JP/tiddlers/videos/Videos.tid
Normal file
13
editions/ja-JP/tiddlers/videos/Videos.tid
Normal file
@ -0,0 +1,13 @@
|
||||
created: 20140912150153512
|
||||
modified: 20241016105319031
|
||||
original-modified: 20140919161220608
|
||||
tags: Learning
|
||||
title: Videos
|
||||
ja-title: 動画
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
次のTiddlyWiki動画が利用可能です
|
||||
|
||||
<<list-links "[tag[Videos]]">>
|
||||
|
||||
目的は、TiddlyWikiを立ち上げて実行する方法を人々にガイドする一連の動画を厳選することです。[[貢献|Contributing]]は大歓迎です
|
||||
@ -0,0 +1,11 @@
|
||||
created: 20140920133836765
|
||||
modified: 20241016110052423
|
||||
original-modified: 20140920134005568
|
||||
tags: [[Working with the TiddlyWiki5 repository]]
|
||||
title: Working with the TiddlyWiki5 repository video
|
||||
ja-title: TiddlyWiki5リポジトリの操作に関する動画
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
Mario Pietschは、[[TiddlyWiki5 GitHubリポジトリの操作|Working with the TiddlyWiki5 repository]]に関する短いチュートリアル動画を作成しました
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/6ElUruH92tc" frameborder="0" allowfullscreen></iframe>
|
||||
@ -0,0 +1,19 @@
|
||||
created: 20140908163900000
|
||||
modified: 20241016111248572
|
||||
original-modified: 20201228143412000
|
||||
tags: Learning
|
||||
title: Sharing your tiddlers with others
|
||||
ja-title: Tiddlerを他の人と共有する
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
[[Tiddler|Tiddlers]]やTiddlyWiki全体を共有するには、いくつかの方法があります:
|
||||
|
||||
* ~TiddlyWikiをeメールに添付できます
|
||||
* ~TiddlyWikiをオンラインで公開し、リンクを取得して他の人に送信、または、伝言できます:
|
||||
** ~TiddlyWikiファイル全体のWebアドレスへのリンク
|
||||
** 特定のTiddlerへの[[パーマリンク|PermaLinks]](<<.icon $:/core/images/permalink-button>>)
|
||||
** 現在開いているすべてのTiddlerの[[パーマビュー|PermaViews]](<<.icon $:/core/images/permaview-button>>)リンク
|
||||
* [[TiddlyWikiへのDropboxリンクを共有|Sharing a TiddlyWiki on Dropbox]]できます
|
||||
* テキスト、静的HTML、カンマ区切り値(つまり、スプレッドシート互換)などのさまざまな形式で[[Tiddlerをエクスポート|How to export tiddlers]](<<.icon $:/core/images/export-button>>)できます
|
||||
* また、~TiddlyWikiを他の人がアクセスできるようにするだけで、例えば、オンラインで公開して、そこから[[Tiddlerをインポート|Importing Tiddlers]]できるようにするだけで、Tiddlerを共有できます
|
||||
* URLロケーションハッシュを介してTiddlerを共有するために使用できる実験的な[[共有プラグイン|Share Plugin]]があります
|
||||
@ -1,7 +1,7 @@
|
||||
created: 20210519155910219
|
||||
modified: 20210519160221219
|
||||
tags: [[Hidden Settings]]
|
||||
title: Hidden Settings: Import Content Types for Editor
|
||||
title: Hidden Setting: Import Content Types for Editor
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
<<.from-version "5.2.0">>
|
||||
@ -1,5 +1,5 @@
|
||||
created: 20140610213500000
|
||||
modified: 20140912141341933
|
||||
modified: 20241030132047048
|
||||
tags: Concepts Features
|
||||
title: ExternalImages
|
||||
type: text/vnd.tiddlywiki
|
||||
@ -32,18 +32,18 @@ Note the image files must be saved before they are externalised. Externalising t
|
||||
For an example see the ''externalimages'' build target of the demo ''tw5.com'' wiki:
|
||||
|
||||
```
|
||||
--savetiddlers [is[image]] images
|
||||
--save [is[image]] images
|
||||
--setfield [is[image]] _canonical_uri $:/core/templates/canonical-uri-external-image text/plain
|
||||
--setfield [is[image]] text "" text/plain
|
||||
--rendertiddler $:/core/save/all externalimages.html text/plain
|
||||
--render $:/core/save/all externalimages.html text/plain
|
||||
```
|
||||
|
||||
!! Saving Separate Image Files
|
||||
|
||||
The following `--savetiddlers` command can be used to save the images of a wiki into an ''images'' subfolder:
|
||||
The following `--save` command (see [[SaveCommand]]) can be used to save the images of a wiki into an ''images'' subfolder:
|
||||
|
||||
```
|
||||
--savetiddlers [is[image]] images
|
||||
--save [is[image]] images
|
||||
```
|
||||
|
||||
!! Externalising Image Tiddlers
|
||||
|
||||
@ -6,7 +6,7 @@ type: text/vnd.tiddlywiki
|
||||
|
||||
The configuration tiddler [[$:/config/TiddlerInfo/Default]] contains the title of the tiddler containing the default tiddler info tab.
|
||||
|
||||
The default value is `$:/core/ui/TiddlerInfo/Tools` corresponding to the ''Tools'' tab. Other possible values are:
|
||||
The default value is `$:/core/ui/TiddlerInfo/Fields` corresponding to the ''Fields'' tab. Other possible values are:
|
||||
|
||||
<ul>
|
||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo]!has[draft.of]]">
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
created: 20130828190200000
|
||||
modified: 20241007003103647
|
||||
modified: 20241008031135403
|
||||
tags: [[TiddlyWiki on Node.js]]
|
||||
title: Generating Static Sites with TiddlyWiki
|
||||
type: text/vnd.tiddlywiki
|
||||
@ -17,12 +17,12 @@ You can explore a static representation of the main TiddlyWiki site at https://t
|
||||
The following commands are used to generate the sample static version of the TiddlyWiki5 site:
|
||||
|
||||
```sh
|
||||
tiddlywiki wikipath --render '[!is[system]]' '[encodeuricomponent[]addprefix[static/]]' text/plain $:/core/templates/static.tiddler.html
|
||||
tiddlywiki wikipath --render '[!is[system]]' '[encodeuricomponent[]addprefix[static/]addsuffix[.html]]' text/plain $:/core/templates/static.tiddler.html
|
||||
tiddlywiki wikipath --render $:/core/templates/static.template.html static.html text/plain
|
||||
tiddlywiki wikipath --render $:/core/templates/static.template.css static/static.css text/plain
|
||||
```
|
||||
|
||||
The first RenderCommand generates the HTML representations of individual tiddlers, `[encodeuricomponent[]addprefix[static/]]` applies URI encoding to each title, and then adds the prefix `static/`. The second RenderCommand saves the static version of the DefaultTiddlers, and the final RenderCommand saves the stylesheet. (All the files are placed in the `output` folder of the wiki folder).
|
||||
The first RenderCommand generates the HTML representations of all individual non-system tiddlers using the filter `[!is[system]]`, and the next filter `[encodeuricomponent[]addprefix[static/]addsufixx[.html]]` applies URI encoding to each title, and then adds the prefix `static/`, and finally adds the suffix `.html`. The second RenderCommand saves the static version of the DefaultTiddlers in `static.html`, and the final RenderCommand saves the stylesheet. (All the files are placed in the `output` folder of the wiki folder).
|
||||
|
||||
! Wiki Snapshot with Internal Links
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
created: 20131124220600000
|
||||
modified: 20140912141637389
|
||||
modified: 20241025051111864
|
||||
tags: [[TiddlyWiki on Node.js]]
|
||||
title: How to build a TiddlyWiki5 from individual tiddlers
|
||||
type: text/vnd.tiddlywiki
|
||||
@ -14,4 +14,4 @@ First install TiddlyWiki as described in [[Installing TiddlyWiki on Node.js]].
|
||||
##* Alternatively, just copy the `editions/empty` folder from the TiddlyWiki5 repo
|
||||
# Create individual TiddlerFiles in the `~/MyWiki/tiddlers` directory
|
||||
# Execute the following command from the TiddlyWiki5 root directory to build a TiddlyWiki5 file from the tiddlers:
|
||||
## `tiddlywiki ~/MyWiki --rendertiddler $:/core/save/all index.html text/plain`
|
||||
## `tiddlywiki ~/MyWiki --render $:/core/save/all index.html text/plain`
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
created: 20131219100520659
|
||||
modified: 20220613172345723
|
||||
modified: 20241025051303991
|
||||
tags: [[TiddlyWiki on Node.js]]
|
||||
title: Using TiddlyWiki on Node.js
|
||||
type: text/vnd.tiddlywiki
|
||||
@ -9,7 +9,7 @@ type: text/vnd.tiddlywiki
|
||||
For example, the following command loads the tiddlers from a ~TiddlyWiki HTML file and then saves one of them in static HTML:
|
||||
|
||||
```
|
||||
tiddlywiki --verbose --load mywiki.html --rendertiddler ReadMe ./readme.html
|
||||
tiddlywiki --verbose --load mywiki.html --render ReadMe ./readme.html
|
||||
```
|
||||
|
||||
Running `tiddlywiki` from the command line boots the ~TiddlyWiki kernel, loads the core plugins and establishes an empty wiki store. It then sequentially processes the command line arguments from left to right. The arguments are separated with spaces.
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
created: 20161015114042793
|
||||
modified: 20211114101249016
|
||||
modified: 20241030132156792
|
||||
tags: TiddlyWikiFolders [[TiddlyWiki on Node.js]]
|
||||
title: tiddlywiki.info Files
|
||||
type: text/vnd.tiddlywiki
|
||||
@ -47,10 +47,10 @@ For example:
|
||||
],
|
||||
"build": {
|
||||
"index": [
|
||||
"--rendertiddler","$:/core/save/all","index.html","text/plain"],
|
||||
"--render","$:/core/save/all","index.html","text/plain"],
|
||||
"favicon": [
|
||||
"--savetiddler","$:/favicon.ico","favicon.ico",
|
||||
"--savetiddler","$:/green_favicon.ico","static/favicon.ico"]
|
||||
"--save", "$:/favicon.ico", "favicon.ico",
|
||||
"--save", "$:/green_favicon.ico", "static/favicon.ico"]
|
||||
},
|
||||
"config": {
|
||||
"retain-original-tiddler-path": true
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
caption: linkcatcher
|
||||
created: 20131024141900000
|
||||
modified: 20220226121122574
|
||||
modified: 20241031151342973
|
||||
tags: Widgets MessageHandlerWidgets TriggeringWidgets
|
||||
title: LinkCatcherWidget
|
||||
type: text/vnd.tiddlywiki
|
||||
@ -23,6 +23,10 @@ The content of the `<$linkcatcher>` widget is displayed normally.
|
||||
|message |Optional identifier for a [[widget message|Messages]] to be sent when a navigation is caught |
|
||||
|set |Optional title of the tiddler to be set to a specified value when navigation occurs |
|
||||
|setTo |Value to be assigned by the `set` attribute |
|
||||
|actions |Actions to be performed when a link is caught. Within the action string, the variable "navigateTo" contains the title of the tiddler being navigated. <<.from-version "5.1.23">> the <<.def "modifier">> variable lists the modifier keys that are pressed when the action is invoked. The possible modifiers are ''ctrl'', ''ctrl-alt'', ''ctrl-shift'', ''alt'', ''alt-shift'', ''shift'' and ''ctrl-alt-shift'' |
|
||||
|actions |Actions to be performed when a link is caught. Within the action string, the variable <<.var navigateTo>> contains the title of the tiddler being navigated.<br><<.from-version "5.1.23">> the <<.var modifier>> variable lists the modifier keys that are pressed when the action is invoked.<br>The possible modifiers are ''ctrl'', ''ctrl-alt'', ''ctrl-shift'', ''alt'', ''alt-shift'', ''shift'' and ''ctrl-alt-shift'' |
|
||||
|
||||
|!Action Variables |!Description |
|
||||
|`navigateTo` |Contains the tiddler title being navigated to |
|
||||
|`modifier` |Contains the value of a modifier key, active while actions are activated |
|
||||
|
||||
<<.tip """<<.from-version "5.2.0">> For more complex use cases involving trapping the <<.param tm-navigate>> message consider the MessageCatcherWidget which provides greater flexibility""">>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user