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
commit
42f9f3073e
9
editions/dev/tiddlers/$__github-ribbon.tid
Normal file
9
editions/dev/tiddlers/$__github-ribbon.tid
Normal 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"/>
|
||||
@ -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>
|
||||
@ -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;
|
||||
}
|
||||
@ -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 -->
|
||||
@ -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
|
||||
@ -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によって使用されます。
|
||||
21
editions/ja-JP/tiddlers/about/Funding TiddlyWiki.tid
Normal file
21
editions/ja-JP/tiddlers/about/Funding TiddlyWiki.tid
Normal 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]]は、商用製品やサービスを提供する個人や組織にショーウィンドウを提供します
|
||||
16
editions/ja-JP/tiddlers/about/Open Collective.tid
Normal file
16
editions/ja-JP/tiddlers/about/Open Collective.tid
Normal 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]]はその最初のものであり、誰かがここでプロジェクトを立ち上げることを歓迎したいと考えています
|
||||
@ -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からダウンロードできます。
|
||||
<<<
|
||||
16
editions/ja-JP/tiddlers/community/examples/GitFixUm.tid
Normal file
16
editions/ja-JP/tiddlers/community/examples/GitFixUm.tid
Normal 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が非常に複雑で、特定の問題に対処するために大きなドキュメントが必要なわけではありません。むしろ、実行した可能性のある操作のセットが非常に大きいため、実行した操作と実行したい操作に応じて異なるテクニックが必要になります。
|
||||
<<<
|
||||
@ -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}}
|
||||
|
||||
<<<
|
||||
私は、レッスンプラン情報を入力して保存し、実際のレッスンプラン文書の作成に伴う面倒な作業の一部を容易化/自動化するプログラムを構築しました。
|
||||
<<<
|
||||
21
editions/ja-JP/tiddlers/community/examples/PETTIL.tid
Normal file
21
editions/ja-JP/tiddlers/community/examples/PETTIL.tid
Normal 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アセンブリゴルフ"のスキルを向上させる
|
||||
* このプロジェクトに興味のある人を見つける
|
||||
<<<
|
||||
@ -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やプラグインはありません。
|
||||
<<<
|
||||
@ -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というブランド名を付けていました(会社を持っていませんでしたが)。
|
||||
<<<
|
||||
@ -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}}
|
||||
|
||||
@ -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などの単語を入力して、一節をすばやく検索します。画面の右上にある矢印をクリックしてメニューを開き、検索します。
|
||||
<<<
|
||||
@ -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]]を再度追加します。
|
||||
@ -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]]も参照してください。
|
||||
@ -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>>
|
||||
```
|
||||
12
editions/ja-JP/tiddlers/customising/Customise TiddlyWiki.tid
Normal file
12
editions/ja-JP/tiddlers/customising/Customise TiddlyWiki.tid
Normal 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]]">>
|
||||
@ -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]]を参照してください
|
||||
@ -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の名前が含まれます"/>
|
||||
@ -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]]
|
||||
38
editions/ja-JP/tiddlers/hellothere/Discover TiddlyWiki.tid
Normal file
38
editions/ja-JP/tiddlers/hellothere/Discover TiddlyWiki.tid
Normal 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間の予期せぬ関係やそこに含まれる情報を確認するのにも役立ちます
|
||||
@ -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/ でビジュアリゼーションを参照してください)
|
||||
@ -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を知れば知るほど楽しくなります
|
||||
@@
|
||||
@ -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/
|
||||
@ -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プラグインについて詳細をご覧ください
|
||||
@ -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は完全にプライベートに使用でき、自分のデバイス以外のものや人を信頼する必要はありません
|
||||
@ -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}}
|
||||
```
|
||||
@ -0,0 +1,5 @@
|
||||
title: Hidden Setting: Retain Story ordering
|
||||
ja-title: 隠し設定: 保存時の表示を維持
|
||||
tags: [[Hidden Settings]]
|
||||
|
||||
Tiddler $:/config/ControlPanel/Basics/DefaultTiddlers/RetainStoryには、$:/ControlPanelの''情報'' -> ''基本''タブの"保存時の表示を維持"ボタンをクリックしたときに$:/DefaultTiddlersに割り当てられる値が含まれています。
|
||||
@ -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の色の値を含むことによって指定できます。
|
||||
@ -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
|
||||
@ -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>`を使用する必要があります。
|
||||
@ -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`を設定できます。
|
||||
@ -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を保存するために使用されるデフォルトのファイル名として使用されます。
|
||||
@ -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
|
||||
@ -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''に設定により)有効にすることができます。
|
||||
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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''を変更できます。
|
||||
@ -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のタイトルを含むことで設定できます。
|
||||
@ -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''属性はグローバル設定とは独立して機能することに注意してください。
|
||||
@ -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
|
||||
@ -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のエディター内でのドラッグアンドドロップが有効になります。
|
||||
このフィルターは、グローバルなドラッグアンドドロップ設定を尊重して使用されます。
|
||||
@ -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に設定します。
|
||||
@ -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のスクロールメカニズムにより、その要素の高さに応じてスクロール位置が動的に調整されます。
|
||||
|
||||
@ -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
|
||||
@ -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]]を参照してください。">>
|
||||
@ -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
|
||||
13
editions/ja-JP/tiddlers/hiddensettings/Hidden Settings.tid
Normal file
13
editions/ja-JP/tiddlers/hiddensettings/Hidden Settings.tid
Normal 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]]">>
|
||||
@ -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にタグ付けします。
|
||||
@ -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>
|
||||
@ -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をエクスポートするのかを定義するフィルターが含まれています。
|
||||
36
editions/ja-JP/tiddlers/howtos/Creating a splash screen.tid
Normal file
36
editions/ja-JP/tiddlers/howtos/Creating a splash screen.tid
Normal 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を参照してください。
|
||||
11
editions/ja-JP/tiddlers/howtos/Custom Styles FAQ.tid
Normal file
11
editions/ja-JP/tiddlers/howtos/Custom Styles FAQ.tid
Normal 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]]">>
|
||||
41
editions/ja-JP/tiddlers/howtos/Custom Styles by title.tid
Normal file
41
editions/ja-JP/tiddlers/howtos/Custom Styles by title.tid
Normal 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}}
|
||||
@ -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]]を参照してください。
|
||||
34
editions/ja-JP/tiddlers/howtos/Custom tag pill styles.tid
Normal file
34
editions/ja-JP/tiddlers/howtos/Custom tag pill styles.tid
Normal 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}}
|
||||
@ -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]]を参照してください
|
||||
@ -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}}
|
||||
13
editions/ja-JP/tiddlers/howtos/Debugging Stylesheets.tid
Normal file
13
editions/ja-JP/tiddlers/howtos/Debugging Stylesheets.tid
Normal 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}}
|
||||
@ -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
|
||||
```
|
||||
|
||||
@ -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]]">>
|
||||
@ -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}}>
|
||||
```
|
||||
@ -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です
|
||||
19
editions/ja-JP/tiddlers/howtos/Setting a favicon.tid
Normal file
19
editions/ja-JP/tiddlers/howtos/Setting a favicon.tid
Normal 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を提供します。
|
||||
@ -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]]パレットは、暗い背景画像でサイドバーを読みやすくするために提供されていることに注意してください。
|
||||
82
editions/ja-JP/tiddlers/howtos/Using Stylesheets.tid
Normal file
82
editions/ja-JP/tiddlers/howtos/Using Stylesheets.tid
Normal 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]]">>
|
||||
@ -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?]]を参照してください
|
||||
@ -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]]
|
||||
@ -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]]
|
||||
@ -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]]
|
||||
@ -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]]
|
||||
@ -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 両方のカスタムクラスを持つリスト要素。
|
||||
">>
|
||||
@ -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
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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 won’t 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>
|
||||
@ -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>
|
||||
@ -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.
|
||||
|
||||
@ -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">>
|
||||
|
||||
@ -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">>
|
||||
|
||||
@ -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]].
|
||||
|
||||
63
editions/tw5.com/tiddlers/function Operator (Examples).tid
Normal file
63
editions/tw5.com/tiddlers/function Operator (Examples).tid
Normal 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>""">>
|
||||
@ -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]]
|
||||
|
||||
@ -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">>
|
||||
|
||||
@ -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
|
||||
Loading…
Reference in New Issue
Block a user