せつないぶろぐ http://blog.setunai.net ソフトウェア開発、アジャイルなどについてＳＥ兼ＰＧが思った事を書いてます。たまにプログラムも Thu, 05 Apr 2012 12:06:25 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 TypeError: sequence item 0: expected string, int found http://blog.setunai.net/20120405/typeerror-sequence-item-0-expected-string-int-found/ http://blog.setunai.net/20120405/typeerror-sequence-item-0-expected-string-int-found/#comments Thu, 05 Apr 2012 11:54:35 +0000 t http://blog.setunai.net/?p=773 Pythonで配列に数値が入っている時にjoinするとエラーになるってお話。
Python触り始めて半年くらいになるけど、まだたまにやっちゃうので記事にすることにした。
これで忘れないだろう。

配列を/区切りの文字列に変換

arr = [1, 2, 3, 4, 5]
print '/'.join(arr)

TypeError: sequence item 0: expected string, int found

中身が数値なのでエラーになる。

ちなみにPythonに馴染みがない人の為に言っておくがjoinは文字列のメソッドです。

１度数値を文字列に変換する

arr = [1, 2, 3, 4, 5]
arr = [str(i) for i in arr]
print '/'.join(arr)

1/2/3/4/5

これでok。もうちょっとシンプルなやり方はないのかな？知ってる人いたら教えて下さい。

ちなみにrubyでは

arr = [1, 2, 3, 4, 5]
print arr.join('/')

1/2/3/4/5

エラーにはならない。

そしてPHP

$arr = array(1, 2, 3, 4, 5);
print join('/', $arr);

1/2/3/4/5

こちらもエラーにならない。

思想の違いなんだろうな。

]]> http://blog.setunai.net/20120405/typeerror-sequence-item-0-expected-string-int-found/feed/ 3 VirtualBoxでゲストOSを直接起動する方法 http://blog.setunai.net/20120329/virtualbox%e3%81%a7%e3%82%b2%e3%82%b9%e3%83%88os%e3%82%92%e7%9b%b4%e6%8e%a5%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/ http://blog.setunai.net/20120329/virtualbox%e3%81%a7%e3%82%b2%e3%82%b9%e3%83%88os%e3%82%92%e7%9b%b4%e6%8e%a5%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#comments Thu, 29 Mar 2012 14:02:17 +0000 t http://blog.setunai.net/?p=769 VirtualBoxを利用してるんですがVirtualBoxマネージャーからゲストOSをいちいち起動するのと手間なので調べてみた。

ホスト：Win7
ゲスト：Ubuntu 10.04

結果、-startvmオプションに自分で付けたゲストOSの名前を付ければok。

"C:\Program Files\Oracle\VirtualBox\VirtualBox.exe" -startvm ubuntu10

ubuntu10と書いてあるところがゲストOSの名前。
コピペする時はは自分の環境に合わせてパスを変更して下さい。

]]> http://blog.setunai.net/20120329/virtualbox%e3%81%a7%e3%82%b2%e3%82%b9%e3%83%88os%e3%82%92%e7%9b%b4%e6%8e%a5%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/feed/ 0 JavaScriptの実行順序について http://blog.setunai.net/20120317/javascript%e3%81%ae%e5%ae%9f%e8%a1%8c%e9%a0%86%e5%ba%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ http://blog.setunai.net/20120317/javascript%e3%81%ae%e5%ae%9f%e8%a1%8c%e9%a0%86%e5%ba%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#comments Sat, 17 Mar 2012 05:55:43 +0000 t http://blog.setunai.net/?p=763 createElement(“script”)で生成したjavascriptは実行順序が保証されませんよって話。
まあ知ってる人は知ってると思うのですが、知らない人はやってしまうかもしれないのでとりあえず書いときます。

scriptタグでの記述

scriptタグでJavaScriptの読み込みを記述している場合に記述かれた順序で実行されます。
http://labs.setunai.net/jsload/test1.html

test1.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">
    var _arr = [];
</script>
<script type="text/javascript" src="a.js.php"></script>
<script type="text/javascript" src="b.js"></script>
</head>
<body>
<p>headタグにて読込</p>
</body>
</html>

a.js.php

<?php
sleep(3);
?>
_arr.push('a');

b.js

_arr.push('b');

a.js.phpは3秒だけ遅延してjsのコードを出力します。

画面が表示されたら_arrの中を確認します。
chromeならデベロッパーツールのConsole、FirefoxならFirebug、IEなら開発者ツールのスクリプト＞コンソールで中身が確認できます。

a.js.phpの3秒遅延もちゃんと待ってくれて、記述された通りに実行され["a", "b"]となります。
ちなみに読み込み自体はb.jsの方が先に終わってます。実行がまだなだけです。

createElement(“script”)での記述

createElement(“script”)での場合には読み込まが完了した順序で実行されます。
http://labs.setunai.net/jsload/test2.html

test2.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">
    var _arr = [];

    var s_a = document.createElement("script");
    s_a.src = "a.js.php";
    document.getElementsByTagName("head")[0].appendChild(s_a);

    var s_b = document.createElement("script");
    s_b.src = "b.js";
    document.getElementsByTagName("head")[0].appendChild(s_b);
</script>
</head>
<body>
<p>jsで動的読込</p>
</body>
</html>

a.js.phpとb.jsは同じ物を利用しています。

結果はこちら

a.js.phpは先に読み込み処理が発生しますが3秒待ってしまうので後から読み込み処理が発生したb.jsの方が先に読み込みを完了します。
ですので上記の通り["b", "a"]となります。

各ブラウザで確認しましたが、どれも同じ結果となりました。
知らなかった人は気をつけましょう。

※検証ブラウザ
chrome 17.0.963.79
Firefox 11.0
IE 8.0

]]> http://blog.setunai.net/20120317/javascript%e3%81%ae%e5%ae%9f%e8%a1%8c%e9%a0%86%e5%ba%8f%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/feed/ 0 jQueryでformの値をajax向け配列に変換 http://blog.setunai.net/20120305/jquery%e3%81%a7form%e3%81%ae%e5%80%a4%e3%82%92ajax%e5%90%91%e3%81%91%e9%85%8d%e5%88%97%e3%81%ab%e5%a4%89%e6%8f%9b/ http://blog.setunai.net/20120305/jquery%e3%81%a7form%e3%81%ae%e5%80%a4%e3%82%92ajax%e5%90%91%e3%81%91%e9%85%8d%e5%88%97%e3%81%ab%e5%a4%89%e6%8f%9b/#comments Mon, 05 Mar 2012 14:13:24 +0000 t http://blog.setunai.net/?p=745 jQuery.getJSONやjQuery.postを利用するのですが引数のdata部分を作成するのがどうもやぼったい。
そう思いつつも、そこまで問題でもないのでデータ部分の配列を自力で作って利用していたのですが、今日リファレンスを眺めていたら見つけました。

今更感もありますが、私と同じく知らない人はどうぞ。
.serializeArray() – jQuery API

form内のelementをajax向け配列に変換してくれます。（たぶんform内じゃなくてもいいと思う）

<html>
<head>
<title>serializeArray/jquery test</title>
</head>
<body>
<form id="test_form">
<input type="text" name="namae" style="width:100px;" value="123"><br>
<input type="radio" name="blood" value="b_a">A
<input type="radio" name="blood" value="b_b">B
<input type="radio" name="blood" value="b_ab" checked>AB
<input type="radio" name="blood" value="b_o">O<br>
<input type="hidden" name="key" value="hoge">
<input type="button" id="run" value="test">
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
(function ($) {

$('#run').click(function (){
    var arr = $('#test_form :input');
    console.log(arr.serializeArray());
    console.log(arr.serialize());
});

})(jQuery);
</script>
</body>
</html>

結果

[ Object { name="namae", value="123" }, Object { name="blood", value="b_ab" }, Object { name="key", value="hoge" } ]
namae=123&blood=b_ab&key=hoge

.serialize() – jQuery APIも見つけたので試してみました。

.serializeArray()の結果をそのままjQuery.getJSONで利用できるのでとても便利ですね。

]]> http://blog.setunai.net/20120305/jquery%e3%81%a7form%e3%81%ae%e5%80%a4%e3%82%92ajax%e5%90%91%e3%81%91%e9%85%8d%e5%88%97%e3%81%ab%e5%a4%89%e6%8f%9b/feed/ 0 クロスドメインへのアクセスが回避できるXMLHttpRequest2 http://blog.setunai.net/20120229/%e3%82%af%e3%83%ad%e3%82%b9%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%b8%e3%81%ae%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%81%8c%e5%9b%9e%e9%81%bf%e3%81%a7%e3%81%8d%e3%82%8bxmlhttprequest2/ http://blog.setunai.net/20120229/%e3%82%af%e3%83%ad%e3%82%b9%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%b8%e3%81%ae%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%81%8c%e5%9b%9e%e9%81%bf%e3%81%a7%e3%81%8d%e3%82%8bxmlhttprequest2/#comments Tue, 28 Feb 2012 15:13:26 +0000 t http://blog.setunai.net/?p=743 最近クロスドメインの記事を書きました。
jQueryでクロスドメインのjson取得(JSONP)

が、もっと良い手がありました。

HTTP access control – MDN
404 Blog Not Found:Ajax – Goodbye, JSONP. Hello, Access-Control-Allow-Origin

小飼弾さんの記事を見ると2年前ですね。知らなかった。

XMLHttpRequest2(XHR2)ではサーバー側がAccess-Control-Allow-Originヘッダーを設定していればクロスドメインの制限を回避できるようです。

<html>
<head>
<title>XHR2/jquery test</title>
</head>
<body>
<input type="text" id="zip" style="width:100px;" value="2210824">
<input type="button" id="run" value="test">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
(function ($) {

var api = 'http://api.aoikujira.com/zip/json/';

$('#run').click(function (){
    var zip = $('#zip').val();
    var url = api + zip;
    $.getJSON(url).then(
        function (json){
            alert(json.address);
        },
        function (){
            alert('error dayo');
        }
    );
});

})(jQuery);
</script>
</body>
</html>

これで自分で提供するAPIならクロスドメインも気にしなくてよさそうです。
各apiはcallbackを用意するよりAccess-Control-Allow-Originヘッダーを指定した方が助かりますね。

これでめでたしめでたしと思ったらブラウザ毎に挙動の違いがあるみたいです。
XMLHttpRequest level2に対応しているブラウザまとめ at HouseTect, JavaScriptな情報をあなたに
IE7が未対応なのは痛い。実サービスだと厳しいかもしれません。

一応自分のブラウザでも試してみました。
○ chrome 17.0.963.56
○ Firefox 10.0.2
× IE 8.0.7601.17514
あ、IE8でもダメだ。途中で変わったのか、私のIEだけなのかはわからないところ。う～

利用API
クジラ　郵便番号　API

]]> http://blog.setunai.net/20120229/%e3%82%af%e3%83%ad%e3%82%b9%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%b8%e3%81%ae%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%81%8c%e5%9b%9e%e9%81%bf%e3%81%a7%e3%81%8d%e3%82%8bxmlhttprequest2/feed/ 2 Flaskのログインデコレータ http://blog.setunai.net/20120227/flask%e3%81%ae%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%87%e3%82%b3%e3%83%ac%e3%83%bc%e3%82%bf/ http://blog.setunai.net/20120227/flask%e3%81%ae%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%87%e3%82%b3%e3%83%ac%e3%83%bc%e3%82%bf/#comments Mon, 27 Feb 2012 14:56:05 +0000 t http://blog.setunai.net/?p=740 最近Pythonのデコレータが理解できて、ログイン後のページ表示に使えるんじゃないかと思いついた。
Flaskを利用しているので、そこらへんを中心にググってみたらやはりありました。

pocooチームによるLogin Required Decoratorの実装
Login Required Decorator

とりあえず上記を元に実際に組んでみます。

from functools import wraps

from flask import Flask
app = Flask(__name__)

def login_required(f):
    @wraps(f)
    def decorated_function(*args, **kwargs):
        if not is_login():
            return 'dame dayo!'
        return f(*args, **kwargs)
    return decorated_function

def is_login():
    return False

@app.route('/')
def root_page():
    return 'public!!'

@app.route('/mypage')
@login_required
def my_page():
    return 'private!!'

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

/にアクセス

public!!

/mypageにアクセス

dame dayo!

これで目的達成。
functools.wrap()なんて初めて使った。
今度はここらへんを調べてみよう。

]]> http://blog.setunai.net/20120227/flask%e3%81%ae%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%87%e3%82%b3%e3%83%ac%e3%83%bc%e3%82%bf/feed/ 0 jQueryでクロスドメインのjson取得(JSONP) http://blog.setunai.net/20120226/jquery%e3%81%a7%e3%82%af%e3%83%ad%e3%82%b9%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%aejson%e5%8f%96%e5%be%97jsonp/ http://blog.setunai.net/20120226/jquery%e3%81%a7%e3%82%af%e3%83%ad%e3%82%b9%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%aejson%e5%8f%96%e5%be%97jsonp/#comments Sun, 26 Feb 2012 03:34:19 +0000 t http://blog.setunai.net/?p=732 JSONP とは｜傲慢SE日記 ～30歳からの挑戦～
上記記事を読んでいてjQueryでできそうな気がしたので調べてみました。
やっぱり対応していてテスト。


github:gist

簡単ですね。jquery内部でscriptタグを発行していると思いますが、自分で管理しなくていいので楽です。

関係ないけどgistも便利。でもブログ内にソースコードが残らないのでちょっと微妙だなー。

参考
jQuery.getJSON()で別ドメインのJSONPなデータを読み込む時の注意 – kanonjiの日記

利用したAPI
はてなブックマーク件数取得API

]]> http://blog.setunai.net/20120226/jquery%e3%81%a7%e3%82%af%e3%83%ad%e3%82%b9%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%aejson%e5%8f%96%e5%be%97jsonp/feed/ 0 SQLAlchemyのSAWarningメッセージ http://blog.setunai.net/20120221/sqlalchemy%e3%81%aesawarning%e3%83%a1%e3%83%83%e3%82%bb%e3%83%bc%e3%82%b8/ http://blog.setunai.net/20120221/sqlalchemy%e3%81%aesawarning%e3%83%a1%e3%83%83%e3%82%bb%e3%83%bc%e3%82%b8/#comments Tue, 21 Feb 2012 14:48:26 +0000 t http://blog.setunai.net/?p=723 ログを眺めていたらSAWarningってメッセージが頻繁に出ていて何かと思ったら
SQLAlchemyのメッセージでした。ちなみにSQLAlchemyはPythonで利用できるO/Rマッパーです。

メッセージを読むと配列が空だよとのことなので原因はわかりました。

site-packages/sqlalchemy/sql/expression.py:1794: SAWarning: The IN-predicate on "users.id" was invoked with an empty sequence. This results in a contradiction, which nonetheless can be expensive to evaluate.  Consider alternative strategies for improved performance.
  return self._in_impl(operators.in_op, operators.notin_op, other)

例外は吐かずにパフォーマンスを気にしてるのがちょっと不思議な感じ。
試しにどんなSQL文が出力されているか見てみます。

■usersテーブル
(id, name, age)

■空ではない配列

arr = [10, 20, 5]
tmp = User.query.filter(User.id.in_(arr)).all()

生成されたSQL文

SELECT users.id AS users_id, users.name AS users_name, users.age AS users_age
FROM users
WHERE users.id IN (10, 20, 5)

■空の配列

arr = []
tmp = User.query.filter(User.id.in_(arr)).all()

生成されたSQL文

SELECT users.id AS users_id, users.name AS users_name, users.age AS users_age
FROM users
WHERE users.id != users.id

空の配列で生成されたSQLは条件に否定演算子が使われていますね。
これは遅くなりそうです。

空の配列がきた場合に、正常な戻り値を目指して、この方法をとったんでしょうね。
なのでin句に配列を渡す場合にはemptyチェックをお勧めします。

バージョン
SQLAlchemy==0.7.2

]]> http://blog.setunai.net/20120221/sqlalchemy%e3%81%aesawarning%e3%83%a1%e3%83%83%e3%82%bb%e3%83%bc%e3%82%b8/feed/ 0 Pythonのバージョンを切り替えることができるpythonbrewをインストール http://blog.setunai.net/20120218/python%e3%81%ae%e3%83%90%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8bpythonbrew%e3%82%92%e3%82%a4/ http://blog.setunai.net/20120218/python%e3%81%ae%e3%83%90%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8bpythonbrew%e3%82%92%e3%82%a4/#comments Sat, 18 Feb 2012 03:33:28 +0000 t http://blog.setunai.net/?p=719 タイトルそのままですがpython利用しようかと手持ちの環境を調べたら
バージョンが2.4.3（CentOS release 5.7）

これは古過ぎなので最新版を入れたい。でもpythonはyumなどが利用してるので普通に入れ替えちゃうといろいろ影響がある。
なので既存の環境を壊さないでなんとかならないかと探していたら見つけました。

pythonbrew
https://github.com/utahta/pythonbrew

これでpythonのバージョンを簡単に切り替えて利用できそうです。

pythonbrewのインストール

githubにある通りにインストール

$ curl -kL http://xrl.us/pythonbrewinstall | bash

~/.bashrcに下記を追加
[[ -s $HOME/.pythonbrew/etc/bashrc ]] && source $HOME/.pythonbrew/etc/bashrc

$ pythonbrew version
1.1

で完了。

python 2.7.2のインストール

$ pythonbrew install --force 2.7.2
Downloading Python-2.7.2.tgz as /home/[hoge]/.pythonbrew/dists/Python-2.7.2.tgz
######################################################################## 100.0%
Extracting Python-2.7.2.tgz into /home/[hoge]/.pythonbrew/build/Python-2.7.2

This could take a while. You can run the following command on another shell to track the status:
  tail -f /home/[hoge]/.pythonbrew/log/build.log

Installing Python-2.7.2 into /home/[hoge]/.pythonbrew/pythons/Python-2.7.2
Downloading distribute_setup.py as /home/[hoge]/.pythonbrew/dists/distribute_setup.py
######################################################################## 100.0%
Installing distribute into /home/[hoge]/.pythonbrew/pythons/Python-2.7.2
Installing pip into /home/[hoge]/.pythonbrew/pythons/Python-2.7.2

Installed Python-2.7.2 successfully. Run the following command to switch to Python-2.7.2.
  pythonbrew switch 2.7.2

すごく時間がかかるのでメッセージの通り、tailでbuild.logを参照した方が安心できます。
別に時間が短くなる訳ではないですけど。

インストールできたので確認してみます。

$ python -V
Python 2.4.3
$ pythonbrew switch 2.7.2
Switched to Python-2.7.2
$ python -V
Python 2.7.2

簡単ですね。

]]> http://blog.setunai.net/20120218/python%e3%81%ae%e3%83%90%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8bpythonbrew%e3%82%92%e3%82%a4/feed/ 0 デブサミ（Developers Summit）2012 感想 http://blog.setunai.net/20120217/%e3%83%87%e3%83%96%e3%82%b5%e3%83%9f%ef%bc%88developers-summit%ef%bc%892012-%e6%84%9f%e6%83%b3/ http://blog.setunai.net/20120217/%e3%83%87%e3%83%96%e3%82%b5%e3%83%9f%ef%bc%88developers-summit%ef%bc%892012-%e6%84%9f%e6%83%b3/#comments Fri, 17 Feb 2012 13:35:52 +0000 t http://blog.setunai.net/?p=716 今回で10回目となるデブサミ。申込時には知らなくて開会の挨拶で知りました。

ブログを検索してみると2005年が最初の参加です。存在自体は2004年から知ってた様です。
当時デマルコが来日するとの事で、申し込もうとしたら既に満席。
で、代わりにJaSST’04の方に申し込んだらなんとか参加できて感動したのを覚えています。

その後、2005年にダイレクトメールが来てデブサミ初参加となりました。
2005年からなので7回参加ですね。
この頃どんなセッションに参加したブログ読んでみたんですけど全然わからないｗ
セッション名も書いてないし、ブログ移行したときに記事が消えてる部分もあるみたい。残念です。
ペアプロのライブを見たって事は書かれてるんですけどね。

この頃書いたブログを読んでるとチームビルディングとアジャイルについていろいろ書かれているのできっとそれ関係のセッションに参加したのでしょう。

それから7年。私的には転職2回行なってSIer業界からWeb業界に来てました。
これもデブサミを含めたカンファレンス系イベントに参加して、いろいろな人に熱意を貰った結果だと思います。

こういった無料で質の高いカンファレンスが継続されて、いろいろな人に影響与えてくれるといいなと思います。

あ、今回の感想じゃないな。まあいいや。

今回も楽しめましたし、刺激をたくさん頂きました。
スタッフならび公演者の方々、ありがとうございました。

]]> http://blog.setunai.net/20120217/%e3%83%87%e3%83%96%e3%82%b5%e3%83%9f%ef%bc%88developers-summit%ef%bc%892012-%e6%84%9f%e6%83%b3/feed/ 0