【HTA】【jQuery】【marked.js】Markdown版ローカルWikiの再構成と使い方

VBA・Officeカテゴリを表すパンダのイラスト VBA・Office

本記事では、過去に公開されていた「MarkdownLocalWiki_1_3.zip」の仕様をベースに、HTA(HTML Application)とjQueryおよびmarked.jsを使ってローカル環境で動作するMarkdown Wikiの再構成サンプルを紹介します。

この記事で何ができるか

ローカルフォルダに置いたMarkdown(.md)ファイルをブラウザ同様にHTMLへレンダリングし、デスクトップアプリ(HTA)として快適に閲覧・管理することができます。

前提条件・動作環境

  • Windows環境(HTAを実行可能なOS)
  • インターネット接続(またはローカルに配置したjQuery、marked.js、CSSファイル)

完全なコード例

以下のコードを wiki.hta というファイル名で保存し、Markdownファイルと同じディレクトリに配置してください。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Markdown Local Wiki</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<style>
  body { font-family: sans-serif; margin: 20px; }
  #content { border: 1px solid #ccc; padding: 20px; margin-top: 10px; }
</style>
<script>
  // 拡張子付きファイルの簡易判定およびMarkdown読み込み処理
  function loadMarkdown(filename) {
    try {
      var fso = new ActiveXObject("Scripting.FileSystemObject");
      if (fso.FileExists(filename)) {
        var file = fso.OpenTextFile(filename, 1);
        var text = file.ReadAll();
        file.Close();
        $("#content").html(marked.parse(text));
      } else {
        $("#content").html("ファイルが見つかりません: " + filename);
      }
    } catch(e) {
      $("#content").html("エラーが発生しました: " + e.message);
    }
  }
</script>
</head>
<body>
  

Markdown Local Wiki v1.3 (Reconstructed)

ファイル名を入力して読み込んでください。

</body> </html>

実行手順と使い方

  1. 上記のコードを wiki.hta として保存します。
  2. 同じフォルダ内に sample.md などのMarkdownファイルを作成します。
  3. wiki.hta をダブルクリックして実行します。
  4. 入力欄にファイル名を入力し、「読み込み」ボタンをクリックするとHTMLに変換されて表示されます。

セキュリティと注意事項

ActiveXObject(Scripting.FileSystemObject)を利用するため、ローカル環境のファイルシステムにアクセスします。実行時はセキュリティ警告等に十分注意してください。

この記事の更新履歴

この記事は、生成AIを活用した自動レビュー・更新フローにより内容を見直し、必要な修正を反映しています。

2026年9月12日

  • 削除入手不能な旧ZIPファイルのダウンロードリンクを削除しました。
  • 追加HTAとmarked.jsを利用したMarkdown版ローカルWikiの再構成コードと使い方を追加しました。

文書情報

記事タイトル
【HTA】【jQuery】【marked.js】Markdown版ローカルWikiの再構成と使い方
作成日
更新日
Source URL
https://papanda925.com/?p=635

ライセンス: 本記事のうち、当サイトが権利を有する本文・自作図表は、特記なき限り CC BY 4.0 で利用できます。生成AIを活用して作成・編集した内容を含みます。コードについて、別途ライセンス表示またはリンク先GitHubリポジトリのライセンスがある場合は、その条件を優先します。引用・第三者資料・画像・商標等は本ライセンスの対象外です。 利用ポリシー

タイトルとURLをコピーしました