tag:crieit.net,2005:https://crieit.net/tags/wiki/feed Crieitでタグ「wiki」に投稿された最近の記事 2022-04-14T12:15:20+09:00 https://crieit.net/tags/wiki/feed tag:crieit.net,2005:PublicArticle/18168 2022-04-13T14:42:49+09:00 2022-04-14T12:15:20+09:00 https://crieit.net/posts/Tiddlywiki-Android <p>Tiddlywiki とはどういうものかというと、情報カードみたいにセルを取り出せるブログまたは、 wiki みたいな <a target="_blank" rel="nofollow noopener" href="https://en.m.wikipedia.org/wiki/Zettelkasten"> Zettelkasten </a> てものです。</p> <p><a target="_blank" rel="nofollow noopener" href="https://tiddlywiki.com/">https://tiddlywiki.com/</a></p> <p>html ファイル 1 つだけで完結しているものも出来上がるので、github pages でおいておくこともできます。</p> <p><a target="_blank" rel="nofollow noopener" href="https://ja.m.wikipedia.org/wiki/TiddlyWiki">https://ja.m.wikipedia.org/wiki/TiddlyWiki</a></p> <hr /> <p>Tiddlywiki を android で termux アプリを使って node.js の <strong>web サーバー</strong>で使う場合について書きます。</p> <p><code>ctrl</code> キーが必要なので hacker's keyboard などの 仮想キーボードアプリが必要です。</p> <p><a target="_blank" rel="nofollow noopener" href="https://github.com/klausw/hackerskeyboard">https://github.com/klausw/hackerskeyboard</a></p> <hr /> <ul> <li>まずはじめに node.js をインストールしておきます。</li> </ul> <p>pkg （ termux のパッケージマネージャーのコマンド ）でインスールします。</p> <pre><code class="bash">pkg install nodejs </code></pre> <ul> <li>npm （ node.js のパッケージマネージャーの <code>npm</code> コマンド）を使ってTiddlywiki をインストール。</li> </ul> <pre><code class="bash"><br />u0_a185@localhost ~> npm install -g tiddlywiki added 1 package, and audited 2 packages in 17s found 0 vulnerabilities npm notice npm notice New minor version of npm available! 8.5.4 -> 8.6.0 npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.6.0 npm notice Run npm install -g [email protected] to update! npm notice </code></pre> <ul> <li>local host (<code>127.0.0.1</code>) に <strong>mywik</strong>i という名前で、tiddlywiki （ウィキ）を作ってみます。</li> </ul> <pre><code class="bash">u0_a185@localhost ~> tiddlywiki mywiki --init server Copied edition 'server' to mywiki </code></pre> <ul> <li>local host ポート番号 <code>8080</code> に <strong>web サーバー</strong>を起ち上げます。</li> </ul> <pre><code class="bash">u0_a185@localhost ~> tiddlywiki mywiki --server 8080 syncer-server-filesystem: Dispatching 'save' task: $:/StoryList Serving on http://127.0.0.1:8080 (press ctrl-C to exit) </code></pre> <p>ブラウザのアドレスバーに、<code>127.0.0.1:8080</code> とタイプしてエンターします。<br /> あとはブラウザ上で、操作します。</p> <p>終わるときは node.js の <strong>webサーバー</strong>をストップさせます。</p> <p>termux のターミナル上で <code>ctrl</code> キーと <code>c</code> で node.js の <strong>web サーバー</strong>を止めます。</p> <p><a href="https://crieit.now.sh/upload_images/a43079fd953a0c294890492032a1256a62566931004e9.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/a43079fd953a0c294890492032a1256a62566931004e9.png?mw=700" alt="image" /></a></p> <p>plugin を追加するには、web サーバーを止めておいて、ターミナルから、作った <strong>mywiki</strong> ディレクトリにある <strong>tiddlywiki.info</strong> ファイルをテキストエディターで編集します。plugin 、は存在が確認できているものを tiddlywiki.info に書き足していくと、サーバーを起動してブラウザでアクセスすると反映されています。json 形式のファイルを編集したことがあれば、下のキャプチャした画像を見れば理解できるはずです。</p> <p>markdown のプラグインを追加している様子。<br /> <a href="https://crieit.now.sh/upload_images/4efab44c79645651adb643782c5a899f62567460080d1.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4efab44c79645651adb643782c5a899f62567460080d1.png?mw=700" alt="image" /></a></p> <p><a target="_blank" rel="nofollow noopener" href="https://youtu.be/KsXCTbRmAHI">https://youtu.be/KsXCTbRmAHI</a></p> <hr /> tomato