1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-26 19:47:20 +00:00

Merge branch 'master' into colour-improvements

This commit is contained in:
Jeremy Ruston 2024-11-03 16:10:47 +00:00
commit 85fa913b1c
85 changed files with 2127 additions and 40 deletions

View File

@ -5,7 +5,7 @@ on:
- master - master
- tiddlywiki-com - tiddlywiki-com
env: env:
NODE_VERSION: "18" NODE_VERSION: "22"
jobs: jobs:
test: test:
runs-on: ubuntu-latest runs-on: ubuntu-latest

View File

@ -0,0 +1,212 @@
color-scheme: dark
description: An inky color scheme for prose and code from https://stephango.com/flexoki
name: FlexokiDark
tags: $:/tags/Palette
title: $:/palettes/FlexokiDark
type: application/x-tiddler-dictionary
flexoki-paper: #FFFCF0
flexoki-999: #100F0F
flexoki-950: #1C1B1A
flexoki-900: #282726
flexoki-850: #343331
flexoki-800: #403E3C
flexoki-700: #575653
flexoki-600: #6c6b66
flexoki-500: #878580
flexoki-300: #B7B5AC
flexoki-200: #CECDC3
flexoki-150: #DAD8CE
flexoki-100: #E6E4D9
flexoki-050: #F2F0E5
flexoki-red-600: #AF3029
flexoki-red-400: #D14D41
flexoki-orange-600: #BC5215
flexoki-orange-400: #DA702C
flexoki-yellow-900: #4D3A0B
flexoki-yellow-600: #AD8301
flexoki-yellow-400: #D0A215
flexoki-yellow-100: #FCEEB8
flexoki-green-600: #66800B
flexoki-green-400: #879A39
flexoki-cyan-950: #142625
flexoki-cyan-600: #227d77
flexoki-cyan-400: #3AA99F
flexoki-cyan-050: #EBF2E7
flexoki-blue-600: #205EA6
flexoki-blue-400: #4385BE
flexoki-purple-600: #5E409D
flexoki-purple-400: #8B7EC8
flexoki-magenta-600: #A02F6F
flexoki-magenta-400: #CE5D97
flexoki-bg: <<colour flexoki-999>>
flexoki-tx-2: <<colour flexoki-500>>
flexoki-tx-3: <<colour flexoki-700>>
flexoki-ui-3: <<colour flexoki-800>>
flexoki-ui-2: <<colour flexoki-850>>
flexoki-ui: <<colour flexoki-900>>
flexoki-bg-2: <<colour flexoki-950>>
flexoki-tx: <<colour flexoki-300>>
flexoki-re: <<colour flexoki-red-400>>
flexoki-or: <<colour flexoki-orange-400>>
flexoki-ye: <<colour flexoki-yellow-400>>
flexoki-gr: <<colour flexoki-green-400>>
flexoki-cy: <<colour flexoki-cyan-400>>
flexoki-bl: <<colour flexoki-blue-400>>
flexoki-pu: <<colour flexoki-purple-400>>
flexoki-ma: <<colour flexoki-magenta-400>>
flexoki-re-2: <<colour flexoki-red-600>>
flexoki-or-2: <<colour flexoki-orange-600>>
flexoki-ye-2: <<colour flexoki-yellow-600>>
flexoki-gr-2: <<colour flexoki-green-600>>
flexoki-cy-2: <<colour flexoki-cyan-600>>
flexoki-bl-2: <<colour flexoki-blue-600>>
flexoki-pu-2: <<colour flexoki-purple-600>>
flexoki-ma-2: <<colour flexoki-magenta-600>>
alert-background: <<colour flexoki-yellow-100>>
alert-border: <<colour flexoki-ye-2>>
alert-highlight: <<colour flexoki-re>>
alert-muted-foreground: <<colour flexoki-ye>>
background: #1C1B1A
blockquote-bar: <<colour flexoki-ma-2>>
button-background: <<colour flexoki-bg-2>>
button-foreground: <<colour flexoki-paper>>
button-border: <<colour flexoki-600>>
code-background: <<colour background>>
code-border: <<colour flexoki-tx>>
code-foreground: <<colour flexoki-tx>>
diff-delete-background: <<colour flexoki-re>>
diff-delete-foreground: <<colour flexoki-paper>>
diff-equal-background:
diff-equal-foreground: inherit
diff-insert-background: <<colour flexoki-gr>>
diff-insert-foreground: <<colour flexoki-paper>>
diff-invisible-background: <<colour flexoki-ye>>
diff-invisible-foreground: <<colour flexoki-paper>>
dirty-indicator: <<colour flexoki-re>>
download-background: <<colour flexoki-cy-2>>
download-foreground: <<colour background>>
dragger-background: <<colour background>>
dragger-foreground: <<colour foreground>>
dropdown-background: <<colour background>>
dropdown-border: <<colour flexoki-ui-3>>
dropdown-tab-background-selected: <<colour flexoki-ui>>
dropdown-tab-background: <<colour flexoki-ui-3>>
dropzone-background: <<colour flexoki-gr>>
external-link-background-hover: inherit
external-link-background-visited: inherit
external-link-background: inherit
external-link-foreground-hover: inherit
external-link-foreground-visited: <<colour flexoki-bl>>
external-link-foreground: <<colour flexoki-bl>>
footnote-target-background: <<colour flexoki-bg-2>>
foreground: #B7B5AC
highlight-background: #ffff00
highlight-foreground: #000000
menubar-background: <<colour primary>>
menubar-foreground: <<colour flexoki-paper>>
message-background: <<colour background>>
message-border: <<colour foreground>>
message-foreground: <<colour foreground>>
modal-backdrop: <<colour foreground>>
modal-background: <<colour background>>
modal-border: <<colour flexoki-ui-3>>
modal-footer-background: <<colour flexoki-ui-2>>
modal-footer-border: <<colour flexoki-ui-3>>
modal-header-border: <<colour flexoki-ui-3>>
muted-foreground: <<colour flexoki-tx-2>>
network-activity-foreground: <<colour flexoki-cy>>
notification-background: <<colour flexoki-ui-3>>
notification-border: <<colour flexoki-ui>>
page-background: <<colour flexoki-bg-2>>
pre-background: <<colour flexoki-ui-3>>
pre-border: <<colour flexoki-ui-2>>
primary: <<colour flexoki-cy>>
selection-background: #2b7b73
selection-foreground: <<colour flexoki-tx>>
select-tag-background: <<colour flexoki-bg>>
select-tag-foreground: <<colour flexoki-paper>>
sidebar-button-foreground: <<colour foreground>>
sidebar-controls-foreground-hover: <<colour flexoki-tx>>
sidebar-controls-foreground: <<colour flexoki-tx-3>>
sidebar-foreground-shadow: transparent
sidebar-foreground: <<colour flexoki-tx>>
sidebar-muted-foreground-hover: <<colour flexoki-tx>>
sidebar-muted-foreground: <<colour flexoki-tx-3>>
sidebar-tab-background-selected: <<colour flexoki-bg>>
sidebar-tab-background: <<colour flexoki-ui-2>>
sidebar-tab-border-selected: <<colour tab-border-selected>>
sidebar-tab-border: <<colour tab-border>>
sidebar-tab-divider: #e4e4e4
sidebar-tab-foreground-selected:
sidebar-tab-foreground: <<colour tab-foreground>>
sidebar-tiddler-link-foreground-hover: <<colour flexoki-tx>>
sidebar-tiddler-link-foreground: <<colour flexoki-tx-2>>
site-title-foreground: <<colour tiddler-title-foreground>>
stability-stable: <<colour flexoki-gr>>
stability-experimental: <<colour flexoki-ye>>
stability-deprecated: <<colour flexoki-re>>
stability-legacy: <<colour flexoki-bl>>
static-alert-foreground: #aaaaaa
tab-background-selected: <<colour background>>
tab-background: <<colour flexoki-bg-2>>
tab-border-selected: <<colour flexoki-ui-3>>
tab-border: <<colour flexoki-ui>>
tab-divider: <<colour flexoki-ui-2>>
tab-foreground-selected: <<colour tab-foreground>>
tab-foreground: <<colour flexoki-tx-2>>
table-border: <<colour flexoki-ui>>
table-footer-background: <<colour flexoki-ui>>
table-header-background: <<colour flexoki-ui>>
tag-background: #D0A215
tag-foreground: #100F0F
testcase-accent-level-1: <<colour flexoki-bl-2>>
testcase-accent-level-2: <<colour flexoki-ye-2>>
testcase-accent-level-3: <<colour flexoki-gr-2>>
tiddler-background: <<colour background>>
tiddler-border: <<colour flexoki-ui-2>>
tiddler-controls-foreground-hover: <<colour flexoki-tx-3>>
tiddler-controls-foreground-selected: <<colour flexoki-tx-2>>
tiddler-controls-foreground: <<colour flexoki-ui-2>>
tiddler-editor-background: <<colour flexoki-bg-2>>
tiddler-editor-border-image: #ffffff
tiddler-editor-border: <<colour flexoki-ui-2>>
tiddler-editor-fields-even: <<colour flexoki-ui-3>>
tiddler-editor-fields-odd: <<colour flexoki-ui-2>>
tiddler-info-background: <<colour flexoki-ui>>
tiddler-info-border: <<colour flexoki-ui>>
tiddler-info-tab-background: <<colour flexoki-ui>>
tiddler-link-background: <<colour background>>
tiddler-link-foreground: <<colour primary>>
tiddler-subtitle-foreground: <<colour flexoki-tx-3>>
tiddler-title-foreground: <<colour flexoki-ma>>
toolbar-new-button:
toolbar-options-button:
toolbar-save-button:
toolbar-info-button:
toolbar-edit-button:
toolbar-close-button:
toolbar-delete-button:
toolbar-cancel-button:
toolbar-done-button:
untagged-background: #999999
very-muted-foreground: <<colour flexoki-600>>
wikilist-background: #e5e5e5
wikilist-item: #fff
wikilist-info: #000
wikilist-title: #666
wikilist-title-svg: <<colour wikilist-title>>
wikilist-url: #aaa
wikilist-button-open: #4fb82b
wikilist-button-open-hover: green
wikilist-button-reveal: #5778d8
wikilist-button-reveal-hover: blue
wikilist-button-remove: #d85778
wikilist-button-remove-hover: red
wikilist-toolbar-background: #d3d3d3
wikilist-toolbar-foreground: #888
wikilist-droplink-dragover: rgba(255,192,192,0.5)
wikilist-button-background: #acacac
wikilist-button-foreground: #000

View File

@ -0,0 +1,214 @@
title: $:/palettes/FlexokiLight
name: FlexokiLight
description: An inky color scheme for prose and code from https://stephango.com/flexoki
tags: $:/tags/Palette
type: application/x-tiddler-dictionary
color-scheme: light
flexoki-black: #100F0F
flexoki-paper: #FFFCF0
flexoki-950: #1C1B1A
flexoki-900: #282726
flexoki-850: #343331
flexoki-800: #403E3C
flexoki-700: #575653
flexoki-600: #6F6E69
flexoki-500: #878580
flexoki-300: #B7B5AC
flexoki-200: #CECDC3
flexoki-150: #DAD8CE
flexoki-100: #E6E4D9
flexoki-050: #F2F0E5
flexoki-red-600: #AF3029
flexoki-red-400: #D14D41
flexoki-orange-600: #BC5215
flexoki-orange-400: #DA702C
flexoki-yellow-900: #4D3A0B
flexoki-yellow-600: #AD8301
flexoki-yellow-400: #D0A215
flexoki-yellow-100: #FCEEB8
flexoki-green-600: #66800B
flexoki-green-400: #879A39
flexoki-cyan-950: #142625
flexoki-cyan-600: #24837B
flexoki-cyan-400: #3AA99F
flexoki-cyan-050: #EBF2E7
flexoki-blue-600: #205EA6
flexoki-blue-400: #4385BE
flexoki-purple-600: #5E409D
flexoki-purple-400: #8B7EC8
flexoki-magenta-600: #A02F6F
flexoki-magenta-400: #CE5D97
flexoki-tx: <<colour flexoki-black>>
flexoki-tx-2: <<colour flexoki-600>>
flexoki-tx-3: <<colour flexoki-300>>
flexoki-ui-3: <<colour flexoki-200>>
flexoki-ui-2: <<colour flexoki-150>>
flexoki-ui: <<colour flexoki-100>>
flexoki-bg-2: <<colour flexoki-050>>
flexoki-bg: <<colour flexoki-paper>>
flexoki-re: <<colour flexoki-red-400>>
flexoki-or: <<colour flexoki-orange-400>>
flexoki-ye: <<colour flexoki-yellow-400>>
flexoki-gr: <<colour flexoki-green-400>>
flexoki-cy: <<colour flexoki-cyan-400>>
flexoki-bl: <<colour flexoki-blue-400>>
flexoki-pu: <<colour flexoki-purple-400>>
flexoki-ma: <<colour flexoki-magenta-400>>
flexoki-re-2: <<colour flexoki-red-600>>
flexoki-or-2: <<colour flexoki-orange-600>>
flexoki-ye-2: <<colour flexoki-yellow-600>>
flexoki-gr-2: <<colour flexoki-green-600>>
flexoki-cy-2: <<colour flexoki-cyan-600>>
flexoki-bl-2: <<colour flexoki-blue-600>>
flexoki-pu-2: <<colour flexoki-purple-600>>
flexoki-ma-2: <<colour flexoki-magenta-600>>
alert-background: <<colour flexoki-yellow-100>>
alert-border: <<colour flexoki-ye-2>>
alert-highlight: <<colour flexoki-re-2>>
alert-muted-foreground: <<colour flexoki-tx-2>>
background: #FFFCF0
blockquote-bar: <<colour flexoki-magenta-600>>
button-background: <<colour flexoki-bg-2>>
button-foreground: <<colour flexoki-black>>
button-border: <<colour flexoki-500>>
code-background: <<colour flexoki-bg>>
code-border: <<colour flexoki-tx>>
code-foreground: <<colour flexoki-tx>>
diff-delete-background: <<colour flexoki-re-2>>
diff-delete-foreground: <<colour flexoki-paper>>
diff-equal-background:
diff-equal-foreground: <<colour foreground>>
diff-insert-background: <<colour flexoki-gr-2>>
diff-insert-foreground: <<colour flexoki-paper>>
diff-invisible-background: <<colour flexoki-ye-2>>
diff-invisible-foreground: <<colour flexoki-paper>>
dirty-indicator: <<colour flexoki-red-600>>
download-background: <<colour flexoki-gr>>
download-foreground: <<colour background>>
dragger-background: <<colour foreground>>
dragger-foreground: <<colour background>>
dropdown-background: <<colour background>>
dropdown-border: <<colour muted-foreground>>
dropdown-tab-background-selected: #fff
dropdown-tab-background: #ececec
dropzone-background: <<colour flexoki-gr>>
external-link-background-hover: inherit
external-link-background-visited: inherit
external-link-background: inherit
external-link-foreground-hover: inherit
external-link-foreground-visited: <<colour flexoki-bl>>
external-link-foreground: <<colour flexoki-bl>>
footnote-target-background: <<colour flexoki-bg-2>>
foreground: #100F0F
highlight-background: #ffff00
highlight-foreground: #000000
menubar-background: <<colour primary>>
menubar-foreground: <<colour flexoki-paper>>
message-background: <<colour flexoki-bg>>
message-border: <<colour flexoki-black>>
message-foreground: <<colour flexoki-black>>
modal-backdrop: <<colour foreground>>
modal-background: <<colour background>>
modal-border: #999999
modal-footer-background: #f5f5f5
modal-footer-border: #dddddd
modal-header-border: #eeeeee
muted-foreground: <<colour flexoki-500>>
network-activity-foreground: <<colour flexoki-cy-2>>
notification-background: <<colour flexoki-bg>>
notification-border: <<color flexoki-black>>
page-background: <<colour flexoki-bg-2>>
pre-background: <<colour flexoki-bg>>
pre-border: <<colour flexoki-ui-2>>
primary: <<colour flexoki-cy>>
selection-background:
selection-foreground:
select-tag-background: <<colour flexoki-bg>>
select-tag-foreground: <<color flexoki-black>>
sidebar-button-foreground: <<colour foreground>>
sidebar-controls-foreground-hover: <<colour flexoki-tx>>
sidebar-controls-foreground: <<colour flexoki-tx-3>>
sidebar-foreground-shadow: rgba(255,255,255, 0.8)
sidebar-foreground: <<colour flexoki-300>>
sidebar-muted-foreground-hover: <<colour flexoki-700>>
sidebar-muted-foreground: <<colour flexoki-200>>
sidebar-tab-background-selected: <<colour flexoki-bg-2>>
sidebar-tab-background: <<colour flexoki-ui>>
sidebar-tab-border-selected: <<colour tab-border-selected>>
sidebar-tab-border: <<colour tab-border>>
sidebar-tab-divider: <<colour flexoki-100>>
sidebar-tab-foreground-selected:
sidebar-tab-foreground: <<colour tab-foreground>>
sidebar-tiddler-link-foreground-hover: <<colour flexoki-500>>
sidebar-tiddler-link-foreground: <<colour flexoki-700>>
site-title-foreground: <<colour tiddler-title-foreground>>
stability-stable: <<colour flexoki-green-600>>
stability-experimental: <<colour flexoki-yellow-600>>
stability-deprecated: <<colour flexoki-red-600>>
stability-legacy: <<colour flexoki-blue-600>>
static-alert-foreground: <<colour flexoki-tx-3>>
tab-background-selected: <<colour background>>
tab-background: <<colour flexoki-bg-2>>
tab-border-selected: <<colour flexoki-ui-3>>
tab-border: <<colour flexoki-ui>>
tab-divider: <<colour flexoki-ui-2>>
tab-foreground-selected: <<colour tab-foreground>>
tab-foreground: <<colour flexoki-tx>>
table-border: <<colour flexoki-ui-2>>
table-footer-background: <<colour flexoki-tx-3>>
table-header-background: <<colour flexoki-bg-2>>
tag-background: #AD8301
tag-foreground: #FFFCF0
testcase-accent-level-1: <<colour flexoki-blue-400>>
testcase-accent-level-2: <<colour flexoki-yellow-400>>
testcase-accent-level-3: <<colour flexoki-green-400>>
tiddler-background: <<colour background>>
tiddler-border: <<colour background>>
tiddler-controls-foreground-hover: <<colour flexoki-tx-3>>
tiddler-controls-foreground-selected: <<colour flexoki-tx-2>>
tiddler-controls-foreground: <<colour flexoki-ui-3>>
tiddler-editor-background: <<colour flexoki-bg-2>>
tiddler-editor-border-image: #ffffff
tiddler-editor-border: <<colour flexoki-ui-2>>
tiddler-editor-fields-even: <<colour flexoki-ui-3>>
tiddler-editor-fields-odd: <<colour flexoki-ui-2>>
tiddler-info-background: <<colour flexoki-bg-2>>
tiddler-info-border: <<colour flexoki-200>>
tiddler-info-tab-background: <<colour flexoki-bg>>
tiddler-link-background: <<colour background>>
tiddler-link-foreground: <<colour primary>>
tiddler-subtitle-foreground: <<colour flexoki-black>>
tiddler-title-foreground: <<colour flexoki-magenta-600>>
toolbar-new-button:
toolbar-options-button:
toolbar-save-button:
toolbar-info-button:
toolbar-edit-button:
toolbar-close-button:
toolbar-delete-button:
toolbar-cancel-button:
toolbar-done-button:
untagged-background: #999999
very-muted-foreground: #888888
wikilist-background: <<colour flexoki-ui>>
wikilist-item: #fff
wikilist-info: #000
wikilist-title: #666
wikilist-title-svg: <<colour wikilist-title>>
wikilist-url: #aaa
wikilist-button-open: #4fb82b
wikilist-button-open-hover: green
wikilist-button-reveal: #5778d8
wikilist-button-reveal-hover: blue
wikilist-button-remove: #d85778
wikilist-button-remove-hover: red
wikilist-toolbar-background: #d3d3d3
wikilist-toolbar-foreground: #888
wikilist-droplink-dragover: rgba(255,192,192,0.5)
wikilist-button-background: #acacac
wikilist-button-foreground: #000

View File

@ -98,8 +98,8 @@ first-search-filter: [all[shadows]search<userInput>sort[title]limit[250]] -[[$:/
<<lingo Shadows/Matches>> <<lingo Shadows/Matches>>
<%endif%> <%endif%>
<$list filter="[all[shadows]search{$:/temp/advancedsearch}sort[title]limit[250]] :else[[$:/temp/advancedsearch]] :else[[$:/temp/advancedsearch/input]]"> <$list filter="[all[shadows]search{$:/temp/advancedsearch}sort[title]limit[250]] :except[[$:/temp/advancedsearch]] :except[[$:/temp/advancedsearch/input]]">
<span class={{{[<currentTiddler>addsuffix[-primaryList]] :else[[$:/temp/advancedsearch/selected-item]get[text]] :and[then[]else[tc-list-item-selected]] }}}> <span class={{{[<currentTiddler>addsuffix[-primaryList]] :except[[$:/temp/advancedsearch/selected-item]get[text]] :and[then[]else[tc-list-item-selected]] }}}>
<$transclude tiddler="$:/core/ui/ListItemTemplate"/> <$transclude tiddler="$:/core/ui/ListItemTemplate"/>
</span> </span>
</$list> </$list>

View 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の代数を提供することを目指しています

View File

@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View File

@ -16,7 +16,7 @@ caption: エディション
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View File

@ -16,7 +16,7 @@ caption: パレット
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View File

@ -16,7 +16,7 @@ caption: プラグイン
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View File

@ -16,7 +16,7 @@ caption: テーマ
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View File

@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View File

@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View 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>

View File

@ -16,7 +16,7 @@ caption: その他
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View 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>

View File

@ -17,7 +17,7 @@ type: text/vnd.tiddlywiki
! <$link><$view field="title"/></$link> ! <$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/> <$transclude/>

View File

@ -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>

View File

@ -0,0 +1,8 @@
created: 20130825143000000
modified: 20241017114535878
original-modified: 20211115013141494
tags: task TaskManagementExample
title: Compose ballad
ja-title: バラードを作曲する
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//

View File

@ -0,0 +1,8 @@
created: 20130825143100000
modified: 20241017115556461
original-modified: 20211115013240401
tags: task TaskManagementExample
title: Get the Ring
ja-title: 指輪を手に入れる
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//

View File

@ -0,0 +1,8 @@
created: 20130825143100000
modified: 20241017115219870
original-modified: 20211115181040966
tags: task done TaskManagementExample
title: Go to Mordor
ja-title: モルドールに行く
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//

View File

@ -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]]のサンプルタスクです//

View File

@ -0,0 +1,8 @@
created: 20130825143100000
modified: 20241017115742470
original-modified: 20211115013200231
tags: task TaskManagementExample
title: Make the beds
ja-title: ベッドを整える
//これは、[[タスク管理の例|TaskManagementExample]]のサンプルタスクです//

View File

@ -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>

View File

@ -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>

View File

@ -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>

View 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: 済み

View 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]]のタスクを識別します//

View File

@ -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}`

View File

@ -3,7 +3,8 @@ ja-title: HelloThumbnail - Grok TiddlyWiki
tags: HelloThumbnail tags: HelloThumbnail
color: #D5B7EA color: #D5B7EA
image: Grok TiddlyWiki Banner image: Grok TiddlyWiki Banner
caption: Grok ~TiddlyWiki caption: Grok ~TiddlyWiki 2.0
link: "Grok TiddlyWiki" by Soren Bjornstad link: "Grok TiddlyWiki" by Soren Bjornstad
ribbon-text: NEW 2.0
~TiddlyWikiを最大限に活用するために知っておくべきこと ~TiddlyWikiの総合的なインタラクティブガイド。基礎から高度な概念までを網羅し、学習に役立つ演習やヒントも掲載しています

View File

@ -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>
```

View 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リストの先頭付近に表示されるようにできます

View File

@ -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>>
```

View File

@ -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]]が必要です

View 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>'>

View File

@ -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に統合されていません

View 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`フィールドを自動更新するファイルタイププラグインが含まれています

View File

@ -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>
@@

View File

@ -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>

View File

@ -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>

View File

@ -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を指すようにします。

View File

@ -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つの特別なフィールドのみに逆順ソートを適用できないことです。並べ替え順序を逆順にすると、どこも逆になります

View File

@ -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">>

View File

@ -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">>

View File

@ -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">>

View File

@ -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>

View File

@ -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">
```

View File

@ -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を編集すると、リンクが表示されます。ファイルをダウンロードするには、リンクを右クリックできます。

View 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だけがエクスポートされるという点で他の形式とは異なります

View File

@ -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;)
```

View File

@ -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`に変更します

View File

@ -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の幅にパーセンテージを使用することもできます。
サイドバーがページの上部に表示されても構わない場合を除き、サイドバーのブレークポイントをストーリーリバーよりも大きなものに変更することもできます

View File

@ -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`を使用すると、同様の方法で"詳しく"タブの下に新しいタブを作成できます

View File

@ -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 リンクを有効にする``の選択を解除します。

View File

@ -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}}/>

View 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属性を通じて構築されたリストの名前付きプロパティを割り当てます

View File

@ -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}
```

View File

@ -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}}/>

View File

@ -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を見つける必要があります

View 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>

View 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>

View File

@ -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ファイルにコピーできます
リンクをドラッグする場合は、まず垂直方向に移動します。水平方向の移動はブラウザがテキストの選択として認識するためです

View 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]]は、それぞれリスト内のタイトルを選択および検索するための//フィルター演算子//です。

View 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]]も参照してください

View File

@ -1,13 +1,13 @@
created: 20140104134911101 created: 20140104134911101
modified: 20241010115857934 modified: 20241016105446426
original-modified: 20140919161039197 original-modified: 20140919161039197
tags: Videos [[Working with TiddlyWiki]] [[Quick Start]] tags: Videos [[Working with TiddlyWiki]] [[Quick Start]]
title: Getting Started Video title: Getting Started Video
ja-title: 入門動画 ja-title: 入門動画
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
この簡単なチュートリアルでは、スタンドアロンTiddlyWikiファイルを使用して変更を保存する基本について説明します。 この短いチュートリアルでは、スタンドアロンTiddlyWikiファイルを使用して変更を保存する基本説明します。
//このビデオは少し古いものですが、近日中に更新される予定です!// //(注意)この動画は少し古いので、すぐに更新されるでしょう!//
<iframe width="560" height="315" src="https://www.youtube.com/embed/1g66s7UbyuU" frameborder="0" allowfullscreen></iframe> <iframe width="560" height="315" src="https://www.youtube.com/embed/1g66s7UbyuU" frameborder="0" allowfullscreen></iframe>

View File

@ -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>

View 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/

View File

@ -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>

View 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]]は大歓迎です

View File

@ -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>

View File

@ -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]]があります

View File

@ -18,6 +18,7 @@ description: Under development
This release includes improvements to the following translations: This release includes improvements to the following translations:
* Chinese * Chinese
* French
* Japanese * Japanese
* Spanish * Spanish
* Polish * Polish
@ -71,6 +72,7 @@ This release includes several fixes and improvements to the TestCaseWidget, its
! Usability Improvements ! Usability Improvements
* <<.link-badge-added "https://github.com/TiddlyWiki/TiddlyWiki5/pull/8545">> new light and dark "Flexoki" palettes, originally designed by Steph Ango see https://stephango.com/flexoki
* <<.link-badge-improved "https://github.com/TiddlyWiki/TiddlyWiki5/pull/8643">> presentation of core plugin settings by adding them to the main "Settings" tab in $:/ControlPanel * <<.link-badge-improved "https://github.com/TiddlyWiki/TiddlyWiki5/pull/8643">> presentation of core plugin settings by adding them to the main "Settings" tab in $:/ControlPanel
* <<.link-badge-improved "https://github.com/TiddlyWiki/TiddlyWiki5/pull/8530">> language descriptions by localising them * <<.link-badge-improved "https://github.com/TiddlyWiki/TiddlyWiki5/pull/8530">> language descriptions by localising them
* <<.link-badge-fixed "https://github.com/TiddlyWiki/TiddlyWiki5/pull/8407">> the contrast of plugin stability badges on hover * <<.link-badge-fixed "https://github.com/TiddlyWiki/TiddlyWiki5/pull/8407">> the contrast of plugin stability badges on hover

View File

@ -1,7 +1,7 @@
created: 20210519155910219 created: 20210519155910219
modified: 20210519160221219 modified: 20210519160221219
tags: [[Hidden Settings]] tags: [[Hidden Settings]]
title: Hidden Settings: Import Content Types for Editor title: Hidden Setting: Import Content Types for Editor
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
<<.from-version "5.2.0">> <<.from-version "5.2.0">>

View File

@ -1,5 +1,5 @@
created: 20140610213500000 created: 20140610213500000
modified: 20140912141341933 modified: 20241030132047048
tags: Concepts Features tags: Concepts Features
title: ExternalImages title: ExternalImages
type: text/vnd.tiddlywiki 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: 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]] _canonical_uri $:/core/templates/canonical-uri-external-image text/plain
--setfield [is[image]] text "" 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 !! 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 !! Externalising Image Tiddlers

View File

@ -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 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> <ul>
<$list filter="[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo]!has[draft.of]]"> <$list filter="[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo]!has[draft.of]]">

View File

@ -1,5 +1,5 @@
created: 20130828190200000 created: 20130828190200000
modified: 20241007003103647 modified: 20241008031135403
tags: [[TiddlyWiki on Node.js]] tags: [[TiddlyWiki on Node.js]]
title: Generating Static Sites with TiddlyWiki title: Generating Static Sites with TiddlyWiki
type: text/vnd.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: The following commands are used to generate the sample static version of the TiddlyWiki5 site:
```sh ```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.html static.html text/plain
tiddlywiki wikipath --render $:/core/templates/static.template.css static/static.css 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 ! Wiki Snapshot with Internal Links

View File

@ -1,5 +1,5 @@
created: 20131124220600000 created: 20131124220600000
modified: 20140912141637389 modified: 20241025051111864
tags: [[TiddlyWiki on Node.js]] tags: [[TiddlyWiki on Node.js]]
title: How to build a TiddlyWiki5 from individual tiddlers title: How to build a TiddlyWiki5 from individual tiddlers
type: text/vnd.tiddlywiki 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 ##* Alternatively, just copy the `editions/empty` folder from the TiddlyWiki5 repo
# Create individual TiddlerFiles in the `~/MyWiki/tiddlers` directory # 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: # 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`

View File

@ -1,5 +1,5 @@
created: 20131219100520659 created: 20131219100520659
modified: 20220613172345723 modified: 20241025051303991
tags: [[TiddlyWiki on Node.js]] tags: [[TiddlyWiki on Node.js]]
title: Using TiddlyWiki on Node.js title: Using TiddlyWiki on Node.js
type: text/vnd.tiddlywiki 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: 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. 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.

View File

@ -1,5 +1,5 @@
created: 20161015114042793 created: 20161015114042793
modified: 20211114101249016 modified: 20241030132156792
tags: TiddlyWikiFolders [[TiddlyWiki on Node.js]] tags: TiddlyWikiFolders [[TiddlyWiki on Node.js]]
title: tiddlywiki.info Files title: tiddlywiki.info Files
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
@ -47,10 +47,10 @@ For example:
], ],
"build": { "build": {
"index": [ "index": [
"--rendertiddler","$:/core/save/all","index.html","text/plain"], "--render","$:/core/save/all","index.html","text/plain"],
"favicon": [ "favicon": [
"--savetiddler","$:/favicon.ico","favicon.ico", "--save", "$:/favicon.ico", "favicon.ico",
"--savetiddler","$:/green_favicon.ico","static/favicon.ico"] "--save", "$:/green_favicon.ico", "static/favicon.ico"]
}, },
"config": { "config": {
"retain-original-tiddler-path": true "retain-original-tiddler-path": true

View File

@ -1,6 +1,6 @@
caption: linkcatcher caption: linkcatcher
created: 20131024141900000 created: 20131024141900000
modified: 20220226121122574 modified: 20241031151342973
tags: Widgets MessageHandlerWidgets TriggeringWidgets tags: Widgets MessageHandlerWidgets TriggeringWidgets
title: LinkCatcherWidget title: LinkCatcherWidget
type: text/vnd.tiddlywiki 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 | |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 | |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 | |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""">> <<.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""">>

View File

@ -80,6 +80,7 @@ NewMarkdown/Caption: nouveau tiddler Markdown
NewMarkdown/Hint: Crée un nouveau tiddler avec la syntaxe Markdown NewMarkdown/Hint: Crée un nouveau tiddler avec la syntaxe Markdown
NewTiddler/Caption: nouveau tiddler NewTiddler/Caption: nouveau tiddler
NewTiddler/Hint: Crée un nouveau tiddler NewTiddler/Hint: Crée un nouveau tiddler
OpenControlPanel/Hint: Ouvre le panneau de contrôle
OpenWindow/Caption: ouvrir dans une nouvelle fenêtre OpenWindow/Caption: ouvrir dans une nouvelle fenêtre
OpenWindow/Hint: Ouvre ce tiddler dans une nouvelle fenêtre OpenWindow/Hint: Ouvre ce tiddler dans une nouvelle fenêtre
Palette/Caption: palette Palette/Caption: palette
@ -104,6 +105,8 @@ ShowSideBar/Caption: afficher la barre latérale
ShowSideBar/Hint: Affiche la barre latérale ShowSideBar/Hint: Affiche la barre latérale
TagManager/Caption: gestionnaire de tags TagManager/Caption: gestionnaire de tags
TagManager/Hint: Ouvre le gestionnaire de tags TagManager/Hint: Ouvre le gestionnaire de tags
TestCaseImport/Caption: importer les tiddlers
TestCaseImport/Hint: Importe les tiddlers
Timestamp/Caption: horodatage Timestamp/Caption: horodatage
Timestamp/Hint: Décide si les modifications mettent à jour l'horodatage Timestamp/Hint: Décide si les modifications mettent à jour l'horodatage
Timestamp/On/Caption: horodatage activé Timestamp/On/Caption: horodatage activé
@ -130,6 +133,7 @@ Excise/Caption/Replace/Link: lien
Excise/Caption/Replace/Transclusion: transclusion Excise/Caption/Replace/Transclusion: transclusion
Excise/Caption/Tag: Utilise le titre de ce tiddler comme tag du nouveau tiddler Excise/Caption/Tag: Utilise le titre de ce tiddler comme tag du nouveau tiddler
Excise/Caption/TiddlerExists: Attention : le tiddler existe déjà Excise/Caption/TiddlerExists: Attention : le tiddler existe déjà
Excise/DefaultTitle: Nouvelle excision
Excise/Hint: Excise le texte sélectionné vers un nouveau tiddler Excise/Hint: Excise le texte sélectionné vers un nouveau tiddler
Heading1/Caption: en-tête 1 Heading1/Caption: en-tête 1
Heading1/Hint: Applique le formatage des en-têtes de niveau 1 aux lignes de la sélection Heading1/Hint: Applique le formatage des en-têtes de niveau 1 aux lignes de la sélection

View File

@ -198,6 +198,12 @@ Settings/TitleLinks/Yes/Description: Afficher les titres des tiddlers comme des
Settings/MissingLinks/Caption: Liens wiki Settings/MissingLinks/Caption: Liens wiki
Settings/MissingLinks/Hint: Peut-on pointer vers des tiddlers qui n'existent pas encore ? Settings/MissingLinks/Hint: Peut-on pointer vers des tiddlers qui n'existent pas encore ?
Settings/MissingLinks/Description: Active les liens vers les tiddlers inexistants Settings/MissingLinks/Description: Active les liens vers les tiddlers inexistants
SocialCard/Caption: Cartel pour médias sociaux
SocialCard/Domain/Prompt: Nom de domaine à afficher pour le lien (par exemple, ''tiddlywiki.com'')
SocialCard/Hint: Cette information est utilisée par les services de messagerie et de médias sociaux pour afficher un cartel de prévisualisation des liens vers ce TiddlyWiki lorsqu'il est accessible en ligne
SocialCard/PreviewUrl/Prompt: URL complète vers l'image de prévisualisation de ce TiddlyWiki
SocialCard/PreviewUrl/Preview: Image de prévisualisation :
SocialCard/Url/Prompt: URL complète pour ce TiddlyWiki
StoryTiddler/Caption: Tiddlers du déroulé StoryTiddler/Caption: Tiddlers du déroulé
StoryTiddler/Hint: Cette cascade de règles sert à choisir dynamiquement le template d'affichage d'un tiddler dans le déroulé. StoryTiddler/Hint: Cette cascade de règles sert à choisir dynamiquement le template d'affichage d'un tiddler dans le déroulé.
StoryView/Caption: Vue sur le déroulé StoryView/Caption: Vue sur le déroulé

View File

@ -65,6 +65,10 @@ sidebar-tab-foreground-selected: Premier plan pour les onglets sélectionnés de
sidebar-tab-foreground: Premier plan pour les onglets de la barre latérale sidebar-tab-foreground: Premier plan pour les onglets de la barre latérale
sidebar-tiddler-link-foreground-hover: Premier plan au passage de la souris sur le lien d'un tiddler de la barre latérale sidebar-tiddler-link-foreground-hover: Premier plan au passage de la souris sur le lien d'un tiddler de la barre latérale
sidebar-tiddler-link-foreground: Premier plan du lien d'un tiddler de la barre latérale sidebar-tiddler-link-foreground: Premier plan du lien d'un tiddler de la barre latérale
stability-stable: Badge pour le niveau de stabilité "stable"
stability-experimental: Badge pour le niveau de stabilité "experimental"
stability-deprecated: Badge pour le niveau de stabilité "deprecated"
stability-legacy: Badge pour le niveau de stabilité "legacy"
site-title-foreground: Premier plan pour le titre du wiki (SiteTitle) site-title-foreground: Premier plan pour le titre du wiki (SiteTitle)
static-alert-foreground: Premier plan pour les alertes statiques static-alert-foreground: Premier plan pour les alertes statiques
tab-background-selected: Fond pour les onglets sélectionnés tab-background-selected: Fond pour les onglets sélectionnés
@ -79,9 +83,9 @@ table-footer-background: Fond pour les bas de tableau
table-header-background: Fond pour les en-têtes de tableau table-header-background: Fond pour les en-têtes de tableau
tag-background: Fond pour les tags tag-background: Fond pour les tags
tag-foreground: Premier plan pour les tags tag-foreground: Premier plan pour les tags
testcase-accent-level-1: Couleur d'accentuation des scénarios de test de premier niveau testcase-accent-level-1: Couleur accentuée pour les scénarios de test sans imbrication
testcase-accent-level-2: Couleur d'accentuation des scénarios de test de profondeur 2 testcase-accent-level-2: Couleur accentuée pour les scénarios de test avec un 2e niveau d'imbrication
testcase-accent-level-3: Couleur d'accentuation des scénarios de test de profondeur 3 et plus testcase-accent-level-3: Couleur accentuée pour les scénarios de test avec un 3e niveau d'imbrication ou plus
tiddler-background: Fond pour les tiddlers tiddler-background: Fond pour les tiddlers
tiddler-border: Bordure pour les tiddlers tiddler-border: Bordure pour les tiddlers
tiddler-controls-foreground-hover: Premier plan au passage de la souris sur les boutons de commande d'un tiddler tiddler-controls-foreground-hover: Premier plan au passage de la souris sur les boutons de commande d'un tiddler

View File

@ -0,0 +1,7 @@
title: $:/language/Snippets/FunctionDefinition
tags: $:/tags/TextEditor/Snippet
caption: Définition de fonction
\function nom.fonction(param1,param2:"valeur par défaut") [<param1>!is[blank]else<param2>]
<<nom.fonction>>

View File

@ -0,0 +1,7 @@
title: $:/language/Snippets/ProcedureDefinition
tags: $:/tags/TextEditor/Snippet
caption: Définition de procédure
\procedure nomProc(param1:"valeur par défaut",param2)
Votre texte ici.
\end

View File

@ -0,0 +1,5 @@
title: $:/language/Docs/Types/text/vnd.tiddlywiki-multiple
description: Tiddler composé
name: text/vnd.tiddlywiki-multiple
group: Developer
group-sort: 2