HTML5&Javascriptでサーバーレスなパーソナル向けWiki(hiWikiMini)を作ってみた。


情報収集やまとめを行うにも便利なWiki


でも個人で使う時でも、Webサーバや専用アプリが必要なのはちょっとハードルが高い状況でした。

そこで、お手軽に自分のWikiを使えたらよいなと思い勉強がてらに、HTML5&JavascriptでhiWiki Mini(based on Html5 I Wiki Mini)を作ってみました。

まだまだ機能不足な点や不具合がのこっていると思いますが、まずはコンセプトモデルとして公開して改善していく事にしました。

じつは従来から、HTMLベースのWiki*1はありましたが、データの保存のために別ファイルを生成したり、自己書き換えを行っているようです。

hiWikiMiniではHTML5で追加された"LocalStorage"を使ってブラウザ側に保存する事で単一ファイルで動作を実現させています。

  • 使い方

http://doth2o.up.seesaa.net/image/index.htmlのファイルをPC側に保存し、Safariにドロッグ&ドラッグで利用可能。(万一、文字化けしていたらブラウザ側で文字エンコードをutf8を指定)

  • できること
    • ローカル動作(現状Safariのみ)
    • 新規ページの作成
    • ページの編集と保存
    • WikiNameでのリンク作成"[WikiName]"
    • ページ一覧とジャンプ
  • 今後の対応
  • お願い
    • iPadやXpediaでどのように動くのか興味があります。結果をコメントで教えてもらえるとうれしいです。
  • 参考にさせて頂いたサイト

http://www.hyuki.com/yukiwiki/mini/index.html