スマホ用メモアプリ

javascriptとbottleを組み合わせて、手書きできるスマホ用のかんたんなメモアプリをつくってみた。外でちょっとしたメモをしただけで、即、クラウドに保存されます。（スマホは、キー操作よりタッチ操作が便利なので）

ajax送信部分は
  var fData = new FormData(); fData.append('testText', canvas.toDataURL()); //#ajax送信 $.ajax({ //画像処理サーバーに返す場合 url: '/memo', type: 'POST', data: fData ,

こちらがバックエンドになります。(bottle)
@app.route('/memo') def memo(): f = open('bs64.txt') b64txt= f.read() f.close return template('gazo.html',txtarea=b64txt) @app.route('/memo', method='POST') def search(): bs64txt = request.forms.testText with open("bs64.txt",'w') as open_file: open_file.write(bs64txt) return template('gazo.html',txtarea=bs64txt)

・スマホのイベントはマウスとは別にタッチイベントをつくる必要があります。微妙に座標の処理が違います。
・保存ボタン不要にするため、タッチが離れるたびにAjaxで画像をPostしてクラウド上に保存しました。
・javascriptソースをアップしようとしたのですが、ブログのセキュリティフィルター？のためか、うまくいかず、一部だけのせました。