2005/3/13 日曜日

Ajaxで紙copiライクなツール、めもー

追記:
Ajax第3弾はYahoo!APIを使っています。
Ajax第2弾、TODO管理ツールも作ってみました。

追記2(2006年3月1日):
<や> の字を入力してもそれ以降の文字が保存されないバグを修正しました。

昨日は晴れてテニス日和だったのですが、今日はまたまた雪。というわけで日曜プログラミングと相成りました。知り合いの先輩曰く「ホリプロ(ホリデープログラミング)」

Ajaxが最近取り沙汰されて、やってみようかなぁ、と思っていたので手をつけました。昨晩友人と食事しながらわいわい面白そうなネタを言い合って早速着手。

最初はGoogleやYahoo!を使った検索系にしたかったのですが、同一サーバ内のファイルしか読めないというXMLHttpRequestの制約が厳しく断念。

で、思いついてつくってみたのが以下のようなツールです。名前は「めもー
http://www.zuzara.com/pub/memoo/sandbox.php



一見するとテキストが書かれているだけですが、編集できます。自由に書き込んでみてください。そして「保存」という動作なしで書くそばから保存されていきます。もともと「紙copi」というソフトを愛用していてそれのAjaxで動くウェブ版を作ってみた、という感じですね。

複数人が別々に書き込むことを想定していないので、自分用に設置してください。PHPのソースをサーバに置いて、書き込み可能なファイル(tmp.txtがデフォルト、パーミッションを666に)同じディレクトリに作るだけで動くと思います。あと、今のところWindowsのIEでしか動きません。Firefoxなどでも動くようになるはずですが。。

Ajaxと言いつつXMLはどこにも出てこなかったり、セキュリティ的に甘い部分があるよう気がしますがそこは日曜プログラミングなので、ご愛嬌。もし明らかなバグがあったら教えていただけると嬉しいです。

あと表示中のページのタイトルとURLをめもーに追記するBookmarkletもおまけで。

全然関係ありませんが、Ajaxが最近流行りなんですよ、と言ったら「オランダのチーム?」と言ってきた方がいました。あやっくす、という発音でサッカーのチームだそうです。さらに「アヤヤックス」というチームもある、と教えてくれました。ちょっと笑えます。

Filed under: ホリデープログラミング,雑談 — funaki @ 18:16

21件のコメント

  1. [...] す。 ソースは全く参考にしていませんが、インターフェイスのヒントはInstant Editから。 前回のめもーよりソースは長くなりました。印象としては、JavaScriptでHTMLを書き換えまくるのでデバッグは少々 [...]

    ピンバック by RSSリーダー eクルーザーの開発日誌 ::: AjaxでTODO管理、とーどー — 2005/3/20 日曜日 @ 7:04

  2. [...] 02|03|04|05|06|07|08|09|10|11|12| 2005|01|02|03| 2005-03-16 (水) [長年日記] _ Ajaxで紙copiライクなツール、めもー 全面 textarea ですか。なるほどね~。 本日のキーワード Aja [...]

    ピンバック by にっき(2005-03-16) — 2005/3/16 水曜日 @ 1:23

  3. [J][NEWS]Ajaxで紙copiライクなツール、めもー
    Ajaxで紙copiライクなツール、めもーすごいね。これ。「保存」とか無しでWEBに書き込めてしまう。 http://garyo.boy.jp/memoo/memoo.php 早速入れてみました。何か書いてみてください。 ソースも短…

    トラックバック by ジャンク☆ニュース 臥龍 — 2005/3/18 金曜日 @ 13:27

  4. ネットで寄せ書き
    面白いWEBツールがあったので私.

    トラックバック by かずの気ままな踊ログ — 2005/3/19 土曜日 @ 11:27

  5. [Java][WEB]めもー
    更新されたらずぐに保存してくれるメモツール.
    スクラップブックとして使えそうなのでちょっと注目しています.(なぜかボクの環境ではBookmarkletが動かないのですケド...なんでだろう.)
    メモの履歴を管理できたり,バックアップがあるとうれしいかも.

    トラックバック by 32nd diary — 2005/3/20 日曜日 @ 11:41

  6. 次世代ウェブを体感せよ
    たまにはajaxネタで。 —- 「保存」ボタンがウェブからなくなるかもしれない・・・。 そんな新感覚を体験できるのがSproutLinerである。このサイトでは最近話題の動的ロード技術、ajaxを使…

    トラックバック by 百式 — 2005/4/14 木曜日 @ 11:33

  7. 紙コピライクなWEBツール
    百式経由、 Ajaxで紙copiライクなツール、めもー WEB上で多人数が同時編集可能なホワイトボード的なツール。 これ、面白い。 複数人が同時に書き込むことを想定していない個人メモ的な…

    トラックバック by 幻影随想 別館 — 2005/4/14 木曜日 @ 12:48

  8. コンピュータ社会をすいっと波乗り/2005/4/21(木)保存不要
    書いて、閉じるだけ。 いちいち保存しなくてもいい「めもー」。 TODO管理、とーどー タブ式検索、ytab というのもある。 Ajax で作られているとのこと。 どんな仕組みか知らないが、すごいっす。 2005/4/1(金)出会い 「春は出会いの季節です」 「顔写真や…

    トラックバック by PukiWiki — 2005/4/21 木曜日 @ 5:11

  9. gooのエリア情報検索実験が気持ちいい!?
    最近流行のajax技術を使った地図情報サービスをgooが公開しましたね。 ちょっと前にgoogleがGoogle Mapsというサービスを公開しましたが、残念ながら日本の市街地図は見れませんでしたので…

    トラックバック by ITBooks Weblog -Study of Cisco network- — 2005/4/21 木曜日 @ 13:52

  10. Ajax
     ブログ・RSSと面白そうな技術を見かける昨今、また一つ面白そうな技術を発見。その名もAJAX。何でもAsynchronous JavaScript + XMLの略らしい。で何が出来るかというとブラウザー上でウェブ通…

    トラックバック by 海原に落つる星の雫 — 2005/5/4 水曜日 @ 10:54

  11. ホワイトボード的Ajaxスケジューラー
    私はPerlコーダーだ。
    だが、今時Perlしか書けないというのも情けないと思い。ちょっとPHPをかじって見た。

    練習のために作ったのは、会社にあるようなホワイトボードに日付が入ったよ…

    トラックバック by Thinkmot — 2005/5/29 日曜日 @ 1:58

  12. 【Ajax】AjaxでWebアプリ3本
    AjaxでWebアプリ。楽しげ。 Ajaxで紙copiライクなツール、めもー http://www.redcruise.com/blog/index.php?p=113 AjaxでTODO管理、とーどー http://www.redcruise.com/blog/index.php?p=118 AjaxとYahoo!APIでタブ式検索「ytab」…

    トラックバック by JavaScript++かも日記 — 2005/6/2 木曜日 @ 17:36

  13. mixiなツール
    最新の更新チェッカーやログ保存ソフトを集めてみました

    トラックバック by 加工乳 — 2005/9/17 土曜日 @ 13:54

  14. 次世代ウェブを体感せよ (SproutLiner.com)
    次世代ウェブを体感せよ Apr 14, 2005 たまにはajaxネタで。 -…

    トラックバック by 100SHIKI — 2005/9/27 火曜日 @ 11:41

  15. AJAX
    用語解説 † JavaScript の組み込みクラスである XMLHttpRequest を利用した非同期通信を利用して、ウェブブラウザ上で既存の枠組みにとらわれないインタフェースを実現するための技術。実際には Ajax という技術が存在しているわけではなく、DHTML (JavaScript + …

    トラックバック by PukiWiki/TrackBack 0.2 — 2005/9/28 水曜日 @ 9:35

  16. 技術・用語/Ajax
    Ajax 用語解説 http://d.hatena.ne.jp/keyword/Ajax http://e-words.jp/w/Ajax.html 古くて新しいAjaxの真実を見極める http://www.atmarkit.co.jp/fwcr/special/ajax01/01.html Ajaxを使ったツールが面白かったので追加しました。 Counter: 1, today: 1, yester…

    トラックバック by PukiWiki Plus! (PukiWiki/TrackBack 0.3) — 2005/9/30 金曜日 @ 16:44

  17. めもー

    eクルーザーの開発日誌 » Ajaxで紙copiライクなツール、めもー 一見するとテキストが書かれているだけですが、編集できます。自由に書き込んでみてください。そして「保存」という動作なしで書くそばから保存されていきます。 Ajaxを使って、内容を逐次保存するメ…

    トラックバック by NE(ねとわーくえんぎにあ)日記 — 2005/11/10 木曜日 @ 4:54

  18. Ajax でめも

    eクルーザーの開発日誌 † Ajaxで紙copiライクなツール、めもー Goog…

    トラックバック by utahblog — 2005/11/10 木曜日 @ 22:13

  19. AJAX感覚のWEBサイトでメモを取る

    KNN神田さんの日記をみていて知ったのですが、

    Ajaxで紙copiライクなツール、めもー

    俺も紙copiの簡易版の「紙」を結構長く使っているのですが、それに比較的近いツールです。

    何より嬉しいのは「紙」は便利なのですが、如何せんスタンドアローンなんです。

    G…

    トラックバック by WEBディレクションやってます blog — 2006/3/23 木曜日 @ 14:57

  20. memoo複数ファイル対応版

    memoo複数ファイル対応にすべく勝手にほんの少しカスタマイズさせていただきました。

    トラックバック by web雑記帳 — 2006/3/30 木曜日 @ 0:49

  21. [みすく]コルメモ!

    とりあえずつかってみる コルメモ! これはなに? eクルーザーの開発日誌 » Ajaxで紙copiライクなツール、めもー をインスパイアしたもの。 web上でテキトウに書き込むと勝手に保存してくれる、一見便利そうでぜんぜん便利でないオンラインメモです。 もっとおしえて

    トラックバック by 灰色カササギ::はてな — 2006/5/18 木曜日 @ 5:16

»この投稿へのコメントの RSS フィード。

現在、コメントフォームは閉鎖中です。

Powered by WordPress, Copyright © 2024 RedCruise Corporation. All rights reserved.