1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-11 18:00:26 +00:00

Merge branch 'tiddlywiki-com'

This commit is contained in:
Jeremy Ruston 2024-12-05 20:53:30 +00:00
commit 42f9f3073e
96 changed files with 1957 additions and 195 deletions

View File

@ -0,0 +1,9 @@
code-body: yes
created: 20241205094051389
modified: 20241205094051389
tags: $:/tags/PageTemplate
title: $:/github-ribbon
type: text/vnd.tiddlywiki
\whitespace trim
<$transclude $tiddler="$:/plugins/tiddlywiki/github-fork-ribbon/template" top="30px" fixed=fixed color="green"/>

View File

@ -1,114 +0,0 @@
created: 20150117152607000
modified: 201804111739
tags: $:/tags/Macro
title: $:/editions/dev/doc-macros
type: text/vnd.tiddlywiki
\define .concat(1,2,3,4,5) $1$$2$$3$$4$$5$
\define .def(_) <dfn class="doc-def">$_$</dfn>
\define .em(_) <em class="doc-em">$_$</em>
\define .strong(_) <strong class="doc-strong">$_$</strong>
\define .place(_) <code class="doc-place">$_$</code>
\define .word(_) "$_$"
\define .preamble(_) :.doc-preamble $_$
\define .note(_)
@@.doc-note
;Note
: $_$
@@
\end
\define .tid(_) <code class="doc-tiddler">$_$</code>
\define .tag(_) <code class="doc-tag">$_$</code>
\define .field(_) <code class="doc-field">$_$</code>
\define .value(_) <code class="doc-value">$_$</code>
\define .op(_) <code class="doc-operator">$_$</code>
\define .var(_) <code class="doc-var">$_$</code>
\define .wid(_) <code class="doc-widget">$$_$</code>
\define .attr(_) <code class="doc-attr">$_$</code>
\define .param(_) <code class="doc-param">$_$</code>
\define .mtitle(_) $_$ Macro
\define .otitle(_) $_$ Operator
\define .vtitle(_) $_$ Variable
\define .link(_,to) <$link to="$to$">$_$</$link>
\define .clink(_,to) <span class="doc-clink"><<.link """$_$""" "$to$">></span>
\define .dlink(_,to) <$macrocall $name=".link" _=<<.def "$_$">> to="$to$">/>
\define .dlink-ex(_,to) <a href="$to$" class="tc-tiddlylink-external" target="_blank" rel="noopener noreferrer"><<.def "$_$">></a>
\define .flink(to) <$macrocall $name=".link" _=<<.field {{$to$!!caption}}>> to="$to$"/>
\define .mlink(_,to) <$macrocall $name=".link" _=<<.var "$_$">> to=<<.mtitle "$_$">>/>
\define .mlink2(_,to) <$macrocall $name=".link" _=<<.var "$_$">> to="$to$"/>
\define .olink(_) <$macrocall $name=".link" _=<<.op "$_$">> to=<<.otitle "$_$">>/>
\define .olink2(_,to) <$macrocall $name=".link" _=<<.op "$_$">> to=<<.otitle "$to$">>/>
\define .vlink(_,to) <$macrocall $name=".link" _=<<.var "$_$">> to=<<.vtitle "$_$">>/>
\define .vlink2(_,to) <$macrocall $name=".link" _=<<.var "$_$">> to="$to$"/>
\define .wlink(to) <$macrocall $name=".link" _=<<.wid {{$to$!!caption}}>> to="$to$"/>
\define .wlink2(_,to) <$macrocall $name=".link" _="$_$" to="$to$"/>
\define .key(_) <span class="doc-key">$_$</span>
\define .combokey(_) <$macrocall $name=".if" cond="$_$" then=<<.key '$_$'>>/>
\define .keycombo(1,2,3,4) <<.combokey "$1$">><<.if "$2$" +>><<.combokey "$2$">><<.if "$3$" +>><<.combokey "$3$">><<.if "$4$" +>><<.combokey "$4$">>
\define .tab(_) <span class="doc-tab">{{$_$!!caption}}</span>
\define .sidebar-tab(_) <<.tab "$:/core/ui/SideBar/$_$">>
\define .more-tab(_) <<.tab "$:/core/ui/MoreSideBar/$_$">>
\define .info-tab(_) <<.tab "$:/core/ui/TiddlerInfo/$_$">>
\define .controlpanel-tab(_) <<.tab "$:/core/ui/ControlPanel/$_$">>
\define .advancedsearch-tab(_) <<.tab "$:/core/ui/AdvancedSearch/$_$">>
\define .toc-tab() <<.tab "TableOfContents">>
\define .example-tab(_) <span class="doc-tab">$_$</span>
\define .button(_) <span class="doc-button">{{$:/core/ui/Buttons/$_$!!caption}}</span>
\define .tip(_) <div class="doc-icon-block"><div class="doc-block-icon">{{$:/core/images/tip}}</div> $_$</div>
\define .warning(_) <div class="doc-icon-block"><div class="doc-block-icon">{{$:/core/images/warning}}</div> $_$</div>
\define .state-prefix() $:/state/editions/tw5.com/
\define .lorem()
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\end
\define .toc-lorem()
This is an example tiddler. See [[Table-of-Contents Macros (Examples)]].
<<.lorem>>
\end
\define .example(n,eg,egvar:NO-SUCH-VAR)
<div class="doc-example">
<$reveal default="$egvar$" type="match" text="NO-SUCH-VAR">
<$macrocall $name="copy-to-clipboard-above-right" src="""$eg$"""/>
<$codeblock code="""$eg$"""/>
</$reveal>
<$reveal default="$egvar$" type="nomatch" text="NO-SUCH-VAR">
<!-- allow an example to contain """ -->
<$macrocall $name="copy-to-clipboard-above-right" src=<<$egvar$>>/>
<$codeblock code=<<$egvar$>>/>
</$reveal>
<$list filter="[title<.state-prefix>addsuffix{!!title}addsuffix[/]addsuffix[$n$]]" variable=".state">
<$reveal state=<<.state>> type="nomatch" text="show">
<dl>
<dd><$button set=<<.state>> setTo="show">Try it</$button></dd>
</dl>
</$reveal>
<$reveal state=<<.state>> type="match" text="show">
<dl>
<dd><$button set=<<.state>> setTo="">Hide</$button></dd>
</dl>
<blockquote class="doc-example-result">
<$reveal default="$egvar$" type="match" text="NO-SUCH-VAR">
$eg$
</$reveal>
<$reveal default="$egvar$" type="nomatch" text="NO-SUCH-VAR">
<<$egvar$>>
</$reveal>
</blockquote>
</$reveal>
</$list>
\end
<pre><$view field="text"/></pre>

View File

@ -1,40 +0,0 @@
created: 20150117152612000
modified: 20230325101137075
tags: $:/tags/Stylesheet
title: $:/editions/tw5.com/doc-styles
type: text/vnd.tiddlywiki
a.doc-from-version.tc-tiddlylink {
display: inline-block;
border-radius: 1em;
background: <<colour muted-foreground>>;
color: <<colour background>>;
fill: <<colour background>>;
padding: 0 0.4em;
font-size: 0.7em;
text-transform: uppercase;
font-weight: bold;
line-height: 1.5;
vertical-align: text-bottom;
}
a.doc-deprecated-version.tc-tiddlylink {
display: inline-block;
border-radius: 1em;
background: red;
color: <<colour background>>;
fill: <<colour background>>;
padding: 0 0.4em;
font-size: 0.7em;
text-transform: uppercase;
font-weight: bold;
line-height: 1.5;
vertical-align: text-bottom;
}
.doc-deprecated-version svg,
.doc-from-version svg {
width: 1em;
height: 1em;
vertical-align: text-bottom;
}

View File

@ -1,3 +1,5 @@
title: $:/_tw5.com-dev-styles
tags: $:/tags/Stylesheet
list-after: $:/editions/tw5.com/doc-styles
<!-- styles that are unique to the TW dev edition. If possible use $:/_tw_shared/styles or $:/editions/tw5.com/doc-styles -->

View File

@ -1,14 +0,0 @@
code-body: yes
created: 20161008085627406
modified: 20221007122259593
tags: $:/tags/Macro
title: $:/editions/tw5.com/version-macros
type: text/vnd.tiddlywiki
\define .from-version(version)
<$link to={{{ [<__version__>addprefix[Release ]] }}} class="doc-from-version">{{$:/core/images/warning}} New in: <$text text=<<__version__>>/></$link>
\end
\define .deprecated-since(version, superseded:"")
<$link to="Deprecated - What does it mean" class="doc-deprecated-version tc-btn-invisible">{{$:/core/images/warning}} Deprecated from v<$text text=<<__version__>>/></$link> <%if [<__superseded__>else[]!match[]] %>(see <$link to=<<__superseded__>>><$text text=<<__superseded__>>/></$link>)<%endif%>
\end

View File

@ -0,0 +1,13 @@
created: 20210519155910219
modified: 20241128113941852
original-modified: 20210519160221219
tags: [[Hidden Settings]]
title: Hidden Setting: Import Content Types for Editor
ja-title: 隠し設定: エディターのインポートコンテンツタイプ
type: text/vnd.tiddlywiki
<<.from-version "5.2.0">>
$:/config/Editor/ImportContentTypesFilter
このフィルターは、エディターにドラッグアンドドロップしてインポートできる`contentTypes`を決定します。これは、`contentTypesFilter`属性のために、エディターを囲むDropzoneWidgetによって使用されます。

View File

@ -0,0 +1,21 @@
title: Funding TiddlyWiki
ja-title: TiddlyWikiへの資金提供
tags: About HelloThere
modified: 20241129112734981
original-modified: 20221204165636777
created: 20221204165636777
TiddlyWikiが無料で使用でき、長期的な採用に経済的な障壁がなければ、誰にとってもより便利になります。それは博愛主義とは異なります。私たちは、採用に対する障壁を取り除き減らすことが、コミュニティをより大きくより強力し、TiddlyWikiの未来を確保するのに役立つと信じています
それにもかかわらず、TiddlyWikiは比較的大きく複雑なマシンであり、維持や改良にはたくさんの継続的な作業が必要です。一部のコミュニティインフラストラクチャも運営に月額料金が必要です(特に[[TiddlyWikiフォーラム|Forums]])
作業に携わるコミュニティの人々は、さまざまなニーズを持っています:
* 一方では、TiddlyWikiでの作業のかなりの部分がコミュニティメンバーによって純粋に自主的に実施されています。そういった人にとっては、他人の助けとなることで満足感が得られ十分な報酬となります。実際、多くの人にとって、無給のボランティア活動は、毎日の有給の仕事に対する満足のいく解毒剤となっています
* 他方で、JeremyRustonと他の貢献者たちは、TiddlyWikiに関する商用製品やサービスを提供することで、TiddlyWikiに携わってフルタイムで生計を立てようとしています
* その中間では、自分の仕事に対する報酬として時折トークンを受け取ることを喜ぶ人もいます
コミュニティのこのようなニーズをサポートするために、私たちは2つの活動を行っています:
* 私たちは[[オープンコレクティブ|Open Collective]]を使用して、コミュニティのインフラストラクチャにかかる費用の寄付を集め、個人や組織による特定の開発にクラウドファンディングします
* [[TiddlyWikiマーケットプレイス|TiddlyWiki Marketplace]]は、商用製品やサービスを提供する個人や組織にショーウィンドウを提供します

View File

@ -0,0 +1,16 @@
title: Open Collective
ja-title: オープンコレクティブ
modified: 20241129113142285
original-modified: 20221204165636777
created: 20221204165636777
tags: About HelloThere
オープンコレクティブは、TiddlyWikiのようなプロジェクトの透明な資金調達と経費のためのプラットフォームです。これは、TiddlyWikiコミュニティの公式募金スペースです
https://opencollective.com/tiddlywiki
1回限りの寄付を行うことも、定期的な寄付を設定することもできます
寄付のためにリストされている主な目標は、会談フォーラムなどのコミュニティインフラストラクチャにかかる基本的なコストをカバーすることと、TiddlyWiki Coreをサポートするという新しい目標です
さらに、コミュニティは特別なプロジェクトのためにプラットフォームを利用し、開発、設計、その他の費用を支払うために資金をプールすることができます。[[ファイルアップロードプラグイン|https://opencollective.com/tiddlywiki/projects/tiddlywiki-file-upload]]はその最初のものであり、誰かがここでプロジェクトを立ち上げることを歓迎したいと考えています

View File

@ -0,0 +1,19 @@
created: 20130302085406905
modified: 20241130111024987
original-modified: 20130302084548184
tags: Examples
title: "A Thesis Notebook" by Alberto Molina
ja-title: Alberto Molinaの"論文ノート"
url: http://tesis.tiddlyspot.com/
TiddlyWikiを使った論文ート。
{{!!url}}
<<<
これは、TiddlyWiki 5.0.8-betaを利用した論文ートの例です。
TiddlyWikiは、Jeremy Rustonが作成した優れたソフトウェアです。このソフトウェアを使用すると、メモを取ったり、アイデアを整理したり、情報を保存したり、すべてのものを好きなように表示したりできます。これは、ほぼすべてのニーズに合わせて調整できる、非常に柔軟なツールです。
このTiddlyWikiは、著者、書籍や論文、概念や理論、個人的なメモを中心とした哲学ートとして機能するようにカスタマイズされています。私はこれを、専用の参考文献ソフトウェアであるZoteroと一緒に使用しています。どちらも無料のオープンソースプロジェクトです。TiddlyWikiはhttps://tiddlywiki.comからダウンロードできます。
<<<

View File

@ -0,0 +1,16 @@
created: 20150621212120755
modified: 20241201110715436
original-modified: 20150621214507584
tags: Examples
title: Interactive Git Documentation by Devin Weaver
ja-title: Devin WeaverのインタラクティブGitドキュメント
url: http://sukima.github.io/GitFixUm/
A git choose-your-own-adventure!ⓡ for walking yourself though fixing a //broken// Git repository.
//壊れた//Gitリポジトリを自分で修復するための、git choose-your-own-adventure!ⓡ。
{{!!url}}
<<<
このドキュメントは、gitの使用時に意図していなかった事態から回復するための、かなり包括的なガイドとなることを目指しています。gitが非常に複雑で、特定の問題に対処するために大きなドキュメントが必要なわけではありません。むしろ、実行した可能性のある操作のセットが非常に大きいため、実行した操作と実行したい操作に応じて異なるテクニックが必要になります。
<<<

View File

@ -0,0 +1,16 @@
created: 20150403104722092
modified: 20241201111442269
original-modified: 20150403105247619
tags: Examples
title: PESpot Lesson Planner by Patrick Detzner
ja-title: Patrick DetznerのPESpotレッスンプランナー
type: text/vnd.tiddlywiki
url: http://pespot.tiddlyspot.com
TiddlyWikiで構築されたレッスンプランニングシステム。
{{!!url}}
<<<
私は、レッスンプラン情報を入力して保存し、実際のレッスンプラン文書の作成に伴う面倒な作業の一部を容易化/自動化するプログラムを構築しました。
<<<

View File

@ -0,0 +1,21 @@
created: 20140716085406905
modified: 20241201105625382
original-modified: 20140716084548184
tags: Examples
title: "PETTIL - Forth for the Commodore PET" by Charlie Hitselberger
ja-title: Charlie Hitselbergerの"PETTIL - コモドールPET用Forth"
type: text/vnd.tiddlywiki
url: http://pettilmobile.com/tw/
6502アセンブリ言語で書かれた、[[コモドールPET|https://en.wikipedia.org/wiki/Commodore_PET]]用の高速Forthインタープリタです。プログラムドキュメントを含むTiddlyWikiは、ソースコードから自動的に生成されます。https://github.com/chitselb/pettilを参照してください。
{{!!url}}
<<<
プロジェクトの目的は、以下のとおりです(順不同):
* Commodore PET 2001で動作するForthを作成する
* 楽しむ
* "6502アセンブリゴルフ"のスキルを向上させる
* このプロジェクトに興味のある人を見つける
<<<

View File

@ -0,0 +1,17 @@
created: 20141118143636664
modified: 20241201112046756
original-modified: 20141118143636664
tags: Examples
title: Simple Zork-like Game by Jed Carty
ja-title: Jed CartyのシンプルなZorkライクゲーム
url: http://zorklike.tiddlyspot.com
[[この投稿|https://groups.google.com/d/topic/tiddlywiki/4aRpZht1vOs/discussion]]で紹介されている、TiddlyWikiで構築されたシンプルなゲーム。
{{!!url}}
<<<
プラグインやJavaScriptを使わずに、Coreのtiddlywikiだけを使って、なんらかのゲームが作れるかどうか試してみることにしました。私は、非常に基本的なZork/インタラクティブフィクションタイプのゲームを作りました。これは、現時点では私が作ることができ、ゲームだと言える最もシンプルなものですが、将来的には改造していくかもしれません。action-setfieldウィジェットによってマクロ作成の作業が大幅に軽減されたため、5.1.5 プレリリースを使用しています。
この目標の1つは、Coreのtiddlywikiに含まれているもの以外は何も使用しないことです。そのため、JavaScriptやプラグインはありません。
<<<

View File

@ -0,0 +1,16 @@
created: 20160424111304190
modified: 20241201112847005
original-modified: 20160424112155381
tags: Examples
title: TriTarget.org by Devin Weaver
ja-title: Devin WeaverのTriTarget.org
type: text/vnd.tiddlywiki
url: https://tritarget.org
TiddlyWikiで構築された個人のWebサイト。
{{!!url}}
<<<
TriTarget.org は、私が高校生のときに思いついた名前です。私はコンピュータープログラミングに夢中だったので、ちょっとキャッチーな会社名が欲しかったのです。BASICでいくつかのプログラムを作成するときは、自分の会社をアピールするために、TriTargetというブランド名を付けていました(会社を持っていませんでしたが)。
<<<

View File

@ -0,0 +1,13 @@
created: 20141122093837330
modified: 20241130111825331
original-modified: 20210106151027143
tags: Examples
title: "Lucky Sushi" online shop by sini-Kit
ja-title: sini-Kitのオンラインショップ"ラッキー寿司"
type: text/vnd.tiddlywiki
url: http://luckysushi.ru/habarovsk/heeg.html#index
~TiddlyWikiで作られた完全なオンラインショップ!
{{!!url}}

View File

@ -0,0 +1,28 @@
created: 20141122093837330
modified: 20241201105444692
original-modified: 20210106151027081
tags: Examples
title: "Gospel Bubbles" by Rev. David Gifford
ja-title: Rev. David Giffordの"ゴスペルバブル"
type: text/vnd.tiddlywiki
url: http://giffmex.org/gospels.bubbles.html#Gospels%20Bubbles
Creates bubble maps of Biblical texts.
聖書のテキストのバブルマップを作成します。
{{!!url}}
<<<
この~TiddlyWikiは、まだ構築中ですが、新約聖書の福音書の文章、文章の種類、テーマ、人物、場所、画像をすばやく見つけられるいくつかの機能があります。バブルマップは、各福音書の概要を色分けしたものです。文章の種類(奇跡物語、寓話など)ごとに色が割り当てられています。バブルマップでは、次の3つのことができます:
#バブルマップは、各福音書の概要を色分けしたものです。各タイプの一節(奇跡物語、たとえ話など)には色が割り当てられています。バブルマップを使用すると、次の3つのことが可能になります:
##それぞれの福音書の中で、さまざまな種類の一節がどのように分布しているかを確認します。
##一節の上にマウスを置くと、詩とタイトルが表示されます。
##一節をクリックすると、その文章が開き、そこに記載されているテーマやその他のデータが表示されます。
#''一節ごとのテーマ''索引は、各福音書の一節のリストで、その後にその一節にあるテーマやその他のデータが続きます。テーマをクリックすると、そのテーマについて言及しているすべての一節のリストが表示されます。
#テーマの索引には、各テーマ、人物、グループ、場所、画像へのリンクのリストが含まれています。テーマをクリックすると、そのテーマについて言及しているすべての一節のリストが表示されます。
#右側のメニューに''検索ウィンドウ''が隠れています。検索ウィンドウを使用して、sowerやparalyticなどの単語を入力して、一節をすばやく検索します。画面の右上にある矢印をクリックしてメニューを開き、検索します。
<<<

View File

@ -0,0 +1,48 @@
created: 20201123172925848
modified: 20241111112628221
original-modified: 20240801020629394
tags: [[Customise TiddlyWiki]]
title: Alternative page layouts
ja-title: ページレイアウトを変更する
type: text/vnd.tiddlywiki
<<.from-version "5.1.23">>複数のページレイアウトを用意し、切り替えることができます。使用可能なレイアウトのリストを表示し、レイアウトを切り替えるには、キーボードショートカット<kbd><<displayshortcuts ((layout-switcher))>></kbd>を使用します
!ページレイアウトの作成
代替のレイアウトを作成すると、デフォルトのインターフェイスである[[標準レイアウト|$:/core/ui/PageTemplate]]に[[機能の追加・削除|Customising TiddlyWiki's user interface]]だけでなく、まったく新しいレイアウトを作成することもできます。
代替のページレイアウトを作成し、切り替えることができるようにするには、[[SystemTag: $:/tags/Layout]]を使用して代替ページテンプレートTiddlerを作成します。
この代替ページテンプレートは、[[デフォルトのページテンプレート|$:/core/ui/PageTemplate]]を、微調整して修正したバージョンであることも、まったく異なるものを作成することもできます。レイアウト切り替えメカニズムでは、ページテンプレートTiddlerに`name`と`description`
フィールドが必要です。これらのフィールドは、ユーザーインターフェイス切り替えのリストで使用されます。
!! 共通レイアウト設定
```tid
\whitespace trim
\import [subfilter{$:/core/config/GlobalImportFilter}]
\define containerClasses()
tc-page-container tc-language-$(languageTitle)$ your-plugin-name-container
\end
\procedure redirected-navigate-actions()
<$action-setfield $tiddler="$:/layout" text="" $timestamp="no" />
<$action-navigate $to=<<event-navigateTo>> $scroll="yes" />
\end
<$navigator story="$:/StoryList" history="$:/HistoryList" openLinkFromInsideRiver={{$:/config/Navigation/openLinkFromInsideRiver}} openLinkFromOutsideRiver={{$:/config/Navigation/openLinkFromOutsideRiver}} relinkOnRename={{$:/config/RelinkOnRename}}>
<$messagecatcher $tm-navigate=<<redirected-navigate-actions>>>
{{$:/core/ui/CommandPaletteTemplate}}
<div class=<<containerClasses>>>
<!-- Your layout content here -->
</div>
</$messagecatcher>
</$navigator>
```
以下を含んでいます
# 標準レイアウトでグローバルに使用できるマクロをインポートすると、標準レイアウトで機能するWikiテキストが独自レイアウトでも機能します。
# トップレベルのCSSクラスを定義します。一部のスタイルはそれに依存する場合があります。ここで、CSSクラスにプラグインの名前を追加できます。
# リンクをクリックしたときにナビゲーションを処理します。レイアウトにストーリービューが含まれていない場合(たとえば、カレンダーやホワイトボードレイアウトを作成している場合)、`redirected-navigate-actions` `$navigator`と`$messagecatcher`の組み合わせにより、ユーザーは標準レイアウトにリダイレクトされ、そこでTiddlerが表示されます。
# 独自レイアウト上に、たとえば、`$:/core/ui/CommandPaletteTemplate`や`$:/core/ui/PageTemplate/sidebar`などを配置したい場合は、[[PageTemplate|$:/tags/PageTemplate]]を再度追加します。

View File

@ -0,0 +1,29 @@
created: 20180305174809089
modified: 20241112113136035
original-modified: 20180306161405033
tags: [[Customise TiddlyWiki]]
title: Configuring startup tiddlers
ja-title: スタートアップTiddlerを構成する
type: text/vnd.tiddlywiki
[[デフォルトTiddler|DefaultTiddlers]]メカニズムを使用して、一つ、もしくは、複数のTiddlerを起動時に表示するように、~TiddlyWikiを設定できます。
コントロールパネルの情報タブの下には、「このファイルを開いたときに初期表示されるTiddlerを設定してください」という説明のある入力フィールドがあります。起動時に表示したいTiddlerを列挙します。スペースを含むタイトルには二重角括弧を使用します。例えば:
```
FirstTiddler
SecondTiddler
[[Third Tiddler]]
```
[[フィルター式|Filter Expression]]を使用して、複数のTiddlerを開くこともできます。例えば:
```
[tag[HelloThere]]
```
は、<<tag HelloThere>>でタグ付けされたすべてのTiddlerを表示します。
[[開いているtiddlerを起動時に保持する|Preserving open tiddlers at startup]]のテクニックを使用することもできます。
起動時の動作をより高度に制御するには、[[起動時アクション|StartupActions]]も参照してください。

View File

@ -0,0 +1,37 @@
created: 20211124205415217
modified: 20241114113201979
original-modified: 20230803050345698
tags: [[Customise TiddlyWiki]]
title: Creating new toolbar buttons
ja-title: ツールバーボタンを新しく作成する
type: text/vnd.tiddlywiki
'レシピテンプレート'というスケルトンTiddlerを使って、オンデマンドで新しいレシピTiddlerを作成するためにViewToolbar Tiddlerで使用できるボタンを用意したいとします。これには次の手順が必要になります:
# ボタンには画像が必要になります。コアイメージ($:/core/images/で始まる名前のシャドウTiddler)がどれも適合しない場合は、SVGイメージ(たとえば、 http://flaticon.com にあるイメージの一つ)をファイルにドラッグしてTiddlerにし、Tiddlerを編集して高さと幅がを22pxに調整します。
# そのTiddlerを含むTiddlerを作成するとよいでしょう。Tiddlerを作成し、タイトルを付け、ボタンのコードを追加します(例として、下記のコードを参照してください。変更が必要な箇所にはヒントが含まれています)。[[$:/tags/ViewToolbar]]のタグを付けます。
# ボタンをツールバーに表示するか非表示にするかをTiddlyWikiに伝えるTiddlerを作成する必要があります。[[$:/config/ViewToolbarButtons/Visibility/Recipe]]というタイトルにします。テキスト領域に`show`と入力して保存します。非表示にしたい場合は、テキスト領域に`hide`と入力して保存します。このボタンには、''コントロールパネル : 外観 : ツールバー : 閲覧画面''タブからもアクセスできます。
# ボタンを適切な位置に配置する場合は、$:/tags/ViewToolbar Tiddlerを開き、ボタンTiddlerのタイトルをリストフィールドの適切な場所に挿入します。
```
\define newHereButtonTags()
[[$(currentTiddler)$]]
\end
\define newHereButton()
<$button class=<<tv-config-toolbar-class>>>
<$action-sendmessage
$message="tm-new-tiddler"
$param="TITLE OF YOUR SKELETON BUTTON"
title="New tiddler"
tags=<<newHereButtonTags>> />
<$list filter="[<tv-config-toolbar-icons>match[yes]]">
{{TITLE OF YOUR SVG IMAGE TIDDLER}}
</$list>
<$list filter="[<tv-config-toolbar-text>match[yes]]">
<span class="tc-btn-text"><$text text="CAPTION FOR YOUR BUTTON"/></span>
</$list>
</$button>
\end
<<newHereButton>>
```

View File

@ -0,0 +1,12 @@
created: 20140904101600000
list: [[Adding a table of contents to the sidebar]] [[Alternative page layouts]] [[Configuring startup tiddlers]] [[Configuring the default TiddlerInfo tab]] [[Creating a custom export format]] [[Creating a splash screen]] [[Creating new toolbar buttons]] [[Customising search results]] [[Customising TiddlyWiki's user interface]] [[Hidden Settings]] [[How to add a new tab to the sidebar]] [[How to apply custom styles]] [[How to create a custom story tiddler template]] [[How to create a custom tiddler icon rule]] [[How to create a custom tiddler colour rule]] [[How to create keyboard shortcuts]] [[How to turn off camel case linking]] [[How to widen tiddlers (aka storyriver)]] [[Making a custom journal button]] [[Preserving open tiddlers at startup]] [[Setting a favicon]] [[Setting a page background image]] [[Using Stylesheets]]
modified: 20241110115757128
original-modified: 20211206162235300
tags: TableOfContents
title: Customise TiddlyWiki
ja-title: TiddlyWikiのカスタマイズ
type: text/vnd.tiddlywiki
TiddlyWikiのカスタマイズに関する情報。採用されているメカニズムの概要については、[[TiddlyWikiのユーザーインターフェイスをカスタマイズする|Customising TiddlyWiki's user interface]]を参照してください。
<<list-links "[tag[Customise TiddlyWiki]]">>

View File

@ -0,0 +1,77 @@
created: 20211127084727217
modified: 20241115113055145
original-modified: 20211204120054422
tags: [[Customise TiddlyWiki]]
title: Customising TiddlyWiki's user interface
ja-title: TiddlyWikiのユーザーインターフェイスのカスタマイズ
type: text/vnd.tiddlywiki
TiddlyWikiのユーザーインターフェイスは、高度に拡張できるように設計されています。すべての要素は、追加、削除、または再配置することができます
これを実現するために、いくつかの異なるメカニズムが使用されます:
* 特殊フィールド
* 特殊タイトル
* 特殊タグ
* カスケード
これらのメカニズムの概要と、それらがどのように相互に関連しているかを説明します
!! 特殊フィールド
特殊フィールドは、個々のTiddlerに外観や動作を割り当てるために使用されます。これらは、適用されるTiddlerを直接制御するフラグや値と考えることができます
例:
* `icon`フィールドは、Tiddlerのアイコンとして使用する画像Tiddlerのタイトルを設定します
* `color`フィールドは、Tiddlerに関連付けられたアイコンとタグマークのCSSカラーを設定します
* `hide-body`フィールドは、`yes` にすると、Tiddlerのビューテンプレートのボディを非表示にします
すべての特別フィールドの詳細については、[[Tiddlerフィールド|TiddlerFields]]を参照してください
!! 特殊タイトル
特定の特殊タイトルは、TiddlyWikiの外観や動作をカスタマイズする設定用のTiddlerです。これらは、Wiki全体に影響するグローバル設定と考えることができます
例:
* $:/DefaultTiddlersは、起動時に表示されるTiddlerのタイトルを生成するフィルターです
* $:/SiteTitleは、Wikiタイトルのテキストを指定します
* $:/config/Tags/MinLengthは、タグのオートコンプリートをトリガーする最小文字数を制御します
TiddlyWikiの設定に関するTiddlerの多くは、[[$:/ControlPanel]]にオプションとして表示されます。あまり一般的には使用されない設定用のTiddlerにはユーザーインターフェイスがありませんが、[[隠し設定|Hidden Settings]]に文書化されています
!! 特殊タグ
特殊タグは、それらが適用されるすべてのTiddlerに特別な動作や外観を割り当てます。これらは、特定の方法で処理される、または、表示されるTiddlerの順序付きリストを確立すると考えることができます
例:
* $:/tags/Globalにより、Tiddler内の定義がグローバルに有効になります
* $:/tags/Stylesheetにより、TiddlerがCSSスタイルシートとして解釈されます
* $:/tags/SideBarにより、Tiddlerがサイドバーのタブとして表示されます
すべての特殊タグの詳細については、[[システムタグ|SystemTags]]を参照してください
TiddlyWikiのユーザーインターフェース全体は、特殊システムタグから形成されたリストから構築されています
これらのリストの順序は、[[タグ付けされたTiddlerの順序|Order of Tagged Tiddlers]]ルールによって決まります。ユーザーは、タグドロップダウン内でドラッグアンドドロップを使用してタグを並べ替えることができます
!! カスケード
カスケードは、柔軟で拡張可能な基準に基づいて複数の値の1つを選択する手段を提供します。これらは、条件の1つが一致するまで順番に評価される条件のリストと考えることができます
例えば、コアは表示モードではテンプレート$:/core/ui/ViewTemplateを使用してTiddlerを表示し、編集モードではテンプレート$:/core/ui/EditTemplateを使用して Tiddlerを表示します。カスケードは、特定のTiddlerに使用するテンプレートを選択するために使用されます
# Tiddlerがドラフトの場合は、$:/core/ui/EditTemplateを使用します
# それ以外の場合は、$:/core/ui/ViewTemplateを使用します
条件のリストは特殊タグを介して定義されるため、リスト内の任意の場所に追加の条件を挿入できます
例えば、プラグインは追加のルールを挿入することで、タグ[[$:/tags/Map]]を持つTiddler用の特別なテンプレート$:/plugins/example/map-templateを追加できます:
# Tiddlerがドラフトの場合は、$:/core/ui/EditTemplateを使用します
# @@background: yellow; Tiddlerに$:/tags/Mapタグが付けられている場合は、$:/plugins/example/map-templateを使用します@@
# それ以外の場合は、$:/core/ui/ViewTemplateを使用します
詳細については、[[カスケード|Cascades]]を参照してください

View File

@ -0,0 +1,51 @@
created: 20141027151552783
modified: 20241115112411640
original-modified: 20201207181116804
tags: [[Customise TiddlyWiki]]
title: Customising search results
ja-title: 検索結果のカスタマイズ
type: text/vnd.tiddlywiki
デフォルトでは、サイドバーの検索ボックスの結果は、Tiddlerタイトルの単純なリストとして表示されます。検索結果は、さまざまな方法でプラグイン視覚エフェクトを追加することでカスタマイズできます(追加の検索結果の視覚エフェクトが検出された場合、タブが自動的に表示されます)
検索結果の視覚エフェクトは、[[$:/tags/SearchResults]]タグが付いたTiddlerに保存されます。デフォルトの検索結果リストは、システムTiddler[[$:/core/ui/DefaultSearchResultList]]に実装されています
新しい検索結果の視覚エフェクトを作成するには:
# [[$:/tags/SearchResults]]タグを付けた新しいTiddlerを作成します
# ウィジェット変数''searchTiddler''を使用して、現在の検索用語を含むTiddlerのタイトルにアクセスします
新しい視覚エフェクトをデフォルトにしたい場合は、デフォルトで表示したい検索視覚エフェクトを含むTiddlerのタイトルを含む[[$:/config/SearchResults/Default]]という名前のTiddlerを作成します
以下は、結果を時系列の逆順に表示する別の視覚エフェクトの例です:
```
\define searchResults()
<$set name="resultCount" value="""<$count filter="[!is[system]search{$(searchTiddler)$}]"/>""">
{{$:/language/Search/Matches}}
</$set>
<<timeline subfilter:"!is[system]search{$(searchTiddler)$}">>
\end
<<searchResults>>
```
<<.from-version 5.1.23>>サイドバー検索に、キーボードショートカット<kbd><<displayshortcuts ((input-down))>></kbd>と<kbd><<displayshortcuts ((input-up))>></kbd>を使用して検索結果をナビゲートできる、より洗練された検索メカニズムが導入します
# <<tag-pill "$:/tags/SearchResults">>のタグ付けされたTiddlerは、<<.var configTiddler>>変数を通じてアクセスできます
# 検索フィールドへのユーザ入力には、<<.var userInput>>変数を通じてアクセスできます
# フィールド<<.field first-search-filter>>とフィールド<<.field second-search-filter>>を使用して、検索結果に使用されるフィルターを保存します。詳細については、Tiddler $:/core/ui/DefaultSearchResultListを参照してください
# ナビゲートされた検索結果が強調表示されるように次のフォームを使用し、ニーズに合わせて変更します:
```
<$list filter="[<userInput>minlength[1]]" variable="ignore">
<$list filter={{{ [<configTiddler>get[first-search-filter]] }}}>
<span class={{{[<currentTiddler>addsuffix[-primaryList]] -[<searchListState>get[text]] +[then[]else[tc-list-item-selected]] }}}>
<$transclude tiddler="$:/core/ui/ListItemTemplate"/>
</span>
</$list>
</$list>
```
<$macrocall $name=".tip" _="<<.var searchTiddler>>変数には、検索結果の並べ替えに使用されるTiddlerの名前がまだ含まれていることに注意してください。<<.var editTiddler>>変数には、編集中のTiddlerの名前が含まれます"/>

View File

@ -0,0 +1,24 @@
created: 20150325170720682
modified: 20241129110246653
original-modified: 20210519110623819
tags: HelloThere
title: A Gentle Guide to TiddlyWiki
ja-title: TiddlyWikiの優しいガイド
type: text/vnd.tiddlywiki
TiddlyWikiは、他のソフトウェアとは異なる方法で考案され構築された、信じられないほど柔軟で多用途なツールです。そのため、クリックし、脳のシームレスな拡張になる瞬間まで、理解するのが困難です
基礎から始めると、TiddlyWikiは、無料でダウンロードでき、好きな場所に保存し、好きなようにカスタマイズできる、Webアプリケーションートです。これを使用すると、ワープロや他のートツールとは異なる方法で、メモを取り、整理し、共有できます
~TiddlyWikiは非線形になるように設計されており、ストーリー、タグ、ハイパーリンク、その他の機能を使用してコンテンツを構造化します。組織であらかじめ設定された一つの構造に縛られることなく、個人の思考パターンに応じた方法でートを整理したり取得したりできます
~TiddlyWikiは、オンラインでもオフラインでも、任意のWebブラウザで表示、編集できる単一のファイルとして使用できます。または、各ートを個別のファイルとして保存する強力な[[Node.jsアプリケーション|TiddlyWiki on Node.js]]として使用することもできます
~TiddlyWikiをどのように機能させることができるでしょうか? 以下にリストされている入門ドキュメントから始めて、サイドバーの目次タブにある[[目次|TableOfContents]]をブラウズすることをお勧めします。または、[[簡単なインストラクションに従って|GettingStarted]]、自分で試してみてください
<<list-links "[tag[HelloThere]]">>
以下も参照してください:
* [[Soren Bjornstadの"Grok TiddlyWiki"|"Grok TiddlyWiki" by Soren Bjornstad]]
* [[Francis MeetzeのTiddlyWiki動画チュートリアル|TiddlyWiki Video Tutorials by Francis Meetze]]

View File

@ -0,0 +1,38 @@
created: 20140904121000000
modified: 20241129110927004
original-modified: 20151023165341339
tags: HelloThere
title: Discover TiddlyWiki
ja-title: TiddlyWikiを知る
type: text/vnd.tiddlywiki
~TiddlyWikiは//他に//類を見ないものです。TiddlyWikiは:
:: ツールです,
:: ツールボックスです,
:: コミュニティです,
:: 哲学です
! ~TiddlyWikiはツールです
''~TiddlyWikiは何よりもまずツールです:''Webから、ドキュメントから、または、頭脳からコンテンツをキャプチャして整理するための無料でダウンロード可能なツールです。メモ取り、ブックマーク、ピン止め、書き込み、To-Doリストとプロジェクトの管理、共同作業、ブログ作成、公開を行うためのツールです
~TiddlyWikiでは、Tiddlerと呼ばれるートにコンテンツを作成、または貼り付け、ハイパーリンクとタグでTiddlerを接続します。その後、タグによる表示、サイドバータブ、~TiddlyWikiの超高速検索ウィンドウなどの機能を使用して、メモをすばやく取得できます。ビルディングブロックを使用するのと同様に、あるTiddlerのコンテンツを別のTiddlerのコンテンツに動的に組み込んで、記事、リスト、プレゼンテーションなどを作成することもできます
! ~TiddlyWikiはツールボックスです
多用途のツールであるだけでなく、''~TiddlyWikiはツールボックスでもあります''
他のメモ作成製品では、基本的なプログラムを使用してみると、本当に便利な機能に対しては料金を請求するのに対し、~TiddlyWiki には、完全に無料のビジュアルテーマ、カラーパレット、プラグイン、ウィジェット、マクロの拡大し続けるコレクションがあり、これらを組み合わせて、~TiddlyWikiを調整して、希望通りにできます
! ~TiddlyWikiはコミュニティでもあります
私たちはユーザーと開発者の[[コ​​ミュニティ|Community]]であり、お互いに新しい考え方や組織化の方法を想像し、新しいソリューションを作成するのを助け、~TiddlyWikiがユーザーのニーズによりよく応えるために継続的に適応していきます。~TiddlyWikiユーザーと開発者は、~TiddlyWiki Googleグループで質問やアドバイスを共有します。また、~TiddlyWikiのエクスペリエンスを向上させるためのチュートリアル、適応方法、プラグインも作成します。詳細については、[[目次|TableOfContents]] の''コミュニティ''セクションを参照してください。
! 最後に、~TiddlyWikiは哲学です
メモを取って整理する(または、あらゆる種類のコンテンツを記録する)目的は、後でそれを利用できるようにすることです。メモ作成システムでメモが見つからない場合、メモを取ることは膨大な時間の無駄になります
[[TiddlyWikiの哲学|Philosophy of Tiddlers]]では、メモを取る最良の方法は、メモを可能な限り最小の意味単位Tiddlerに分割することである、というものです。Tiddlerは、画像、Webページのリンク、コンセプト、用語の定義、またはマクロなどの特殊なカスタマイズである可能性があります
これらのTiddlerを組み合わせて、ストーリー、記事、リスト、画像ギャラリーなどのより長い単位を作成できます。タグ付け、ハイパーリンク、フィルターなどの~TiddlyWikiの機能は、さまざまな方法でTiddlerを関連付けて接続できるように特別に設計されており、将来のメモ検索を容易にし、さらにTiddler間の予期せぬ関係やそこに含まれる情報を確認するのにも役立ちます

View File

@ -0,0 +1,22 @@
created: 20140904090300000
modified: 20241129111454910
original-modified: 20211018102355896
tags: HelloThere
title: Some of the things you can do with TiddlyWiki
ja-title: TiddlyWikiでできること
type: text/vnd.tiddlywiki
* メモを取り、タグとハイパーリンクを使用してメモ間を結びつけます
* タブ、表、タグベースのリスト、目次を使用して整理します
* お気に入りのWebサイトをブックマークします(http://giffmex.org/experiments/tidmarks.html の例を参照)
* タスクと予定を追跡し、複数のタグで整理します([[タスク管理の例|TaskManagementExample]]を参照)
* レシピ、個人ライブラリ、連絡先、音楽コレクションなど、あらゆるものを蓄積します
* ブログやウェブサイトを作成します
* 本を書きます
* 画像をギャラリーに整理します([[アイコンギャラリー|Icon Gallery]]を参照)
* ~TiddlyWiki内の情報をオンラインファイル、添付ファイル、Tiddlerファイル、または特定のオンラインTiddlerへのリンクとして他のユーザーと共有します(~TiddlyWikiファイルのTiddlerを別の~TiddlyWikiファイルにクリック&ドラッグして、何が起こるかを確認してください)
* スケッチを描きます([[Motovun Jack.jpg]] を編集し、画像の上に描画を開始して、何が起こるかを確認してください)
* Lightboxなどの使い慣れたWebユーザーインターフェイス要素を使用します - [[サンプルウィザード|SampleWizard]]を参照してください
* スライドショープレゼンテーションを作成します
* 他の~TiddlyWikiファイルにリンクする中央の~TiddlyWikiファイルを使用して、ローカルやオンラインのナレッジベースをセットアップします(http://recursos.giffmex.org はスペイン語のオンライン例です)
* Tiddlerをデータとして使用してデータビジュアリゼーションをセットアップします(https://tiddlywiki.com/plugins/tiddlywiki/d3/ でビジュアリゼーションを参照してください)

View File

@ -0,0 +1,20 @@
created: 20140904085700000
modified: 20241129111947741
original-modified: 20150414071655191
tags: HelloThere
title: Ten reasons to switch to TiddlyWiki
ja-title: TiddlyWikiに乗り替える10の理由
type: text/vnd.tiddlywiki
@@.tc-double-spaced-list
# ~TiddlyWikiを使えば、他の人のやり方ではなく、自分のやり方でメモを整理できます。あなたのートは、ートブックとタブという階層的な束縛に強制されるのではなく、あなたの考え方に準じます
# ~TiddlyWikiの非線形アプローチは、実際に、新しい有益な方法で情報について考えさせられます
# ~TiddlyWikiでメモを見つけるのは超高速です
# ~TiddlyWikiのあらゆる面をカスタマイズして適応させる方法がたくさんあります
# ~TiddlyWikiは無料で、すべてのプラットフォームと互換性があります。どのWebブラウザでも開きます。使用するために高価なプログラムを購入したり、サブスクリプション料金を支払う必要はありません
# ~TiddlyWikiファイルは、情報の自由な共有を促進します。~TiddlyWikiから情報を共有するにはさまざまな方法があります
# ~TiddlyWikiを使用すると、あなたの情報はあなたのものになり、デバイス、USBメモリ、Dropbox、サーバーなど、好きな場所に保存できます
# ~TiddlyWikiには、たくさんのプラグイン、テーマ、ウィジェット、言語が含まれ、増え続けています
# オンライン~TiddlyWikiコミュニティはフレンドリーで、必要なサポートを提供できるよう最善を尽くします
# あなたがプログラマであれば、~TiddlyWikiを使って遊ぶ方法はさらにたくさんあります。~TiddlyWikiを知れば知るほど楽しくなります
@@

View File

@ -0,0 +1,17 @@
title: What happened to the original TiddlyWiki?
ja-title: オリジナルのTiddlyWikiはどうなったか?
tags: HelloThere
created: 201409040851
modified: 20241129112304613
original-modified: 201409040851
<a class="tc-float-right tc-bordered-image" href="https://classic.tiddlywiki.com/" target="_blank" rel="noopener noreferrer">[img width="200" [TiddlyWiki Classic.png]]</a>
TiddlyWikiのオリジナルの[[クラシック|TiddlyWikiClassic]]バージョンは、現在も以下の場所から入手できます:
https://classic.tiddlywiki.com.
TiddlyWikiの[[現バージョン|TiddlyWiki5]]はTiddlyWikiClassicとの完全な下位互換性がないことに注意してください。コンテンツはインポートできますが、新しいWikiテキスト形式に適応させるためにマッサージが必要になります。TiddlyWikiClassic用に作成されたほとんどのコンテンツを忠実に表示できるようにする''tw2parser''プラグインが開発中です:
https://tiddlywiki.com/plugins/tiddlywiki/tw2parser/

View File

@ -0,0 +1,11 @@
title: HelloThumbnail - MultiWikiServer
ja-title: HelloThumbnail - MultiWikiServer
tags: HelloThumbnail
color: purple
background-color: #fff
caption: ~MultiWikiServer
link: MultiWikiServer
image: MWS Banner.png
ribbon-text: SOON
~TiddlyWikiを、複数のユーザアカウントとTiddlerの共有をサポートする本格的なサーバシステムにする新しい~MultiWikiServerプラグインについて詳細をご覧ください

View File

@ -0,0 +1,9 @@
title: HelloThumbnail - TiddlyWiki Privacy
tags: HelloThumbnail
color: #D5B7EA
image: TiddlyWiki Privacy Badge.png
caption: プライバシーとセキュリティ
link: TiddlyWiki Privacy and Security
ribbon-text: NEW
注意すれば、~TiddlyWikiは完全にプライベートに使用でき、自分のデバイス以外のものや人を信頼する必要はありません

View File

@ -0,0 +1,14 @@
created: 20240811052854726
modified: 20241116102931084
original-modified: 20240811053649554
tags: [[Hidden Settings]]
title: Hidden Setting: Content to be displayed for empty story
ja-title: 隠し設定: 空のストーリーに表示されるコンテンツ
ストーリーが空のときにコンテンツを表示するには、$:/config/EmptyStoryMessageを作成し、必要なコンテンツを入力します。
以下は、すべてのTiddlerが閉じられている場合に、GettingStarted Tiddlerを表示します。
```
{{GettingStarted||$:/core/ui/ViewTemplate}}
```

View File

@ -0,0 +1,5 @@
title: Hidden Setting: Retain Story ordering
ja-title: 隠し設定: 保存時の表示を維持
tags: [[Hidden Settings]]
Tiddler $:/config/ControlPanel/Basics/DefaultTiddlers/RetainStoryには、$:/ControlPanelの''情報'' -> ''基本''タブの"保存時の表示を維持"ボタンをクリックしたときに$:/DefaultTiddlersに割り当てられる値が含まれています。

View File

@ -0,0 +1,9 @@
created: 20240907042443909
modified: 20241116104031988
original-modified: 20240907042629405
tags: [[Hidden Settings]]
title: Hidden Setting: Default Tiddler Colour
ja-title: 隠し設定: TIddlerのデフォルト色
type: text/vnd.tiddlywiki
デフォルトのTiddler色は、$:/config/DefaultTiddlerColourというTiddlerを作成し、CSSの色の値を含むことによって指定できます。

View File

@ -0,0 +1,10 @@
title: Hidden Setting: Tab Index for Edit-Inputs
ja-title: 隠し設定: 編集入力のタブインデックス
tags: [[Hidden Settings]]
created: 20190702074846206
modified: 20241126104700035
original-modified: 20190702074846206
編集中のTiddlerの入力フィールドには、''タブインデックス''値(1が望ましい)を割り当てることができるので、<kbd>Tab</kbd>キーを使用して、フォーカスを1つの入力から次の入力へ、または<kbd>shift-Tab</kbd>で後方へ直接移動することができます。
$:/config/EditTabIndex

View File

@ -0,0 +1,16 @@
created: 20210411100148461
modified: 20241123115717620
original-modified: 20210411100148461
tags: [[Hidden Settings]]
title: Hidden Setting: HTML Parser Sandbox
ja-title: 隠し設定: HTMLパーサーのサンドボックス
type: text/vnd.tiddlywiki
<<.from-version "5.2.0">> デフォルトでは、`text/html`タイプのTiddlerは、[[サンドボックス属性|https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox]]が空の文字列に設定されたiframe内に表示されます。これにより、すべてのセキュリティ制限が適用され、JavaScript、ダウンロード、外部ファイル参照などの多くの機能が無効になります。これは最も安全な設定です。
サンドボックスをグローバルに無効にするには、$:/config/HtmlParser/DisableSandbox Tiddlerを`yes`に設定します。これにより、iframe内のコードがTiddlyWikiの内部に完全にアクセスできるようになり、悪意のあるHTMLページがプライベートwikiからデータを盗み出す可能性があります。
サンドボックスを維持しながら適用される制限を制御するには、$:/config/HtmlParser/DisableSandboxが`yes`に設定されていないことを確認してから、$:/config/HtmlParser/SandboxTokensに[[MDNドキュメント|https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox]]
にあるトークンのリストを設定します。
これらはグローバル設定であることに注意してください。個々のTiddlerごとにサンドボックスを制御するには、カスタム`<iframe>`を使用する必要があります。

View File

@ -0,0 +1,11 @@
created: 20211116222524148
modified: 20241124111223981
original-modified: 20211116222535549
tags: [[Hidden Settings]]
title: Hidden Setting: New-Image Type
ja-title: 隠し設定: 新しい画像タイプ
type: text/vnd.tiddlywiki
デフォルトでは、新しい画像は`jpeg`画像タイプで作成されます
$:/config/NewImageTypeの隠し設定は、新しい画像Tiddlerに使用される別の画像タイプ、例えば`png`を設定できます。

View File

@ -0,0 +1,13 @@
created: 20181215154811835
modified: 20241117104725880
original-modified: 20190122000000000
tags: [[Hidden Settings]]
title: Hidden Setting: Filename for Save Wiki Button
ja-title: 隠し設定: Wiki保存ボタンのファイル名
type: text/vnd.tiddlywiki
<<.from-version "5.1.19">> <<.button save-wiki>>ボタンを使用して~TiddlyWikiを保存する場合、保存に使用されるデフォルトのファイル名は、[[コントロールパネル|$:/ControlPanel]]に入力された~TiddlyWikiのタイトルを使用して作成され、Tiddler [[$:/SiteTitle]]に記録されます。
使用される値は`{{$:/SiteTitle}}.html`の形式です。これにより、ファイル名は`.html`拡張子付きのサイトタイトルから作成されます。
[[$:/config/SaveWikiButton/Filename]]という名前のTiddlerが作成されると、そのTiddler内のテキストが~TiddlyWikiを保存するために使用されるデフォルトのファイル名として使用されます。

View File

@ -0,0 +1,15 @@
created: 20181215154811835
modified: 20241127111942680
original-modified: 20181215154811835
tags: [[Hidden Settings]]
title: Hidden Setting: Template for Save Wiki Button
ja-title: 隠し設定: Wiki保存ボタンのテンプレート
type: text/vnd.tiddlywiki
"Wikiを保存します"ページコントロールボタンを使用して保存するときに使用するテンプレートを決定します。
デフォルトは`$:/core/save/all`です。
この設定を変更して、"Wikiを保存します"ボタンをクリックしたときに保存される内容を選択できます。
$:/config/SaveWikiButton/Template

View File

@ -0,0 +1,9 @@
title: Hidden Setting: Navigate on Enter
ja-title: 隠し設定: Enterキーでナビゲート
tags: [[Hidden Settings]]
created: 20201108104956516
modified: 20241124105904502
original-modified: 20201108104956516
設定Tiddler $:/config/Search/NavigateOnEnter/enableを使用すると、さまざまな検索入力フィールドで<kbd>{{$:/config/shortcuts/input-accept}}</kbd>のあと<kbd>{{$:/config/shortcuts/input-accept-variant}}</kbd>をヒットしたときに、欠落しているTiddlerへのナビゲーションと作成を、(''yes''に設定により)有効にすることができます。

View File

@ -0,0 +1,13 @@
created: 20161011074235805
modified: 20241125110155182
original-modified: 20161011074235805
tags: [[Hidden Settings]]
title: Hidden Setting: Search Minimum Length
ja-title: 隠し設定: 検索の最小文字数
type: text/vnd.tiddlywiki
<<.from-version "5.1.14">> 結果が表示される検索文字列の最小長を制御します。
デフォルトは"3"です。
$:/config/Search/MinLength

View File

@ -0,0 +1,12 @@
created: 20211028083211182
modified: 20241125110559718
original-modified: 20211029090311444
tags: [[Hidden Settings]]
title: Hidden Setting: Show Edit Preview per Tiddler
ja-title: 隠し設定: Tiddlerごとの編集プレビュー表示
[[テキストプレビュー|Text preview]]をグローバルに制御するか(デフォルト)、Tiddlerごとに制御するかを制御します。
Tiddlerごとのモードを有効にするには、次の値を''yes''に設定します。
$:/config/ShowEditPreview/PerTiddler

View File

@ -0,0 +1,15 @@
created: 20220909094340097
modified: 20241126103915330
original-modified: 20220909094340097
title: Hidden Setting: Sync System Tiddlers From Server
ja-title: 隠し設定: システムTiddlerをサーバーから同期する
tags: [[Hidden Settings]]
<<.from-version "5.1.23">> Node.jsでシステムTiddlerをサーバーから同期するかどうかを決定します。(これは一方向の設定であることに注意してください。システムTiddlerは常にサーバー//へ//同期されます)。
* `no` -- システムTiddlerはサーバーから同期されません(デフォルト)
* `yes` -- システムTiddlerはサーバーから同期されます
システムTiddlerの同期を有効にすると、$:/StoryListや$:/HistoryListなどのTiddlerが同期されるため、複数のユーザーが同時に同じサーバーに接続したときに予期しない結果が生じる可能性があります(ストーリーシーケンスがすべてのユーザー間で同期されることになります)。
$:/config/SyncSystemTiddlersFromServer

View File

@ -0,0 +1,15 @@
created: 20190903192324700
modified: 20241125111612397
original-modified: 20190903192324700
tags: [[Hidden Settings]]
title: Hidden Setting: Sync Logging
ja-title: 隠し設定: ログの同期
type: text/vnd.tiddlywiki
[[Syncadaptor|https://tiddlywiki.com/dev/#Syncadaptor]]がブラウザのデベロッパーコンソールに情報を記録するかどうかを指定します。
デフォルトは`yes`です。ログ記録を無効にするには`no`に設定します。
変更を有効にするには再起動が必要です。
$:/config/SyncLogging

View File

@ -0,0 +1,15 @@
created: 20190903192324700
modified: 20241126103517604
original-modified: 20190903192324700
tags: [[Hidden Settings]]
title: Hidden Setting: Sync Polling Interval
ja-title: 隠し設定: 同期ポーリング間隔
type: text/vnd.tiddlywiki
[[Syncadaptor|https://tiddlywiki.com/dev/#Syncadaptor]]がサーバーとブラウザ間でTiddlerを同期する間隔を指定します。
デフォルトは"60000" (60 * 1000ミリ秒 = 1分)です。
変更を有効にするには再起動が必要です。
$:/config/SyncPollingInterval

View File

@ -0,0 +1,13 @@
created: 201712032331
modified: 20241127111343096
original-modified: 201712032331
tags: [[Hidden Settings]]
title: Hidden Setting: Tags Minimum Length
ja-title: 隠し設定: タグの最小長さ
type: text/vnd.tiddlywiki
<<.from-version "5.1.16">> タグのドロップダウン: 結果が表示される前の入力文字列の最小長を制御します。
デフォルトは"0"です。
$:/config/Tags/MinLength

View File

@ -0,0 +1,8 @@
title: Hidden Setting: ViewTemplate and EditTemplate
ja-title: 隠し設定: ViewTemplateとEditTemplate
tags: [[Hidden Settings]]
created: 20190704053532718
modified: 20241128113035943
original-modified: 20190704053532718
設定Tiddler $:/config/ui/ViewTemplateと$:/config/ui/EditTemplateで、[[ストーリーのページテンプレート|$:/core/ui/PageTemplate/story]]で使用される''~ViewTemplate''と''~EditTemplate''を変更できます。

View File

@ -0,0 +1,9 @@
created: 20200306145004925
modified: 20241116104809059
original-modified: 20200306145004925
tags: [[Hidden Settings]]
title: Hidden Setting: Default Tiddler Icon
ja-title: 隠し設定: Tiddlerのデフォルトアイコン
type: text/vnd.tiddlywiki
デフォルトのTiddlerアイコンは、$:/config/DefaultTiddlerIconというTiddlerを作成し、そのアイコンを含むTiddlerのタイトルを含むことで設定できます。

View File

@ -0,0 +1,21 @@
created: 20200315143638556
modified: 20241116105232874
original-modified: 20210519155433742
tags: [[Hidden Settings]]
title: Hidden Setting: Disable Drag and Drop
ja-title: 隠し設定: ドラッグアンドドロップの無効化
type: text/vnd.tiddlywiki
<<.from-version "5.1.22">>コア機能として組み込まれたドラッグアンドドロップ操作をすべて無効にするには、次のTiddlerを"no"に設定します。
$:/config/DragAndDrop/Enable
[[list-tagged-draggableマクロ|list-tagged-draggable Macro]]や[[list-links-draggableマクロ|list-links-draggable Macro]]のインスタンスでドラッグアンドドロップを選択的に再有効化するには、マクロ呼び出しのスコープにおいて、変数`tv-enable-drag-and-drop`に`yes`をセットします。たとえば、$:/config/DragAndDrop/Enableに"no"が設定されていても、このリスト内でドラッグアンドドロップを使用できることに注目してください。
<$macrocall $name="wikitext-example-without-html" src="""<$set name="tv-enable-drag-and-drop" value="yes">
<<list-tagged-draggable tag:"HelloThere">>
</$set>"""/>
DropzoneWidgetとDroppableWidgetを直接使用する場合、''enable''属性はグローバル設定とは独立して機能することに注意してください。

View File

@ -0,0 +1,11 @@
created: 20191025100113266
modified: 20241116105821092
original-modified: 20191025100113266
tags: [[Hidden Settings]]
title: Hidden Setting: Disable Lazy Loading
ja-title: 隠し設定: 遅延ロードの無効化
type: text/vnd.tiddlywiki
[[遅延ロード|LazyLoading]]は、下記の値を`yes`に設定すると無効にできます
$:/config/SyncDisableLazyLoading

View File

@ -0,0 +1,14 @@
created: 20210519155447339
modified: 20241117103103808
original-modified: 20210519160010708
tags: [[Hidden Settings]]
title: Hidden Setting: Enable File Import in Editor
ja-title: 隠し設定: エディターでファイルのインポートを有効にする
type: text/vnd.tiddlywiki
<<.from-version "5.2.0">>
$:/config/Editor/EnableImportFilter
このフィルターは、特定のTiddlerでエディター内でのファイルのドラッグアンドドロップが機能するかどうかを決定します。結果が空でない場合、そのTiddlerのエディター内でのドラッグアンドドロップが有効になります。
このフィルターは、グローバルなドラッグアンドドロップ設定を尊重して使用されます。

View File

@ -0,0 +1,9 @@
created: 20221128092648000
modified: 20241124105614116
original-modified: 20221128092903706
tags: [[Hidden Settings]]
title: Hidden Setting: More Tabs Horizontal
ja-title: 隠し設定: 「詳しく」タブの水平化
type: text/vnd.tiddlywiki
詳しく -> タブ を水平方向に揃えるには、$:/config/ui/SideBar/More/horizontal Tiddlerをyesに設定します。

View File

@ -0,0 +1,12 @@
created: 20180816105911495
modified: 20241124112441126
original-modified: 20180816110627713
tags: [[Hidden Settings]]
title: Hidden Setting: Scroll Top Adjustment
ja-title: 隠し設定: スクロールトップの調整
type: text/vnd.tiddlywiki
Tiddlerへの移動の一環として、TiddlyWikiはページをスクロールして、Tiddlerの上部がブラウザウィンドウの上部と揃うようにします。つまり、ウィンドウの上部にあるカスタム`position:fixed`ツールバーを使用すると、Tiddlerの上部が見えなくなる可能性があります
ツールバーに合わせてスクロール位置を調整するには、ツールバーにCSSクラス`tc-adjust-top-of-scroll`を追加します。TiddlyWikiのスクロールメカニズムにより、その要素の高さに応じてスクロール位置が動的に調整されます。

View File

@ -0,0 +1,11 @@
created: 20150619162518761
modified: 20241125105614310
original-modified: 20150619162605652
tags: [[Hidden Settings]]
title: Hidden Setting: Search AutoFocus
ja-title: 隠し設定: 検索へのオートフォーカス
type: text/vnd.tiddlywiki
TiddlyWikiがブラウザで開かれると、デフォルトで自動的に検索ボックスにフォーカスされます。これで問題が発生する場合は、次の値を''true''から''false''に変更してデフォルトを変えます:
$:/config/Search/AutoFocus

View File

@ -0,0 +1,24 @@
created: 20240508093242925
modified: 20241201115406166
original-modified: 20240728134955433
tags: [[Hidden Settings]]
title: Hidden Setting: Tag Pill Drag Filter
ja-title: 隠し設定: タグピルのドラッグフィルター
type: text/vnd.tiddlywiki
''~$:/core/config/TagPillDragFilter''は、タップピル(例: <<tag HelloThere>>)をあるWikiから別のWikiへ、ドラッグアンドドロップするために使用されるフィルター文字列を定義します。
* デフォルトでは、セットには、HelloThere''タグが付けられた''Tiddlerが、HelloThereタグTiddler自体を''除いて''すべて含まれます。
** Coreのデフォルト: <code><$transclude $tiddler="$:/core" $subtiddler="$:/core/config/TagPillDragFilter" output="text/plain" /></code>
* タグTiddlerを含める場合は、次のフィルターを使用します:
** タグ付けされたTiddlerのみ: `[all[current]tagging[]] [all[current]is[tiddler]] +[!is[draft]]`
$:/core/config/TagPillDragFilter
<%if [[$:/core/config/TagPillDragFilter]is[tiddler]] %>
''は上書きされて'' 次のとおりです:
<%else%>
デフォルトで次のとおりです:
<%endif%>
<code>{{$:/core/config/TagPillDragFilter}}</code>
<<.note title:"注意" _:"Coreのデフォルトフィルターには、隠しTiddlerは含まれ//ません//。上書きされた隠しTiddlerは//含まれ//ます。`is[tiddler]`やその他の可能なことの詳細については、 [[isオペレーター|is Operator]]を参照してください。">>

View File

@ -0,0 +1,15 @@
created: 20150619162409306
modified: 20241128112152516
original-modified: 20191014091803518
tags: [[Hidden Settings]]
title: Hidden Setting: Typing Refresh Delay
ja-title: 隠し設定: 入力更新の遅延
type: text/vnd.tiddlywiki
TiddlyWikiは、タイムアウトが経過するまで、ドラフトTiddlerとプレフィックス`$:/temp/volatile/`付きのTiddlerへの変更の処理を延期します(これをスロットリングと呼びます)。このメカニズムは、`throttle.refresh`フィールドを追加することで他のTiddlerに拡張できます。詳細については、RefreshThrottlingを参照してください。
デフォルト値の400ミリ秒は、ほとんどの場合、応答性のバランスが良好ですが、低電力のモバイルデバイスでは必ずしも最適ではありません。
次の値(ミリ秒)を変更することで、タイムアウトを変更できます:
$:/config/Drafts/TypingTimeout

View File

@ -0,0 +1,13 @@
created: 20150619162223882
modified: 20241116102451779
original-modified: 20150619162405141
tags: [[Customise TiddlyWiki]]
title: Hidden Settings
ja-title: 隠し設定
type: text/vnd.tiddlywiki
TiddlyWikiの有益な構成設定は[[コントロールパネル|$:/ControlPanel]]に表示されますが、より高度な設定の一部にはユーザーインターフェイスがありません。その代わり、基礎となる構成Tiddlerを直接編集します。
空のTiddlyWikiでこれらの設定を変更するには、個々の設定TiddlerへのリンクをこのWikiから自分のWikiにドラッグします。
<<list-links "[tag[Hidden Settings]]">>

View File

@ -0,0 +1,27 @@
created: 20160424150551727
modified: 20241111111307811
original-modified: 20181106224128548
tags: [[Customise TiddlyWiki]]
title: Adding a table of contents to the sidebar
ja-title: サイドバーに目次を追加する
type: text/vnd.tiddlywiki
目次を作成するための~TiddlyWikiの標準メカニズムは、"toc"[[マクロ|Macros]]です。(マクロの詳細については、リンクをクリックしてください。)Tiddlerを目次の見出しとして扱うようにする手段として`タグ付け`を使用します。タグ付けについては[[タグ付け|Tagging]]Tiddlerを参照してください。
以下のステップで、サイドバーにカスタマイズできる[[目次|Table-of-Contents Macros]]を追加できます:
# [[TableOfContents]]という名前のTiddlerを作成します
# ''~$:/tags/SideBar''というタグを付けます
# テキストに次のように入力します <div><pre><code><$text text="""
<div class="tc-table-of-contents">
<<toc-selective-expandable 'TableOfContents'>>
</div>"""/></code></pre></div>
# ''目次''という値を持つ''caption''フィールドを追加します
# ''~$:/core/ui/SideBar/Open''という値を持つ''list-after''フィールドを追加します
''TableOfContents''というタグを持つTiddlerを作成することで目次にエントリを追加します。より簡単な方法としては、''TableOfContents''TiddlerのTiddlerツールバーの<<.icon $:/core/images/new-here-button>> ''タグ付きTiddlerの作成''を選択します。
(''タグ付きTiddlerの作成''ボタンが表示されない場合は、下向き矢印<<.icon $:/core/images/down-arrow>>をクリックしてその他メニューを表示します。)
子Tiddler(他のTiddlerの下にあるTiddler)を作成するには、親Tiddlerの名前を子Tiddlerにタグ付けします。

View File

@ -0,0 +1,19 @@
created: 20140828080837703
modified: 20241112113549386
original-modified: 20140912145908651
tags: [[Customise TiddlyWiki]]
title: Configuring the default TiddlerInfo tab
ja-title: Tiddler情報タブのデフォルトを構成する
type: text/vnd.tiddlywiki
設定用Tiddler[[$:/config/TiddlerInfo/Default]]は、Tiddler情報タブのデフォルトとなるTiddlerのタイトルが含まれています。
デフォルト値は''項目''タブに対応する`$:/core/ui/TiddlerInfo/Fields`です。他に構成可能な値は次のとおりです。:
<ul>
<$list filter="[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo]!has[draft.of]]">
<li>
<$view field="title"/>
</li>
</$list>
</ul>

View File

@ -0,0 +1,23 @@
title: Creating a custom export format
ja-title: カスタムエクスポートフォーマットを作成する
modified: 20241113113601051
original-modified: 20141124173526227
created: 20141124173526227
tags: [[Customise TiddlyWiki]]
TiddlerをRAWデータテキストとしてエクスポートするカスタムエクスポートフォーマットを作成するには:
# 次のフィールドを持つTiddlerを作成します。
#* ''tags'': [[$:/tags/Exporter]]
#* ''description'': このエクスポートフォーマットの説明
#* ''extension'': このエクスポートフォーマットのデフォルトのファイル拡張子(ドットを含む、たとえば`.tid`)
# 以下の内容を設定します。:
```
\define renderContent()
{{{ $(exportFilter)$ ||$:/core/templates/plain-text-tiddler}}}
\end
<<renderContent>>
```
変数`exportFilter`には、どのTiddlerをエクスポートするのかを定義するフィルターが含まれています。

View File

@ -0,0 +1,36 @@
created: 20180927081216605
modified: 20241114112009202
original-modified: 20180927084436111
tags: [[Customise TiddlyWiki]]
title: Creating a splash screen
ja-title: スプラッシュ画面を作成する
type: text/vnd.tiddlywiki
デフォルトでは、TiddlyWikiはロード中に空白の画面を表示します。Wikiのロード中に表示される特別な"スプラッシュ画面"を追加できます。
大きなTiddlyWikiファイルや、遅いネットワーク接続を介してロードされるファイルは、ロードに少し時間がかかる場合があります。完全にロードされると、ブラウザ内ですべてが実行されるため、パフォーマンスが向上します。スプラッシュ画面を使用すると、読み込みプロセスが行われていることをユーザーが認識できるため、ページから離れる可能性が低くなります。
TiddlyWikiが初期化や[[復号化|Encryption]]の前にスプラッシュ画面を表示するには、TiddlyWiki HTMLファイル内に静的HTML/CSSとして埋め込まれます。これは、[[SystemTag: $:/tags/RawMarkupWikified/TopBody]]、または$:/tags/RawMarkupで始まるシステムタグで行われます。
Wikiの読み込みが完了したときにスプラッシュ画面を削除するには、HTMLを特別なクラス`tc-remove-when-wiki-loaded`を持つコンテナ内に包み込む必要があります。このクラスを持つDOM要素は、Wikiがロードされるとコア機能によって自動的に削除されます。
以下は、//Loading//というテキストを表示するだけの単純なスプラッシュ画面の例です。これを使用するには、このテキストを新しいTiddlerにコピーし、タイプ"text/plain"とタグ"$:/tags/RawMarkupWikified/TopBody"を指定します。:
```
<div class="tc-remove-when-wiki-loaded">
Loading...
</div>
```
TiddlerにWikiTextタイプ`text/vnd.tiddlywiki`が指定されている場合、ファイルの保存時にコンテンツがwiki化されるので、トランスクルージョンなども可能になります。たとえば、ロード時メッセージでサイトのタイトルを引用する例を次に示します。これを使用するには、このテキストを新しいTiddlerにコピーし、タイプ"text/vnd.tiddlywiki"とタグ"$:/tags/RawMarkupWikified/TopBody"を指定します。:
```
\rules only filteredtranscludeinline transcludeinline
<div class="tc-remove-when-wiki-loaded">
Please wait while {{$:/SiteTitle}} is loading
</div>
```
この`\rules`命令は、認識されるWikiText構文を2つの形式のインライントランスクルージョンに制限するために使用されます。これにより、Tiddlerコンテンツの誤ったWiki化が回避できます。
このWikiには、CSSアニメーションと画像を使用した複雑なスプラッシュ画面の例があります: $:/SplashScreenを参照してください。

View File

@ -0,0 +1,11 @@
modified: 20241120105817756
original-modified: 201804111739
created: 201804111739
title: Custom Styles FAQ
ja-title: カスタムスタイルに関するよくある質問
tags: [[How to apply custom styles]] FAQ-group
type: text/vnd.tiddlywiki
<<.from-version "5.1.16">>
<<list-links "[tag[Custom Styles FAQ]]">>

View File

@ -0,0 +1,41 @@
created: 201804111739
modified: 20241119112922446
original-modified: 201804111739
tags: [[How to apply custom styles]]
title: Custom styles by data-tiddler-title
ja-title: data-tiddler-titleによるカスタムスタイル
type: text/vnd.tiddlywiki
! 属性: data-tiddler-title
<<.from-version "5.1.16">>
~TiddlyWikiのコアでは、レンダリングされたコンテンツにいくつかの`属性`を追加します。これらの属性を使用すると、カスタムスタイルをTiddlerコンテンツに適用できます
例えば、この"{{!!title}}"という名前のTiddlerには、次のような属性になります:
```
data-tiddler-title="Custom styles by data-tiddler-title"
```
!! 例
次のCSSは[[Custom data-styles]]で定義されており、まさにこのTiddlerに青い境界線を作成します
```
[data-tiddler-title="Custom styles by data-tiddler-title"] {
border: 1px solid blue;
}
```
システムTiddlerと呼ばれる`$:/`で始まるすべてのTiddlerに緑色の境界線を作成するには、次のようにCSSを使用する必要があります: (ここでは適用されていませんが、試してみることはできます!)
```
[data-tiddler-title^="$:/"] {
border: 1px solid green;
}
```
!! その他の記述方法
{{Attribute Selectors}}

View File

@ -0,0 +1,28 @@
created: 201804111739
modified: 20241119113521083
original-modified: 201804111739
title: Custom styles by user-class
ja-title: user-classによるカスタムスタイル
tags: [[How to apply custom styles]]
type: text/vnd.tiddlywiki
''Tiddlerフィールド: `class`'' <<.from-version "5.1.16">>
[[タグの管理|$:/TagManager]]を使用すると、"タグピル"の色を定義するために使用される`color`フィールドをTiddlerに設定できます。<<.from-version "5.1.16">>されたため、[[ViewTemplate|$:/core/ui/ViewTemplate]]に直接挿入され、スタイル設定に使用できる`class`フィールドを定義できます:
"""
title: `anyName`
tags: `$:/tags/Stylesheet`
class: `myClass`
"""
`class`フィールドを持つすべてのTiddlerは次のようにスタイル設定できます!
```
.myClass {
border: 2px solid blue;
}
```
詳細については、[[カスタムスタイルを適用する方法|How to apply custom styles]]を参照してください。

View File

@ -0,0 +1,34 @@
created: 20230608121519758
modified: 20241120111032165
original-modified: 20230608123444591
tags: [[How to apply custom styles]]
title: Custom tag pill styles
ja-title: タグピルのカスタムスタイル
type: text/vnd.tiddlywiki
! 属性: data-tag-title
<<.from-version "5.2.0">> この属性<<.attr data-tag-title>>は、Tiddlerの表示用テンプレートに表示されるタグピルに追加されました。
<<.from-version "5.3.0">> この属性は、標準の~TiddlyWiki UIに表示されるすべてのタグピルに追加されました。特に、編集用テンプレートのタグリスト、タグピッカーのドロップダウン、右側のサイドバー -> 詳しく -> タグ別タブ、そして、$:/TagManagerに追加されています
HTML属性<<.attr data-tag-title>>には、タグピルに表示されるタグタイトルのみが含まれます。これを使用して、タグピルのスタイルを設定できます。
Tiddler全体にスタイルを設定したい場合は、[[data-tiddler-titleによるカスタムスタイル|Custom styles by data-tiddler-title]]を参照してください。
!! 例
新しい `$:/tags/Stylesheet`タグ付きTiddlerで次のCSSを使用すると、`#`で始まるすべてのタグに新しい境界線の丸角半径が設定されます。そのため、これらのタグはデフォルトのタグとは対照的に目立ちます。
既存のTW UI内のすべてのタグピルを捕捉するには、既存のUI構造のため、''両方のCSSルールを定義する必要があります''。
```
[data-tag-title^="#"] .tc-tag-label,
[data-tag-title^="#"].tc-tag-label {
border-radius: 3px;
}
```
!! さらに可能な設定
{{Attribute Selectors}}

View File

@ -0,0 +1,33 @@
created: 20170126152839462
modified: 20241119110659035
original-modified: 201804111739
tags: [[Custom data-styles]]
title: Attribute Selectors
ja-title: 属性セレクタ
type: text/vnd.tiddlywiki
;[attr]
:属性attrを持つ要素を表します。
;[attr="value"]
:属性attrの値が"value"である要素を表します。
;[attr~="value"]
:属性attrの値が、空白で区切られた単語のリストで、そのうちの1つが"value"である要素を表します。
;[attr|="value"]
:属性attrの値が、“value”か、“value”の後に“-” (U+002D)が続く値である要素を表します。言語サブコードの一致に使用できます。
;[attr^="value"]
:属性attrの値の先頭に"value"が付く要素を表します。
;[attr$="value"]
:属性attrの値の末尾に"value"が付く要素を表します。
;[attr*="value"]
:属性attrの値に文字列"value"が部分文字列として少なくとも1回含まれる要素を表します。
;[attr "operator value" i]
:閉じ括弧の前にi(またはI)を追加すると、値は大文字と小文字を区別せずに比較されます(ASCII範囲内の文字の場合)。
詳細は[[CSSの属性セレクタ|https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors]]や[[CSS仕様書|https://www.w3.org/TR/CSS22/selector.html#attribute-selectors]]を参照してください

View File

@ -0,0 +1,62 @@
created: 20170124132500000
modified: 20241119105640364
original-modified: 201804111739
tags: example-test [[How to apply custom styles]]
title: Custom styles by data-tags
ja-title: data-tagsによるカスタムスタイル
type: text/vnd.tiddlywiki
! 属性: data-tags
<<.from-version "5.1.16">>
~TiddlyWikiのコアでは、レンダリングされたコンテンツにいくつかの`属性`を追加します。これらの属性を使用すると、カスタムスタイルをTiddlerコンテンツに適用できます
例えば、この<<tag "How to apply custom styles">>と<<tag "example-test">>でタグ付けされたTiddlerには、次のような属性になります:
```
data-tags="[[How to apply custom styles]] example-test"
```
''重要: ''Tiddlerタグはソートされて''いない''ため、レンダリングされた出力の順序は異なる場合があります!
!! 例
次のCSSは[[Custom data-styles]]で定義されており、`example-test`でタグ付けされたすべてのTiddler(これを含む)にピンクの境界線を作成します
```
[data-tags*="example-test"] {
border: 2px solid pink;
}
```
!!! スタイルシートのスタイリング
`data-tags-styles`でタグ付けされたTiddlerを表示するには、適切な方法で、次のコードを使用できます(`$:/tags/Stylesheet`を使用することもできますが、このWiki 内のすべてのスタイルシートに影響を与えることになり、意図したものではありません。)
''重要:'' `.tc-tiddler-body`を指定することも忘れないでください。指定しないと、タイトルを含むTiddler全体が変更されます! 参照: [[Custom data-styles]]
```
[data-tags*="data-tags-styles"] .tc-tiddler-body {
display: block;
padding: 14px;
margin-top: 1em;
margin-bottom: 1em;
word-break: normal;
word-wrap: break-word;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #cccccc;
padding: 0 3px 2px;
border-radius: 3px;
font-family: Monaco, Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
}
```
!! 強制改行
この仕組みは、散文的な文章を書きたいユーザーにとっては便利です。参照: [[CSSを使用した強制改行|Hard Linebreaks with CSS]]
!! その他の記述方法
{{Attribute Selectors}}

View File

@ -0,0 +1,13 @@
created: 20211125175712017
modified: 20241118113249073
original-modified: 20211125175906085
tags: [[Using Stylesheets]]
title: Debugging Stylesheets
ja-title: スタイルシートのデバッグ
type: text/vnd.tiddlywiki
コアの隠しTiddler $:/snippets/DebugStylesheetsには、括弧の不一致やその他の入れ子構造に関する特定の問題を追跡するための簡単なツールが含まれています
以下のリストでは、エラーを含むスタイルシートには赤いバツ印が付いています:
{{$:/snippets/DebugStylesheets}}

View File

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

View File

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

View File

@ -0,0 +1,43 @@
created: 20160424150551727
modified: 20241117105431939
original-modified: 20171114215846324
tags: [[Customise TiddlyWiki]]
title: Making a custom journal button
ja-title: カスタムジャーナルボタンの作成
type: text/vnd.tiddlywiki
独自の''//カスタム//''ジャーナルボタンを取得するには、まず[[新しいジャーナル|$:/core/ui/Buttons/new-journal]]ボタンを複製します
次に、独自の設定用Tiddlerを作成します。例:
* ``$:/config/myNewTiddler/Tags``と...
* ``$:/config/myNewTiddler/Title``と...
* ``$:/config/myNewTiddler/Text``
カスタムボタンを編集し、設定用Tiddler名を"検索して置換"します
Tiddlerの終わり近くにある次の行を修正します
修正前
```
<$set name="journalTitleTemplate" value={{$:/config/NewJournal/Title}}>
<$set name="journalTags" value={{$:/config/NewJournal/Tags}}>
<$set name="journalText" value={{$:/config/NewJournal/Text}}>
```
修正後
```
<$set name="journalTitleTemplate" value={{$:/config/myNewTiddler/Title}}>
<$set name="journalTags" value={{$:/config/myNewTiddler/Tags}}>
<$set name="journalText" value={{$:/config/myNewTiddler/Text}}>
```
サイドバーで使用したい場合は、設定用Tiddlerを次のようにします:
```
<$set name="journalTitleTemplate" value={{config/myNewTiddler/Title}}>
<$set name="journalTags" value={{config/myNewTiddler/Tags}}>
<$set name="journalText" value={{config/myNewTiddler/Text}}>
```

View File

@ -0,0 +1,17 @@
created: 20140101192052333
modified: 20241117105837064
original-modified: 20140912142248706
tags: [[Customise TiddlyWiki]]
title: Preserving open tiddlers at startup
ja-title: 開いているTiddlerを起動時に保持する
type: text/vnd.tiddlywiki
通常、TiddlyWikiは起動時にTiddler[[$:/DefaultTiddlers]]でフィルターとして指定されたTiddlerを表示します
ファイルを保存したときに開いていたTiddlerを再度開くと便利な場合があります。これを行うには、[[$:/DefaultTiddlers]]に次のフィルタを設定します:
```
[list[$:/StoryList]]
```
このフィルタは、[[$:/StoryList]]Tiddlerで指定されたTiddlerを返します。これは、TiddlyWikiが現在のストーリーのTiddlerのシーケンスを保存するために使用するシステムTiddlerです

View File

@ -0,0 +1,19 @@
created: 20131224074240979
modified: 20241117110141506
original-modified: 20200510115704738
tags: [[Customise TiddlyWiki]]
title: Setting a favicon
ja-title: faviconを設定する
type: text/vnd.tiddlywiki
"favicon"は、Webサイトを区別できるようにするために、主なブラウザで表示される小さなアイコンです。すべてのブラウザはビットマップ画像形式をサポートしていますが、SVG画像形式のアイコンをサポートしているのは特定の最新ブラウザだけであることに注意してください。
! ブラウザのfavicon
TiddlyWikiがブラウザで起動すると、[[$:/favicon.ico]]というTiddlerが検索され、ページのfaviconとして動的に使用されます。画像を変更すると、faviconが即座に変更され、反映されます。
<<.from-version "5.1.23">> 外部画像をfaviconとして設定するには、[[$:/favicon.ico]]Tiddlerの''_canonical_uri''フィールドにURLを割り当てます。
! サーバ上のfavicon
サーバ上では、ServerCommandがパス`/favicon.ico`に[[$:/favicon.ico]]Tiddlerを提供します。

View File

@ -0,0 +1,19 @@
created: 20150417155912612
modified: 20241117110849866
original-modified: 20230803044412567
tags: [[Customise TiddlyWiki]]
title: Setting a page background image
ja-title: ページの背景画像を設定する
type: text/vnd.tiddlywiki
# 画像をTiddlerとしてインポートします([[WikiTextでの画像|Images in WikiText]]を参照)
#* [[外部の画像|ExternalImages]]も使用できます
# [[コントロールパネル|$:/ControlPanel]]<<.icon $:/core/images/options-button>>を開き、''外観''/''Theme Tweaks''タブに切り替えます
# "Page background image"というラベルのドロップダウンリストから画像を選択します
# "Page background image attachment"を"Fixed to window"に設定すると、背景が固定され、コンテンツがその上でスクロールします。また、"Scroll with tiddlers"に設定すると背景も移動します(iPhone/iPadではパフォーマンス上の理由から[[Fixed設定はサポートされない|http://stackoverflow.com/a/20444219]]ことに注意してください)
# "Page background image size"を以下のように設定します:
#* ''Auto''は、ページの背景に背景画像が並べて表示されます
#* ''Cover''は、背景画像がページを完全に覆うようにサイズ調整されます。画像の端が切り取られる場合があります
#* ''Contain''は、背景画像がページ内に収まるようにサイズ変更されます
[[DarkPhotos|ColourPalettes]]パレットは、暗い背景画像でサイドバーを読みやすくするために提供されていることに注意してください。

View File

@ -0,0 +1,82 @@
created: 20140305091244145
modified: 20241118112833362
original-modified: 20211125175708977
tags: [[Customise TiddlyWiki]]
title: Using Stylesheets
ja-title: スタイルシートの使用
type: text/vnd.tiddlywiki
\define tv-config-toolbar-text() yes
\define openCpTheme()
<$action-setfield $tiddler="$:/state/tab-1749438307" $value="$:/core/ui/ControlPanel/Appearance"/>
<$action-setfield $tiddler="$:/state/tab--1963855381" $value="$:/core/ui/ControlPanel/Theme"/>
<$action-navigate $to="$:/ControlPanel"/>
\end
! テーマとカラーパレット
~TiddlyWikiの外観を変更するための最初の手順は、以下を選択して適用することです:
* 利用可能なテーマの1つ: {{$:/core/ui/Buttons/theme}}
* カラーパレットの変更: {{$:/core/ui/Buttons/palette}}
* <$button actions=<<openCpTheme>> class="tc-btn-invisible"><<.icon $:/core/images/options-button>>コントロールパネル</$button>で試す
! スタイルシートの動き
コントロールパネルに加えて、Tiddlerに`$:/tags/Stylesheet`タグを付けることでカスタムスタイルを定義できます。ページの背景色を赤に変更するには、次の内容でカスタムスタイルシートを作成します:
```
body.tc-body {
background: red;
}
```
その後、[[WikiTextで独自のスタイルとクラス|Styles and Classes in WikiText]]を使用します。
!! 追加リソース
* [[カスケーディングスタイルシート(CSS) (mozillaサイト)|https://developer.mozilla.org/en-US/docs/Web/CSS]]
* [[カスケーディングスタイルシート(CSS) (w3scoolsサイト)|http://www.w3schools.com/css]]
! テーマ設定の上書き
カスタムスタイルシートは、テーマスタイルシートとは独立して適用されます。そのため、カスタムスタイルシートのCSSルールは、上書きするテーマのCSSルールよりも具体的にする必要があります。たとえば、`html body.tc-body`は`body.tc-body`よりも具体的です。
<<.tip """常に、最も具体的でない値から始めます!""">>
! スタイルシートの種類
通常、スタイルシートの種類には`text/css`を使用するのが最適です。これにより、プレーンなスタイルシートとして扱われ、~TiddlyWikiがWiki処理を適用しないことが保証されます。
If you wish to use macros and transclusions in your stylesheets you should instead use the default WikiText type `text/vnd.tiddlywiki`. This allows full ~WikiText processing to be performed. Here is an example:
スタイルシートでマクロやトランスクルージョンを使用したい場合は、代わりにデフォルトの種類であるWikiText `text/vnd.tiddlywiki`を使用します。これにより、完全な~WikiText処理を実行できます。次に例を示します。
```
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html
body.tc-body pre {
<<box-shadow "inset 0 1px 0 #fff">>
}
```
ティドラーの先頭にある`\rules`プラグマは、~WikiTextがマクロとトランスクルージョンのみを許可するように制限します。これにより、誤って不要な~WikiText処理がトリガーされることを回避できます。
スタイルシートTiddlerは、まずWiki化され、次に出力のテキスト部分が抽出されてCSSとして適用されるように処理されます。したがって、スタイルシートで使用しているHTMLタグはすべて無視されます。たとえば、RevealWidgetによって生成されたHTML要素は出力に影響しません。次の例のように、CSSルールを`<pre>`タグで囲んで、内部マクロの処理などの処理に影響を与えることなく、コードブロックとして表示できます。
```
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html
<pre>body.tc-body pre {
<<box-shadow "inset 0 1px 0 #fff">>
}
</pre>
```
!! スタイルシートマクロ
~TiddlyWikiコアは、[[スタイルシートの構築に役立つグローバルマクロ|Stylesheet Macros]]を提供します。
!! 参照
<<list-links "[tag[Using Stylesheets]]">>

View File

@ -0,0 +1,10 @@
created: 201804111739
modified: 20241120110107221
original-modified: 201804111739
title: Q: Is there a way to create dynamic stylesheets?
ja-title: Q: 動的スタイルシートを作成する方法はありますか?
tags: [[Custom Styles FAQ]]
''回答:'' <<.from-version "5.1.16">>
はい、[[Q: カスタムフィールドを使用してTiddlerのスタイルを設定するにはどうすればよいですか?|Q: How can I use a custom field to style a tiddler?]]を参照してください

View File

@ -0,0 +1,31 @@
created: 201804111739
modified: 20241120110107221
original-modified: 201804111739
title: Q: How can I use a custom field to style a tiddler?
ja-title: Q: カスタムフィールドを使用してTiddlerのスタイルを設定するにはどうすればよいですか?
tags: [[Custom Styles FAQ]]
''次のユースケースを考えてみましょう:'' <<.from-version "5.1.16">>
`rank`という名前のフィールドがあります。このフィールドには、例えば`species`のようなさまざまな値を保持できます
''回答:''
ここでのアイデアは、スタイルシートを動的に作成するということです。スタイルシートは次のようになります:
"""
title: `myStyles`
tags: `$:/tags/Stylesheet`
"""
```
<$list filter="[rank[species]]">
[data-tiddler-title^="<$view field=title/>"] .tc-tiddler-body {
column-count: 2;
}
</$list>
```
これにより、フィールド`rank`と値`species`を持つすべてのTiddlerタイトルのCSSルールが作成されます
[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]

View File

@ -0,0 +1,21 @@
created: 201804111739
modified: 20241120110107221
original-modified: 201804111739
title: Q: What if a tiddler has no tags?
ja-title: Q: Tiddlerにタグがない場合はどうしますか?
tags: [[Custom Styles FAQ]]
''回答:'' <<.from-version "5.1.16">>
* Tiddlerにタグがないが、スタイル設定が必要な場合は、CSSセレクターとして`data-tiddler-title`を使用します
** Tiddlerは一つのみです
* ユーザーがシステムTiddlerのスタイルをカスタム設定したい場合: セレクターとして`[data-tiddler-title^="$:"/]`を使用します
** TW名前空間機能を使用する
* ユーザーがタグ付けされたTiddlerに対して特別な動作を設定したい場合。例: Learning
** CSSセレクターとして`[data-tags*="Learning"]`を使用します
私が使用している名前は、既存のWikiを変更することなく、ドキュメント目的でのみ使用されます。ドキュメントに副作用があることは望ましくありません
[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]

View File

@ -0,0 +1,34 @@
created: 201804111739
modified: 20241120110107221
original-modified: 201804111739
title: Q: How can I style a tiddler if it has "this" AND "that" tag?
ja-title: Q: "this"タグと"that"タグの両方を持つTiddlerのスタイルを設定するにはどうすればよいですか?
tags: [[Custom Styles FAQ]]
''回答: '' <<.from-version "5.1.16">>
Tiddlerに`this`と`that`の両方のタグがある場合、オレンジ色の境界線が作成されます
```
[data-tags*="bar"][data-tags*="froz"] {
border: 2px solid orange;
}
```
''CSSが次のような場合: ''
```
[data-tags~="this"] {
border: 2px solid blue;
}
[data-tags~="that"] {
border: 2px solid red;
}
```
`this`は青い境界線を作成します
`that`は赤青い境界線を作成します
位置を入れ替えると、逆になります
[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]

View File

@ -0,0 +1,19 @@
created: 201804111739
modified: 20241120110107221
original-modified: 201804111739
title: Q: How can I style a tiddler if it has "this" OR "that" tag?
ja-title: Q: "this"タグと"that"タグのどちらかを持つTiddlerのスタイルを設定するにはどうすればよいですか?
tags: [[Custom Styles FAQ]]
''回答: '' <<.from-version "5.1.16">>
`this`または`that`のいずれかのタグがある場合、赤い境界線を作成します
```
[data-tags~="this"],
[data-tags~="that"] {
border: 2px solid red;
}
```
[[利用できる属性についての詳細はこちらをご覧ください!|Attribute Selectors]]

View File

@ -0,0 +1,75 @@
caption: スタイルとクラス
created: 20131205160532119
modified: 20241123111135825
original-modified: 20230726105744098
tags: WikiText [[How to apply custom styles]]
title: Styles and Classes in WikiText
ja-title: WikiTextでのスタイルとクラス
type: text/vnd.tiddlywiki
CSSスタイルとクラスは、`@@二重のアットマーク@@`で囲まれたインラインコンテンツまたはブロックコンテンツに適用できます。クラスは、特定のブロックWikiText要素に適用できます。
スタイルやクラスを指定せずに`@@二重のアットマーク@@`でラップされた//インラインコンテンツ//には、`tc-inline-style`クラスが割り当てられ、ハイライトされたテキストとして表示されます。ハイライトされたテキストの前景色と背景色は、現在のパレットで`highlight-background`と`highlight-foreground`として定義されている色が使われます。
<<wikitext-example src:"@@ハイライトされたテキスト@@">>
!! スタイル
複数のスタイル属性(例: `color`)は、各属性の後にセミコロン`;`をつけ、開始の`@@`の直後に、スペースを入れずに、記述します。
<<wikitext-example src:"@@color:steelblue;background-color:lightcyan;カスタムスタイルのテキスト@@">>
同様に、//ブロックコンテンツ//にもスタイルを適用できます。スタイルやクラスを指定せずに`@@`内にブロック コンテンツをラップしても効果はありません。
<<wikitext-example src:"@@background-color:lightcyan;
* アイテム 1
* アイテム 2
@@
">>
!! クラス
次のTiddlerでは、デモンストレーションの目的で`coloured-text`クラスと`coloured-bg`クラスが定義されています:
```
.coloured-text {color: darkkhaki;}
.coloured-bg {background-color: cornsilk;}
```
<style>
.coloured-text {color: darkkhaki;}
.coloured-bg {background-color: cornsilk;}
</style>
複数のクラス(それぞれ`.`のプレフィックス付き)は、開始の`@@`の直後にスペース` `を空けて記述します。これは、インラインコンテンツとブロックコンテンツの両方で機能します:
<<wikitext-example src:"@@.coloured-text.coloured-bg 2つのクラスが割り当てられたインラインコンテンツ@@">>
<<wikitext-example src:"@@.coloured-bg
* ブロックコンテンツ
* 1つのクラスを割り当て
@@">>
複数のクラスとスタイルを同時に適用できます。インラインコンテンツの場合は、最初にスタイルを定義し、その後にクラスを定義する必要があります。
<<wikitext-example src:"@@font-size:1.5em;.coloured-text.coloured-bg カスタムスタイルとクラスを持つテキスト@@">>
ブロックコンテンツの場合、スタイルとクラスは、インラインコンテンツの場合と同じように開始`@@`の後の1行で定義することも、それぞれ`@@`で始まる別々の行で定義することもできます:
<<wikitext-example src:"@@font-size:1.5em;
@@.coloured-text
@@.coloured-bg
* ブロックコンテンツ
* カスタムスタイルとクラス
@@">>
同様に、行の先頭の文字によって導入されるブロックWikiText要素に、スタイルではなくクラスを適用できます。プレフィックス`.`が付くクラスは、特殊文字の直後に記述され、その後にスペース` `が続きます。
<<wikitext-example src:"!!!.coloured-bg カスタム背景クラスを使用した見出し。
* 標準のリスト要素。
*.coloured-bg カスタム背景色を持つリスト要素。
*.coloured-text カスタムテキスト色を持つリスト要素。
*.coloured-bg.coloured-text 両方のカスタムクラスを持つリスト要素。
">>

View File

@ -0,0 +1,28 @@
created: 20241201235747500
description: Exporting rendered html
tags: $:/tags/wiki-test-spec
title: TestCases/WikifyWidget/RenderHTML
type: text/vnd.tiddlywiki-multiple
title: Narrative
You can use <<.wid wikify>> to copy your wikitext as a formated HTML.
+
title: Output
<$wikify name="code" text={{code}} output="html">
<$codeblock code=<<code>> />
<$macrocall $name="copy-to-clipboard" src=<<code>>/>
</$wikify>
+
title: code
text:
!! A nice list
* Item 1
* Item 2
* Item 3

View File

@ -0,0 +1,33 @@
created: 20241202000005087
description: Using a widget as a value
tags: $:/tags/wiki-test-spec-failing
title: TestCases/WikifyWidget/WidgetValue/Fail
type: text/vnd.tiddlywiki-multiple
title: Narrative
If you try to directly use a widget as a value, you will instead get the raw wikitext of the widget and not the rendered value.
+
title: Output
<span style.color={{widget}} style.background={{target}}>
{{widget}} text on {{target}} is a good contrast
</span>
+
title: widget
text: <$transclude $variable="contrastcolour" target={{target}} fallbackTarget=<<fallbackTarget>> colourA={{colourA}} colourB={{colourB}} />
+
title: target
text: purple
+
title: colourA
text: white
+
title: colourB
text: black
+
title: ExpectedResult
<p><span style="color:white<$transclude $variable="contrastcolour" target={{target}} fallbackTarget=<<fallbackTarget>> colourA={{colourA}} colourB={{colourB}} />;background:purple;">
white text on purple is a good contrast
</span></p>

View File

@ -0,0 +1,43 @@
created: 20241202003148804
description: Using a widget as a value
tags: $:/tags/wiki-test-spec
title: TestCases/WikifyWidget/WidgetValue/Success
type: text/vnd.tiddlywiki-multiple
title: Narrative
If you use <<.wid wikify>>, you can get the rendered output and use it as a value.
+
title: Output
<$wikify name="wikified-color" text={{widget}} >
<span style.color=<<wikified-color>> style.background={{target}}>
{{widget}} text on {{target}} is a good contrast
</span>
</$wikify>
+
title: widget
<$transclude $variable="contrastcolour"
target={{target}}
fallbackTarget=<<fallbackTarget>>
colourA={{colourA}}
colourB={{colourB}}
/>
+
title: target
text: purple
+
title: colourA
text: white
+
title: colourB
text: black
+
title: ExpectedResult
<p>
<span style="color:white;background:purple;">
white text on purple is a good contrast
</span>
</p>

View File

@ -0,0 +1,19 @@
created: 20241201235746062
description: Accurate word count
tags: $:/tags/wiki-test-spec-failing
title: TestCases/WikifyWidget/WordCount/Fail
type: text/vnd.tiddlywiki-multiple
title: Narrative
If a tiddler transclude some content, or use widgets to generate content, filters that try to calculate the word count wont be accurate: they will instead count the raw text words.
+
title: Output
Word count = <$count filter="[{lorem}split[ ]!is[blank]]"/>
+
title: lorem
text: <$list filter="[range[1],[3]]"><$text text=" word "/></$list>
+
title: ExpectedResult
text: <p>Word count = 3</p>

View File

@ -0,0 +1,19 @@
created: 20241202011409888
description: Accurate word count
tags: $:/tags/wiki-test-spec
title: TestCases/WikifyWidget/WordCount/Success
type: text/vnd.tiddlywiki-multiple
title: Narrative
If you use wikify, you can calculate an accurate word count.
+
title: Output
<$wikify name="lorem" text={{lorem}} output="text">Word count = <$count filter="[<lorem>split[ ]!is[blank]]"/></$wikify>
+
title: lorem
text: <$list filter="[range[1],[3]]"><$text text=" word "/></$list>
+
title: ExpectedResult
text: <p>Word count = 3</p>

View File

@ -1,16 +1,16 @@
created: 20211206160300525
modified: 20211206165301231
modified: 20241121164044717
tags: Cascades
title: Tiddler Colour Cascade
type: text/vnd.tiddlywiki
The tiddler colour cascade is a [[cascade|Cascades]] used to choose which colour should be used for a particular tiddler.
The tiddler colour cascade is a [[cascade|Cascades]] used to choose which colour should be used for a particular tiddler ''tag'' and ''icon''.
Core tiddler colour cascades can be found in $:/core/macros/tag, $:/core/ui/Components/tag-link, $:/core/ui/EditTemplate/tags, $:/core/ui/TagPickerTagTemplate, $:/core/ui/TagTemplate and $:/core/ui/ViewTemplate/title
The default tiddler colour cascade consists of:
The default tiddler tag colour cascade consists of:
# If the tiddler has a ''color'' field, use the value as the colour
# If the tiddler has a ''color'' field, use the value as the colour for the ''tag-pill'' and the ''tiddler-icon''
# If the tiddler $:/config/DefaultTiddlerColour exists, use the value as the colour
You can see the current settings for the tiddler colour cascade in $:/ControlPanel under the ''Info'' -> ''Advanced'' -> ''Cascades'' -> ''Tiddler Colour'' tab.

View File

@ -1,18 +1,18 @@
title: GroupedLists
tags: ListWidget Lists
created: 20150106180000000
modified: 20150221230117000
modified: 20241204085601176
tags: ListWidget Lists
title: GroupedLists
The following sidebar tabs give examples of grouped lists created by nesting.
!! Types Tab
!! [[Types Tab|$:/core/ui/MoreSideBar/Types]]
For the [[Types|$:/core/ui/MoreSideBar/Types]] tab, the outer list filter as shown below selects each discrete value found in the `type` field. The inner list filter selects all the (non-system) tiddlers with that type.
For the "Types Tab", the outer list filter as shown below selects each discrete value found in the `type` field. The inner list filter selects all the (non-system) tiddlers with that type.
<<tw-code "$:/core/ui/MoreSideBar/Types">>
!! Recent Tab
!! [[Recent Tab|$:/core/ui/SideBar/Recent]]
The list in the [[Recent|$:/core/ui/SideBar/Recent]] tab is generated using the <<.mlink timeline>> macro. Here, the outer list filter selects each discrete day found in the `modified` field, while the inner list filter selects all the tiddlers dated the same day in the `modified` field.
The list in the "Recent Tab" is generated using the <<.mlink timeline>> macro. Here, the outer list filter selects each discrete day found in the `modified` field, while the inner list filter selects all the tiddlers dated the same day in the `modified` field.
<<tw-code-link "$:/core/macros/timeline">>
<<tw-code "$:/core/macros/timeline">>

View File

@ -1,15 +1,15 @@
caption: each
created: 20140410103123179
modified: 20191209085901849
modified: 20241204090042816
op-input: a [[selection of titles|Title Selection]]
op-output: a selection containing the first input title encountered for each distinct value of field <<.place F>>
op-parameter: the name of a [[field|TiddlerFields]], defaulting to <<.field title>>
op-parameter-name: F
op-purpose: select one of each group of input titles by field
op-suffix: optionally, `list-item` or `value`
tags: [[Filter Operators]] [[Group Operators]]
title: each Operator
type: text/vnd.tiddlywiki
caption: each
op-purpose: select one of each group of input titles by field
op-input: a [[selection of titles|Title Selection]]
op-suffix: optionally, `list-item` or `value`
op-parameter: the name of a [[field|TiddlerFields]], defaulting to <<.field title>>
op-parameter-name: F
op-output: a selection containing the first input title encountered for each distinct value of field <<.place F>>
Each input title is processed in turn. The value of field <<.place F>> in the corresponding tiddler is examined.
@ -22,4 +22,6 @@ Each input title is processed in turn. The value of field <<.place F>> in the co
Note that if a tiddler does not contain field <<.place F>>, it is treated as if the value of the field were empty. Thus, a filter expression such as `[each[motovun]]` will return one tiddler that doesn't have a `motovun` field, as well as one tiddler with each distinct value of that field, if any. To obtain just the tiddlers that have a non-blank value for the `motovun` field one can use `[each[motovun]has[motovun]]`.
<<.note"""For an example of using the <<.op each>> operator to generate a two-tier list of groups and members, see [[GroupedLists]].""">>
<<.operator-examples "each">>

View File

@ -1,5 +1,5 @@
created: 20150118134611000
modified: 20150118183152000
modified: 20241204085904594
tags: [[each Operator]] [[Operator Examples]]
title: each Operator (Examples)
type: text/vnd.tiddlywiki
@ -9,5 +9,3 @@ type: text/vnd.tiddlywiki
<<.operator-example 3 "[each:list-item[list]]" "all tiddlers listed anywhere in the core list field">>
<<.operator-example 4 "[[Non existing]] [[GettingStarted]] +[each:value[]]" "Compare this to `+[each[]]` below">>
<<.operator-example 5 "[[Non existing]] [[GettingStarted]] +[each[]]" "Compare this to `+[each:value[]]` above">>
For an example of using the <<.op each>> operator to generate a two-tier list of groups and members, see [[GroupedLists]].

View File

@ -0,0 +1,63 @@
created: 20241202134158579
tags: [[Operator Examples]] [[function Operator]]
title: function Operator (Examples)
\function get.destField(subTiddler,field) [<subTiddler>get<field>]
\function get.sourceField(subTiddler,field) [<subTiddler>shadowsource[]get[text]jsonget[tiddlers],<subTiddler>,<field>]
\function get.sourceFields(subTiddler) [<subTiddler>shadowsource[]]:map:flat[<subTiddler>subtiddlerfields{!!title}]
\function has.diff(subTiddler,field) [get.destField<subTiddler>,<field>else[]]:filter[get.sourceField<subTiddler>,<field>else[]!match{!!title}]
\function diff.fields(subTiddler) [get.sourceFields<subTiddler>] [<subTiddler>fields:exclude[created creator modified modifier]] :filter[has.diff<subTiddler>,{!!title}]
\define subTiddler() $:/SiteTitle
\procedure display-variable(name) ''<$text text=<<name>>/>'': <code><$text text={{{ [<name>getvariable[]] }}}/></code>
These examples use the following predefined variable:
* <<display-variable subTiddler>>
They also use the following predefined functions:
```
\function get.destField(subTiddler,field) [<subTiddler>get<field>]
\function get.sourceField(subTiddler,field) [<subTiddler>shadowsource[]get[text]jsonget[tiddlers],<subTiddler>,<field>]
\function get.sourceFields(subTiddler) [<subTiddler>shadowsource[]]:map:flat[<subTiddler>subtiddlerfields{!!title}]
\function has.diff(subTiddler,field) [get.destField<subTiddler>,<field>else[]]:filter[get.sourceField<subTiddler>,<field>else[]!match{!!title}]
\function diff.fields(subTiddler) [get.sourceFields<subTiddler>] [<subTiddler>fields:exclude[created creator modified modifier]] :filter[has.diff<subTiddler>,{!!title}]
```
<<.operator-example 1 "[function[get.destField],<subTiddler>,[text]]" "get the overriden value of the field <<.field text>>.">>
The function `get.destField` use the operator <<.olink get>> to get the overriden value of the field <<.field text>> for <<subTiddler>>.
<<.operator-example 2 "[function[get.sourceField],<subTiddler>,[text]]" "get the original value of the field <<.field text>>">>
The function `get.sourceField` use the operator <<.olink shadowsource>> to get the title of the plugin in which the shadow tiddler is defined ({{{ [<subTiddler>shadowsource[]]}}}). It then use the operator <<.olink get>> to retrieve the content of the field <<.field text>>, in which is defined every tiddlers for that plugin, in a json format. Next, the operator <<.olink jsonget>> is used to retrieve the value of the original field <<.field text>> for <<subTiddler>>.
<<.operator-example 3 "[function[get.sourceFields],<subTiddler>]" "get the original list of fields.">>
The function `get.sourceFields` use the operator <<.olink shadowsource>> to get the title of the plugin in which the shadow tiddler is defined. The subsequent [[Map Filter Run Prefix]] iterate over the plugin title, and use the operator <<.olink subtiddlerfields>> to output every fields of the shadow tiddler <<subTiddler>>, whose title is retrieved using a [[TextReference]].
<<.operator-example 4 "[function[has.diff],<subTiddler>,[text]]" "compare the original value of the field <<.field text>> with the value set in the overriding tiddler. If the value is different, output the overriden value">>
The function `has.diff` use the operator <<.olink get>> to retrieve the current value for the field <<.field text>>. If this field is missing or empty, the operator <<.olink else>> output an empty <<.em string>>. Next, the [[Filter Filter Run Prefix]] use the function `get.sourceField` to get the original value for that field, and the operator <<.olink match>> is used to check if the value does not match the current value for that field, using a [[TextReference]]. If the values do not match, it means that the value for that field was changed, and the value of the field is output. Otherwise, the `:filter` filter run prevent the field value to be output.
<<.operator-example 5 "[function[diff.fields],<subTiddler>]" "list the overriden fields">>
The function `diff.fields` use the the function `get.sourceFields` to list every fields in the original <<subTiddler>>. It then use the <<.olink fields>> operator to get every fields on the overriding tiddler, excluding the fields that are automatically set when a [[ShadowTiddler|ShadowTiddlers]] is overriden (<<.field created>>, <<.field creator>>, <<.field modified>>, <<.field modifier>>). The subsequent [[Filter Filter Run Prefix]] use the function `has.diff` to output only the title of the fields that were overidden.
<<.tip """Theses functions can be used together to highlight the changes made to <<subTiddler>>:""">>
<<wikitext-example-without-html """<$list filter="[diff.fields<subTiddler>]" variable=field>
<$diff-text source={{{ [get.sourceField<subTiddler>,<field>] }}} dest={{{ [get.destField<subTiddler>,<field>] }}} >
<code><<field>></code>: <<diff-count>> difference<%if [<diff-count>!match[1]]%>s<%endif%>
</$diff-text>
</$list>""">>

View File

@ -1,7 +1,7 @@
created: 20240907042443909
modified: 20240907042629405
modified: 20241120225606237
tags: [[Hidden Settings]]
title: Hidden Setting: Default Tiddler Colour
type: text/vnd.tiddlywiki
A default tiddler colour can be specified by creating a tiddler called $:/config/DefaultTiddlerColour containing the CSS color value.
A default tag-tiddler colour can be specified by creating a tiddler called $:/config/DefaultTiddlerColour containing the CSS color value. For more details see: [[Tiddler Colour Cascade]]

View File

@ -1,13 +1,13 @@
caption: wikify
created: 20160321144949700
modified: 20220122191540121
modified: 20241202014354100
tags: Widgets
title: WikifyWidget
type: text/vnd.tiddlywiki
! Introduction
The wikify widget parses and renders a string of text and assigns the result to a specified [[variable|Variables]]. The new value of the variable is available to the content within the wikify widget.
The <<.wid wikify>> widget parses and renders a string of text and assigns the result to a specified [[variable|Variables]]. The new value of the variable is available to the content within the wikify widget.
! Content and Attributes
@ -28,3 +28,19 @@ The available output types are:
|html |Return the rendered HTML of the output |
|parsetree |Return a formatted JSON representation of the parse tree |
|widgettree |Return a formatted JSON representation of the widget tree |
! Examples
!! Using a widget as a value
<<testcase "TestCases/WikifyWidget/WidgetValue/Success">>
<<testcase "TestCases/WikifyWidget/WidgetValue/Fail">>
!! Accurate word count
<<testcase "TestCases/WikifyWidget/WordCount/Success">>
<<testcase "TestCases/WikifyWidget/WordCount/Fail">>
!! Exporting rendered html
<<testcase "TestCases/WikifyWidget/RenderHTML">>

View File

@ -595,3 +595,7 @@ Val Packett, @valpackett, 2024/07/26
JC John Sese Cuneta, @techmagus, 2024/10/07
@zorrox1024, 2024/10/20
John Robinette, @jrbntt, 2024/11/25
@DesignThinkerer, 2024/12/02