【HTA】【jQuery】【marked.js】Markdown版ローカルwikiの仕組みと実装例

はじめに

この記事では、HTA（HTML Application）とjQuery、Markdownパーサーであるmarked.jsを組み合わせて、ローカル環境で動作するシンプルなMarkdown版ローカルwikiを作成する方法を解説します。

想定環境

• Windows 環境（HTA実行のため mshta.exe を利用）
• jQuery 1.12.4
• marked.js

主な機能と構成

ローカルフォルダ内にHTMLファイルと各種ライブラリ、Markdownファイルを配置し、ブラウザのセキュリティ制限を受けにくいHTAとして動作させることで、オフラインのローカルwikiとして手軽に利用できます。

ファイルパス（UNCパス）の自動リンク

社内ネットワークなどのファイルサーバを示す \\ で始まるファイルパスを自動解析し、リンクとして開けるように処理を加えることで、実用性を高めています。

最小の構成例（HTML / HTA）

以下は、ローカルwikiのベースとなる実装の考え方と構造の例です。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Markdown Local Wiki</title>
<script src="jquery-1.12.4.js"></script>
<script src="marked.js"></script>
</head>
<body>
<div id="content"></div>
<script>
// marked.js を用いたパース処理やファイル読み込みのロジックをここに記述します
</script>
</body>
</html>

注意事項

外部のZIPファイル配布は現在行っておりません。必要に応じて上記のライブラリを各自取得し、ローカル環境に合わせて再構成してください。