Dropboxを使ってiPhoneから簡単に編集できるサイトをつくる

Web iPhone

なんとなく考えてみた。

手順

1. Dropboxのpublicなフォルダに以下のHTMLを置く

<html>
  <head>
    <meta charset='utf-8'/>
  </head>
  <body></body>
  
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script type="text/javascript" src="./showdown.js"></script>
  <script type="text/javascript">
    $(function() {
        $.get("./markdown.md",
              function(data) {
                  $("body").html(new Showdown.converter().makeHtml(data));
                  document.title = $("h1:first").text();
                  $("a").each(function(){$(this).attr("target","_blank");});
              });
    });
  </script>
</html>


2. showdown.js を置く
同じフォルダに http://pamgau.net/showdown/ ここからゲットした showdown.js を置く。


3. markdown.md を置く
同じフォルダにmarkdown形式で書かれたファイルを置く。


4. 画像ファイルとかを置く
必要であれば同じフォルダに画像ファイルとかを置く。


5. 編集する
iPhoneの Nebulous Lite っていう 無料アプリを使って markdown.md を編集する。

応用

見栄え良くしたかったらcss書いても良い。

サンプル

http://dl.dropbox.com/u/645229/blog/20110824.html

難点

けっこう面倒くさい