ひとり用wikiソフト

辞書や用語集などを作るのに便利なwiki。
もはや必須ツールと化した感もあるが、
ネット経由でなく、個人のパソコンの内部で
動作する、個人用wikiもあるぞ。

今日は、そのうち、ベクターで発見した
フリーソフトを2本紹介する。

(1)PersonalWiki
http://www.vector.co.jp/soft/winnt/net/se340407.html
便利。画像も張れる。

(2)ひとりWiki
http://www.vector.co.jp/vpack/browse/pickup/pw6/pw006529.html
ダウンロード数は多いようだが、画像が貼れないバグがある。
作者と連絡が取れない

以上の２つのほかにも、ベクターのカテゴリの
Windows > PickUp Windows > インターネット＆通信 > HTML作成
http://www.vector.co.jp/vpack/filearea/winnt/net/htmledit/index.html
に、いっぱいあるので、各自探して欲しい。

>906
正直普通にTiddyWikiのスレ立てるべきだったと思う
新規とかいないし

このスレ立ったの2006年の04月なんだな
十年以上前とか少し胸熱

Tiddler Managerで「created」でソートかけて
自分の最古のTiddlerを調べてみたら2009年だった
ずいぶん長いこと使ってるんだなーと、ちょっと胸熱

ハイパーリンクの後ろに内部イメージのsvgをつけたいのですが、CSSはどのように書けばよいのでしょうか。

例えば、データファイルへのリンクにフォルダー画像を表示したい場合、
フォルダー画像が外部ファイルなら、content:url("〜〜〜.svg");でできたのですが、
$:/core/images/folderをつけたい場合は、どう書けば良いですか？

>>934
ちょっと力技だけどデフォルトのtiddlerアイコンを表示させる分にはいいかな。
マクロの内容はsvgタグにxmlns属性がなければ追加してからdataURIに変換するってことをやってる。

ついでにcssのほうはmaskにsvgを設定することで色と大きさを変更できるようにしてみますた

¥define svg(title)
<$set name="content" filter="[[$title$]search:text[xmlns=]]" emptyValue={{{ [{$title$}removeprefix[<svg]addprefix[<svg xmlns="http://www.w3.org/2000/svg";]] }}} value={{$title$}}>
<$macrocall $name="makedatauri" text=<<content>> type="image/svg+xml" $output="text/plain"/>
</$set>
¥end

a::after {
content: "";
mask: url(<<svg "$:/core/images/folder">>) no-repeat;
-webkit-mask: url(<<svg "$:/core/images/folder">>) no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: currentColor;
display: inline-block;
width: 1em;
height: 1em;
}

>>935
ありがとうございます。
結構手間がかかる作業をしなければならないのですね・・・。内部画像なので楽にできるのかと思っていました。

他にも教えていただけないでしょうか。

最近更新されたtiddlerや最近作成されたtiddlerのリスト（新しい順）を表示させるにはどうしたらよいでしょうか。
リストにはハイパーリンクをつけたいです。

>>936
listウィジットとlinkウィジットを組み合わせればおｋ
例えば更新された最近の20件のTiddlerを出力したけりゃ

<$list filter="[sort[modified]!limit[20]]">
<$link>{{!!title}}</$link>
</$list>

後はお好みで<ul>とか<li>で装飾して、CSSで箇条書きに成形したり
filterのsortをmodified→createdで制作日を基準に並べ替えたり
公式リファレンス参考にしたら、もっと複雑なリストもつくれるぜー
http://tiddlywiki.com/#GroupedLists
http://tiddlywiki.com/#Filter%20Operators

>>935で書いていただいたことを実行しましたが、四角が表示されるだけで、フォルダーのｓｖｇが表示されません・・・。
\は変換済です。

>>938
>>876
http://caniuse.com/#search=mask
じゃね？

Windowsのローカルフォルダをエクスプロラーで開けるのはHTA便利だけどね
HTA一般、便利な分コンピュータウィルスの温床だから野良コードを未検証に拾い食いするには向かんべな
まあ遊び専用のパソコンとか自己責任で収まる範囲でどうぞ

svg タグの中に script タグ書くと safe-script と「safe-」が自働で付加されるのね
外部リンクも、わさわざ<a>タグ記述しなければパーマリンクで target="_blank"とrel="noopener noreferrer"と自働で追加されるみたいだし
TW5のこいうとこ個人的には好きだわ〜

>>940
考えてみればscript タグ 別にsvg タグの囲みの外でも使えなかった…です。
スレ汚し失礼しました。

TiddlyDesktopちらっとだけ動かしてみたけど
Wikiのパスに2バイト文字が混じっているとsaveでコケるようだ

nw.js でちらっとぐぐってみたけど HTAからの乗り換え候補になりそうな予感？
（ローカルファイルへのアクセス、クリップボードへのアクセスetc.）

Fx52 32bit ESRとFx57 64bit DE比べてみたけど
TiddlyWikiのインクリメンタルサーチのカク付が若干減ったかなという程度で
パフォーマンスはさほど変わらず
TiddlyFoxが対応してないので閲覧のみになってしまうので論外だな

前々から気にはしていたが、いよいよ次期バージョンの57でWE版Addonしか動かなくなったらやべーな
Chromeと同じ形式になるんなら、SAVEする度、指定ダウンロードフォルダにコピーがつくられていくのか…
Dropboxに丸ごと上げてbackup兼ねてたからこの方式になると辛いわー

これを機に、Dropbox Paperに移行しようかと思う
記事内でジャンプできる目次にも惹かれる

SVG云々だけど、新規アイコンとして追加（取りこむ）する方法を備忘録がてらに書いておく

ttps://qiita.com/akiy502/items/3fea96df87feceae0c6e
ココを参考にmarkdownで新規投稿ボタンを作っておく

markdownのアイコンを
ttps://github.com/dcurtis/markdown-mark/blob/master/svg/markdown-mark-solid.svg
から拝借。RAWってボタンをクリックするとテキストで表示されるので全選択してコピー
自分で作った場合とか、既にローカルに保存されてるSVGを使う場合はメモ帳とかで開けばテキストで読める

TiddlyWiki5で新しいtidderを作成（markdown記法じゃないデフォルトの）
タイトルを $:/core/images/markdown
タグ名を $:/tags/Image
本文にさっきコピーしたSVGのテキストを貼りつけ
そのままだとアイコンが大きすぎるので、width="208" height="128" を width="22pt" height="22pt" に変更して保存

最初に作ったmarkdownの新規投稿ボタンの本文5行目を
{{$:/core/images/new-button}} から {{$:/core/images/markdown}} に変更して保存

完成

Firefox57で必須のアドオンTiddlyFoxが死んで困る人は
Firefox ESRを導入するか、面倒ならTiddlyDesktopという手もある
Firefox ESRも「延命」でしかないから、有る意味TiddlyDesktopが最適解かもしれん

自分はそのうち解決策が出てくると信じつつ
ESRで来年6月まで粘って
その後はバージョン固定したFirefoxのPortableバージョンで使っていくつもりだ
レガシーアドオンサポートを謳うブラウザもあるようだし

HTA化や開発の止まっているTiddlyDesktopは不便すぎるし将来性もFx以上に不安

ちょっと前にTiddlyWiki5にMarkdownプラグイン入れて使ってみてますが
これって記事の頭に勝手にその記事の目次のリンク入れる事ってできますかね

>>949
Wikiでよくある見出しのリンク一覧みたいなのは
見出しを書き出すところまでは出来てもページ内リンク(アンカー)ができない(>>908 Q2.)
たいていtabsマクロとか>>912の1行目ので代用してると思われる

記事の頭に決まった物を入れたい場合は新規Tiddlerボタンか表示のテンプレートを弄ると作れる
基本的に前者だと思うので>>796を参考にしながら<$action-sendmessageのとこに
type="image/jpeg"と同じようにtext="新規作成時に入力したい文字列"を書き加える

\define tabv(tagname defaulttab:"" description)
<<tag "$tagname$">>$description$<<tabs "[tag[$tagname$]]" "$defaulttab$" "" "tc-vertical">>
\end

\define tabh(tagname defaulttab:"" description)
<<tag $tagname$>>$description$<<tabs "[tag[$tagname$]]" "$defaulttab$" "" "">>
\end

<<tabv "Task" "Taskタグとは" "Taskタグの付いたTiddlerを縦並びのタブとして表示">>

タグを指定してタブとして並べるというのはあまりにもよく使うからマクロ化したけど
PukiWikiの#contents相当は標準機能として欲しいな
これがないとtiddlerとしてバラす必要のないものまでバラさないといけないし
タグでグルーピングするまでもないものにもタグつけないといけないし

スクロールはJavaScriptでできるとは思うけど公式がやってくれるのに期待したいね
タグつけたくない場合はタイトルを"タグ名/本来のタイトル"にしてフィルタ変えるとか(>>703〜も参考にしつつ)
複数箇所で呼び出すならどっかのTiddlerに作って置いて{{タイトル}}とかあるけどやっぱタグが楽ちん
表示したくないだけならビューテンプレートを弄って特定の文字列から始まるタグは画面に表示しないって手もあるか

ＴＷ5で自作メニューを作成中です。

{{$:/core/images/down-arrow}}を押すと、デフォルトの右側メニューのOPENのようなリストをポップアップで表示したいのですが可能ですか？
検索結果が表示されるのと同じスタイルで、今開いているtiddlerの一覧が表示されます。
そしてそれをクリックするとそのtiddlerに移動。

また、同様のスタイルで、特定のタグのリストがポップアップで表示されるといこともやりたいです。
例えば「編集」という項目の右隣りに{{$:/core/images/down-arrow}}を表示して、クリックすると
ポップアップで「編集」というタグがついた一覧がベローンと表示される。
再度{{$:/core/images/down-arrow}}を押すと閉じる。

という操作です。

>>953
自作メニューというのと
{{$:/core/images/down-arrow}の指定は何か意図があるのか分からない

ボタンのクリックでドロップダウンリストを表示してクリックでアクションということなら可能。幾つか方法がある。

一例としては最新版の
「$:/core/ui/AdvancedSearch/Filter/FilterButtons/dropdown」
この方法は<$linkcatcher>を使っているところがみそ

OPENのフィルターは「$:/core/ui/SideBar/Open」が参考になる

前提としてCSSのpositionプロパテあたりの知識はないとレイアウトの調整で詰むかも知れない

最近TW5に移行したのですが、タグを「全て開く」機能はなくなったのでしょうか

タグ付けされたtiddlerを一括で開くってことなら
タグピルをサイドメニューのOPENタブのリストエリアにドラッグアンドドロップで出来るけど…
（version: 5.1.14 以上）

>>954
{{$:/core/images/down-arrow}は見た目です。これを押してポップアップが下に開くデザインが気に入っているからです。

<span class="tc-popup-keep">
<$button popup=<<qualify "$:/state/filterDropdown">> class="tc-btn-invisible">
opened tiddler</$button>
</span>
<$reveal state=<<qualify "$:/state/filterDropdown">> type="popup">
<div class="tc-block-dropdown tc-edit-type-dropdown">
{{$:/core/ui/SideBar/Open}}
</div>
</$reveal>

こう書いてみたのですが、ポップアップの中の表示がおかしくなります。
何がいけないのでしょうか。

>>957
CSS的に tc-block-dropdown クラスが子（孫）セレクタのボタンかなにかに干渉してるかな？
tc-block-dropdown クラス（のCSSの記述を調べて）を自分で別途追加するか不要なら削除とか試してみて

>>958
ありがとうございます。もう少し試行錯誤してみます。

>>958
tc-block-dropdown クラスの修正方法がわかりませんでした・・・。
もし一から書くとしたら、どのようなCSSを書けば良いのでしょうか。

>>960
$:/AdvancedSearch で検索すると
$:/themes/tiddlywiki/vanilla/base と
$:/themes/tiddlywiki/snowwhite/base （選択テーマによっては無視）が
出てくるので、取りあえずそこの定義を参考にするとよいのでわ…

.tc-block-dropdown {
position: absolute;
min-width: 220px;
border: 1px solid <<colour dropdown-border>>;
background-color: <<colour dropdown-background>>;
padding: 7px 0;
margin: 4px 0 0 0;
white-space: nowrap;
z-index: 1000;
text-shadow: none;
}

.tc-block-dropdown {
border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
}

他に .tc-block-dropdown a{… 等も定義されているので真似るか真似ないか判断していく
（一度に見るの面倒なら取りあえずは無しで様子見とか…）

元のクラスを直で弄ると同じの使ってる他のところに影響が出かねないから
例えば同じタグに適当なクラスを指定して
CSSは.tc-block-dropdown.fooみたいに書いたりした方が無難

Google Sitesで自分用Wiki作るのは危険ですか？

>>961、>>962
ありがとうございました。やりたいことができました。

CSSでSVG画像をリンクの後ろにつけるのが、いまだに実現できません・・・。
外部の画像ならできるのに、内部のSVGはなぜこんなに難しいのでしょうか・・・。

>>964
上の方ですでにレスが付いている
なにが難しいのかはかりかねる

おそらく886等とも同じ人ではないかと予測するのだけれども…、
スコップでご飯をよそるしゃもじで布団を叩く
ツールの使い方が我流で素直ではないような予感がする。

さらに憶測すると、TW5以前にHTML、CSS、SVGに対する
基礎知識が頭の中に体系化していない。
それは急げば回れで入門書でも読むと良いのではないだろうか？

的外れだったらスマソ。

>>965
仰る通り、HTML、CSSの知識はほぼ皆無です。
いろいろ調べてはいるのですが、>>935　に書かれている内部svg画像の貼り付けがどうしてもできません。外部リンクの画像を貼り付けるのはできるのですが・・・。

>>965
それはブラウザがダメなんじゃねって>>939が書いてる（HTAはIEだかEdgeだと思うがどっちも赤でカーソルを合わせるとサポートしてないと書かれてる）
どうしてもブラウザを変えられない事情があるなら別の方法探すしかない
例えばリンク＋目当てのSVG表示をするマクロを作って既存のリンクを書き換えるとか？
リンクをマクロに差し替えるのに多少手間はかかるが

すまん>>965じゃなくて>>966だった

いつのまにか5.1.15
Firefox57には以下をサジェストするということらしい
https://github.com/buggyj/savetiddlers
https://github.com/pmario/file-backups

保存場所が自由に決められないみたいね

TW5について質問です。

タブ機能は、別名が使えないのでしょうか？

tabsマクロのタブ部分の表示名を変えたいってことなら
表示する対象のTiddlerのcaptionフィールドに表示したい文字列入れればOK

>>972
ありがとうございます。帰宅したら試してみます。
こういう情報は、本家サイトに載ってるのでしょうか？

>>815のAnkiを参考に、これを加工して下記のように書いてみました。注釈用に使えるかと思いまして。

\define Show(Text:"")

<$button class="tc-btn-invisible" popup=<<qualify "$:/temp/popup">>>

`表示`
</$button>
<$reveal type="nomatch" state=<<qualify "$:/temp/popup">> text="">
$Text$
</$reveal>
\end

あ行
<<Show "
!!!補足
50音の最初の行。

あいうえおの5文字。
次は[[か行]]。
https://tiddlywiki.com/
">>

同一tiddler内に複数配置すると、全てが開いてしまいます。個別に開く方法はないでしょうか。
また、「表示」を、「閉じる」に切り替えることは可能でしょうか。

>>973
全部載ってるかはわからないが例も含めれば基本的にのってるんじゃない？
今回のはtabs Macroにこう書いてある
>The tabs display the caption field of a tiddler if it has one, or the tiddler's title otherwise. If specified, the tabs display the tooltip field of a tiddler as the respective button tooltip.
あとExamples見ればFourってタブで同じことしてるのが分かるから（マクロで指定してないタブ名が存在するので）
そこからFourの元tiddlerのフィールドを調べるとcaptionフィールドがFourになってることが分かる

>>974
切替にかんしてはRevealWidgetのExamplesのAccordion or Sliderを参照
同一tidddler内に複数配置すると全部連動してしまうのはRevealWidgetが同じstateを参照してるから
それぞれ違うstateを参照するようにすれば個別に開ける（マクロの引数で渡すようにするとか）
対応するButtonWidgetも合わせて変えるのを忘れずに

>>975
ありがとうございます。
>それぞれ違うstateを参照するようにすれば個別に開ける（マクロの引数で渡すようにするとか）
対応するButtonWidgetも合わせて変えるのを忘れずに

具体的にはどのような記述になるのでしょうか。

moongiftにいくつか来てるけど
あそこ完成度実用性お構いなしに紹介するから役に立った試しがないんだよな

>>977
実際使い込んですらないからな
インストールしてみましたってだけ
それならまだ手順も全て載せてるクソジンのほうがマシ

tidddlerをプレーンテキストで出力するプラグインはありますか？

custom export formatというのでやると、複数のtiddlerが一つのtxtファイルとなって出力されるので困っています

弄る気ないから知らんが
各tiddlerの右上にある方のexportボタンでやってるか？

jsonかcsvで出力してあとはスクリプトで好きなように変換すりゃいいんじゃないの

すげぇ
Tiddlerにギャルゲが埋め込める
ゲームじゃなくてもパワポ的なスライドショーも作れそう
無料版もある

<iframe width="680" height="480" src="http://b.tyrano.jp/demogame/game/"; frameborder="0"></iframe>

Steam で 34% オフ:TyranoBuilder Visual Novel Studio
http://store.steampowered.com/app/345370/TyranoBuilder_Visual_Novel_Studio/

予想はしてたけど、やっぱFirefox57リリース以降はスレ静かになってんなぁ
みんなESRとかでとりあえず延命してんのかね？

自分はさすがにモッサリ動作がうざくなってきて
>>969のsavetiddlersにシンボリックリンクの機能組み合わせて
無理やりDropbox上のTWをいじることにしたが、これセキュリティ的にどうなんだろう

'TiddlyWikiに検索ボックスを付けるコード' | TextUploader.com
http://textuploader.com/dhlas

これで検索ボックスに文字列が残った状態で保存すると
文字列とその検索結果がブラウザリロードしても常時残りっぱなしになってしまうんだけど
保存しても検索ボックスを空にしておくのってどうやるの？

>>985
検索ボックスの文字列や選択しているタブ等といった状態はtiddlerに保存されている
だから該当のtiddlerを弄れば良い(この場合$:/temp/advancedsearch)
1.処理してからセーブするようにする(セーブボタンに処理を組み込む)
2.セーブの対象に含めないようにフィルターを弄る(多分$:/core/save/allが弄る対象)
3.セーブの対象外になるようにtiddlerを指定する
$:/state/popup/で始まるtiddlerは保存されない(2.に書いたtiddlerのフィルター参照)

3と多分2もそのままだと開いた直後にいらん文字列が表示されるのでEditTextWidgetにデフォルト値を指定する必要あり

特定のタグが付いている時だけ、冒頭にメッセージを表示させる方法を教えて下さい。
例えば、stubというタグがあると、タイトルの真下または本文冒頭に「この記事は書きかけです」と表示させるような。（システムや隠しを除く）
オフィシャルのHow to apply custom styles by tagを読みましたが、文章を表示する方法がわかりませんでした。

タグの代わりにフィールドに書いてrevealウィジェット使うかjavascriptでマクロ書く方が楽じゃね
どうしてもやるなら予めタグ名と文章をデータティドラーに書いておいてフィルターでタグ持ってるかチェック→getindex[]にタグ名渡す
表示させる時は適当なティドラーに$:/tags/ViewTemplateってタグつけたらできる
表示位置の調整はタグクリックしてドラッグ＆ドロップで

>>988
ありがとうございます。
結局、CSSのcontentを使って、特定のタグを含む場合だけ本文の前にコメントを表示することにしました。

２ちゃんってまだあるの？
ｖ
1000名様ごん案内
儀賀沢　克明
儀賀沢　浩一
儀賀沢　輝
已門　杏子
己問　なるみ

伊那　博士
祖父江　博士
久野　博士
川凪　博士
別府河内　博士
白森　博士
小菅　博士
宿井　博士
樹木山　博士
劉　博士
国林　博士
淀　博士
神納　博士
女鹿沢　博士
儀賀沢　博士
寺沢　博士
鬼埜　博士
宗田　博士
寿川　博士
比良間　博士
板家　博士

そろそろ次スレか
せっかくTiddlyWikiの情報もいっぱい書き込まれたわけだし
次スレと一緒日本語のWikiでも立てばいいのだが

TW5は本家（https://tiddlywiki.com/）のwikiが充実している。
tiddlerが「チドラー」たったり「子供」だったり、ばらつきに慣れるとGoogleさんの翻訳で読めるようになるから。。

（取り敢えずは、そのまるコピwiki があると便利だとは思うんだけどね……
以前ちょっとググったらそれをwikiとかにして上げるのはGoogleに対して著作権的なグレーゾーンになるらしい……）

TW5
version 5.1.16 来たな。個人的にはクリップボード関係が大きかも

TW5
Ver5.1.16で「$:/core/modules/utils/dom/scroller.js」が改修されていた。
スクロールで不具合出ている人はいれてみる解消するかもしれない。

$:/tags/ViewTemplateで、tiddlerの書式を作る場合、本文の前に何かを表示することって可能でしょうか？

tw5magick.tiddlyspot.com/
のCreating a simple Contacts DB
で、簡単な名簿みたいなのを作ってますが、

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

で表示される「表」を本文の後ではなく、前に持って来たいのですが、可能でしょうか。

$:/core/ui/ViewTemplate/bodyの中身をを弄ればおｋ。書式とかミスると表記おかしくなるので、慎重に。
具体的には・・・

<$reveal tag="div" class="tc-tiddler-body" type="nomatch" state=<<folded-state>> text="hide" retain="yes" animate="yes">
（↑この隙間↓）
<$list filter="[all[current]!has[plugin-type]!field:hide-body[yes]]">

に記述すれば、本文の前に表示できる。

$:/coreに関連するtiddlerはたまに変更されるから、バージョンアップのときは注意ね。
応用で$:/core/ui/EditTemplate/bodyを弄ると、オリジナルのフィールド入力フォームとかも作れる。
人物ステータスとかカスタムフィールドで表示するのが楽しくなるけど、弄るときはバックアップ必須。

ところで次スレ何所？

>>996
ありがとうございます！
次のスレは何処でしょう。用語集とか辞書作成にも使えそうです。

TiddlyWikiの専スレ立てときましたよ

https://egg.5ch.net/test/read.cgi/software/1529396655

そろそろ次スレか

そろ次スレ

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 4450日 18時間 59分 54秒