PagesでTiddlyWikiを作成する!TweetPocketパソコンで作業をしていると、どうしてもパソコン上でメモを取ることが多い。私の場合は、付箋アプリとテキストエディタを駆使し、必要ならスマホやパソコンの自分のメールアドレス宛にメールを送信しておき、どこでも必要なメモを参照できるようにしている。付箋アプリを愛用してデスクトップにメモを貼り付け、アイデアを文章化するに当たってはテキストエディタでドラフト版を作成して保存しておき、時間がある時に仕上げるやり方をして来たが、最近はそれも限界になって来た。Pagesの仕組みを使い、TiddlyWiki(ティドリーウィキ)を作ってみようと閃いたのである。「SourceTreeやGitHubってなに?」な人は、次の本サイト記事を参照のこと。Desktopと同様にWindowsからGUIでGitHubが利用可能なSourceTreeを導入し、使ってみようと思う。付箋アプリは便利で、思い立ったらすぐにメモをデスクトップ上に貼れるし、不要になれば剥がせる。サイズ的に文章を貼るには不向きだし、何より付箋の内容が検索できないので、「あれ?あのメモどこ逝った?」ってことになる。したアイデアを文章としてメモしておくにはテキストエディタが良いが、これも数が多くなって来ると、ファイル名を付けるのも、ファイル名から内容を思い出すのも苦痛で、最悪は「あれ?あのメモのテキストはどこに保存したっけ?」ってなことになる(いちいちgrepするのも面倒)。すると、やはりマイクロソフトのOneNoteにメモをまとめるのが良いが、でもクラウドでちゃんと使うにはカネがかかる。すると「Wikiにまとめるのが良いんじゃね?」となるが、わざわざPukiWikiを立ててメモ用のサイトを作るのもちょっと面倒だし、そこまでのスペックは必要ない。調べてみると、一人用の軽量Wikiは色々とある。WikiMDwikiTiddlyWikiそこで、私なりに検討してみた。ひとりWikiひとりWikiは、ローカル環境でプログラムを起動するだけでWikiが書けてしまうフリーソフトだ。従来の私の運用方法であれば、多分これで十分だろう。users自作のソフトhttp://www2u.biglobe.ne.jp/~MAS/soft.htmlプラグインも色々とあるし、記法もYukiWiki風・PukiWiki風・DokuWiki風と選べるので、PukiWikiラブな私にとって使いやすそうだ。DLLを利用した機能の拡張が可能で、Delphiでのサンプルソースも提示している。Delphi使いな私なら、割と簡単にプラグインを開発して拡張も出来る。ひとりWikiで作成したドキュメントをHTMLに変換できると言ってみても、Windowsアプリとして完結しているため、ローカル環境以外の可用性は低い。WikiWikiと呼んでいいのかは不明だが、GitHubには最初からマークダウン記法で記述する、Wikiモドキのような機能がある。URLは次のようになる。https://github.com/ユーザ名/リポジトリ名/wikiこれは非常にシンプルで、SourceTreeで簡単に更新も出来るし良い。ページ1枚のシンプル過ぎる構成なので、私の用途には合わない。Wikiよりも高機能で、ひとりWikiのようにローカル環境で完結することも可能だし、GitHubでも簡単に構築出来る。Pagesなので、かなり良いと思う。唯一残念なのが、これもシンプル過ぎるゆえ、複数ページの中から検索する機能がない。Pagesに置いておけば簡単便利なWikiとして使えそうだ。ひとりWikiと違う点はアプリではなく、ブラウザから利用するという点だろう。WikiやMDwikiの場合は、ローカルでファイルを編集してSourceTreeでGitHubにプッシュしてやる必要があるため、お手軽なメモとしては使いにくい。Pagesで公開してしまえば、後の作業はブラウザのみで完結するので、メモとして使うのに最適だろう。Pagesの仕組みは非常に簡単で、自分のGitHubのアカウントにページとして公開する専用のリポジトリを作成し、そのリポジトリにHTMLファイル等を追加・更新する形でウェブページを作って行くイメージである。repository」をクリックする。最後にボタンをクリックしてリポジトリを作成するリポジトリを作成すると図のような画面になるが、GitHubで作業はしないので、リポジトリが正常に作成したかを確認する程度でOK。SourceTreeを起動し、先ほど作成したリポジトリをローカルにクローンするため、赤枠の「Clone」をクリックする。図のようにリポジトリをクローンするディレクトリを指定し、赤枠の「クローン」ボタンをクリックする。Pagesで自分専用のページを作成する準備が完了した。TiddlyWikiをダウンロードしてGitHubにプッシュする次に、TiddlyWikiの公式サイトに行き、TiddlyWikiをダウンロードする。Empty」ボタンをクリックする。使っているブラウザやそのバージョン、それに設定によって振る舞いが違うが、図のように保存ダイアログが出る場合、ファイル名を「empty.html」から「index.html」に変更してダウンロードする(ダウンロードフォルダに自動でダウンロードされる場合は、ダウンロードフォルダのempty.htmlファイルをindex.htmlに名前を変更し、先ほどSourceTreeで作成したリポジトリのフォルダにコピーする)。Pagesでページを作成したばかりだと、URLで「index.html」を省略するとエラーになる)。SourceTreeではこのような画面になる。画面の赤枠のどれをクリックしても良いので、ダウンロードしたindex.htmlファイルをインデックスに追加する。プッシュする」をチェックして「コミット」ボタンをクリックしてコミット&プッシュする。PagesにTiddlyWikiの設置が完了した。Started」状態で起動する。英語のまま使うのはイヤなので、図の赤枠の歯車アイコンをクリックしてコントロールパネル画面へ移動する。plugins」をクリックする。library」ボタンをクリックする。図の赤枠の「Languages」タブをクリックする。30言語ほどプラグインがあるようだ。図のように下へスクロールすると「Japanese(Japan)」があるので、赤枠の「install」ボタンをクリックする。すると、ブラウザの上部に図のような表示が出るので、赤枠のボタンをクリックする。これで日本語プラグインがインストールされたindex.htmlファイルがダウンロード可能になるから、先ほどSourceTreeで作成したリポジトリのフォルダにダウンロード(またはダウンロードフォルダからコピー)する。プッシュする」をチェックした状態で「コミット」ボタンをクリックする。language:」欄の「English(British)」コンボボックスをクリックすると、赤枠のように「Japanese(Japan)」が選択可能になるので、選択する。changes)をクリックし、変更を保存する。するとまた、日本語プラグインがインストール+有効化されたindex.htmlファイルがダウンロード可能になるから、先ほどの手順でリポジトリフォルダにダウンロード(またはダウンロードフォルダからコピー)し、SourceTreeでコミット&プッシュする。Pagesの自分のサイトにアクセスすると、図のように日本語化されたのが分かる。TiddlyWikiの変更をHTTPS経由でGitHubに保存するTiddlyWikiは1ファイルのみで完結しているので、何か設定を変更したり、一般的なWikiで言うところの「ページ」(これをTiddlyWikiでは「tiddler」(ティドラー)と呼ぶ)を追加したり変更をした場合、自分自身のファイルを上書きする仕組みになっている。Pages上でTiddlyWikiを操作するたびにファイルをダウンロードしてSourceTreeでコミットしてプッシュするのは非常に手間だ。APIを使ってブラウザからHTTPS経由でGitHubに保存するように設定してやる必要がある。Saver」を変更し、SourceTreeでコミットしてプッシュしてやれば良い。それにはGitHubでパーソナルアクセストークンを生成する必要があるので、GitHubで作業する。GitHubのアカウントアイコンをクリックし、図の赤枠「Settings」をクリックする。Settings」をクリックする。token」ボタンをクリックする。password」ボタンをクリックする。生成するパーソナルアクセストークンの内容画面に遷移するので、図のように設定する。token」ボタンをクリック図のようにリポジトリにフルアクセス可能なパーソナルアクセストークンが生成されるので、赤枠部分のトークンをテキストエディタ(もしくはメモ帳)等へコピー&ペーストして保存しておく。トークンはパスワードと同等の機密内容なので、厳密に管理しておく必要がある。ページを移動してしまうと、GitHubではセキュリティ上トークンの再表示が出来ないので、要注意。次に、TiddlyWikiのコントロールパネルでGitHubセーバーの設定をする。Saver」タブをクリックし、次のように設定する。設定が反映されたindex.htmlファイルをダウンロードし、SourceTreeでコミットしてプッシュする手順は今までと同じだ。変更点が保存できるか?を確認するため、図のようにTiddlyWikiの表示設定を変更してみる。赤枠「表示」タブ→「ツールバー」タブをクリックし、「サイドバー」タブに、赤枠の「ホーム」アイコンと「インポート」アイコンをチェックし、最後に赤枠のアイコン「Wikiを保存します」をクリックしてみる。PagesではTiddlyWikiの変更点が反映される。何かしらエラーが表示された場合はGitHubセーバーの設定が間違っているので、SourceTreeでGitHubセーバーの設定を変更したコミットを取り消してindex.htmlファイルを元に戻し、再度GitHubセーバーの設定をやり直す必要がある(TiddlyWikiのGitHubセーバー設定が間違っていると、ファイルを元に戻さない限り永遠に設定の変更が保存できない)。PagesでTiddlyWikiを立てたい人には、正にピッタリな記事だと思う。TiddlyWikiを日本語化したり、TiddlyWikiの変更をGitHubにそのまま保存可能なところまで図を多用して詳細に解説したので、PukiWikiほど本格的なWikiシステムは必要ないが、手軽にメモ代わりに情報発信する手段として、有用な内容だろう(自画自賛)。TiddlyWikiはファイル構成こそ非常にシンプルなものの、プラグインの導入でマークダウン記法で記述することが可能だし、プラグインでテーマを変更すれば見た目も手軽に変更できる。Pagesで仕事や個人的なメモをローカルとクラウドの両方で運用しようと思うと、やはり無理がある。Pagesでは.htaccessによるBasic認証が出来ないTiddlyWikiにはBasic認証に準ずる認証機能がないからだ。Pages上にあるTiddlyWikiを更新しても、簡単かつ常に同期を取って最新の状態を保持できる。Pagesでは全公開になってしまうので、如何ともしがたい。́)ノGitHubの仕組みを使っているから、独自にJavaScriptで「なんちゃって認証」をTiddlyWikiに組み込んだとしても、簡単に突破できてしまうのだ。優先順位と有用性は1.~3.の順となる。どれも今すぐサッとやれるアイデアなので、次回は1.のBitbucketでウェブページを作って検証し、記事にしようと思う(恐らく.htaccessによるBasic認証は普通にダメな気がするが)。自前でBasic認証に準ずる実装をするのは、工数の割にメリットが薄い。なにより面倒がクサイ(本音)。dajya_ranger_TweetPocketオヤジ戦隊ダジャレンジャーMZ-2000とPC-6601SRをこよなく愛する現役のSEにしてガチな松本零士ヲタク。14歳で『人間失格』の洗礼を受けたダザイストで18歳から毎年桜桃忌に参加する太宰治真理教信者の変態。レガリアとカワサキZX-4。2019.11.15突然だが、昨日からメールが受信出来ない。WordPress.。