TiddlyWiki

1 :名無しさん@お腹いっぱい。:2018/06/19(火) 17:24:15.03 ID:l0Pvtt990.net
CSSとJavaScriptコードで動作する、自己完結型HTMLファイル。
ローカルでも、ネットワーク上でも、ひとりでも、複数人でも使える、非常に柔軟で汎用性の高いWikiエンジン。

情報整理が、これ一つのファイルでできる。
メモ帳・日記帳・ToDoリスト・勉強ノート・レシピ集・用語辞書・人物名鑑など、用途は様々。
それゆえ使い方に「これ」という決まりが無いので、使う本人の工夫次第。
前身スレッドにも、様々な使い方の参考例があるので閲覧推奨。

※前身スレッド
ひとり用wikiソフト
http://egg.5ch.net/test/read.cgi/software/1144955224/

24 :名無しさん@お腹いっぱい。:2018/06/26(火) 21:56:28.77 ID:tvfT6HbK0.net

:2018/07/09(月) 21:28:53.53 ID:p6wNHaFj0.net

:2018/06/22(金) 01:29:00.13 ID:yZ66wlPH0.net

:2018/07/05(木) 01:12:51.11 ID:lodKr4LI0.net

:2018/07/08(日) 12:32:53.69 ID:/RLTr25h0.net

そもそもcontentとかCSSって装飾用なのでその用途はNG

$:/core/ui/ViewTemplate/bodyを書き換えるのはもし更新で変更あったときにめんどくさいので個人的にはお薦めしない
http://egg.5ch.net/test/read.cgi/software/1144955224/988
の下2行が良いと思う
補足すると”閲覧画面で”タグをクリックするとそのタグのついてるtiddlerのリストが表示されるからそれをD&Dすれば表示順を変更可能

前につけたい物と後ろにつけたい物があるなら位置別にtiddlerを分けてそれぞれ位置調整すればよし

34 :31:2018/06/28(木) 19:47:21.29 ID:8JqqKp8t0.net

ついでに:2018/07/02(月) 04:11:51.48 ID:NxistY530.net

厳密に言えば+の機能はANDじゃなくて”オペレーター[]オペレーター[]”と同じで(多分
オペレーター次第だけど結果がANDと同じになることがあるという感じかなー
ANDはANDで有った方が良い様な気がするけどとりあえず困ってないからいいか

11 :名無しさん@お腹いっぱい。:2018/06/21(木) 23:42:56.71 ID:4j5Dlk1a0.net

:2018/07/16(月) 06:01:14.32 ID:9WoAg1pB0.net

よく読んでなかったけどHTMLタグを直接入力する時はHTML Links in WikiTextの下みたいにしないとリファラ渡しちゃったりするね
勝手に付け加えたりはしないっぽいから気をつけたほうがいいね

16 :名無しさん@お腹いっぱい。:2018/06/26(火) 03:19:11.99 ID:tvfT6HbK0.net

書き忘れた

補集合とか否定とか(/not)はフィルターの前に!を入れて
[!tag[test1]]→A,B,C,D以外の全てのtiddler。ただしこの例では指定してないので隠し(shadow)tiddlerは対象外
これはオペレーターごとに処理書いてたから各オペレーターのを読んだ方がいいかもしれない

フィルターの基本的なこと追記
スペース区切りでリストを入力できる(A B C Dみたいに)
空白を含んだ文字列を扱いたい時は”か’か[[と]]で囲む(“A B”または’A B’または[[A B]])
オペレーターは[]の中に書かないと多分動かない(tag[test]ではなく[tag[test]])
オペレーターの基本的な形は
(input)!オペレーター名:(suffix)(parameter)

(input):基本的には前のオペレーターにつなげて書く場合その結果がinputになる
!:前述。書く場合はここ
(suffix):オペレーターによって有ったり無かったり
(parameter):直接渡す[データ]、TextReferenceで渡す{TextReference}、変数で渡す<変数名>というパターンがある

個別のオペレーターに関しては頑張ってExamplesと英語読むべし

3 :名無しさん@お腹いっぱい。:2018/06/19(火) 17:27:01.63 ID:l0Pvtt990.net

●導入方法
・公式サイトにアクセスし、GettingStartedの「Download Empty」をクリック
・ダウロードされた「empty.html」を任意のブラウザで開く
・「empty」などのファイル名は半角英数字で任意の名前に変更可(日本語ファイル名はNG)

●導入方法(保存方法)
・何もしなければ、「SAVE」の度にHTMLファイルのダウンロード先を聞かれる(煩雑なので非推奨)
・Firefox、Chorome→「savetiddlers」を導入(保存先はDownloadフォルダに限定される)
・この他にも保存方法は公式で紹介されているので、GettingStartedの「PLATFORMS」を参照

●導入方法(日本語化)
・TWファイルをブラウザで開き、サイドバーに並んでるアイコンの中から、歯車アイコンをクリック
・$:/ControlPanelが開くので、タブの中から「Plugins」をクリック
・「Get more plugins」をクリックすると、「Official TiddlyWiki Plugin Library」が開く
・「open plugin library」をクリックし、タブの中から「Languages」を選択
・リストの中から「Japanese(Japan)」の「install」ボタンをクリック
・「Please save and reload to allow changes to plugins to take effect」の帯が出てくる
・赤丸チェックボタン(SAVE)をクリックしたのち、リロード(再読み込み)
・$:/ControlPanelを開き、「Info」タブ→「Basics」タブの中にある、「Hello! Current language」を「Japanese」に変更

25 :名無しさん@お腹いっぱい。:2018/06/26(火) 22:13:10.53 ID:FtZrlwy30.net

:2018/06/26(火) 21:14:48.71 ID:FtZrlwy30.net

横で失礼します。もしかして:2018/07/02(月) 00:46:10.38 ID:9bt3UKpa0.net

自分もあまりフィルターを理解しきっていないユーザーだが、この流れから察するに…
https://tiddlywiki.com/#Filter%20Operators
の中の「Order Operators」の扱いがやや癖があるって感じなのかな?

ANDとかORの複雑なフィルタの掛け方がよくわかってなかった自分としては、かなり役立ったわ

35 :名無しさん@お腹いっぱい。:2018/07/02(月) 00:46:10.38 ID:9bt3UKpa0.net

自分もあまりフィルターを理解しきっていないユーザーだが、この流れから察するに…
https://tiddlywiki.com/#Filter%20Operators
の中の「Order Operators」の扱いがやや癖があるって感じなのかな?

ANDとかORの複雑なフィルタの掛け方がよくわかってなかった自分としては、かなり役立ったわ

38 :名無しさん@お腹いっぱい。:2018/07/05(木) 00:22:00.31 ID:JPPUfaNm0.net

前スレで、

<$list filter=”[is[current]tag[person]]”>
|!Street |{{!!street}} |
|!Town |{{!!town}} |
|!Phone |{{!!phone}} |
</$list>

を本文の前に起きたいと質問した者です。

に$:/core/ui/ViewTemplate/bodyを編集する方法を教えてもらいましたが、これだと全てが本文の前になってしまいます。
ある特定のタグ(例えばperson)がついている場合には、本文前にリストを表示し、そうでなければリスト無し・・・
ということを

.tc-tagged-person .tc-tiddler-body:before{ color:#0a0; content: “ここにテンプレートを置く”; }

という記述で、表現できないでしょうか?
.tc-tagged-にこだわっているわけではありませんが、これならタグの有無とCSSで表示場所を自由に変更できるかと思った次第です。

で、実際にこの方法を試したらうまくいきませんでした。

content:””の部分に、表やマクロを記述しても実行されないのですね。

5 :名無しさん@お腹いっぱい。:2018/06/19(火) 17:33:33.54 ID:l0Pvtt990.net

一向に次スレが立たないので見かねて立てたよ。

「こんな使い方できね?」→「こういうのでどう?」っていうやり取りが
脇から見ててすげぇ役に立つ場合が前スレではあったので…やっぱ専スレは必要かなーと。

日本語情報が少なくていまいち盛り上がってる気がしないが、個人的に好きなソフトなので
テンプレみたいなのは適当に前スレから、初心者に有益っぽいのを独断で拾ってまとめてみました。

51 :名無しさん@お腹いっぱい。:2018/10/07(日) 17:39:09.63 ID:fnbRnE+k0.net

非オープンソースでメイドインチャイナっぽいのが個人的には難だわ
でも良さそうだしβのうちは無料だから気になったら試すのも良いかもね

47 :名無しさん@お腹いっぱい。:2018/09/02(日) 18:37:59.19 ID:mzQhZmbz0.net

:2018/06/26(火) 21:23:32.21 ID:TausYwIK0.net

:2018/06/27(水) 04:07:03.75 ID:mz2v//Zq0.net

しかしこの挙動だと+って要するに処理はオペレータにまる投げするよってことだな
例えば[tag[foo]]+[all[tiddlers]]みたいにしたら結果が全tiddlerになるからもう共通部分じゃないぞこれ
intersection of setsとは…まあ便利だからいいが

:2018/07/02(月) 02:55:40.45 ID:lindFVW50.net

では20の話に加えてリファレンスに誤植があるのではないかという話です。

6 :sage:2018/06/20(水) 01:38:46.43 ID:PWeaa9ed0.net

さっそく質問です。

textまたは特定のfieldに、「ある文字列を含む」tiddlerの一覧を表示するのはどういう記述になるのでしょうか。
「ある文字列」のtiddlerではなく「文字列を含む」場合です。

例えば、field:authorが「JeremyRuston」の一覧を抽出する方法は、オフィシャルサイトに紹介されていますが、
field:authorに「Ru」の文字を含むtiddlerの一覧を表示したい場合。

7 :名無しさん@お腹いっぱい。:2018/06/20(水) 16:47:47.37 ID:OJ4SYpbW0.net

search:author[Ru]でいけるけど、こいつは大文字小文字の区別をしない(ru、rU、RUをはじけない)
https://tiddlywiki.com/#search%20Operator

なのでregexp:author[Ru]を使うと、大文字小文字の区別が出来る(正規表現の設定にやや癖があるけど)
https://tiddlywiki.com/#regexp%20Operator

細かく条件指定できるのが正規表現のregexpフィルタ、簡易版がsearchフィルタ
フィルタ条件設定は使い始めると頻出するだろうし
https://tiddlywiki.com/#Filter%20Operatorsに一度目を通しておくといいかも

31 :名無しさん@お腹いっぱい。:2018/06/28(木) 00:26:14.11 ID:8JqqKp8t0.net

:2018/06/20(水) 22:23:32.62 ID:bWahI54v0.net

:2018/08/30(木) 15:39:52.54 ID:rP0C6Wyf0.net

計算関係のプラグインたまたま見つけた
公式にも乗ってるTobias Beerなる人物の公開してるプラグインのevalって奴
多分一緒にmath.jsってプラグインも入れないとダメ?
自分は試してないが必要な人は使ってみてはどうか

49 :名無しさん@お腹いっぱい。:2018/09/13(木) 00:54:23.30 ID:iD2Xv1Yj0.net

WikifyWidgetの意図が少し分かったのでついでに変数のメモ

変数は<$set>や<$vars>や<$wikify>で定義できる他<$list>なんかでも定義され使われている
呼び出し方は<<変数名>>

<$set>と<$vars>
<$vars>は1つのWidgetで複数の変数を定義できる
<$set> は1つのWidgetで1つの変数を定義できる
1つしか出来ない代わりに目当ての値が空などの時用の値(emptyValue)が設定でき、軽い条件分岐的なことができる

<$wikify>
普通に<<変数名>>と使うと上2つと同じに見えるけど
最終的に画面に表示される文字列やHTML等を変数に格納している(outputの指定による)

例えば値として”””<$view field=”created”>”””を与えた場合にフィルターで{{{[<変数名>]}}}とすると
<$set>や<$vars>だとそのまま<$view 〜>が表示される
<$wikify>だと20〜のように作成日時を示す数字の羅列が表示される

28 :名無しさん@お腹いっぱい。:2018/06/27(水) 01:37:09.01 ID:eJVw6bIc0.net

そうそうフィルタの動作確認はAdvancedSearchの「フィルタ」タブ使うのが楽ちんだぜ

33 :31:2018/06/28(木) 19:28:51.84 ID:8JqqKp8t0.net

:2018/06/26(火) 21:15:23.98 ID:FtZrlwy30.net

:2018/06/26(火) 17:00:26.59 ID:tvfT6HbK0.net

せっかく専用スレになったことだしとりあえず取っ掛かりとして書いてみた
もっと色々書けることあると思うけどきりがないなあ

:2018/06/26(火) 02:48:03.94 ID:tvfT6HbK0.net

test1というタグがついてるtiddlerのタイトルがA,B,C,Dでtest2はA,D,E,Fの各4個あるとして
[tag[test1]]→A,B,C,D
[tag[test2]]→A,D,E,F
和集合(union/or)はスペースを入れて
[tag[test1]] [tag[test2]]→A,B,C,D,E,F
積集合/共通部分(intersection/and)はプラスを入れて
[tag[test1]]+[tag[test2]]→A,D
差集合(difference /and not)はマイナスを入れて
[tag[test1]]-[tag[test2]]→B,C

細かい挙動を知らんのでこの結果を更に処理(sort[]とか)のやり方はまだ分からん
加筆修正歓迎

27 :名無しさん@お腹いっぱい。:2018/06/27(水) 01:24:52.38 ID:eJVw6bIc0.net

:2018/07/09(月) 15:14:34.46 ID:i1zpjMX00.net

:2018/06/19(火) 17:31:41.14 ID:l0Pvtt990.net

◎便利な使い方
・Dropboxなどのクラウド上にTiddlyWikiのファイルを保存すれば、擬似的な差分バックアップが自動で取れる。
・「savetiddlers」では保存先が限定されるので、シンボリックリンクを設定することでクラウドへの保存が可能。
・クラウド上のTWファイルをGoodReaderなどのファイルアプリで「同期」を取れば、スマホなどで閲覧も可能。(保存は未検証)

◎あると有用な知識(メモ帳や日記帳を作る程度なら、何の知識もなくてもOK)
・HTMLとCSSの知識(分かんなきゃ、その都度検索すれば、ここで聞くより早い)
・公式リファレンスを読む言語力(Widgetとか、Filterの動きとか、Google翻訳で何となく読める)
・引数とか変数とか、ちょっとしたプログラムの知識
・JavaScriptの知識があれば、ちょっとしたマクロも自分で作れる
http://tiddlywiki.com/dev/index.html#JavaScript%20Macros

◎TWを使うコツ
・初めからカスタムしすぎないほうがいい(のちのち困ってイチから作り直すハメになる)
・特に「タイトル」のつけ方は「TW内リンク」と直結するので、よくよく考えてつけるべし
・複数のtiddlerを一括で編集するときはテキストエディタの「置換」が便利

18 :名無しさん@お腹いっぱい。:2018/06/26(火) 16:54:28.85 ID:tvfT6HbK0.net

何かを入れたり作ったりする時は 必ず バックアップを取ろう。定期的なバックアップも忘れずに
エラーで読み取れなくなったり、セーブ中にクラッシュしてデータロストという可能性もある

公式で読むページのおすすめ

:2018/09/09(日) 14:19:17.32 ID:p/DhJMfY0.net

<$eval>{{!!a}}*{{!!b}}</$eval>が機能するから
ちょっとした計算機とか料理のレシピで人数に応じて分量を増やすのとか出来るな
料理はテンプレート的なのを用意しないとレシピ登録までがめんどくさそうだけど

9 :名無しさん@お腹いっぱい。:2018/06/21(木) 01:28:47.35 ID:4j5Dlk1a0.net

:2018/10/07(日) 11:12:17.95 ID:ZH/9Sswv0.net

Typora高性能だな
コードとプレビューを分けずに融合している
.mdの標準エディタにしてもいいくらい

40 :名無しさん@お腹いっぱい。:2018/07/08(日) 00:29:43.65 ID:kkomypSi0.net

:2018/06/19(火) 17:25:22.48 ID:l0Pvtt990.net

○TiddlyWiki 公式
https://tiddlywiki.com

○TiddlyWiki 公式リファレンス(英語)
https://tiddlywiki.com/#Reference

〇TiddlyWikiの特徴
・略称は「TW」、「TW5」など
・TWにおける記事単体のことは「tiddler」と公式では表現している
・サーバーを用意せずともHTMLファイル1つで動作するためインストールなども不要
・ブラウザでHTMLファイルを開き、動的に情報の追加・修正が可能
・見た目のカスタムも自由自在
・「Field」や「Widgit」を駆使して、記事単体を簡易DBのレコード・カラムのように扱うことも可能

26 :名無しさん@お腹いっぱい。:2018/06/26(火) 23:22:35.63 ID:tvfT6HbK0.net

:2018/06/21(木) 09:12:31.25 ID:Bu7U3AF/0.net

https://tiddlywiki.com/#Introduction%20to%20filter%20notation
最後の見出しで「Special parameters」とあるところ

14 :名無しさん@お腹いっぱい。:2018/06/26(火) 01:50:49.29 ID:GD0KkhNs0.net

:2018/06/27(水) 23:33:48.74 ID:LSppXTqoO.net

例えば、どんな調整・カスタマイズしてますか?
自作マクロ含めて。

17 :名無しさん@お腹いっぱい。:2018/06/26(火) 09:20:04.00 ID:Qxb1KW980.net

:2018/06/26(火) 18:09:53.63 ID:tvfT6HbK0.net

と思ったけど:2018/06/22(金) 10:19:08.91 ID:cbeSrnNl0.net

※transcludeのしくみ
{{tiddler}} ←「指定Tiddler」の「タイトル」の参照引用
{{tiddler!!fields}} ←「指定Tiddler」の「特定Field」の参照引用
{{!!fields}} ←「現在のTiddler」の「特定Field」の参照引用

いきなりマクロに記述すると、どこで動かないのか分かりづらいので
単純にウィジット単体で記述→動作確認してからマクロに組み込むことをおすすめする
Listウィジットを複雑に組み合わせるような記述だと、transcludeはかなり落とし穴が多い

42 :名無しさん@お腹いっぱい。:2018/07/09(月) 01:29:29.50 ID:SbondNkv0.net

本文前に表示したいテンプレートを作成し(「$:/tags/ViewTemplate」タグ)、
firld:list-afterに「$:/core/ui/ViewTemplate/tags」と入力すると、自動的に本文の前に表示されることがわかりました。
やりたいことがほぼ解決しました。

新たな質問があります。
field:photoに図や写真のURLを入力して、テンプレートで表示したいと思いました。
そこで、テンプレートに[img[{{!!photo}}]]と書いたのですが、画像が表示されません。
<img src=”{{!!photo}}”>でもダメでした。
何か方法があるのでしょうか?

参考になったらSNSでシェアお願いします!

レスを投稿する(名前省略可)

この記事を読んだ方へのおすすめ

  • 【Linux】カーネル総合7【Kernel】

    元スレ 1 :login:Penguin:2015/04/22(水) 14:53:55.73 ID:kqdgPrE/.net 公式 http://www.kernel.org/ 前スレ 【Linux】カーネル総合6【Ke…

  • オナニー用画像ビューア総合スレ Part1

    元スレ 1 :名無しさん@お腹いっぱい。:2007/11/11(日) 17:38:23 ID:p1ku5Qq80.net このスレは主にオカズを見る事に特化していると思われる  画像ビューアについて情報を交換し合うスレで…

  • なぜシェルスクリプト言語で大規模アプリが作れないのか?

    元スレ 1 :login:Penguin:2013/05/26(日) 20:22:37.82 ID:tvV5yzua.net シェルスクリプト言語が強力であれば、 大規模アプリが作れるはず。 逆に、大規模アプリが効率良く…

  • unDonut Part36

    元スレ 1 :名無しさん@お腹いっぱい。:2015/09/22(火) 13:42:06.79 ID:7vwCghF/0.net unDonutをカスタマイズしたunDonut+modについて語り合うスレです。 Donut…

  • ( ´_ゝ`)流石(´<_`  )ぃぬx板

    元スレ 1 :login:Penguin:02/11/21 00:28 ID:DWTqNis3.net ぃぬx入れた。と             ∧_∧      ∧_∧  (´<_`  )  何に使うんだ?兄者。…

  • Hoot サウンドエミュレータ v0.06

    元スレ 1 :名無しさん@お腹いっぱい。:2015/01/01(木) 11:50:48.49 ID:SVjQVtfY0.net ■前スレ Hoot サウンドエミュレータ v0.05 http://anago.2ch.ne…

  • 【フリーの波形編集ソフト】Audacity part6

    元スレ 1 :名無しさん@お腹いっぱい。:2017/03/19(日) 03:59:47.41 ID:x92NyYSD0.net フリーでオープンソースのレコーディング/サウンド編集ソフトウエア「Audacity」。 マル…

  • Linux Mint 27

    元スレ 1 :login:Penguin:2018/06/20(水) 22:33:07.22 ID:6PsTxCCu.net Ubuntu派生のディストリビューション、Linux Mintのスレッド LMDE(Debia…

  • Web翻訳家 志賀慶一氏を語るスレ 14

    元スレ 1 :login:Penguin:2018/04/19(木) 00:25:32.70 ID:Qb8edF/2.net Linuxの日本語翻訳で国際的な活躍をされている志賀慶一氏を語るスレです 渦中の人物について …

  • Linuxってなんの存在価値があるの

    元スレ 1 :login:Penguin:2012/08/04(土) 11:17:22.81 ID:RmTjH5Yw.net WindowsとiOS以外ゴミだろwwwwwwwwwwww 45 :login:Penguin…

  • LINE PC版 無料通話・メッセージ ライン#1

    元スレ 1 :名無しさん@お腹いっぱい。:2015/04/11(土) 17:22:51.31 ID:+V0UdwaQ0.net Windows、Macで利用できるPC版LINEのスレです 公式サイト http://lin…

  • 【林檎より美味しい?】Pear Linux【洋梨】

    元スレ 1 :西洋梨:2012/11/06(火) 17:53:54.34 ID:3mllLxPb.net UbuntuベースのシンプルLinux 是非一度ご賞味あれ。 199 :login:Penguin:2014/03…

最近のコメント

匿名 : Opera12(Presto) Part8
 Dragonflyが使えなくなったorg (6/25)
匿名 : あえてコマンドライン禁止のLinux
 いまではほとんどのディストリのインストで日本語環境までコマン... (6/15)
ページTOPへ↑