MongoDBとFlaskとPyMongo入ってれば
$ python app/app.py
で動くはず。

「データが存在していればUPDATE, 無ければINSERT」
ってこんな風に書いちゃったけど(↓)、もっと効率的な方法あるよなぁきっと…。

user = coll.find_one({ 'user_id' : uid })
if user:
    coll.update(user, data, upsert=True)
else:
    coll.insert(data)

もう12月ですよ。
月日の経つのは早い早い…。

つい先ほど浅草で飲んできました。
一緒に飲んだのはプログラミング大好きな友人(・∀・)

途中、Pythonの話になったので「urlparse」と「optparse」を紹介してみた。
optparseを知っている人は結構いそうだけど、
urlparseは意外と知られていない気がする。

というわけで、簡単に紹介。

urlparseはURL形式の文字列を操作しやすくしてくれるモジュールです。
例えば、↓のような文字列。
‘http://www.google.co.jp/search?gcx=c&sourceid=chrome&ie=UTF-8&q=googlemap’
これをURLとして扱いやすくしませう。
あ、このモジュールはPython2.6.xからは標準で入っているはず…。

>>> from urlparse import urlparse, parse_qs, urljoin
>>> url = 'http://www.google.co.jp/search?gcx=c&sourceid=chrome&ie=UTF-8&q=googlemap'
>>> parsed = urlparse(url) # パースする

# こんな感じに解析してくれます(・∀・)
>>> print parsed
ParseResult(scheme='http', netloc='www.google.co.jp', path='/search', params='', query='gcx=c&sourceid=chrome&ie=UTF-8&q=googlemap', fragment='')

>>> print parsed.netloc
www.google.co.jp

>>> print parsed.query
gcx=c&sourceid=chrome&ie=UTF-8&q=googlemap

# パラメータも、parse_qs使うと辞書にしてくれます。
>>> params = parse_qs(parsed.query, True)
>>> print params
{'sourceid': ['chrome'], 'gcx': ['c'], 'ie': ['UTF-8'], 'q': ['googlemap']}

知っておくとURL文字列を処理するときにすごく楽ですよ(・∀・)！オススメ。

あ、urljoinってのもあります。

>>> url = 'http://aaa.bbb.com/ddd/eee.html?hoge=fuga'
>>> print urljoin(url, 'fff.html')

http://aaa.bbb.com/ddd/fff.html

>>> print urljoin(url, '../ggg.html')

http://aaa.bbb.com/ggg.html

>>> print urljoin(url, '/js/script.js')

http://aaa.bbb.com/js/script.js

使いやすいですよ！

optparseは、バッチなど、コマンドラインで使うようなpythonを書いている人なら知ってるかと思います。
コマンド解析器ですね(・ω・)。結構使いやすいです。

以下、簡単なスクリプト。
test.py

#!/usr/bin/env python
# -*- coding:utf-8 -*-
from optparse import OptionParser

if __name__ == '__main__':

    """ コマンドエラー時に表示する文字列 """
    usage = u'%prog [Args] [Options]\nDetailed options -h or --help'

    version = 0.1
    parser = OptionParser(usage=usage, version=version)

    """ test.py -d 20111201 のように、オプションの後に整数値を入力させたい場合 """
    parser.add_option(
        '-d', '--date',
        action = 'store',
        type = 'int',               # 受け取る値の型を指定する
        dest = 'download_date',     # 保存先変数名
        help = 'Set date(yyyymmdd) you want to download.(ex.20110811)'  # --help時に表示する文（見れば分かるかｗ)
    )

    """ 文字列が欲しい場合 (test.py -f hoge.txt) """
    parser.add_option(
        '-f', '--file',
        action = 'store',
        type = 'str',           # 型指定
        dest = 'file_name',     # 保存先変数名
        help = 'Set filename (ex. hoge.txt)'
    )

    """ -s を指定した場合、trueを保存する """
    parser.add_option(
        '-s', '--sleep',
        action = 'store_true',      # store_trueの場合、Trueが'dest'で指定された変数へ格納される。(false時はstore_false)
        dest = 'hoge_flg',
        help = 'set sleep flag'
    )

    """ 各オプションのデフォルト値をセット """
    parser.set_defaults(
        download_date = None,
        file_name = None,
        hoge_flg = False
    )

    """ オプションをパース """
    options, args = parser.parse_args()

    """ 単純な引数(例: test.py a b)はargs[index]で取得できる """
    if len(args) > 0:
        for i, v in enumerate(args):
            print 'Args[%s] is: %s' % (i, v)

    """ オプションで指定した値は options.<変数名>で取得できる """
    date = options.download_date
    if date:
        if len(str(date)) != 8:
            # エラーを発生させるときは↓こんな感じ
            parser.error('Date must be yyyymmdd')

    print 'date: %s, file: %s, sleep: %s' % (options.download_date, options.file_name, options.hoge_flg)

このファイルを –help オプションをつけて実行すると

$ python test.py --help

Usage: test.py [Args] [Options]
Detailed options -h or --help

Options:
  --version             show program's version number and exit
  -h, --help            show this help message and exit
  -d DOWNLOAD_DATE, --date=DOWNLOAD_DATE
                        Set date(yyyymmdd) you want to download.(ex.20110811)
  -f FILE_NAME, --file=FILE_NAME
                        Set filename (ex. hoge.txt)
  -s, --sleep           set sleep flag

このように、自動で説明文を生成してくれます。

parser.add_option の type で型を指定しておくと、
指定外の入力値の時に自動で弾いてくれます。

$ python test.py -d abc

Usage: test.py [Args] [Options]
Detailed options -h or --help

test.py: error: option -d: invalid integer value: 'abc'

Pythonでバッチ書く場合はオススメ(・∀・)
というわけで、使ってみて下さいね！！

さて寝よう。眠いし。

>>> from datetime import datetime
>>> datetime.now().strftime('%Y/%m/%d %H:%M:%S')
'2011/11/11 00:37:23'

文字列マッチング

>>> import re
>>> p = 'aaabbbccc'
>>> str = re.match(r'aaa', p)
>>> print str.group()
aaa

# マルチバイト
>>> s = u'あいう9876えお'
>>> c = re.compile(u'.+う[0-9]+')
>>> string = re.match(c, s)
>>> print string.group()
あいう9876

# 複数箇所から一致した文字列を取得
>>> s = u'あいうえかきくあいうさしす'
>>> c = re.compile(u'あいう.')
>>> for m in re.finditer(c, s):
...     print m.group()
あいうえ
あいうさ

ランダム文字列生成

import string
import random

def make_rand_str(n):
    str = string.digits + string.letters
    return ''.join(random.choice(str) for i in xrange(n))

Unix Time生成

import datetime, time

def get_unix_time():
    d = datetime.datetime.now()
    return time.mktime(d.timetuple())

Unix Timeからdatetimeオブジェクトへ変換、その後整形

import datetime, time

def reverse_unix_to_datetime(unix):
    return datetime.datetime.fromtimestamp(unix)

d = datetime.datetime.now()
unix_time = time.mktime(d.timetuple())
print reverse_unix_to_datetime(unix_time).strftime('%Y')

ハッシュ作成

import hashlib

def create_sha1():
    string = 'abcdefg'
    return hashlib.sha1(string).hexdigest()

print create_sha1()

dict()はうまく使えば超便利(・∀・)

>>> example = 'p1=a&p2=b&p3=c&p4=d'
>>> print dict([(s.split('=')) for s in example.split('&')])
{'p2': 'b', 'p3': 'c', 'p1': 'a', 'p4': 'd'}

まぁURL文字列なら、素直にurlparseやparse_qsを使いましょうｗ

こういうのって書こうとすると
「あれ、pythonだとどう書くんだっけ」
とかなりやすいんだよね。。。

lambda式やmap関数も便利だけど、
今は眠いのでまた今度まとめようｗ

じゃ寝る。

はいこんばんは。
生きてます生きてます。

ここ一週間、またPythonごりごりやってます。
今度は小さーいシステムなんでFlask (Python製マイクロフレームワーク)でさくっと作ってます。
Flaskはマイクロと名前がついているだけあって、インストールは楽だしアプリ作成手順もシンプルだし…で、触ってて楽しいですね(・∀・)。

今回、Flaskをサーバーにインストールして動かしたのでそのメモ。
環境:
サーバー： EC2, Apache + mod_wsgi
Pythonバージョン: Python2.6.6 (EC2デフォルトのバージョン)

あ、ついでなので、PythonでできたWebアプリケーションを扱う時に言われる
「ファイル更新したらApacheリロードしなきゃいかんのめんどくさー！」
って誤解も解いておきますね。

インストール・設定方法

sudo easy_install pip
sudo pip install flask
sudo yum install httpd-devel python-devel

※pip使っているのは単純に好みからです

EC2のyumで入るmod_wsgiはバージョンが古くて変なエラーが出るので
最新版をソースからインストールする。

cd /usr/local/src
sudo wget http://modwsgi.googlecode.com/files/mod_wsgi-3.3.tar.gz
tar xzvf mod_wsgi-3.3.tar.gz
cd mod_wsgi-3.3
sudo ./configure --with-apxs=/usr/sbin/apxs --with-python=/usr/bin/python
sudo make
sudo make install

/etc/httpd/modules
にmod_wsgi.soがあるか確認。

Flaskアプリをてきとーに書く。
flasktest.py

#!/usr/bin/env python
# -*- coding:utf-8 -*-
from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return 'Flaskいっちょあがりー'

if __name__ == '__main__':
    app.run()

Flaskアプリケーションはどこに置いてもいいけど
今回は /home/foo/flask/flasktest.py に置いてみる。

次はwsgiファイルを書く。
flasktest.wsgi

# -*- coding:utf-8 -*-
# Updated: 2011/11/03
# Version: 0.1.1

# Flaskアプリケーショントップのパスをpathに追加
import sys, os
sys.path.append('/home/foo/flask') 

from flasktest import app as application

こいつはアプリケーショントップに置きます。
/home/foo/flask/flasktest.wsgi

httpd.confを書き書き。
基本はドキュメント( http://flask.pocoo.org/docs/deploying/mod_wsgi/ )通り。
※WSGI部分だけ書いてます

httpd.conf

LoadModule wsgi_module modules/mod_wsgi.so

WSGISocketPrefix /var/run/wsgi
<VirtualHost *:80>
    ServerName example.com

    DocumentRoot /var/www/html
    <Directory /var/www/html>
        Order allow,deny
        Allow from all
    </Directory>

    WSGIDaemonProcess example.com user=apache group=apache threads=5
    WSGIScriptAlias / /home/foo/flask/flasktest.wsgi

    <Directory /home/foo/flask>
        WSGIProcessGroup example.com
        WSGIApplicationGroup %{GLOBAL}
        Order deny,allow
        Allow from all
    </Directory>
</VirtualHost>

ここのDocumentRootは指定しなくてもいい気はするんだけど。
なんか設定しないと変な挙動になったので一応。。

で。やたらとハマるのはWSGIのDaemonモード。
EC2だと
WSGISocketPrefix /var/run/wsgi
なんだけど、
WSGISocketPrefix run/wsgi
とする環境もあるっぽい。
これをきちんと設定しないとPermission deniedほげほげ
と言われて先に進めない。

あと
WSGIDaemonProcess example.com user=apache group=apache threads=5
のuserとgroupはきちんと指定しましょう。
指定し忘れると怒られます。

WSGIDaemonProcess example.com …
と
WSGIProcessGroup example.com
の太字部分は合わせましょう。でないと
No WSGI daemon process called ‘ほにゃらら’
と怒られます。

と、ここまで書いたら

sudo /usr/sbin/apachectl configtest

で確認。

ＯＫであればApache(リ)スタート。

sudo service httpd restart

これでブラウザからアクセスすれば動くはず(・ω・)

ファイル更新時、コマンドラインを使わずにプロセスを再起動

そういえばPythonはPHPと違って、ファイル更新しただけだと反映されませんよね。
で、Apache再起動しなきゃーってなる。
これは非常に面倒くさい orz

ところがDaemonモードでmod_wsgiを動かしている場合、
SSHでコマンドを叩く必要はありません。
wsgiファイルの日付が更新されると自動でプロセス再起動が発生します。

pythonファイルを一通り更新し、最後に日付を更新したwsgiファイルをつっこむと、次回アクセス時にプロセスが再起動されて更新完了。
参考：modwsgi wiki

PythonでできたWebアプリケーションの運用は、これを知っておくと大分楽だと思いますヨ。
あ、mod_wsgiで動かすアプリケーションであれば、どれも同じ方法で更新できます。(Djangoとかもね)

環境ができあがってしまえばFlaskたのしーっす。
SNSのような、ログインが必要なアプリケーションであればDjango使ったほうが楽かもだけど、ちょっとしたアプリケーションならFlaskで十分。

…というわけで、そこのあなたもFlaskいかが(・∀・)？

先週末の話ですが。
調べ物のためにあっちのページのPDF, こっちのページのPDFをぽちぽちダウンロードしてたんす。
･･･量が多い(＝ω＝)
右クリック→「リンク先を名前をつけて保存」
このアクションが１つや２つならいいけど、５つ６つ７つとかなってくるとひたすら面倒くさい。

ダウンロード専用ツールを探して、インストールして、使い方調べｔ･･･これまた面倒くさい。

なんかないか。･･･ないか(＝ω＝)。
じゃあ作ってしまえホトトギス。
→→作った。

名前は PyCherryPick にしました。
この名前、なんかエロいね(＊・∀・＊)
※ちなみにcherrypickってのは英語で「つまみ食い」って意味ｗ

ソースコードはコチラ
github: https://github.com/wgkoro/PyCherryPick

ちなみにコマンド実行するとこうなります↓ (各画像クリックで拡大)

ページから欲しいファイルを抜き出して、自動ダウンロードします。

↑保存された画像達。

以下、使い方。

必須条件

・Python2.x
・BeautifulSoup (パッケージにバンドルしてあります)
Macの方はダウンロード後、コマンドラインたたけば使えるはず。デフォルトでPython入ってるので。
Windowsの方は、Pythonインストールしないとダメかな･･･。

基本的な使い方

基本的にコマンドラインで利用します。
本体(pycherrypick.py)があるディレクトリまで移動して
$ python pycherrypick.py [ターゲットのURL]

例：

$ python pycherrypick.py http://zafiel.wingall.com/archives/2011071715282121.php

これでhttp://zafiel.wingall.com/archives/2011071715282121.phpを走査し、リンク先が「jpg」のものを自動ダウンロードします。
オプション無し、URLのみ指定だと、jpgファイルのみ取ってきます。
これなんてエロ画像ダウンローダ？

応用 Options

コマンド実行時にオプションを指定すると、処理が色々変わります。
オプション一覧：
–version
　　　　　バージョンを表示
-h, –help
　　　　　このヘルプを表示
-f FILE, –file=FILE
　　　　　ローカルのHTMLファイルのパス。
　　　　　これが指定されているとローカルHTMLファイルを走査します。
　　　　　もしURLと両方指定されている場合、ローカルを優先します。
-t TYPE, –type=TYPE
　　　　　ダウンロードするファイルタイプを指定。pngファイルが欲しい場合はpngと指定します。
　　　　　jpg,gif,png とカンマ区切りにすると複数タイプをまとめてダウンロードします。
　　　　　-r オプション(正規表現)が指定されている場合、-t オプションは無視されます。　　　　　
-i INTERVAL, –interval=INTERVAL
　　　　　複数ファイルをダウンロードする際のインターバル(秒)を指定。デフォルトは2(秒)
-d DOWNLOAD, –download=DOWNLOAD
　　　　　ダウンロードファイルの保存先を指定。（フルパスで指定)
　　　　　デフォルトは、pycherrypick.pyのディレクトリにあるdownloadsフォルダに格納されます。
-e ENCODE, –encode=ENCODE
　　　　　ターゲットとするページの文字エンコードを指定。
　　　　　カスタムスクレイピングする場合以外は指定の必要はありません。
-u UA, –ua=UA
　　　　　ファイルダウンロードする際のユーザーエージェント変更。デフォルトはIE8がセットされています。
-r REGEX, –regex=REGEX
　　　　　ダウンロードするURLをフィルタする正規表現。
　　　　　-t オプションも指定されている場合、
　　　　　この-rオプションが優先され、-tオプションは無視されます。
　　　　　例: -r ‘http.+\/.jpg’

例：pdfファイルが欲しい！

$ python pycherrypick.py http://zafiel.wingall.com/ -t pdf


例：pngとjpgファイル両方欲しい！

$ python pycherrypick.py http://zafiel.wingall.com/ -t jpg,png


例：pngとgifとpdfファイルを /Users/Foo/Downloads に保存したい

$ python pycherrypick.py http://zafiel.wingall.com/ -t png,gif,pdf -d /Users/Foo/Downloads


リンク先だけでなく、他のファイルも欲しい！

デフォルトは、リンク先のみを見ます。
例えばページに貼ってあるimgタグのsrcが欲しい場合は、カスタマイズしちゃって下さい。

クラスPyCherryPickを継承した新しいクラスを作り、scrape()をオーバーライドすれば楽かと思います。
PyCherryPick/python/custom_example.pyを参照して下さい。

custom_example.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
from pycherrypick import PyCherryPick
import re

class CustomExample(PyCherryPick):
    def __init__(self):
        PyCherryPick.__init__(self)

    def scrape(self):
        """
        新しいスクレイピング処理を書く。ダウンロード対象とするURLリストを返せばOK
        imgタグを取得して、それぞれのパスを返す
        """
        reg = re.compile(self.regex)
        images = self.soup.findAll('img')
        results = []
        for img in images:
            try:
                url = dict(img.attrs)['src']
                url = self._make_url_path(url)
                if reg.match(url):
                    results.append(url)

            except:
                pass

        print 'Img tag scraping OK'
        return results

if __name__ == '__main__':
    f = CustomExample()
    f.main()

使い方はこんな感じ(・∀・)

毎回urllib.open()とかBeautifulSoupでスクレイピング書いてもいいけどめんどくさいからね･･･。
これでファイル収集少しは楽になるかなー？

追記：
友人から「wgetでいいやん」ってつっこまれた。
wgetの機能がそんなに色々あると知らなかった･･･よ･･･ orz
ま、コード書く練習になったからいいとしよう(・ω・)
あ、ユーザーエージェント偽装できるのは強みか？ｗ

さてさて。最近家ではPythonばかりいじっております。
もっぱらDjangoでWebアプリ作成。慣れるとなかなか楽しい。

このPython、海外だとメジャーな言語なんですが日本じゃ非常にマイナーな存在。ぐぬぬ。おかげで日本語の資料が出てこない。ほとんど英語。まぁいいけど…。日本語の「Pythonやろうよ！楽だよ？」って記事が少ないので、ちょっとヨイショ記事を書こうと思います(・∀・)

細かい文法とかすっとばして、いきなりタイトルの内容に入りまーす。

Pythonだと単体テストがもんっのすごく書きやすい。
= いいペースでプログラムを作っていける。
そこにVimも混ぜるとなお素晴らしい。

実例。例えば hoge.py というファイルに関数addを作ります。

#!/usr/bin/env python
# -*- coding: utf-8 -*-

def add(a, b):
    return 0

docstring(説明文)もつけちゃいましょう。

#!/usr/bin/env python
# -*- coding: utf-8 -*-

def add(a, b):
    """引数を足して返す"""
    return 0

さて、テストしましょう。
他言語と同じようなUnit Testも使えますが、せっかくなのでここはPython特有のdoctestで行きます。
doctestの下準備。ファイル hoge.py の下に数行追加(8〜10行目)。

#!/usr/bin/env python
# -*- coding: utf-8 -*-

def add(a, b):
    """引数を足して返す"""
    return 0

if __name__ == '__main__':
    import doctest
    doctest.testmod()

追加したら、ちょっとPythonの対話シェルから関数を実行してみます。
(対話シェル→コマンドラインで「python」と打つと起動します)

add(1, 3)が実行されて、上に書いた通り、ちゃんと0が返ってますね。

んでは、docstringの中に、対話シェルと同じ形式でテストを書きます。

「>>>」の文字の後に実行したい文を書きます。(下の例 8, 9行目)
その直後の行(10行目)には期待する返り値を書きます。※下の例だと期待する返り値は「4」ですね。

#!/usr/bin/env python
# -*- coding: utf-8 -*-

def add(a, b):
    """
    引数を足して返す

    1と3足したら4が返ってくるだろJK
    >>> add(1, 3)
    4

    """
    return 0

if __name__ == '__main__':
    import doctest
    doctest.testmod()

はい、テストの記述終了。
コマンドラインでこのファイルを実行してみると

$ python hoge.py

さくっとテストが実行されちゃいます。
期待する返り値(Expected)が4のところに0が返ってる(Got)のでFailedになってますね。

add()を書き直します。

def add(a, b):
    """ 引数を足して返す

    1と3足したら4が返ってくるだろJK
    >>> add(1, 3)
    4

    """
    return a + b

OK、テストだ。

あれ何も表示されない…？
というのは実は正常で、テストにパスすると何も表示されません。
実行結果を見るには -v オプションをつけて実行します。

$ python hoge.py -v

vオプションをつけるとこんな具合に、実行結果詳細つきでテスト結果を見ることができます。

慣れたらテストをガシガシ追加していきましょう。

def add(a, b):
    """ 引数を足して返す

    1と3足したら4が返ってくるだろJK
    >>> add(1, 3)
    4

    他の数字でテスト
    >>> add(5, 2)
    7

    文字でテスト
    >>> add('a', 'b')
    'ab'

    比較テスト
    >>> a = add(1, 1)
    >>> a == 2
    True

    """
    return a + b

テスト実行。

こんな感じで、処理記述、テスト、処理記述、テストと、順番にスルスルと組み立てていくことができます。

Vimを使っている方なら、わざわざターミナル(or コマンドプロンプト)に切り替えなくても
:! python hoge.py -v
と打てばVim内でテスト実行、テスト結果を見ることができますね(・∀・)！

　↓

テストの流れはこんな感じです。

doctestは基本的に簡単な比較テストしかできないし、テストが多すぎると逆に視認性が落ちる…というデメリットはありますが、この「テストの手軽さ、素早さ」はものすごく気持ちいいですよ。安心感も得られますしね。それにDjangoなどのフレームワークと組み合わせると、Webアプリをスンスンスーン♪と作っていけます。便利！

どうでしょう？ちょっとPython使ってみたくなりました？Djangoなどをつっこめるレンタルサーバーは数少ないですが、機会があったら是非使ってみて下さいね(。・∀・)ﾉ

というわけで、Python楽しいよ？というお話でした。さて、アプリの続き作ろうっと…。

今回書いたPythonはコチラ→hoge.py
※文字化けする場合は、ブラウザの文字エンコードをUTF-8に変えて下さい

Facebook内で「そろそろ誰かが”さん”を取るグリモンのスクリプトを書く頃」と書いている人がいたのでカッとなって作った。反省はしていない。
http://zafiel.wingall.com/js/fb/fb_remove_san.user.js
※Firefox, Chromeで動きます。

Facebookでは本来、それぞれの名前の後ろに「さん」がつきますが、このぐりもんを入れると

「さん」が消えます。

一応、http, https両方で動くようにしてあります。10分くらいで作って、テストあまりしていないので不具合あったら教えて下さい。

さーて仕事にもどるか…((((。・ω・)

追記：
いつのまにか、Facebookの「さん」がデフォルトで表示されなくなりましたね。このスクリプトもお役ご免ですなｗ

ちょっと気晴らしにFacebookアプリ『TwitPonta for Facebook』を作ってみました。

Facebook内からTwitter、Facebookの二カ所へ同時投稿できるアプリです。
一応、URL短縮機能もついてます。

「HootSuiteとかでいぃじゃん」と言われればそれまでな、使いどころが難しいアプリなんですけどね！
「Facebook内から、左下爆発を見つつ投稿できるもの」
が探しても見当たらなかったので作ってみました(・∀・)

使い方は・・・説明するまでも無いとは思いますが、一応説明しておきます。

初めて接続した場合は、上画像のようにFacebook情報への接続許可を求められますので「許可」を押して下さい。

Twitter側の許可も必要になります。「Connect Twitter」ボタンを押し、Twitter側でTwitPontaの接続を許可して下さい。

全ての準備が整うと上図のようになります。
「Facebook」「Twitter」どちらに投稿するかは上部のチェックボックスから制御できます。チェックボックスにチェックをつけているサービスに投稿します。
「Shorten URL」ボタンでURL短縮ができます。
「ゴミ箱」アイコンを押すと、現在入力中の文字をクリアします。
クリア後、ボタンは「Undo」ボタンに変わります。Undoボタンを押すとクリアした文字を戻すことができます。

あ。Twitterに投稿する際、140字を超えていると、後ろの文字列は削除されるのでご注意下さい。

誰得なアプリですが、せっかく作ったので公開ってことで(・∀・)
将来はTwitterタイムライン/Facebookのニュースフィードを並べて表示ってのもやりたいですね。
「こういうのをつけて欲しい」ってなリクエストがあれば、教えて下さいまし。

アプリのプロフィールページはコチラ

これを機に、自分用のソーシャルブックマークシステムをサーバーに設置しちゃうっていうのはどうでしょう？これだったら（自分がサーバー止めない限り）無くなるってことはないし。

ちなみに私がつかっているのは「SemanticScuttle」というオープンソースのソーシャルブックマークです。こんな感じ（クリックで画像拡大）↓

ブックマーク登録画面はこんな感じ

画面構成はdel.icio.usによく似てるんじゃないかな。
実際に動いているのを見たい方はこちらへどうぞ → Azrael bookmark
※自分専用なので、「ユーザ登録」画面は機能しません

ちなみに
・多人数での利用
・タグ付け
・ブックマーク評価
などが可能です。
del.icio.usから出力したXMLを直接インポートすることもできますよ(。・ω・)ノ

あと、オープンソースなので自分で改造しちゃうことも可能です。
私が設置しているものは以下の改造をしています。
・ブックマークすると同時に、Evernoteで自動Webクリップ
・AutoPagerize対応
・「次へ」「前へ」などのナビゲーションを画面上下に配置
・iPhone/Android用に画面最適化（↓こんなん）

設置方法を書こうとしたけど、本家のバージョンが自分が使っているバージョンから少し上がっているので調べなおさないと駄目っぽい。設置方法は週末に書こうかな。

サーバーへの設置作業がちょっとめんどくさいですが、一回設置しちゃえばずっと使えるのでオススメですよ。これを機に導入してみるってのはいかがでしょうか(・∀・)？

そうそう、現在私のScuttleは「人様のブックマーク預かるのもなぁ…」と考えてユーザ登録を停止していますが、もし「使ってみたい」という奇特な方がいらっしゃったらTwitter (@wg_koro)か、このエントリーにコメントを下さい。多分、開放します。

本題。
クロスドメインでの非同期通信(XMLHttpRequest Level2)をGoogle App Engineで実装したのでメモ。はまったポイントもいくつか書いておきます。

特にハマったのは出力ヘッダ周り。

Access-Control-Allow-Origin
これはあちこちのサイトに書かれてますね。このヘッダを「*」で出力してあげると他ドメインからの通信を受け付けるようになります。・・・が、これだけじゃダメなんです。

Access-Control-Allow-Methods
こいつを指定してあげないとサーバーが受け付けてくれません。GETならGET、POSTならPOST・・・と指定してあげないといけません。これは複数を一括指定できます（例：「GET, POST」）。あとPOST通信の時は「OPTIONS」も追加してあげる必要があります。

FirefoxはPOSTする前にOPTIONSを投げるので、受信サーバー側でそれを受け取るようにしてあげることが必要です。POST時、Firebugで通信を覗くと「OPTIONS」が投げられているのが分かります（下図）。

これFirefoxだけなんかな？

Access-Control-Allow-Headers
上に書いた二種のヘッダ出力でいける・・・と思ったらIEが通らない。なんでじゃいと思って調べたら、この「Access-Control-Allow-Headers」に’*’を指定してあげないと動かなかった・・・。（本当はヘッダの中身をちゃんと調べて指定するべきなんだろうけど、めんどくさかったのでｗ）

そういえば自分も最初勘違いしてたんですが、これらのヘッダはデータ受け取り側のサーバー(GET/POST先のサーバ)が出力しないとダメですよ。発信側がjavascriptの”setRequestHeader”でこれらのヘッダをつけても無意味です。

そうそう、クロスドメインでの通信で忘れちゃならないのがCookie。クロスドメインでの通信にはCookieを付与できません。いや正確にいえば、「IE以外」は付与できます。 IE、ま た お 前 か orz
このため、セッション保持は別の手法を取る必要があります。

参考になるかわかりませんがApp Engine側のサンプルコードをおいておきます。

class Hoge(webapp.RequestHandler):
    def get(self):
        try:
            referer = self.response.headers['Referer']
        except:
            referer = ''

        try:
            origin = self.response.headers['Origin']
        except:
            origin = ''

        # この方法でOriginやRefererが取れるので
        # 必要に応じてチェック処理などを入れるといいのでは。
        # ちなみにtry〜exceptを使わないと、存在しない場合Key Errorが発生しますよ

        fugafuga()  # 何らかの処理

        # これはあちこちのサイトでよく言われている処理
        self.response.headers['Access-Control-Allow-Origin'] = '*'

        # IE8は、これがないとうまく動きませんでした。
        self.response.headers['Access-Control-Allow-Headers'] = '*'

        # GET/POSTなど、必要に応じて許可するメソッドを指定します。
        # POSTの場合はOPTIONSも指定する必要があります。
        self.response.headers['Access-Control-Allow-Methods'] = 'GET, POST, OPTIONS'
        self.response.headers['Content-Type'] = 'text/plain;charset=UTF-8'
        self.response.out.write('Hello, World')

    def post(self):
        # 何らかの処理を行う
        self.response.headers['Access-Control-Allow-Origin'] = '*'
        self.response.headers['Access-Control-Allow-Headers'] = '*'
        self.response.headers['Access-Control-Allow-Methods'] = 'GET, POST, OPTIONS'
        self.response.headers['Content-Type'] = 'text/plain;charset=UTF-8'
        self.response.out.write('Hello, World')

    def options(self):
        # 何らかの処理を行う
        # POSTの場合は、このoptionsも指定して下さい。
        self.response.headers['Access-Control-Allow-Origin'] = '*'
        self.response.headers['Access-Control-Allow-Headers'] = '*'
        self.response.headers['Access-Control-Allow-Methods'] = 'GET, POST, OPTIONS'

ご存じだとは思いますが念のための注意書き。
XHR lv2はIE8以上, Firefox, Chrome, Safariでのみ有効です。IE6, 7, Operaでは使えません。
あとIE8では独自オブジェクトXDomainRequestを使用する必要があります。他のブラウザは今までと同じXHRを使えばＯＫです。Microsoft、なぜ独自実装なんかしたんだオイ。めんどくさいったらありゃしないぞ。

…大体こんなもんだったと思いますが、他に何かあったかなぁ。思い出したら書きます。

クロスドメインに対応させた非同期通信だけを行うjsライブラリも書いたんだけど、需要あるかなぁ。あればいずれアップしますです(・ω・)ｂ