プログラマの実態

Titanium と CoffeeScript でAndroidアプリ開発

2011-12-15T22:54:00.001+09:00

自分好みなAndroid用のRedmineクライアントが欲しいなぁ

ってことで、久しぶりにAndroidアプリを作成しようと思いたったわけですが、フリーランスの私にがっつりJavaで開発するだけの時間が取れそうにもなかったので、Titaniumで開発を行うことにしました。

ついでにメイン開発機のMBAではTitaniumStudioを立ち上げて、Androidエミュレータを立ち上げてとなると、CPU的にも辛いので、どうにかvimでできないものかと探していたらありました。

GuardでTitanium+CoffeeScriptの開発を快適に

これで非力なMBAちゃんでもなんとか開発できそうです。

ここから少し手を加えて、下記のようなシェルスクリプトを用意しました。

前提としては、

プロジェクトのファイルは ~/develop/titaniumの配下に配置
AndroidSDKは~/bin/android-sdk に配置

の二点です

エミュレータを立ち上げたのち、このシェルを叩くことでビルド＆インストールを行います。

エミュレータ分のリソースについては、実機を接続することで節約しましょう。

ということで、いま開発をしている画面がこんな感じ

これで、もっさりなTitaniumStudioからおさらばし、自分のメインエディタのvimでコーディングができます。

なんかTitaniumStudioが出るまでの開発手法に戻っているだけ。といえばそのとおりなんですけど・・・。

で、メインのエディタをvimにしたのはいいのですが、やっぱり補完が聞かないのはしんどいところです。

ということで、下記のサイトからTitanium用のvimプラグインを入れておきます。

pekepeke / titanium-vim

これでvimでもTitaniumStudioに見劣りしないサクサクな開発が可能です。

(まぁ、デバッグとかするときは諦めてTitaniumStudioを立ち上げましょう。)

退職しました。

2011-07-29T17:24:00.001+09:00

正式には7/31をもって、現在の会社を退職するわけですが、本日が最終日なので・・・。

入社は2004/04/01だったので、実に七年と三ヶ月。
七年の間に、.net frameworkを利用した様々なシステム構築、それに伴うインフラの構築、顧客との交渉などなど、様々な経験を積むことができました。
その一方で、後輩の教育や、技術的な部分での継承、ノウハウの次世代への引渡しなど、会社や社員を伸ばすことが出来ず、後悔というか、心残りというか『やり残した感』もあります。
ただ、そのギャップを埋めようとする日々が、自分を成長させてくれたと信じています。

七年のうち、最初の4年が社内勤務、残りの3年が出向という形で勤務をさせて頂いてましたが、最初の4年は自分を磨くことで精一杯で、後輩や会社そのものに対して、『貢献する』ということがなかった気がします。
『ふるさとは遠くにありて思うもの』とはよく言ったもので、後輩の教育などを考え始めたのは、出向してしばらくたったあとでした。
これについては今でも悔やまれます。
もっと後輩に伝えることがあったのではないか？
この業界に夢や希望を持って入ってきた後輩たちに、『システムの開発ってこんなに面白いんだぜ』と伝えられたんではないか？
もっと会社に対して、『こうして行こう！』と言えたのではないか？
まぁ、すでに退職が秒読みになっている以上、できることはわずかですが・・・。

退職理由については、特にこれと言ったものはありません。(会社にはなんとか理由を作って提出しましたが・・・。)
前々から考えていて、たまたまタイミングが今だったということくらいでしょうか。
息子もそろそろ生まれるというこのタイミング。息子が生まれてしまったら動きづらくなる、という打算的な考えもなかったといえば嘘になります。
ただし息子の誕生を機に、新しい生活へチャレンジしようという思いもありました。

僕が会社を辞めるという決断に対して、身重の体ながらも是としてくれた、家内には感謝してもしきれません。

『あなたなら大丈夫』と、笑顔で言ってくれた家内と、これから生まれてくる息子がこれからの自分の心の支えです。

これからは、フリーランスでシステム関係のなんでも屋として生きていこうと考えています。
幸いなことに、周りには支えてくれる人たちもいます。
最初はその方々にお世話になって、しかし甘えることなく、仕事の上で恩返しをしていければと思っています。

今後とも宜しくお願いいたします。

Go言語でデコレータ(もどき)を使用する

2011-05-31T11:09:00.001+09:00

Google App Engine 第三の対応言語として予想外にもGo言語が採用され、知名度も上がってきましたね。(僕の周りだけか？)

残念なことにGAE/Goのデプロイ枠50人から外れてしまったわけですが、それでもめげずにデプロイ出来る日を夢見てGAE/Goをいじっています。

で、Google App EngineのGo言語デモのソースを眺めていて、目からうろこだったのでご紹介。

GAE_ROOT/demos/go-moustachio/moustachio/http.go より一部抜粋

定義
使い方

ローカルメソッドをハンドラとしてバインドする際に、デコレータ(ラップ)メソッドを通してあげるだけです。
処理内容としては、Go言語では避けることのできない

if err != nil { ... }

みたいな定番の処理を

check(err)

として書き換え、check処理内部で判定を行い、err != nil の場合に、パニックを起こす。
check内部で起こしたパニックを、ラップメソッドで追加したdefarが捉え、サーバーエラーを返すというもの。

今回のデモのソースでは、checkの引数がnilではなければ、パニックを起こすというヒステリックな仕様になっていますが、errorHandler部分の実装次第では使えそうなアイディアだと思いました。

とはいえ、やはりPythonのデコレータほど気軽に使えないので、工夫は必要になりそうですが・・・。

自分がつくっているGo言語のソースにもありがたく上記の考え方を取り入れさせて貰ってます。

http://twitter.com/#!/hajimehoshi/status/75374570458198016

この方も言及されていますが、Go言語のif err != nil { ... } って書き方、どうにかなりませんかね。

Goでコーディングしていると、至る所に出てくるので、どうにも冗長に感じてしまって・・・。

erlang でガード機能を使ってみる

2011-04-27T11:43:00.001+09:00

ガード(Guard)とは、関数のパターンマッチをより詳細に記述するためのもの。

関数が呼び出される際に、引数のパターンマッチと合わせて行われ、ガードの結果によって呼び出される関数を制御する事ができる。

erlangの再帰関数の時に使用した、listsumでガードの例を提示します
このソースでは、引数のリスト中に数値以外のものがはいってきた場合
このように、エラーとなってしまいます。
リスト中にアトムが混じっていて、それを加算しようとしているので、当然ですね。

これをガードを使って、リスト要素を抜き出し、それが数値型である場合のみ加算するという形に書き換えてみます。

sum1([H | T], Sum)にくっついている、when 〜　がガードです。
上記のコードでは、Hが数値型である(is_integer(H)==True)のときだけsum1(T, Sum + H)を実行し、
それ以外は、下部のsum1([_|T],Sum)が実行されます。

このように、ガードは関数の引数によるパターンマッチの補足として、パターンマッチだけでは制御できない条件を記述するように使用します。

pathogen.vimを入れてみた

2011-04-25T20:38:00.002+09:00

emacsを勉強すると言いながらvimをいじっている私です。
vimの面倒なところとして、自分がいれたプラグインを管理できないことでした・・・。
プラグインを忘れたり、更新するときにどのファイルがどのプラグインだったっけ？ってなったり。

この不満を解消すべく、pathogenを導入しました。

◯pathogenってなんぞ？
vimのプラグインを、~/.vim/bundle　以下にプラグインごとにディレクトリをわけ、プラグイン単位に管理を可能にするためのプラグインです。

◯導入方法
pathogen.vimでgoogle先生に問い合わせるとたくさん出てくるので、そっちを参照してください。

◯効果
美しいディレクトリ構造を得られます。

びふぉー
あふたー
うーん、美しい。
vimプラグインはほとんどがgithubでも管理されているので、git submoduleで追加しておくと以降の更新も楽になります。

erlangの再帰関数

2011-04-23T09:47:00.002+09:00

Erlangには、for や whileのようないわゆるループ処理をサポートするような構文は存在しません。
では繰り返し処理を行う場合はどうするか？
それらはすべて、関数の再帰処理にて実現します。

まずは例として、与えられたリスト内の数値をすべて足す処理 (listsum2.erl)
リスト要素を[H | T]で一要素ずつ足していき、リストが空になった時点で０を返す形です。これを実行してみましょう。
listで1〜9までの整数を、引数としてすべて足し算して45を算出しています。
ただし、この方法では、再帰的に呼び出した関数の値をすべて保持しつつ、最終的に関数の結果が最初に呼び出した階層に戻ってきた際に、最終的な値が決定する形になります。
つまり、再帰的に呼び出した関数をすべてスタックしている状態になっています。
これは効率的ではありません。
上記の処理は、下のようにスタックを使わない形式に書き換えることができます。

このパターンであれば、戻り値を期待せず、関数内ですべて完結しているために、スタックも発生しません。
やっぱり関数型言語独特の作法があり、今までの僕の経験してきた言語にはない独特な作法のため、いちいちつまずいてばっかりですが、一つ一つ実践していこうと思います。

さくらVPSのUbuntuにDenyHostsをインストール

2011-04-18T20:57:00.001+09:00

いままでポート番号を22以外で運用していたさくらVPSのUbuntuでしたが、テスト的に22番に戻したところ・・・。

来るわ来るわ、ものすごいアタックの数。

さくらVPSはサーバリソースをグラフとして表示してくれる画面があるのですが、今までに無いリソースの食い方をしていたので、以前同僚に教えてもらったDenyHostsを導入しました。

今回は細かい設定を行わず、インストールしたままの状態で運用することにします。
最悪自分のアカウントをロックされてしまっても、さくらVPSならWebからのシリアルコンソールがあるので、そちらで解除することも可能です。

で、単純導入した結果

送信者 blog

笑ってしまうくらいの導入効果！！
アタック受けている時から比べると、通常動作時のリソース消費なんて誤差の範囲ですね。

何はともあれ、いれておいて損のないソフトですね。

ちなみに、ブラックリスト入りしたIPは
/etc/hosts.deny
に記録されます。

すでに自分の環境でも10件ほどブラックリスト入りを果たしたIPがありますが、その中にさくらVPS内からのIPも含まれていました。
さくらVPSのおかげで、気楽にVPSが持てる分、自衛する技術も無い人が契約できる時代になってしまったんですね・・・。

ホスティング企業への報告も、サーバ管理者の務めということで。

Ubuntu上でMaqettaを動かす

2011-04-18T18:44:00.000+09:00

Maqettaについて、詳しくは下記サイトを見てもらうとして

こいつをさくらVPSのUbuntu上で動かすようにした。
といっても、動かすだけなら至極簡単でJDK1.6のインストールされている環境で

と、これだけ。実行後、プロンプトに表示されるアドレスをブラウザで叩くと

と、ログイン画面が表示される。
この時点ではアカウント情報が作成されていないので、『sign up』をクリックし、ユーザ名、メールアドレス、パスワードを登録し、ログインを行う。

ログインを行うと、サンプルのプロジェクトが表示されている状態となる。

Eclipseというか、VisualStudioというか、なんとなく見慣れたデザイン画面・・・。

いまのところDojoで提供されているウィジェットはD&Dで追加/編集が可能で、ソースからの変更もプレビュー画面に即時適用される。

Eclipseとも連携出来るらしいが、英語の壁は厚かったため、そこまでは試していない。

ちなみに、『このためだけにサーバで動かすのはちょっと・・・。』という人の為には、ログイン機能を省いたシェルが各々の環境に合わせて提供されている。

maqetta.local.unix.sh
maqetta.local.mac.command
maqetta.local.win.bat

上記のシェル/コマンド/バッチファイルを叩けば、ログインをスキップしていきなりメイン画面が表示されるようになっている。

Eclipseから使用する場合は、maqetta.local.* を使用するのかな？

サーバで動かす場合は、いちいちコマンド叩くのも面倒なので、サクッとデーモン化

上記ファイルを管理者権限で /etc/init.d/maqetta として保存し、下記コマンドを発行

sudo chmod +x /etc/init.d/maqetta
sudo update-rc.d maqetta defaults
sudo /etc/init.d/maqetta start

これで、Maqettaがデーモンとして動作します。

現在、提供されているライブラリがDojoしかない(というかIBMがDojoに提供したものなので、あたりまえっちゃあたりまえですが・・・)ので、普段からDojo以外のライブラリを使っている人からすると、あまり利用価値はないかもしれないですが・・・。

まだPreview段階なので、これからjQueryUIや、YUI、ClosureLibraryなんかに対応してくれると、非常に使い勝手の良さそうなプロジェクトになると思います。

無保証ですが、自分のサーバに置いておこうと思いますので、ちょっと使ってみたけど・・・、という方は下記のURLからどうぞ

http://dev.dotroid.net:50000/maqetta/

vim派のプログラマがemacsに挑戦してみた　python開発用の環境を整える

2011-04-17T23:32:00.002+09:00

emacs挑戦シリーズ第三弾です。

Google先生に尋ねたところ、どんぴしゃなサイトがありましたので、参考にさせてもらいます。
macでemacs python環境 - hidecheckの日記

まずは、vimで言うところの~/.vimrcにあたる、.emacsファイルを作成します。
先程のサイトの設定から変更させていただいたのが、

メニューバーの非表示設定をコメントアウト　(まだ初心者故・・・。)

の二点です。
さて、ここからが本格的なPython環境の構築になっていきます。
先ほどのロードパスディレクトリをまだ作成していない場合は、ココで作成しておきましょう。
◯python-modeの取得標準のemacsに搭載されているpython-modeはあまり使えないということなので、ここで入れ替えを行います。
ついでに、auto-complete.elも取得してしまいましょう。

さて、先程の.emacsに今ダウンロードしたpython-mode.elをpython-modeとして使用するように設定します。

この時点で、python用のシンタックスハイライト、及びグローバルメニューにIM-Pythonという項目が表示されていました。
同一モジュール内に出てくる文字列であれば、保管できるようになりました。

あとは、pysmellをインストールして、vimと同じようにして上げれば完了ですかね。
pysmellの設定については、vimと同じになりますので、今回は省略。
やはり、emacsもvimも独特のルールがあるが、やることは似通ってますね。

これで、設定は一旦終了とします。
一気に走り抜けてきたので、慣れていくためにemacsを使い続けてみようかと思います。
ということで、４月いっぱいはpythonを書く場合はemacs縛りで行こうと思います。

vim派のプログラマがemacsに挑戦してみた　チュートリアルの続き

2011-04-16T20:01:00.002+09:00

前回のvim派のプログラマがemacsに挑戦してみたの続き

◯その他のコマンド
~~ヤンク　　→　C-k~~
コピー　　→　C-w
切り取り　→　M-w
ペースト　→　C-y
アンドゥ　→　C-x u
ファイルを開く(バッファ作成)　→　C-x C-f
ファイルの保存　→　C-x C-s
バッファのリストアップ　→　C-x C-b
コマンドの受付　→　M-x

◯モードの切替
Pythonモードに切り替える　→　M-x python-mode
テキストモードに切り替える　→　M-x text-mode
とりあえず、上記でシンタックス設定が切り替わるっぽい。
vim で言うところの.vim/syntaxディレクトリの設定を切り替えているのか、シンタックスハイライトの切り替えだけなのかはまだ試してないので、不明・・・。

あと、M-xのあとに入力する文字列で、文字列置換とかモード切り替えが行える。
実行出来るコマンドの詳細は、あとで調べることにするが、M-x入力後に、Tabキーで実行可能コマンドの一覧が表示されるので、眺めておくくらいはしておこう。

◯検索
インクリメンタルサーチ　→　C-s 検索文字列

◯画面分割
２画面に分割　→　C-x 2
違う画面にカーソル移動　→　C-x o
分割した画面を１画面に戻す　→　C-x 1
これはvimの:sp と ctrl+w p と同じなのでわかりやすい。
しかし、カーソル移動は同じコントロールキーを使用するために、頭の中でちゃんと切り替えができないとちょっと混乱しそう。

◯様々なヘルプを表示する
コマンドのヘルプ　→　C-h c [コマンド]
例：C-h c C-p →　C-pのヘルプを表示
拡張コマンドのヘルプ　→　C-h a [拡張コマンド]
例：C-h a file →　fileという文字を含む拡張コマンドのヘルプを表示
オンラインマニュアルの表示　→　C-h i

これにてチュートリアルは終了。
覚える事が多すぎて(vimも同じですが・・・。)ちょっと混乱してますが、覚えるまではこのページちょこちょこ戻ってきて、確認しながらすすめることにします。
困ったら、C-gで取り消しと、C-x uのアンドゥだけ覚えておけばどうにかなると思うので、それだけ忘れないようにしておこうかと・・・。
さて、基本中の基本は終わったので、次はemacsでpythonの環境をつくりあげて行こうと思います。

emacsはとにかくコマンドが多いですが、それさえ覚えてしまえば、処理モードの切り替えなしに使えるので、煩わしさはないですね。
emacs派プログラマの方々が、ctrlキーをCaps Lockと入れ替えているのをよく聞きますが、その理由もわかった気がします。
左手小指を常に(というと大げさですが・・・。)ctrlキーにおいておかねばならないemacsでは、ctrlキーがキーボードの左下に配置されていると、都度移動が必要で面倒ですね・・・。
さて、チュートリアルが終わってしまったので、これからはいろんなページを見ながら設定していこうと思います。

『ココを参考にするといいよ！』ってページがあったら教えてください。

○2011/04/25修正
C-kはヤンクではなく、Killだというコメントを頂きましたので、訂正
確かにvimで言うところの、ノーマルモードで:dと同じ動作でした。

vim派のプログラマがemacsに挑戦してみた

2011-04-15T16:29:00.001+09:00

いままでemacsについては『左手小指の疲労骨折を引き起こすエディタ』程度の認識しかなく、emacsを触ったこともなかったのですが、とあることをきっかけに少し触ってみようかと思い立ちました。

きっかけ↓

http://twitter.com/#!/gab_km/status/58163272809054208

このままでは@gab_kmさんと、血で血を洗う阿鼻叫喚のエディタ戦争が開戦されてしまうということで、そのような最悪な自体を回避すべく、emacsに触れてみようということにしました。

まずは、emacsをインストールすることからはじめなければなりません。

適当に調べていたら、MacOSXだったら『CarbonEmacs』というのがいいらしい、ということでこいつをインストールすることにします。

◯Carbon Emacs パッケージ

とりあえず、dmgファイルをダウンロードし、アプリケーションにコピーをしてインストール完了。

早速起動して、チュートリアルを開始します。

やっぱりvimもemacsもそうなんですが、チュートリアルをひと通り見てみないと、エディタとしてはメモ帳以下なんですよね・・・。

そして、ずっと勘違いしてたんですけど、emacsはコントロールキーの他にメタキーも使用するんですね。

MacOSXだとメタキーはcommandに相当するらしいようです。

チュートリアルを始めたばっかりですが、まずは終了方法を確認

終了　→　C-x C-c

◯そしてvimでは、hjklに相当するカーソルの移動

上移動　→　C-p

下移動　→　C-n

左移動　→　C-b

右移動　→　C-f

単語単位で左移動　→　M-b

単語単位で右移動　→　M-f

それぞれ、Previous, Next, Backward, Forwardの頭文字ということで、覚えるのは比較的簡単

◯ページ単位で飛ばす場合

次ページ　→　C-v

前ページ　→　M-v

出ましたメタキー。Macの場合にはCommandキーなので、若干押しにくいのが玉に瑕ですね。

◯行頭、行末へカーソル移動

行頭へ　→　C-a

行末へ　→　C-e

◯文頭、文末へ移動

文頭へ　→　M-a

文末へ　→　M-e

◯ファイルの先頭、ファイルの末尾へ移動

先頭　→　M-<

末尾　→　M->

この辺りから、<と>を入力するために、shiftキーが登場します。

チュートリアルとしては、このあとに引数をとってのコマンド入力が始まりますが、今日はこの程度で。

そして、例の@gab_km氏からメッセージが

言われるがままに実行してみると、

全自動ハノイの塔が！？

emacsすげー！

とりあえず、少し触ってみて思ったのが

vim特有のモードが無い分、コントロールキー、メタキーの使用頻度が高い
escキーとお友達になるvim、対してctrlキー、メタキーとお友達になるemacs
いずれにせよ、チュートリアルを終わらせないと、メモ帳以下の生産性

ということで、今後もemacsの勉強をしていきます。

うーん、まだvimに寄っているなぁ

Erlangの変数

2011-03-29T10:56:00.001+09:00

◯変数は大文字で始まる英数字と"_"が使用できる。

/Users/red% erl
Erlang R14B01 (erts-5.8.2) [source] [64-bit] [smp:2:2] [rq:2] [async-threads:0] [hipe] [kernel-poll:false]
Eshell V5.8.2 (abort with ^G)
1> Val = 100.　　　　←大文字で始まる変数名
100
2> Val2 = 200.　　　　←大文字で始まる英数字変数名
200
3> val3 = 900.　　　　←小文字で始まっている
** exception error: no match of right hand side value 900
4> val_4 = 1000.　　　←小文字で始まっている
** exception error: no match of right hand side value 1000
5> Val_4 = 1000.　　　←大文字で始まる"_"を含む変数名
1000
6> Val-5 = 2000.　　　　←ハイフンを含んでいる
* 1: illegal pattern
7>

◯変数の代入は、一度だけしかできない　（『束縛』と呼ぶ）

/Users/red% erl
Erlang R14B01 (erts-5.8.2) [source] [64-bit] [smp:2:2] [rq:2] [async-threads:0] [hipe] [kernel-poll:false]
Eshell V5.8.2 (abort with ^G)
1> Val1 = 100.
100
2> Val1 = 200.
** exception error: no match of right hand side value 200
3>

以下はErlangシェルのみ　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

◯b().を実行すると束縛されている変数を一覧表示する

/Users/red% erl
Erlang R14B01 (erts-5.8.2) [source] [64-bit] [smp:2:2] [rq:2] [async-threads:0] [hipe] [kernel-poll:false]
Eshell V5.8.2 (abort with ^G)
1> Val1 = 100.
100
2> Val2 = 200.
200
3> Val3 = 'ABCDE'.
'ABCDE'
4> b().
Val1 = 100
Val2 = 200
Val3 = 'ABCDE'
ok
5>

◯f().を実行すると束縛を解除する

/Users/red% erl
Erlang R14B01 (erts-5.8.2) [source] [64-bit] [smp:2:2] [rq:2] [async-threads:0] [hipe] [kernel-poll:false]
Eshell V5.8.2 (abort with ^G)
1> Val1 = 100.
100
2> Val2 = 200.
200
3> Val3 = 'ABCDE'.
'ABCDE'
4> b().　　　　　←束縛されている変数の一覧を表示
Val1 = 100
Val2 = 200
Val3 = 'ABCDE'
ok
5> f().　　　　　←束縛を解除
ok
6> b().　　　　　←b().を実行しても、束縛が解除されているため、okのみ表示
ok
7>

変数については、この後にパターンマッチなんかがあるけど、それはタプルやリストを使うときにエントリを書こう。
次は再帰呼び出しによるループ処理について書きます。

AndroidでProgressDialogを使用する

2011-03-21T20:49:00.001+09:00

職場の隣の人と、『プログレスダイアログってどうやって使うんかね？』という話をしてたので、実装してみた。

メインスレッドでプログレスダイアログを表示して、実際の処理を別スレッドにて処理し、終わったらプログレスダイアログを消すというのがセオリーっぽいな

ErlangでHello World

2011-03-08T12:10:00.000+09:00

なにはなくともHello Worldからだよね～

ということでThinking in Erlangに沿って勉強していくことにしました。

まずはソースコード

いくつか特徴があるので列挙

-moduleで宣言した名称と、ファイル名は一致させる必要がある
行は.(ピリオド)で終わる
関数の宣言　-> 関数本体　のフォーマットで記述する
-exportでのhello/0は『引数が0個のhello関数をエクスポートします』の宣言？　(ちょっと怪しい　そもそもアリティってなんぞ？)

とよくわからないなりに書いてみた。

やっていることは、単純で

モジュールの宣言
関数のエクスポート
関数本体の記述

だけ。

Thinking in erlangを信じて、コンパイル→実行してみる

/Users/red% erl
Erlang R14B01 (erts-5.8.2) [source] [64-bit] [smp:2:2] [rq:2] [async-threads:0] [hipe] [kernel-poll:false]
Eshell V5.8.2 (abort with ^G)
1> c("hello.erl").　　　　←ファイル名を指定してコンパイル
{ok,hello}
2> hello:hello().　　　　　←モジュール名:関数名　形式で関数の実行
Hello, World!
ok
3> init:stop().　　　　　　←シェルを抜ける為のおまじない
ok

hello:hello()を実行した際のokは、『アトムという型の値である』と記載されてるんだけど、あとのほうで解説されているらしいので、いまは無視。
とりあえず、Hello, World!と表示されたので、今日のところはこれで良いかな。

今日の夜か、明日に『2 変数のスコープ』を読んでみようかな。

Erlang事始め

2011-03-08T00:16:00.002+09:00

TLに流れていた『Erlangプログラマを見分ける16の質問 - kuenishi(7)』を読んでみて、『なんぞこれ？』と興味が湧いたので、Erlangを勉強することにしてみました。

◯Erlangってなんぞ？

Erlang (アーラン) は、コンピュータにおいて汎用的な用途に使うことができる並行処理指向のプログラミング言語および実行環境である。 Erlangの直列処理のサブセット^[要出典]の言語は、関数型言語であり、先行評価を行い、変数への代入は1回限りであり、動的型付けである。 Erlangはエリクソン社により次の条件のシステムを構築できるよう設計された^[要出典]。
Erlang - Wikipedia

よくわかりません・・・。
とりあえず、『エリクソンが作った並列処理の得意な関数型言語』ということだけわかりました。

◯Erlangをインストールする
MacOSXで、Homebrewがインストール済みの場合は、コマンド一発でインストールできます。

$ brew install erlang

手元のMacBookAirだと30分くらいかかってたような気がします。(裏でニコ動見てたのが主な原因か・・・。)

◯実行してみる
erlコマンドで対話型シェルに移行するので、変数に値を代入(Erlangでは束縛というらしい・・・)をしてみた。

/Users/red% erl
Erlang R14B01 (erts-5.8.2) [source] [64-bit] [smp:2:2] [rq:2] [async-threads:0] [hipe] [kernel-poll:false]
Eshell V5.8.2 (abort with ^G)
1> X=10.
10
2> X=100.
** exception error: no match of right hand side value 100
3> Y=100.
100
4> Z=Y.
100
5> X=Z.
** exception error: no match of right hand side value 100
6>

さっきのWikipediaでちらっと読んだ限り、一度束縛した変数は、再度束縛できないということなので、それを試してみました。
確かに二度目の『X=100』と『X=Z』の時にエラーになってますね。
ただ、エラーの内容がよくわからない・・・。
インストールから、とりあえずの実行までしてみたので、今日はここまで。
まずはiPadに転送しておいた、Thinking in Erlangを読んでおこうと思います。

SQLServerで数値を三桁カンマ形式に変換する

2011-02-22T18:12:00.000+09:00

仕事でSQLServerを使用してしている際に、『数値を三桁カンマ形式で表示する』というごく一般的な問題にぶち当たったので、メモとして。

Oracleならこんな感じで、簡単に取れるのに・・・。
SQLServerと来たら
と、金額に変換して、小数点以下を削るという・・・。

周りくどすぎる！
しかもこの方法だと、金額型に変換している為に、小数点以下が三桁以上あるとアウトという欠点が・・・。

小数点以下三桁以上の場合はどうしようかなぁ。
おとなしくFunction組むしかないかなぁ。

もうちょっと調べてみます。

Google Mapsの表示範囲を緯度経度で取得する

2011-02-21T14:47:00.001+09:00

『GoogleMaps上に、DBに登録されている位置情報をマーカーで表示する』というコードを書いているときに、ふと『GoogleMapsの表示範囲って緯度経度でとれるんだっけ？』と思い立って調べてみました。

まぁ、結果としてはあったんですけどね。

実装は以下

（MapObjはnew google.maps.Map()で作成したオブジェクト）

北東の角の緯度経度から北緯と東経、南西の角の緯度経度から、南緯と西経を取るという実装です。

GolangからMongoDBを操作する

2010-12-14T17:33:00.001+09:00

話題のMongoDBをGo言語で使ってみたかっただけです・・・。
ドライバに関しては、『Golang』『MongoDB』でGoogle先生に問い合わせた結果、

http://github.com/mikejs/gomongo

が良さそうだということで、上記のパッケージを使わせていただきました。

1.下準備としてパッケージのインストール

goinstall github.com/mikejs/gomongo/mongo

2.とりあえずREADMEに乗っている通り、Structを宣言しインスタンス化、ループでゴリゴリInsertしていきます。

3.先ほど登録したデータをFindAll()を使用して、Countが50000未満のデータを引っこ抜いてきて、Countの値を表示します。なぜか一番使用頻度の高そうなメソッドである、FindAllの使い方が解説サイトを見ても、READMEにもなかったので、Collection.goを読んで使い方を理解します。

条件式をBSONに変換し、FindAllメソッドに渡します。
Cursorが戻り値として取得できるので、HasMoreメソッドがtrueを返す限りループ
CursorからGetNext()メソッドを使用して、BSONオブジェクトを取得
BSONを定義したStructに変換して、その値を表示

意外と簡単でしたね。

どことなくGoogleAppEngineのBigTableっぽい使い方ですが、逆にBigTableを扱ったことがあれば使えそうです。

しかし、ソースを読んでいたら、Upsertという『聞いたことはないけど、なんとなく使い方がわかりそう』なメソッドを見つけたので、今度使ってみようかと思います。

Sandcastle Help File Builder の環境設定をする

2010-11-29T17:32:00.002+09:00

事前準備

Sandcastleをダウンロード
Sandcastleをインストールする
Sandcastle Help File Builderをダウンロード
Sandcastle Help File Builderをインストール
Office 2003 Editions Resource Kit Toolsをダウンロード
Office 2003 Editions Resource Kit ToolsでHTML Help Workshopをインストールする。
インストールディレクトリ(通常：C:\Program Files\ORKTOOLS\ORK11\TOOLS\HTML Help WorkshopのHTMLHELP.EXEを実行しインストールする。
Visual Studio 2008 SDK 1.1をダウンロードする
Visual Studio 2008 SDK 1.1をインストールする

使い方

Sandcastle Help File Builderを開く
File＞NewProjectで新規に作成
ヘルプファイルを作成するVisual StudioのプロジェクトのビルドイベントでXMLドキュメントファイルを出力するように設定しファイルを作る
ProjectExplorerから作成したファイルを追加する
お好みで設定変更(language＞日本語とか）
Documentation＞BuildProjectでビルド実行

WEBページのサムネイル画像を作成してみる

2010-11-24T20:06:00.002+09:00

Evernoteを使っている時に、『そういえば、このサムネイルってどうやって取得してるんだ？』と疑問が・・・。
利用するだけなら、SimpleAPI使ってればいいんですが、中の人はどうなってるか知りたくなるのがプログラマというもの。
と思い立って調べてみました。

そしてそのものズバリな解説サイトが
LinuxサーバでWebページのサムネイル画像生成(Python編) | Weboo! Returns.:

ということで、このサイトを参考にUbuntuサーバーで試してみました。

1.用意するもの
解説も面倒なのでコマンドで

sudo apt-get install xvfb python-gtkmozembed seamonkey

これで必要なパッケージを一括でインストールします。

2.環境設定
これも上記サイトのまんま動かしてみます。

3.動かしてみる
これも上記サイトのまんま動かしてみます。

とりあえず、

python screenshot-tng.py http://www.google.co.jp

で動かした結果

はい、バッチリ文字化けしてます・・・。

Xvfbにフォントの設定をしてあげればいいはずなんですが、今日のところはそこまで辿りつかなかったので・・・。
今度機会があったら調べてみようかと思います。

これをWebサービスで展開出来れば、オレオレWEBサムネイルサービスの出来上がりですね。

GAEOで入力値のチェック

2010-04-19T16:13:00.000+09:00

ふと、Google App Engineで、djangoのformを使用しないでバリデーションを行う場合にはどうすればいいんだろう・・・。と思い立って探してみました。

で、結果が

GAEO_Example02 - gae-reports - 自動生成されたコードを修正してブログらしくする - Project Hosting on Google Code:

Validateでエラーになったら、Exceptionを投げるというのが、正直びみょーな感じですが、他に美しく実装する方法もわからないので、これを採用することにします。

まずはモデル側の定義

#!/usr/bin/python
# -*- coding: utf-8 -*-
import logging
from google.appengine.ext import db
from gaeo.model import BaseModel, SearchableBaseModel
class Contents(SearchableBaseModel):
    text = db.TextProperty()
    post_date = db.DateTimeProperty(auto_now_add = True)
    rate = db.IntegerProperty()
    tag_list = db.StringListProperty()
    user = db.UserProperty()
    def before_put(self):
        if not self.validate():
            raise NameError('ValidateError')
            return False
        return True
    def validate(self):
        result = True
        if len(self.text) == 0:
            self.errors.update({'Nothing Text':u'本文が記載されていません。'})
            result = False
        return result

before_put()は、put()を実行する直前に呼び出されるメソッドで、この処理でFalseを返すと、Exceptionが発生します。
ということで、before_put内でValidate処理を行い、その結果次第で戻り値を設定する形になります。
今回は、textプロパティのみを必須とするため、そこしか見てません。

今度はController側の処理。
実際にbefore_putが投げたExceptionをキャッチして、エラーの場合の処理を記述します。

#-*- coding: utf-8 -*-
import cgi
import logging
from google.appengine.ext import db
from gaeo.controller import BaseController
from model.contents import Contents
class ContentsController(BaseController):
    def create(self):
        try:
            user = users.get_current_user()
            r = Ideas(
                idea_text = self.params.get('text', None),
                rate = 0,
                tag_list = tag_list,
                user = user,
            )
            r.put()
            self.redirect('/contents')
        except Exception, e:
            self.__set_attr()
            self.msg = e.message
            self.render(template='new')
    def __set_attr(self):
        self.idea_text = self.params.get('text')
        self.tag_list = self.params.get('tag_list')
        pass

といった具合に、exceptでbefore_putで発行した例外をキャッチし、テンプレートへの値の設定、及びテンプレートのロード＆レンダリングを自前で行うようにします。

これでやりたいことは出来るんですが、ちょっと釈然としないというか・・・。

しかし、意外とこの方法ってマイナーなやり方なのか、Googleでbefore_putと検索しても件数的にあまりヒットしないんですよね・・・。

このほかにdjangoのformを使用しないバリデーションの方法をご存じの方は、どうかご教授願えませんでしょうか。

.netでWebBrowserコンポーネントを使う

2010-03-20T16:38:00.001+09:00

まずは、

前回の記事、なかったことに！

よくよく考えてみたら、QueryStringって文字列に限界があるんですよね・・・。
ということで、前回の方法は諦めて、他の方法を探すことにしました。

クライアントアプリケーションは、.net上で作成されているので、WebBrowserコンポーネントを使用します。
で、こいつに内部的に文字列で作成したHTMLを食わせて、表示できないものかと。

探していたら、まったく同じ要件で質問が出ていました。

Re[2]: WebBrowserの内容にString文字列を表示するに？

ということで、これをまるまるパクらせて頂き、住所の配列をJavaScript内に定義し、それを使用してマップ上にピンを作成していく方法を取りました。
しかし、この方法手軽で良いんですが、キャッシュが効かないという難点が・・・。
同じファイルを使いまわして、住所の配列を定義したjsファイルだけ文字列から生成出来れば、何の文句もないんだけどなぁ・・・。

Google MapをQueryStringから生成する

2010-03-15T19:16:00.000+09:00

仕事で、『クライアントアプリケーションにて複数の場所を選択後、選択した場所がPin設定されているGoogleMapを表示する』という要件があったので、実現方法なんかを記しておきます。

要件整理

WEBアプリ用のサーバは用意できない(現在のDBサーバにIISを立てるまではOK)
画面から引き渡せる情報は、日本語表記された住所と、その住所の吹き出しに表示する名称
対象ブラウザはIE6～IE8 (今日現在)
各場所間の距離を表示したい

ということで、構想

サーバーが用意できないので、HTMLとJavascriptでどうにかする。
値の受け渡しは、QueryStringしかないかなぁ・・・。
住所→緯度経度はGoogleMapのAPI叩けば楽勝

参考にさせてもらったサイト

ということで、作成してみたのが以下

main.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<head>
        <title>Google Map From XML DATA</title>
        <script type="text/javascript" charset="UTF-8" src="http://maps.google.com/maps?file=api&v=2&key=[Google Map API Key]"></script>
        <script type="text/javascript" charset="utf-8" src="./addressToMap.js"></script>
        <script type="text/javascript" charset="utf-8" src="./querystring.js"></script>
</head>
<body onload="Mapload()" onunload="GUnload()">
        <div style="width:800px;text-align:left;margin:0 auto;">
                <div id="map" style="float:right;width:600px;height:450px;border:1px solid black;"></div>
                <dl id="marker_navi" style="width:190px;padding-left:0px;margin-left:0px;"></dl>
                <hr style="clear:both;display:none;">
        </div>
</body>
</html>

querystring.js

var getQuerystring = function(key, default_)
{
   if (default_==null) default_="";
   key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
   var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");

   //alert(window.location.href);

   var qs = regex.exec(decodeURI(window.location.href));
   if(qs == null)
    return default_;
   else
    return qs[1];
}
var splitQuery = function(query)
{
        return query.split(";");
}

addressToMap.js

var map;
var befLatLng;
var navi;
var befLatLng;
var Mapload = function(){
        if(GBrowserIsCompatible()){
                map = new GMap2(document.getElementById("map"),{size:new GSize(600,450)});
                map.setCenter(new GLatLng(35.655, 139.744),18);
                map.addControl(new GMapTypeControl());
                map.addControl(new GLargeMapControl());
                createMap();
        }
}
var createMap = function(){
        var addresses = [];
        var addressSet = [];
        addresses = splitQuery(getQuerystring("address"));

        navi = document.getElementById("marker_navi");
        for(var i=0;i<addresses.length;i++)
        {
                addressSet = addresses[i].split(":");
                addressToLatLng(addressSet[1], addressSet[0]);
        }

}
var addressToLatLng = function(addressString, addressInfo)
{
        var geocoder = new GClientGeocoder();
        geocoder.getLatLng(addressString, function(latlang){locateToMapPing(latlang, addressString, addressInfo)});
}
var locateToMapPing = function(latlng, addressName, addressInfo)
{
                var distance = "";
                var point = latlng;
                map.panTo(point);
                var marker = new GMarker(point,{clickable:true});
                map.addOverlay(marker);
                var closure = GEvent.callbackArgs(marker,function(html){
                        this.openInfoWindowHtml(html);
                        map.panTo(this.getLatLng());
                },addressInfo);
                GEvent.bind(marker,'click',closure,function(){this.apply(arguments);});
                var dt = document.createElement("dt");
                dt.innerHTML=addressInfo;
                navi.appendChild(dt);
                GEvent.bindDom(dt,'click',closure,function(){this.apply(arguments);});
                if (befLatLng){
                        distance = befLatLng.distanceFrom(latlng).toFixed(0) + "メートル";
                }else{
                        distance = "";
                }
                befLatLng = latlng;
                var dd = document.createElement("dd");
                dd.innerHTML= addressName + "<br>" + distance;
                dd.style.marginLeft = '5px';
                dd.style.marginBottom = '5px';
                navi.appendChild(dd);
                GEvent.bindDom(dd,'click',closure,function(){this.apply(arguments);});
}

基本的な使い方としては、

main.html?address=[表示情報]:[住所];[表示情報]:[住所];[表示情報]:[住所];・・・・・・・・

と、表示内容と住所のセットをQueryStringとして羅列していくだけ。

というわけで、みんな大好きマクドナルドの横浜近辺の店舗を表示する場合はこんな感じになります。

御世辞にも使い勝手の良いものではないですが、クライアントアプリのみで表示するならこんなもんでしょ。ってことでｗ

今回の反省点：
vimの配色のままソースを出すと、果てしなく見ずらいので、今度からgithubのサービスを使おうかなぁ・・・。

Go言語でRedisを使う　redis.conf編

2010-03-05T19:24:00.002+09:00

前の記事でRedisのインストールは終わりましたので、今回はRedisをバックグラウンドで動かす方法とRedis.confの設定を。

まずはredisをデーモンっぽく動かす方法
~/.bashrcに以下を追記
(redisは/home/dotred/redis/配下にあるものとします。)

$HOME/redis/redis-server $HOME/redis/redis.conf

次に、redis.confを編集します。
まずはデーモンとして動かすために

daemonize no
↓
daemonize yes

と修正

次に、似非デーモンなので、コンソールログが出るのを抑止するため

logfile stdout
↓
logfile /dev/null

と、ログをブラックホールに追いやります。

あとの細かい設定については追い切れていないので、割愛。
とりあえず、上記の設定でやりたかったことはやれているので、OKとします。

設定が終わったら

source ~/.bashrc

で、redis-serverを動かします。

クライアントの使い方はまた次回

Go言語でRedisを使う　インストール編

2010-03-05T18:14:00.003+09:00

GolangとKVSでなんか作ろうと思いたち、Google先生にお尋ねしたところ、Redis-dbが良さそうだ。ということで早速インストールです。

Redisの特徴として、memcachedのようなオンメモリKVSでありながら、一定時間でストレージに保存し永続化も可能という素晴らしい特徴があります。
しかも、既にGolang用のドライバもgithub上に公開されているので、インストールから動作確認までやってしまおうと思います。

今回はCentOSを搭載したVPS上での作業が前提です。

でまずはインストールから

git clone git://github.com/antirez/redis.git
cd redis
make

しゅーりょー

各種バイナリが生成されているので、実際に動かしてみましょう。

./redis-benchmark

『実際にこれだけ早いんだぜ！』的なログがガンガン吐き出されています。

実際に使用する際は、

./redis-server

でサーバを起動させ、

./redis-cli

というクライアントからアクセスを行う形になります。

次に、Go言語用のGo-Redisをインストールします。

git clone git://github.com/alphazero/Go-Redis.git
cd redis/src/pkg/redis
make clean && make install

しゅーりょー

しかしながら、Golangの最新版(3/5現在)を使用していると、strings.Bytes()の部分でビルドエラーが吐き出されます。
これはGo言語の仕様変更によるもので、Go-RedisがGoの最新版に対応するまでは、Go-Redis内の全ての.goファイルを対象に以下の書き換えが必要となります。

strings.Bytes() →　[]byte()

.goファイルの全てのstrings.Bytes()の書き換えが済んだら、再度

make clean && make install

を実行して下さい。

ビルドが正常に完了すると、$GOROOT/pkg/$GOARCH/redis.a が作成されているはずです。

さて、ここまで来たら準備は完了です。
サンプルソースを眺めて、遊んでみてください。

参考にしたサイト：
antirez's redis at master - GitHub:
alphazero's Go-Redis at master - GitHub:
golangなNoSQLドライバ Go-Redis - Go towards a Word-Progress:

Bloggart を動かしてみる

2010-02-08T18:57:00.000+09:00

MOONGIFT: » Google App Engine上で動作するブログエンジン「Bloggart」:オープンソースを毎日紹介

Python製のブログエンジンということで、勉強がてら動かしてみようと思います。
目標はフルカスタマイズ

○ダウンロード
Arachnid's bloggart at master - GitHub
からソース一式ダウンロードしてきます。

ついでにライブラリが必要そうなので、
Arachnid's aetycoon at master - GitHub
もダウンロードしておきます。

○解凍＆配置
ダウンロードしてきたbloggartのソースを展開します。
(2/8現在ではファイル名はArachnid-bloggart-6568cf2.zip)

展開したディレクトリの/lib/aetycoonに、aetycoonのソースを展開します。
(2/8現在ではファイル名はArachnid-aetycoon-8978d46.zip)

aetycoonパッケージを使用するときに、このままだとインポートエラーが発生するので、aetycoonディレクトリを移動します。
aetycoonディレクトリをbloggartソースディレクトリのトップに配置します。

○設定ファイルの編集
配置は済みましたが、設定ファイルを編集しないと、アクセス時にエラーとなってしまうため、config.pyを編集します。
編集項目としては、『Google Site verification』に関する設定なんですが、ローカルで動かすぶんには必要ないので、
設定なしにしたいのですが、初期値にNoneが設定されており、文字列結合時にエラーになります。
ということで、サクッと書き換えます。

元の設定内容

# If you want to use Google Site verification, go to
# https://www.google.com/webmasters/tools/ , add your site, choose the 'upload
# an html file' method, then set the NAME of the file below.
# Note that you do not need to download the file provided - just enter its name
# here.
google_site_verification = None

編集後の設定内容

# If you want to use Google Site verification, go to
# https://www.google.com/webmasters/tools/ , add your site, choose the 'upload
# an html file' method, then set the NAME of the file below.
# Note that you do not need to download the file provided - just enter its name
# here.
google_site_verification = ''

これで初期画面のエラーは無くなり、下記のように正常に表示されます。

送信者 blog

まずはソースを眺めてみようかと思ってます。
どうカスタマイズするかはそのあとで。

Scribefire Blog Editor でエラーが・・・。

2010-02-08T16:07:00.000+09:00

Blogを書く際に愛用していたFirefoxのアドオンの『ScribeFire Blog Editor』なんですが、ver3.5に上げたあと、XMLパースエラーを吐き出すようになってしまいました。

エラーメッセージは以下

XML パースエラー: 整形式になっていません。

URL: chrome://scribefire/content/editor/editor.xul

行番号: 80, 列番号: 6:

<menuitem label="&performancing.editor.bar.strong.tt;"
command="cmd_strong" />

----------------------------------------^

とりあえずキーワードだけ拾って『scribefire 整形式』で検索をかけてみると、同じ症状の方が少なからずいるようです。

ScribeFire Blog Editor 3.5のエラー h_m blog/ウェブリブログ
[Ubuntu9.10]ScribeFire Blog Editorでパースエラー | アタシのUbuntu備忘録

公式にもコメントで同様の症状を訴えている方が・・・。
ScribeFire Blog Editor :: Add-ons for Firefox

このままではブログに記事がアップできないので、先人の知恵を拝借することにしました。
ScribeFire
Blog Editor 3.5のエラー h_m blog/ウェブリブログ　より

過去のバージョンに戻したら戻ったとのこと。
ScribeFire Blog Editor のバージョン履歴
早速、一つ前のバージョンに戻したところ元に戻りました。

ということで、ScribeFire 3.5をサクッと削除して、3.4.6をインストールしました。
現象がXMLパーサエラーで、発症する人としない人がいるというプログラマにとっては、いやらしいバグなわけですが、早めのフィックスを望みます。

ScribeFireの開発者の方がここを見るとも思えないですが、一応環境を晒しておきます。

アプリケーション: Firefox 3.6 (20100115144158)
OS: WINNT (x86-msvc)

- Extension List Dumper 1.14.7
- Firebug 1.5.0
- Google Gears 0.5.33.0
(無効, 互換性無し)
- Greasemonkey 0.8.20091209.4
- Hatena Bookmark 1.2.10
- Java Console 6.0.15
- Java Console 6.0.16
- Java Console 6.0.17
- Java Console 6.0.13
- Java Quick Starter 1.0
- Microsoft .NET Framework Assistant 1.1
- ScribeFire 3.4.6
- SQLite Manager 0.5.9
- Vimperator 2.2

CakePHPをWindowsにインストールする

2010-01-26T11:12:00.000+09:00

なんの因果かPHPを勉強することになったので、フレームワークの勉強も兼ねてみようといろいろ検索してみたら、サクッと小規模システムを作成するのであれば『CakePHP』が良いということで、CakePHPを採用してみました。

CakePHP: 高速開発 php フレームワーク。

で、最新版で人柱となることを至上の喜びとする自分ではありますが、業務で使う前提のようなので、今回は安定板のver.1.2.5を使用することにします。

ちなみに、環境はWindowsXP SP3、Apache2.2とPHP5はインストールされているものとします。
(いつの間にかApache2.2とPHP5はインストールされていたため・・・。)

1.ダウンロード
http://cakeforge.org/frs/download.php/735/cake_1.2.5.zip
↑ここからとりあえずCakePHPの本体をダウンロードしてきます。

2.解凍、および配置
環境によりけりですが、apacheのルートディレクトリに解凍後のファイル群をコピーします。
自分の場合は他のプロジェクトも配置されていたので、apacheルート/cake/　配下に配置しました。

3.とりあえず確認
apache、PHPが正常に設定されていれば、
http://localhost/cake/index.php
にアクセスすると、下記のような画面が表示されます。

送信者 blog

なんとなく動いては居るようです。

この後、DBの接続設定やBakeの使い方などなどあるんですが、今日はここまで。

あー、Ubuntuだったら

sudo apt-get install cakephp

で終わるのに・・・。

HTMLコーダーに100の質問　に答えてみた

2010-01-21T11:56:00.000+09:00

google:HTMLコーダーに100の質問

HTMLコーダーではないけど、ブームっぽいので答えてみた

001 年齢は？
もうすぐ28歳の27歳

002 パソコン歴は？
Windows2000が出てたので、10年くらい？

003 コーダー歴はどれくらいですか？
PCを手に入れて始めて買ったソフトがVisualC++だったので、10年

004 初めてwebを作ったのはいつですか？
意外に最近で、4年前。とあるWebの業務システムのプロジェクトの時

005 コーダーになろうと思ったきっかけは？
高校の時に、進路に専門学校を選択したとき

006 コーディングは誰に／どこで習いましたか？
本とweb

007 web業界以外の友達・家族とコーディングの話をしますか？
しない。絶対に理解されないから

008 ご両親はインターネットユーザーですか？
携帯メールも使えないような両親です

009 視力はいくつくらい？メガネ・コンタクトどちらですか？
メガネ。視力は測ってないけど、最近エディタのフォントサイズを10ptにしました。

010 本はAmazonで買いますか？
クレジットカード持ってないので・・・。

011 ネットショッピングをしますか？主に買うものは何ですか？
あんまりしない・・・。

012 携帯サイトで買い物をしたことがありますか？
信用ならないのでしません。

013 お酒は強いですか？
下戸です。

014 休日の過ごし方を教えて下さい。
彼女に強制デートを申し込まれない限り、引きこもってコーディング

015 今、欲しいものは何ですか？
Thinkpad X201

016 平均睡眠時間を教えて下さい。
6時間～8時間

017 平日の起床時間は何時ですか？
7時から9時の間

018 なにかスポーツをしていますか？
まったくしません

019 パソコンと関係ない趣味がありますか？
・・・。

020 コーディングに役立つ資格、パソコン関係の資格を持ってますか？
J検とか？

021 昼と夜、どちらの方が仕事がはかどりますか？
夜。テンションあがっていい感じ

022 ブラインドタッチは教本通り10本の指を使いますか？
独自規格のタッチです。

023 眠い時の対処法はありますか？
レッドブル

024 息抜きについ見てしまうサイトはなんですか？
Twitter

025 他に息抜きにしていることがあったら教えて下さい。
趣味コーディング

026 仕事上で得意なことはありますか？それは何ですか？
やっぱりコーディング

027 仕事中にBGMは聞けますか？能率が上がるのはどんな音楽ですか？
自社では聞けます。その時々に応じて曲をチョイス

028 作業パソコンはWin?Mac?
仕事ではWindowsXP、家ではUbuntu

029 作業パソコンはデスクトップ？ノート？
ノートオンリー

030 作業パソコンのマウスは標準マウスですか？
トラックボール使ってます

031 マウスパッドは使っていますか？
トラックボールなので・・・。

032 作業パソコンにAdobe製品は何が入っていますか？
Adobe ReaderとFlash Playerくらい

033 作業パソコンはモニタは何インチですか？
これ何インチなんだろう・・・。

034 自宅にパソコン持ってますか？いくつありますか？
確か3台。今度お下がりをもらうので、4台になる予定

035 自宅に作業環境はある？
はい

036 会社と自宅、作業はどちらがはかどりますか？
出向先の事務所が一番

037 自宅パソコンは家族と共用ですか？
それぞれ専用機があります

038 自宅パソコンはWin?Mac?
WindowsXP が2台、Ubuntuが1台

039 自宅パソコンのメーカーは何ですか？
IBM(LENOVO)

040 自宅パソコンはデスクトップ？ノート？
ノート

041 打ち合わせのメモは手描きとテキストどちらがいいですか？
ポメラ最強

042 スケジュール管理は何でしてますか？（手帳・アプリケーション・webツール・モバイルなど）
Googleカレンダーと、自作のToDoアプリ

043 メーラーは何を使ってますか？
Gmail

044 RSSリーダーは何を使ってますか？
Google Reader

045 好きなポータルサイトはどこですか？
最近ポータルサイトって聞かないよね・・・。

046 ブックマークは何で管理していますか？
はてなブックマークか、ChromeのBookmarkSync

047 不得意だけど使わねばならない技術はありますか？
VBA大っきらい

048 web系の雑誌を購読していますか？
雑誌は読まないです

049 webの参考書は何冊くらい持っていますか？
いろいろ含めると15～20冊くらい

050 お薦めの参考書があったら教えて下さい。
最近買ったオライリーのjavascript the good parts

051 参考にしているおすすめサイトがあったら教えて下さい。
jQueryの日本語サイト

052 コーディングに使ってる、便利なツールを教えてください。
VimとEditra

053 コードにコメントはつけてますか？
一応大まかな括りでコメントを書いてます

054 制作過程で、どの作業が一番好きですか？(コーディング、画像作成、検証、打ち合わせ)？
コーディング

055 画像切り出しに使うソフトはなんですか？
Gimpかpixia

056 webデザインに使うソフトはなんですか？
エディタとブラウザ

057 検証対象ブラウザは何個ありますか？
IE6、IE7、IE8、safari、firefox、chrome、opera

058 一から新規制作とリニューアル、どちらが好きですか？
新規作成。

059 定期運用と新規制作、どちらが好きですか？
新規作成。

060 テーブルコーディング業務はありますか？
業務システムであれば、割り切ってテーブルレイアウトで行きます

061 新規制作の割合はどれくらいですか？
趣味PGではほぼ新規作成

062 iPhoneサイトのコーディングをしたことはありますか？
ないです

063 よく使うJavaScriptがあったら教えて下さい。
jQueryとか？

064 携帯サイトのコーディング業務をしていますか？
していません。

065 FLASHはどのくらいできますか？
openLaszloでよければそれなりに

066 いま興味がある技術はありますか？
HTML5

067 自分の書いたコードは美しい？
自分の美的感覚では妥協しないコードを書いています。

068 ソーステンプレートを作っていますか？
自分の引き出しにはあります。

069 単語登録にタグを登録していますか？
Editraとか勝手に補完してくれるので、必要ないです。

070 HTML5、早く実務で使いたい？
実務ではやりたくないです。枯れてきたら実務に投入するタイプです

071 CSS3、早く実務で使いたい？
上記と同じ理由で、やりたくないです。

072 コーディングで伸ばしたい技術は？
そろそろTableタグを使わないレイアウト

073 コーディング以外で伸ばしたい技術はありますか？
画像系

074 職場にコーダー専門職は何人いますか？兼務は何人ですか？
プログラマになりきれないコーダーならたくさんいます

075 職場のコーダー男女比はどのくらい？
男女比9:1位　むさい職場です

076 勤務時間は何時から何時までですか？
スーパーフレックス

077 通勤時間はどのくらいですか？
片道30分

078 月の残業時間は最高何時間でしたか？
160を超えたことがありました

079 現在の仕事環境で良いところはどんなところですか？
役割関係なく自由に動けるところ

080 デザイナなど他の仕事とコーディングを兼務してますか？
SE(システムエンジニア)とSE(ソフトウェアエンジニア)を兼業

081 職場は服装自由ですか？何か規則はありますか？
本社は自由

082 休日出社や徹夜作業はありますか？
あるときもあります

083 プライベートでサイト／ブログを持ってますか？
もってます

084 プライベートでドメインを持っている。
無駄に5つくらいもってます

085 プライベートでサーバーを持っている。借りている。
借りてます。

086 CSS Niteには何回行きましたか？
ないです。一回行ってみたいです

087 地方のCSS Nite行ったことありますか？
ないですね

088 尊敬するwebクリエイターがいたら教えて下さい。
Twitterでフォローしている皆さん

089 旅行に行く時パソコンを持っていきますか？持っていきたいですか？
実家に帰る時は持っていきます

090 好奇心を満たす面白い仕事を無償でやったことがありますか？どんな仕事でしたか？
ひたすら趣味PG

091 ディレクターなどキャリアチェンジを考えてますか？一生コーダーを貫きますか？
なやんでます

092 特定のパートナー（彼女・彼氏・夫・妻）がいますか？相手は同業者ですか？
同業者ではないですが、彼女(嫁予定)がいます

093 パートナーは同業者がいい？別の職種がいい？
別の職種のほうがいいと思う

094 コーダーをやっててよかったなあと思うときは？
単純に組んでるときが楽しい

095 何年後／何歳までコーダーをやるつもりですか？
求められるままに

096 次の締め切りはいつですか？
明後日

097 コーダー以外だったらどんな職に就きたいですか？
現実的に公務員とか？

098 よいコーダーの条件を3つあげてください。
自己研鑽、センス、美的感覚

099 10年後、あなたは何をしてると思いますか？
やっぱりIT業界にいると思います

100 コーダーとしての自分を100点満点で評価してください。
60点、まだ折り返し地点を過ぎたくらい

やっぱり100の質問はしんどいなぁ

JavascriptでTable構造のカレンダーを作る

2010-01-12T20:20:00.000+09:00

jQueryの練習として、Table構造のカレンダーを作ってみた。
(日付をまたぐ予定なんかを表示する場合に、Spanを使えば比較的楽にできそうだったから)
CSSは後から用意するとして、一応日付表示とデータ表示の行を分けている。

さて、あとはデータを表示させる機能をどうやって実装しようか・・・。


// construct valiables
var week_title_array = ['日','月','火','水','木','金','土'];

$(document).ready(function(){
	
	// DOM elements
	var cal = $("#calendar");
	var tbl = $(DOM('table'));
	var hr = $(DOM('tr'));
	var th;
	
	//tbl.attr({border:'2px'});
	tbl.attr({width:'100%'});

	// create a table header
	for (var i = 0; i < week_title_array.length; i ++) 
	{
		th = $(DOM('th'));
		th.html(week_title_array[i]);
		th.appendTo(hr);
	}
	
	hr.appendTo(tbl);
	
	// get Today
	var today = new Date();
	var year  = today.getFullYear();
	var month = today.getMonth();
	var day   = today.getDate();
	
	// get weeks and day in month
	var lastday = getLastday(year, month);
	var weeks = getWeekOfFirstday(year, month);
	var weekCount;
	var tr, dtr;   // week row objects
	var weekStyle;
	
	tr  = $(DOM('tr'));
	dtr = $(DOM('tr')).addClass('data_row');
	
	// padding last month day in week
	for(var i = 0;i < weeks; i++)
	{
		$(DOM('td'))
			.addClass('no_day_in_month')
			.appendTo(tr);
		$(DOM('td'))
			.appendTo(dtr);
	}
	
	weekCount = weeks;
	
	// to this month 
	for (var i = 0; i < lastday; i++)
	{
		// select class week css
		switch(weekCount){
			case 0:
				weekStyle = 'sunday';
				break;
			case 6:
				weekStyle = 'saturday';
				break;
			default:
				weekStyle = 'week_day';
				break;
		}

		// create and append DOM
		td  = $(DOM('td'));
		dtd = $(DOM('td'));
		$(DOM('div'))
			.html(i + 1)
			.addClass('view_' + weekStyle)
			.appendTo(
				td
					.addClass(weekStyle)
					.appendTo(tr)
			);
		dtd.appendTo(dtr);

		if (weekCount == 6)
		{
			// day is weekend
			tr.appendTo(tbl);
			dtr.appendTo(tbl);
			tr  = $(DOM('tr'));
			dtr = $(DOM('tr')).addClass('data_row');
			weekCount = 0;
		}
		else
		{
			weekCount++;
		}

	}
	
	// padding next month day in week
	for(var i = weekCount;i-1 < 6; i++)
	{
		$(DOM('td'))
			.addClass('no_day_in_month')
			.appendTo(tr);
		$(DOM('td'))
			.appendTo(dtr);
	}
	
	tr.appendTo(tbl);
	dtr.appendTo(tbl);
	tr = $(DOM('tr'));

	tbl.appendTo(cal);

	alert(cal.html());
});

var getLastday = function(year, month)
{
	var lastday; 
	var nextYear;
	var nextMonth;
	 
	if (month == 12){
		nextYear = year+1;
		nextMonth = 1;
	}else{
		nextYear = year;
		nextMonth = month+1;
	}

	// get this month's last day
	lastday = new Date(nextYear, nextMonth-1, 0);
	lastday = lastday.getDate();
    return lastday;
}

var getWeekOfFirstday = function(year, month)
{
	var dt = new Date()
	dt.setYear(year);
	dt.setMonth(month);
	dt.setDate(1);

	return dt.getDay();
}

// shortcut of document.createElement() method
var DOM = function(elem)
{
	return document.createElement(elem);
}

Google App Engine のDataStoreで複数タグを管理する

2009-12-01T22:12:00.000+09:00

ふと、Google App Engineを使ったアプリで、データに対して複数タグを関連付けたい。と思い立って調べた結果です。

Google App Engine では、CategoryPropertyというそのものズバリなプロパティがあるのですが、これがまた使いづらいのです。
CategoryPropertyの説明を見てみると

カテゴリまたは「タグ」（記述的な語または語句）。

とあって、タグを管理するために最適！とも思えたのですが、こいつは複数のタグを管理できないようなのです。
Atomの仕様なのか、CategoryProperty自体の仕様なのかは判りませんが・・・。

ということで、複数タグを管理できて、なおかつタグから管理しやすいという観点から、自分はStringListPropertyを使用するようにしています。
読んで字の如く、StringのListですので、複数タグを管理できます。
ですので、仮にタグをカンマ区切りで指定するとして、

#Barモデル内に、tag_listというStringListPropertyを持つ要素があるとして
tags = "A,B,C"
foo = Bar()
foo.tag_list = tags.split(",")
foo.put()

で、登録が行えます。
これで、データに対して複数タグを指定することが出来ます。
さらにStringListPropertyを推す理由として、検索が容易なことが上げられます。

上記の方法で登録したデータから、『B』というタグを持つデータを抜き出したい場合は、

foo = Bar.gql("WHERE tag_list= 'B'")

とするだけです。

atomで配信をしている場合には、使えない邪道なパターンではありますが、
それ以外のデータに対して複数タグをつけたい場面なんかでは使えるのではないでしょうか。

ちなみに、Djangoで同じようにタグを管理したい場合は、django-taggingというものがあります。
自分の環境では再現したことが無いのですが、若干不安定なようで、今後に期待したいプロジェクトです。

Go言語環境をUbuntu9.10上に構築する

2009-11-12T21:15:00.001+09:00

早速 Go 言語を試してみる！ - IT戦記を参考にして（というかほとんどそのまんま）、Ubuntu9.10でGo言語環境を作って見ました。

とは言っても、手順は簡単です。

ちなみに、これ以降のコマンドのパラメータは、自分用となっていますので、適当に読み替えてください。

1.作業用ディレクトリを作成

cd ~/
mkdir develop
cd develop
mkdir golang
cd golang
mkdir go
mkdir bin

2.PATHを設定する
~/.zshrcに以下のように追記

# GO言語用
export GOROOT=$HOME/develop/golang/go
export GOOS=linux
export GOARCH=386
export GOBIN=$HOME/develop/golang/bin
export PATH=$GOBIN:$PATH

3.hg cloneでソースを持ってくる

hg clone -r release https://go.googlecode.com/hg/ $GOROOT

4.ビルド

cd $GOROOT/src
./make.bash

自分の環境では、ビルドしているときに『bisonが無いよ』的なエラーが出ていたので、

sudo apt-get install bison

で急遽インストール

インストール後に再度

./make.bash

で、ビルド完了

5.試してみる
ソースはIT戦記に記載されているhello.goを、パクって来ました。

package main

import "fmt"

func main() {
fmt.Printf("hello, world\n")
}

6.コンパイル
環境によって使用するコマンドが変わります。
i386系の環境では

8g hello.go

でコンパイルを行うと、hello.8というファイルが生成されます。

7.リンク
リンカを起動します。

8l hello.8

これで実行ファイルの8.outが作成されますので、
サクッと実行します。

8.実行

./8.out
>Hello World

おおおおおおおおおおおお！動いた！
とりあえず今回は動いたことで、満足。

当分は、先駆者の方々のソースを弄くって遊んで見ようと思います。

GAEOでエコな開発を

2009-10-28T16:31:00.000+09:00

Google App Engine 1.2.7 のリリースによって、GAE熱が再発した私ですが、これを機にいままで気になっていたGoogle App Engine Oil(GAEO)を使用してみることにしました。

結論から言うと、

素晴らしい！

開発スピードというか、スタート地点が違うと言った感じです。
もしかしたら、DjangoでModelFormを使用するより早いかもしれません。
体裁にこだわらず、しかもマスタメンテ程度の画面であれば、ものの数分で完了するくらいの勢いです。

ということで、GAEOのインストールからプロジェクトの基本形が出来るところまで、私見を交えつつ解説します。(Ubuntuを前提としています。)
とは言うものの、日本語の解説ページがありますので、そちらも参考にしてみてください。

1.ダウンロード
解説ページでは、easy_install を使用する方法を推奨しているようですが、個人的にeasy_installが好きではないので、下記サイトからzipで落としてきます。

wget http://google-app-engine-oil.googlecode.com/files/gaeo-0.3.zip

10/28現在ではver0.3が安定版のようです。

2.解凍
適当なディレクトリに放り込んで、適当なツールを使用して解凍を行ってください。

unzip gaeo-0.3.zip

ちなみに、後で解凍して出来たディレクトリにPATHを張りますので、注意してください。

3.PATHの設定
解凍して出来たディレクトリ配下にbinディレクトリが存在しますが、この中のgaeo.pyとgaeogen.pyはこの後ちょくちょく使用するため、PATHを張ります。

export PATH=$PATH:/{任意のディレクトリ}/gaeo/bin

上記の一文を、bash_rcあたりに追加します。
(easy_installを使用すると、この設定が不要となります。)

4.GAEOプロジェクト作成前に　(ちょっと寄り道)
まさかとは思いますが、Google App Engineはインストールされてますよね？(Pythonすら入っていない人は、回れ右)
されていない場合は、最新版をここでインストールしておきましょう。

wget http://googleappengine.googlecode.com/files/google_appengine_1.2.7.zip
unzip google_appengine_1.2.7.zip

5.GAEOプロジェクト作成
あとあと開発が楽なように、Google App Engine のディレクトリ直下にプロジェクトを作成しておきます。
ですので、google_appengineディレクトリに移動しておきましょう。

cd google_appengine

さて、作成するプロジェクト名は決めましたか？
心が決まったら、

python gaeo.py [プロジェクト名]

を実行します。
これで、GAEOが勝手にプロジェクトに必要なもろもろを用意してくれます。

main.py
app.yaml
favicon.ico
などなど

ついでに必要なディレクトリなども用意してくれます。
特にmain.pyには、ルーティングルールを基にした、ディスパッチャが実装されています。
このあたりは、解説するよりも、あとあとコントローラを実装してから見てみたほうが納得できます。

6.モデルの宣言、及びコントローラの作成
GAEOで一番感動した部分です。
GAEOではモデルの作成と、モデルに対するコントローラの作成が同時に出来るんです。
コマンド自体は、少々長くて面倒ですが、一回作ってしまえば良いものなので、がんばって作りましょう。

と、その前に、5で作ったプロジェクト名でディレクトリが作成されているはずですので、移動しておきましょう。

cd [プロジェクト名]

今回は、あくまでサンプルとして実用性の低いミニブログ的なモデルとます。
まずは、モデルの要素を決定しておきます。

class MyModel(db.Model):
　username = StringProperty()
　comment = TextProperty()
　post_date = DateTimeProperty(auto_now_add = True)

を完成形とし、処理として一覧、新規作成、参照、修正、削除、検索を用意する場合、以下のようなコマンドを発行します。

python gaeogen.py scaffold MyModel new edit show search destroy \
"username:StringProperty()" \
"comment:TextProperty()" \
"post_date:DateTimeProperty(auto_now_add = True)"

これで、Model、Controller、Templateが作成されます。
それぞれのコマンド引数の意味合いについては、自分で調べてください。

7.確認してみる

さて、これだけでプロジェクトの基本形が出来ましたので、実際に動かしてみます。
カレントディレクトリをgoogle_appengineに戻してもらって、開発用サーバで実際に動かしてみます。

python dev_appserver.py [プロジェクト名]

サーバが立ち上がったら、

http://127.0.0.1:8080/MyModel/

にアクセスします。

リンクとして、New や Searchがあると思いますので、まずはNewをクリックし、データの登録をして見ましょう。
データを登録したら、一覧にレコードが追加され、参照や修正、削除が可能になっていることを確認しましょう。

どうですか？

たったこれだけのステップを踏むだけで、データに対する基本的な処理が実装されています。
あとは、生成されたソースを煮るなり焼くなり叩くなりコロ助なり好きなようにリファクタリングしていきましょう。

ここまで来ると『スタート地点が違う』の意味がわかっていただけるかと思います。

Google App Engine for Pythonを使用していて、GAEOを使用したことが無い人は、ぜひ使ってみてください。

HT-03A にインストールしているソフト一覧

2009-10-14T16:20:00.000+09:00

HT-03Aにインストールし、いまも使い続けているソフトを棚卸しの意味もこめて列挙してみました。

中には起動する機会が極端に少ないものもありますが、それでも起動したときには『あって良かった』と思うものです。

Androids Around2
Android所有者(このソフトをインストールしている人)の所在地が地図上に表示されるアプリ。同志を探すために使用できそうです。

anちゃん
Android用2chブラウザ。それなりに軽くて使用感もよいので愛用してます。ただ難点がアイコンが壁紙と同化してしまうことくらいでしょうかｗ

ASE
Android Scripting Environment Android上でPythonなんかを動かすために入れてます。

Backgrounds
壁紙に飽きたときに、こいつの中からチョイスしてます。意外と良い壁紙がそろってます。

Colorful Life
Androidのカメラで撮った画像をPicasaWebにアップロードするアプリ。ブログに掲載するときとかに便利

Layar
話題になった仮想現実をディスプレイに投影するアプリ。まったく知らない土地で、コンビニや駅、銀行なんかを探すのに便利かな？

Mixi新着日記表示
Mixi日記の新着を教えてくれるアプリ。しかし、記事までは取得してくれないらしく、今後に期待

NewsRob
Google Reader リーダーw 事前に記事をダウンロードしておいてくれるので、地下鉄通勤でも快適です。

OperaMini
Android対応版Opera

PicSay
カメラで撮った画像に、いろんなエフェクトや落書きが出来るアプリ。プリクラ感覚で使うと面白い

QRコードスキャナー
汎用的にバーコードやQRコードを読める。以前Googleのトップページのロゴがバーコードになった際に大活躍！

RTM Tasks
RTMと同期してくれるタスク管理ソフト

simeji
フリック入力最高！もう連打入力には戻れません。

Trap!
暇つぶし要員

Twitroid
AndroidのTwitterクライアントの中では一番使いやすいんじゃないでしょうか。最近はこいつ一筋です。

クーポンマップ
Google Map上にクーポンを扱っている店舗の表示をしてくれる優れもの。二次会の場所を探したりするのに便利

すれちがったー
Blutoothを使用して、引っかかった端末のTwitterIDをつぶやくというもの。しかし、もっぱらつぶやくのはBlutoothの型番だけ・・・。

タスクマネージャー
いつ回収されるとも知れないメモリリソースを、アプリを強制終了させて開放させるアプリ

なにこれ？
QRコードリーダー第二弾。アマゾンとの連携が素晴らしいので、書籍を購入する前に、こいつにバーコードを読ませて、アマゾンの批評なんかを見ています。

旬れぴ
クックパッドのレシピ情報を検索するアプリ。夕食のお買い物のときに大活躍

世界の天気
住所を登録して、その地点の天気情報を表示するウィジェット

路線ドロイド
名前そのまま。路線情報検索用アプリ

ソーシャル系のアプリケーションが多いのは仕様です。

Google Wave　プレビューがきましたね

2009-10-01T23:13:00.001+09:00

六月のGoogle Dev Day 2009でサンドボックスが公開されて以来、ようやく10万人を対象にしたプレビュー版が公開されました。
今回は、初期のGmailと同様に、８人まで招待できる招待制となってました。

とりあえず、Developer Previewに比べると、安定性が増しているような気がします。
ということで、GoogleWaveを取り上げているサイトのまとめ

本家
https://wave.google.com/

＠IT 　意外と深いところまで突っ込んでます
http://www.atmarkit.co.jp/fwcr/rensai2/wave01/01.html

LifeHacker
http://www.lifehacker.jp/2009/10/google_wave_2.html

あれ？意外と取り上げているところが少ないなぁ・・・。

まだ、招待のメールが滞っているようで、ロンリーなWaveを体験中です。
寂しいから、アカウントを晒しておくので皆さんコンタクトに追加してください。

アカウント：dotred5.0@googlewave.com

ぜひともよろしくお願いします。

Google Chrome を Vim風に操作する

2009-09-19T15:18:00.001+09:00

これを待ってました。
Firefoxで一部のユーザに愛されているvimperatorですが、自分も愛用してます。
キーボードだけでブラウザを操作するほとんどの作業が完結するため、マウスなしのthinkpad環境ではすこぶる便利なプラグインです。

そんなvimperatorライクなchromeエクステンションを個人で提供している方のサイトを見つけました。
Silent Power:ChromeをVim風にキーボード操作する拡張その2
まだvimperatorには及びませんが、操作感はvimperatorに近づいており、chromeを使う上でのストレスが軽減されました。

○インストール

上記サイトの(インストール)リンクをクリックします。
ブラウザ下段に、保存の可否を聞かれるので、『許可』をクリックします。
下のような画面が表示されるので、installをクリックします。
送信者 blog
おもむろにchromeを再起動します。

たったこれだけ。
Firefoxのアドオンを追加するのと同じくらい簡単でした。

なにはともあれ、作成してくださった方に感謝！

Twitterアイコン設定

2009-09-18T22:34:00.001+09:00

今日twitter見たら、なぜかアイコンがデフォルトの鳥さんに変わっていたので、
再度アイコンを設定してみたら

送信者 blog

Twitterにお世辞を言われた・・・。
本当にそう思ってんのか！？

django-tagging を使ってみる

2009-09-11T14:27:00.001+09:00

自前で作成しているDjangoアプリケーションに、『ポストする記事に対して、タグを付与する』機能をつけようと思い立ったわけですが、自前で作ろうとすると面倒なことに気が付きました。
ということで、django-taggingを使ってみようと思います。

django-tagging - Project Hosting on Google Code:

Django のModelFieldにTagFieldというフィールドを追加するアプリです。

いろんなところでバグ報告がされているので、動作的に信頼していいのかわかりませんが、
バグッたらバグッたでそのとき考えましょう。
ということで、Ubuntu 9.04を前提とした導入から実践まで

○インストール
Ubuntuなので、リポジトリ上に用意されています。(バージョンは記事を書いている時点で0.3Pre)

sudo apt-get install python-django-tagging

で、さくっとインストール完了

○動作確認
apt-getで入れれば、パスは通っているはずなので、djangoアプリを格納しているディレクトリで

./manage.py shell
>>>import tagging
>>>tagging.VERSION
(0, 3, 'pre')

と表示されればOKです。

○settings.py　を編集
INSTALLED_APPSに、'tagging'を追加します。

INSTALLED_APPS = (
　　　　'django.contrib.auth',
　　　　'django.contrib.contenttypes',
　　　　'django.contrib.sessions',
　　　　'django.contrib.sites',
　　　　'django.contrib.admin',
　　　　'tagging', # ←これを追加
)

○syncdb

./manage.py syncdb

で、以下の二つのテーブルが作成されればOK

Creating table tagging_tag
Creating table tagging_taggeditem
Installing index for tagging.TaggedItem model

○models.py
既存のmodels.pyに

from tagging.fields import TagField
class Hoge(models.Model):
　tags = TagField()

と記述するだけ。

あとは、スペース区切り、カンマ区切り等でデータを突っ込んであげるだけでOKです。

とりあえず、djangoで使えるようにまでしてみましたが、表示はどうするんだろう・・・・。
ということで、表示まで出来るようになったら、エントリを作成します。

T-SQL で CREATE OR REPLACE FUNCTION を使いたい

2009-09-09T12:23:00.001+09:00

Visual Studioを使用して、T-SQLの開発を行っていると、
作成したプロシージャorファンクションをサーバにデプロイ⇒実行
という流れになります。

上記の場合、oracleだと、パッケージの記述を

create or replace function Hogehoge ・・・

としておけば、対象のHogehogeが存在しなければ作成、あれば置き換えとやってくれるので、デプロイに手間がかからないわけです。
しかしながら、T-SQLではPROCEDUREやFUNCTIONの前には、createしか許容していないようで、いちいちサーバからdropしないとデプロイできません。
はっきり言って面倒です。業務放棄したいくらいです。

ということで、どうにかするためにGoogle様にお伺いしたところ

IF OBJECT_ID ( 'Hogehoge', 'FN' ) IS NOT NULL
DROP FUNCTION Hogehoge;
GO

を使いなさい。とお言葉を頂いたので、.sqlファイルの頭にPROCEDUREとFUNCTIONの定義分だけ組み込んでみました。

使い方としては、

IF OBJECT_ID ( 'Hogehoge', 'FN' ) IS NOT NULL

で、Hogehogeという名前のFUNCTIONが存在するかを判定
ちなみに、PROCEDUREの場合は、第二引数が'P'となります。

上記で存在した場合に

DROP FUNCTION Hogehoge;

で、ファンクションをドロップします。
プロシージャの場合は、

DROP PROCEDURE Hogehoge;

となります。

共通規約に組み込まないといけないなぁ。
そのファイルに含まれるPROCEDUREとFUNCTIONをファイルの先頭で、
存在したらDROPする処理を組み込むこと。

やっぱり、Oracleがいいなぁ

mysql をUTF-8に対応させる

2009-09-08T22:39:00.001+09:00

デフォルトでUTF-8に対応してなかったんですね・・・。
今まで日本語入力させるようなアプリを作ったことなかったので、気づきませんでした。

ということで、サクッと対応させてしまいましょう。
参考にしたページは以下
文字コードをUTF-8に変更する。 - kariostroの日記:

○まずは設定の編集

sudo gedit /etc/mysql/my.cnf

で、以下の内容を追記

[mysqld]セクション
default-character-set=utf8
character_set_server=utf8

[mysql]セクション
default-character-set=utf8

○おもむろに再起動

sudo /etc/init.d/mysql restart

で、この後データベース及びテーブルに対して、alterでcharsetをutf8に変更してくのですが、
そんなにデータ量があったわけでもなかったので、

mysql -u root -p

でログイン後

drop database [データベース名];
create database [データベース名];

で作りなおしを行いました。

最後に、

python manage.py syncdb

で出来上がり。

後半は手間を惜しんで楽な方に走りましたが、まぁ許される範囲ではないですかねw

ls ~ を晒すのが流行っているらしい

2009-08-26T19:43:00.001+09:00

Googleでの検索結果順

と、流行っているようなので便乗する

Downloads/
Dropbox/
Examples@
PicasaDocuments/
Project/
Projects/
archives/
bin/
download.sh~
javascript.vim
keynote~
scrapBook/
temp/
temp.html~
xmpp.py~
【MB2】_Android_でリアルタイムゲームの開発方法
【MB3】_Android_高度方法指南
【SC1】_ソーシャル_Web_の可能性
【SC2】_OpenSocial_in_Japan
【SC3】_OpenSocial_アドバンス
【SC4】_OpenSocial_パネルディスカッション
【マリオ64実況】奴が来る　六【幕末志士】
おっくせんまん.flv
アクエリオンラップ.flv
デスクトップ/
音楽/
画像/
公開/
作業用BGM_ヒャダインメドレー_FULL.flv
七色のニコニコ動画.flv
雛形/
創聖のアクエリオンOP.flv
創聖のアクエリオン（ver.ゴム）.flv
動画/
文書/

とりあえずダウンロードしておいたflvファイルが散らばってますね・・・

feedly を入れてみる

2009-08-25T17:32:00.000+09:00

Better GReaderを入れていたところ、Google Readerの挙動が遅くなった感じがしたので、
アンインストールしたところ、IanMLewisから代替のおすすめアドオンを紹介してもらいました。

それがfeedlyというFirefoxのアドオンです。
Feedly :: Firefox Add-ons:
1-minute introduction video:

RSSフィードを整形して、表示するアドオンなんですが、これが見やすい！
『magazine-like』と銘打っているだけあって、見易さがダントツです。

とりあえず、Google Readerと勝手に同期してくれたので、ページのイメージ

送信者 blog

Google Readerの一覧表示より見やすい感じです。
ウィンドウを最大化したときにデザインが切り替わったり、かゆいところに手が届く感じがいいですね。

ただ、この感じを言葉で伝えるのも難しいので、ぜひ使ってみてください。

T-SQLでファイル出力　その2

2009-08-19T21:18:00.000+09:00

結論：超つかえねぇ

複数行のデータを出力したい場合は、

SET @cmd = 'echo ' + @var + ' >> var_out.txt'
EXEC master..xp_cmdshell @cmd

と、追記形式でループでまわすしかなさそう・・・。

しかもxp_cmdshellの制約で、nvarchar(4000)またはvarhcar(8000)までしか対応していないので、ダンプファイルを作りたいときなどは使用できそうにもないです。

仕方ないので、ワークにファイル出力したいデータを作成後、bpc使ってqueryoutでファイルに落とすのが無難なのかなぁ・・・。

T-SQLでファイル出力

2009-08-19T20:00:00.001+09:00

結論：超めんどくせぇ

SQL Server自体にはファイルを出力するような組み込みコマンドは無いらしいので、
T-SQL上からシェルを呼び出して行う。
しかも、sysadmin権限だけでは不足なようで、実行権限の付与も必要。

まずは、実行権限の付与から

-- To allow advanced options to be changed.
EXEC sp_configure 'show advanced options', 1
GO
-- To update the currently configured value for advanced options.
RECONFIGURE
GO
-- To enable the feature.
EXEC sp_configure 'xp_cmdshell', 1
GO
-- To update the currently configured value for this feature.
RECONFIGURE
GO

これで実行権限が付与される。
しかし、出力場所に対してのアクセス権の問題が生じるため、このコマンドを発行するユーザを設定する。

EXEC sp_xp_cmdshell_proxy_account '[ドメイン or PC名]\[ユーザ名]','[パスワード]'

これで設定は終了。
ファイルの吐き出しを行う。

DECLARE @cmd sysname, @var sysname
SET @var = 'Hello world'
SET @cmd = 'echo ' + @var + ' > var_out.txt'
EXEC master..xp_cmdshell @cmd

実行！

アクセス権がありません

はい？
もうちょっと試行錯誤する必要がありそうです・・・。

追記：
出力先のディレクトリに対して、アクセス権を設定したら出力できました。
・・・うん、確かにそういうエラーだよね。

Chromiumの右上の人

2009-08-14T00:13:00.001+09:00

プログラマの実態: Chromiumに編な顔が！？:
にてお送りしたChromiumのバグ(？)ですが、翌日には解消されていたのですが・・・。

正式(？)なオプションとして採用されたようです。
詳しくは以下を参照してもらうとして
Linux版Chromeに「閉じる」ボタンを人の顔にするという謎のコード混入 - スラッシュドット・ジャパン:
2009-08-12 - 兼雑記:

いまの所、Ubuntuでしか確認していないのですが、

$chromium-browser

と実行すると

送信者 blog

と右上は×ボタンで表示されます。(右上のボタンのデザインが変わっていることに今気がつきました)

しかし、

$chromium-browser --glen

と実行すると

送信者 blog

と、右上の×ボタンがグレンさんになります。

しかも、chromiumのバグレポートには
『人の顔が表示されていた部分に、×ボタンが表示されてしまっている。』
という旨のレポートが掲載されています。
Issue 18756 - chromium - X where head button should be
意訳すると
　・再現手順は？
　　→ヘッダのボタンを見なさい
　・求める結果は？
　　→顔が表示されている
　・バグの時の結果は？
　　→×が表示されている。

もう笑うしかないですね。
まさか、このバグレポートがあったために、--glenパラメータを追加したわけじゃないですよね・・・。

Chromiumでyoutubeを再生させる

2009-08-08T23:26:00.001+09:00

UbuntuのChromiumでFLASHを実行させる方法

将棋とubuntu日記 chromiumブラウザ(google chrome for linux)を試す:
に掲載されていたので、やってみました。

cd /usr/lib/chromium-browser/plugins
sudo ln -s /usr/lib/firefox/plugins/flashplugin-alternative.so

要は、FirefoxにインストールされているFlashPluginをChromiumのPluginとして使用する。ってことらしいです。
上記のコマンド発行後に、プラグインを使用するように引数を設定して実行します。

chromium-browser --enable-plugins

これでFlashを有効にして、chromiumを実行できます。

送信者 blog

Chromiumに編な顔が！？

2009-08-07T23:44:00.001+09:00

これはネタではない！

繰り返す！
これはネタではない！

Ubuntu のChromiumのデイリービルドの右上に見知らぬ兄ちゃんの顔が！

送信者 blog

えっと・・・。
どちらさまですか？

そこ、×ボタンがある所なので、ちょっとどいていただけませんかね？

T-SQLで動的SQLを使用する場合

2009-08-06T22:14:00.000+09:00

文字列を結合して、クエリを作成する場合し、それを実行する場合

EXEC sp_executesql @Query;

の引数(この場合は@Query)は、

NTEXT
NCHAR
NVARCHAR

のいずれかでなくてはならないところを、

DECLARE @Query VARCHAR(MAX);

と宣言していたため、小一時間ほどハマった・・・。

Virual Studio 2005 で T-SQLをデバッグ実行する方法

2009-08-06T19:29:00.000+09:00

ほぼ自分用備忘録

Visual Studio 2005にて『サーバエクスプローラ』⇒『(該当のデータベース)』⇒『ストアドプロシージャ』まで展開する。

送信者 blog

あとは、ツリーのストアドプロシージャを右クリック⇒『ストアドプロシージャにステップイン』で、
勝手に実行される。

引数がある場合は、下記のウィンドウが表示されるので、引数を設定し実行を行う。

送信者 blog

カーソルなんかが引数の場合は、テスト用のスクリプトでも一個かませれば問題ないと思います。

T-SQL 例外情報の取得

2009-08-06T11:37:00.001+09:00

メモメモφ(・ω・ )

http://technet.microsoft.com/ja-jp/library/ms175976.aspx

エラー情報の取得
CATCH ブロックのスコープ内では、次のシステム関数を使用して、CATCH ブロックが実行される原因となったエラーに関する情報を取得できます。
CATCH ブロックの範囲外で呼び出された場合は NULL を返します。

ERROR_NUMBER()

戻り値の型：int
CATCH ブロックで呼び出されると、CATCH ブロックの実行を引き起こしたエラーメッセージのエラー番号を返します。

ERROR_SEVERITY()

戻り値の型：int
CATCH ブロックの中で呼び出されると、CATCH ブロックの実行を引き起こしたエラーメッセージの重大度を返します。

ERROR_STATE()

戻り値の型：int
CATCH ブロックの中で呼び出された場合は、CATCH ブロックが実行された原因となるエラーメッセージの状態番号を返します。

ERROR_PROCEDURE()

戻り値の型：nvarchar(126)
CATCH ブロックで呼び出された場合、エラーが発生したストアドプロシージャ名を返します。
ストアドプロシージャまたはトリガ内でエラーが発生しなかった場合は NULL を返します。

ERROR_LINE()

戻り値の型：int
CATCH ブロックで呼び出されると、次の値を返します。
・エラーが発生した行番号
・ストアドプロシージャまたはトリガ内でエラーが発生した場合には、ルーチン内の行番号

ERROR_MESSAGE()

戻り値の型：nvarchar(2048)
CATCH ブロック内で呼び出された場合は、CATCH ブロックが実行される原因となったエラーメッセージの全テキストを返します。
このテキストには、長さ、オブジェクト名、回数など、置き換え可能なパラメータに提供される値が含まれます。

あとは、例外発生以外で、プロシージャ名を取りたいなぁ・・・。

追記：

T-SQLのプロシージャ内で

SELECT Object_Name(@@Procid);

で、プロシージャ名を取得できるっぽい。

@@Procidで現在のプロシージャの識別子を取得
Object_Name()で引数のオブジェクト名を返す

ReverseHTTP を試してみる

2009-08-05T21:02:00.000+09:00

http://www.reversehttp.net/demos/demo.html

これは面白い。
webhokをクライアント側で受け取るための技術(？)らしいです。
得られる結果としては、Cometと同じような感じでしょうか？

いろんなところで取り上げられていますが、いまひとつ実態が見えてこない感じです(単なる勉強不足です・・・。)

実際に上記のデモを試してみました

送信者 blog

デモページには、確認用ページへのリンクと、HTML編集用のテキストエリアがあります。
とりあえず、確認用ページを別タブで開いておき、適当にHTMLを編集します。

その後、別タブで開いておいた確認用ページをリロードし確認すると、

送信者 blog

と、変更が適用されているのがわかります。

うーん、やっぱりわからない・・・。

やっぱり自分で環境を作って、いろいろ試行錯誤してみる必要がありそうですね。
サーバーは話題のErlangで書かれているようなので、Ubuntuに環境そろえて試してみます。

コーディングの仕方

2009-07-31T13:29:00.000+09:00

コーディングの仕方とは言っても、こういう風に書けとか、インデントがどうのこうのとかを語るつもりは毛頭無く、単純な話、タイピングの順序の話です。

自分は、普段コーディングをする場合、

メソッド名を記述
括弧をあけて閉じる
一個戻って
引数を必要なだけ記述

とやっています。
なにを言っているかわからないと思うので、順を追って例を提示します。(例として、SQLServerのSubstringを記述する)
(ついでにカーソルの位置を示すために | を用いる)

substring| 『←処理名の記述』
substring()| 『←括弧をあけて閉じる』
substring(|) 『←一個戻って』
substring(foo.bar, 1, 4|) 『←引数を必要なだけ記述』

流れとしてこんな感じなのですが、最近仕事以外でペアプログラミングをしていると、何人かに一人の割合で、

substring| 『←処理名の記述』
substring(| 『←括弧をあける』
substring(foo.bar, 1, 4| 『←引数を記述』
substring(foo.bar, 1, 4)| 『←括弧を閉じる』

と、行の頭から戻ることなく記述する人が居ました。

確かに方向キーって右下にあって、いちいちホームポジションから離れなければならないので、非効率ですね。
ただ、この書き方って、既に頭の中にソースが出来ていて、マニュピレーターからアウトプットのみしている状態で無いと出来ないやり方ですよね。

初めて見たときは、なんか感動しました。

ジョジョか何かだったと思いますが、『ぶっ殺すと思った時、行動は既に終わってるもんだぜ ...』的なコーディングじゃないと出来ないわけで。

いつか自然にこんな風にコーディングをしてみたいものです。

ちなみに、初めて見たのはGoogle Developer Day 2008 ↓の時でした。

Python Image Libraryで画像の上にテキストを重ねる

2009-07-30T12:09:00.000+09:00

携帯で撮った写真の管理と、コミュニケーション目的で、携帯百景というサービスを使わせていただいてるのですが、ふと『画像の上にテキストを重ねる方法ってどうやるんだろう』と思い立って、調べてみました。
昔、C#で同じようなことをやったことがあったんですが、Pythonだとぱっと思いつかなかったので・・・。

結果的に言うと、PIL(Python Image Library)を使用すると、数行で解決できることがわかりました。
以下、適当に組んだサンプルソース

import Image
import ImageFont
import ImageDraw

im = Image.open("d:\\hogehoge.jpg")
im.show()
draw = ImageDraw.Draw(im)
font = ImageFont.truetype(r"C:\WINDOWS\Fonts\MICROSS.TTF",38)
draw.text((20,30),"Hello! PIL",font=font,fill="#000000")
im.show()
im.save("d:\\hogehoge2.jpg","JPEG")

たったこれだけ。
嬉しいような、もうちょっと試行錯誤したかったような・・・。

Ubuntu で　HT-03A を認識させる

2009-07-18T22:44:00.001+09:00

日本Androidの会でUbuntuからHT-03Aを認識させる方法が公開されていましたので、それを元に、設定してみました。
これで、エミュレーターだけでなく実機でテストが出来るようになりました。

本家
Developing on a Device | Android Developers

Google グループ
Linux環境でのHT-03A + EclipseのUSB接続 - 日本Androidの会 | Google グループ

○Android側の設定
メニュー→設定→アプリケーション→開発の中にある、『USBデバッグ』にチェックを入れます。

○Ubuntu実機の設定
udevにrulesファイルを作成します。

sudo echo 'SUBSYSTEM=="usb", SYSFS{idVendor}=="0bb4", MODE="0666" '> /etc/udev/rules.d/51-android.rules

作成したファイルのパーミッションを設定します。

sudo chmod a+rx /etc/udev/rules.d/51-android.rules

これで、adb install コマンドで実機へのインストールが可能になります。
基本的に開発をUbuntuでやっているので、Ubuntuから接続出来ないことに、ストレスを感じていたわけですが、これでそれからも開放されそうです。

LiveAndroid を VirtualPCで動かしてみた。

2009-07-17T21:08:00.000+09:00

HT-03Aも一週間触って、ある程度コツを掴んだので、いろいろいじくりまわしてみようかとも思っているわけですが、いきなり実機にアレコレするのは怖いので、LiveAndroidを使ってみようと思います。
AndroidSDKのエミュを使ったほうが簡単なわけですが、そこはそれ。
ということで、VirtualPC上でLiveAndroidを動かすまでの手順

○ダウンロード～ISOファイル作成まで
live-android - Google Code:
上記のサイトから、

liveandroidv0.2.iso.001
liveandroidv0.2.iso.002

の二つをダウンロードしておきます。85MB、90MBと軽量なのでそんなにかからず、落とせると思います。

二つのファイルを落としたら、COPYコマンドで二つのファイルをくっつけます。

copy /B liveandroidv0.2.iso.001 + liveandroidv0.2.iso.002 liveandroidv0.2.iso

しばらくすると、liveandroidv0.2.isoが作成されているはずです。

○VirtualPCの新規作成
ざくざく行きます。
一つ一つの設定は面倒なので、スクリーンショットで。設定値もお好みで問題ないと思います。
一応、メモリは128M、HDDは1GBで設定してあります。(これくらいで十分だろうという漠然とした判断です。)

送信者 blog

○実際に動かしてみる。
作成されたVirtualPCを起動させ、メニューバーの『CD』⇒『ISOイメージのキャプチャ』を選択し、先ほど作成したISOファイルを指定してください。

するとinitが始まり、GDDフォンやHT-03AでおなじみのメタリックなANDROIDのロゴが表示されます。

送信者 blog

さらに待つと、『バッテリーがあと15%しかないけど、充電しないの！？』的なメッセージが表示されます。
面倒なので、とりあえずOKをクリックしておきます。
ちなみに、アンドロイドはポインティングデバイスはＰＣのマウスが扱えるんですが、そのカーソルの自己主張が薄く、ここの画面で危うく手詰まりになりそうでした。
注意深く、Perfumeのアルバムタイトルのような薄いグレーのポインティングアイコンを探しましょう。

送信者 blog

ここで、見慣れたAndroidの画面が登場です。

送信者 blog

HT-03Aを使っていると、『なんで横画面やねん』な感じになりますが、そこはそれデバイスの差と割り切りましょう。

とりあえず、ブラウザを立ち上げてみましたが、ネットワークドライバがうまく動いていないのか、接続は出来ませんでした。
今回は動かしてみるだけなので、このまま行きます。

送信者 blog

メニューを展開してみたところ

送信者 blog

HT-03Aに比べると、シンプルな構成となっています。

readmefirst.txtでも書かれているように、『now it is only a TOY :)　(今のところは、単なるおもちゃだぜ HAHAHA)』ということなので、真剣に使うことも無いでしょう。
開発目的であれば、AndroidSDKに付属するエミュレーターのほうがやりやすいでしょうし、評価目的であれば、店頭などでHT-03Aを触って居たほうがよいと思います。

ゆくゆくは、ネットブックや家電などにAndroidを搭載して云々という話も出ていますから、ちょっと見ておきたいくらいの気持ちでなら、動かしてみると面白いでしょう。

HT-03Aを買いました

2009-07-14T14:40:00.000+09:00

発売から5日たっているわけですが、今更ながらレビュー

○全体的に

『バッテリーの持ち』と『慣れの問題』を除けば、80点くらいの評価を与えています。
(もともとWillcomのアドエスを使用していたので、評価が甘いかもしれませんが・・・。)
マルチタスクで動くアプリケーション郡や、アプリ同士の連携などは言うこと無しです。さすがGoogle!!
価格帯も十分納得のいくものでしたし。

○残りの20点

まずは、入力方法
ソフトキーボードを携帯ライクな入力と、QWERTY配列での入力が可能なんですが、
QWERTY配列の場合の画面の端にあるQやAが入力しにくいです。
キーの正面より、やや右寄りの辺りを押さないと認識してくれない場合があります。
『だったら携帯配列を使えばいいじゃない』といわれそうですが、ずっとWMを使用していたので、
アルファベットなんかはQWERTYのほうが入力しやすいんですよね。

あとは、Android Market
だんだんと日本語のコンテンツも増えてきましたが、やっぱり英語がメインなようで・・・。
Docomoが独自にアプリケーションコンテンツを開設する話もありますが、それも一年後の話・・・。
アプリをインストールする際の、敷居の高さは否めません。

なんだかんだ言っても

HT-03A、ひいてはAndroidはいいものだと思います。
ということで、買ってからとりあえず入れてみたソフトウェアをさらしてみます。

Twidroid　人気の高いTwitterクライアントです。なぜかマーケットでは『通信』にカテゴライズされてます。
QRコードスキャナー　書籍のバーコードなんかを読み取って、Amazonの評価を見るのに便利
クーポンマップ　GoogleMap上に、クーポン情報のあるお店を表示してくれます。GPSと組み合わせると幸せになれます。
PicSay　フォトレタッチ（？）アプリケーション。プリクラみたいなことして遊べます。
路線ドロイド　そのものズバリ、路線検索用のアプリケーション。仕事でいろんなところを飛び回っているので、便利に使わせてもらってます。
Trap!　暇つぶし要員として。しかし、このゲームははまる。

と、なんだかんだ言っても、良い機種であることには変わりないので、ぜひとも一回触って見てください。

Google Map で現在位置の表示

2009-07-14T11:56:00.000+09:00

いつの間にやらGoogle Mapがバージョンアップしていたようで。
Google mapのストリートビューの『黄色い人(正式名称不明)』の上辺りに『現在地を表示』というボタンが設置されています。

送信者 blog

上の画像の、赤丸の辺りです。

一部では、ChromeとFirefoxでしか表示できないとありましたが、Gearsさえ入っていれば、IEでも表示できるっぽいです。
しかしながら、何の差かわかりませんが、IEで開くとChromeやFirefoxで開いたときより、50mくらいはなれた場所が現在地として表示されてしまいます。

HTML5のジオロケーションに対応したサービスっぽいので、『もっとやれ！』な感想なのですが、正直現在地がこんな簡単に取得できてしまうことに、若干の不安も覚えるわけで。

技術に比例して、人も進歩していかなければならないってことですかね。

Google製のリモートデスクトップサーバー　Neatx

2009-07-09T16:20:00.000+09:00

ここ最近のGoogleは非常に精力的にいろんなものをリリースしているわけですが、
昨日のGoogle Chrome OSに続いて、リモートデスクトップサーバーを発表しました。

Source Forge.JPの記事
米Google、オープンソースのリモートデスクトップサーバー「Neatx」を発表 - SourceForge.JP Magazine:

本家 Google Code
neatx - Google Code:

ものとしては、FreeNXと同じようにリモートデスクトップサーバーとして機能するようですが、
メンテナンスや柔軟性を最初から考慮して作成されているようです。

基本的に、対Windowsの場合はリモートデスクトップ、対その他の場合はvncを使用していたので、
現時点で不足は無いわけですが、せっかくのGoogle先生の作品を使ってみようと思います。

Google Chrome OS

2009-07-08T14:41:00.000+09:00

いつの間にやら、GmailやGoogle カレンダーなどからBataが外れ、正式なサービスとなったGoogleから、
さらに衝撃的なニュースが。

本家
Official Google Blog: Introducing the Google Chrome OS:

抄訳
秋元@サイボウズラボ・プログラマー・ブログ : Google OS(Google Chrome OS)がついにアナウンス:

ローカルの機能を最小限のブラウザのみとした、WebOSをGoogleが提供するようです。
しかもオープンソースで。

ネットブックに対応としていますが、おそらくデスクトップでも使用できるのではないでしょうか。
Gmailといい、Google Docといい、Google Chrome OSといい、本気でMS潰しにかかっているのでしょうか。

android-scriptingをインストールする

2009-06-25T18:23:00.000+09:00

android上でpythonやLuaを実行するための環境として、Android Scripting EnvironmentがGoogleCodeにて提供されているので、GDDフォンにインストールしてみようと思います。
今回はWindows環境で試します。

まずは、Android　SDKをダウンロードします。

Android 1.5 SDK, Release 2 | Android Developers:

上記から、『android-sdk-windows-1.5_r2.zip』をダウンロードします。

ダウンロードが完了したら、解凍をしておきます。
出来ればここで、

解凍したディレクトリ/android-sdk-windows-1.5_r2/tools

にパスを通しておくと、後々楽です。

ここで、GDDフォンをUSB接続し、

解凍したディレクトリ/android-sdk-windows-1.5_r2/usb_driver/x86

からデバイスドライバをインストールしておきます。

前作業はとりあえずここまで。
いよいよAndroid Scripting Environmentのインストールを行います。

・まず、ダウンロード
Downloads - android-scripting - Google Code:
から、AndroidScriptingEnvironment-0.8-alpha.apkを取得しておきます。

・続いてインストール
コマンドプロンプトから下記のコマンドを発行します。

adb install AndroidScriptingEnvironment-0.8-alpha.apk

SDKのtoolsにパスが通っていて、なおかつGDDフォンが認識されていれば、

pkg: /data/local/tmp/AndroidScriptingEnvironment-0.8-alpha.apk
Success

と表示され、インストールが完了します。

完了後に、GDDフォンを見ると確かにインストールされているのがわかります。

動かしてみるのは、また後で。

Discover Shiretoko

2009-06-25T11:22:00.000+09:00

Discover Shiretoko 世界自然遺産「知床」と Web ブラウザ「Firefox」の物語

Firefox3.5のRC版がリリースされましたが、Firefox3.5の開発コードが『Shiretoko』ということで、
北海道の知床財団とMozillaでコラボレーションキャンペーンをやっているそうです。
(基本的には知床のキャンペーンっぽいですが・・・。)

その一環(？)としてinterFORestにて、HTML5のcanvasを使用した『バナーの樹』というサービスを行っているようです。
登録したブログのバナーからアクセスすると、そのアクセス数に応じて『バナーの樹』が成長していく、というものらしいです。
どういったものかは、下記リンクを参照してください。

interFORest

ちなみに、当ブログにも右最下段にバナーを設置してありますので、宜しければそちらから。

さらにちなみに、当ブログの樹は
http://www.interforest.org/#zoom/480/460
辺りにあります。

Google Wave Robotを作りたい

2009-06-24T11:48:00.000+09:00

『何かを作りたいと思った』なんて言ってないで、作り始めればいいじゃない。
ということで、Google Waveでrobotを作成するために参考になるページを。
例によって、自分用タグ：あとで読む

誰も知らない夜のwaveのrobot - a2c.get.diary:

最速！Google Wave API解説：第2回　ロボットAPI｜gihyo.jp … 技術評論社:

Google Wave API Japn | Google グループ:

それぞれ、サンプルコードも記載されているので、すぐにでも作成できます。
現在のロボットAPIを使用する場合は、appspot.com上にデプロイされている必要があるそうです。
しかし、Google App Engineも無制限開放されたことですし、Waveアカウントさえもっていれば、
開発⇒検証ができるわけですね。

それにしても、Google Developer Day ２００９に参加しただけで、こんなにも興味をそそられる環境やガジェットを提供してくれるグーグルも凄いですね・・・。

Google Waveとは何か？的なサイト

2009-06-23T17:15:00.002+09:00

自分用タグ：あとで読む

Google Waveアカウントを貰ったは良いが、自分自身よくわかってないので、
これから勉強する。

本家　
Google Wave Preview:
Learnだけは読んでおこう

lifehacker　
Google Waveに関する質問にすべてお答えします
QA形式でわかりやすい

@IT
【詳報】Google Waveとは何なのか？
Google I/Oのときの記事ですね。

IT戦記
Google Wave 私的まとめ
amachangによるGoogleWaveについてのまとめ

Engadget 日本版
動画：Google Wave発表、リアルタイム・コラボレーションの基盤へ
Google Developer Day 2009でもやっていた、Google Waveのデモ動画

追記：

Long Tail World
グーグルWaveの特長：Google Wave Basics
技術的な特長がわかりやすい

＠IT
Google Waveでニコ動っぽいサービスは作れますか？
その発想は無かったわ。

Google Wave

2009-06-23T16:37:00.000+09:00

Google Developer Day 2009にてアナウンスされていた、Google Waveの開発者用アカウントがついに発行されました。
本アカウントに加えて、多人数での操作を想定した、『ユーザ名_test』のアカウントも付いてました。

発行されたアカウントのドメインは『ユーザ名@wavesandbox.com』
Gmailアカウント容量がなんと25Gも割り振られていました。

とりあえず、メールに記載されていたログインURLにアクセスして、パスワードを変更して、同僚に_Testアカウント渡して、ちょこちょこ弄ってみましたが、GDD2009で感じた

『漠然としすぎていて、どんなことをすればいいかわからない』

という思いを、再認識することになりました。
プラットフォームとして巨大すぎるため、どんなものをのっけていいかわからないっす。

一般公開は今年の後半らしいので、一般ユーザの方はそれまでご辛抱ください。

弄ってみた結果↓

送信者 blog

お前らはサルか！？ってくらい意味のないキャラクタがGoogle Wave上に流れました。

Safariのシェア率について

2009-06-17T10:24:00.000+09:00

「1,100万ダウンロード達成」でも、Safariのシェアは低下

Appleは、iTunesをインストールすると、余計なものまで自動アップデートをかけてくれる、
『Apple Software Update』がありますからねぇ・・・。

ダウンロード数≠ユーザー数な状態で、Safariほどその値がかけ離れた形になるものはないでしょう。

Windows上でのiTunes(iPod)ユーザー + Safariのみのユーザ ≒ ダウンロード数
上記の式がある程度『真』であれば、『Windows上でのiTunes(iPod)ユーザー数』はかなり大きなものだと思います。

Windows上で、IEを除くその他のブラウザについては、一回は必ずブラウザ本体をダウンロードする必要があるわけですが、Safariについてはそれが無いため、ダウンロード数だけが一人で走っていってしまうような状況が出来上がってしまうんですね。

一応、『Apple Software Update』ではインストールの可否をユーザにたずねているとはいえ、知識のない人(iTunesユーザの大半だと思いますが)は、そのままアップデートをかけてしまうのではないでしょうか？
セキュリティの観点から言っても、ユーザの認知しないところで、認知していないソフトウェアが動くというのもどうなんですかね？

自動アップデートは便利なので、大いに活用して頂きたいところではありますが、それがマーケティングの手段になってしまうのは、いかがなものかと考えます。

AndroidのGUIデザインツール

2009-06-13T00:49:00.001+09:00

Google Developer Day 2009でGDDフォンを頂いたわけですが、
まわりに自慢するのも飽きてきたので、そろそろ本来の使用用途である、開発を始めようかと思います。

そんななか、その創作意欲を高めてくれるようなツールが！

droiddraw - Google Code:

droiddrawという、Android用のGUIデザインを簡単に作成出来るツールです。
今までのAndroidの開発だと、デザインをXMLで書いてロジックを書いてとなっていたわけですが、
これがある程度楽になると思います。

早速インストールを敢行したわけですが、Project Homeからダウンロード出来るバイナリは、若干古いらしく、自分のUbuntu9.04上では動作しなかったため、Downloadsから、最新のjarファイルを取得しました。

wget http://droiddraw.googlecode.com/files/droiddrawr1b13.jar

その後、そのまま実行

java -jar droiddrawr1b13.jar

実行すると、最新版を取得するか？と言うようなダイアログが表示されるのですが、そこで『yes』をクリックしてしまうと、アベンドしてしまうので、あえて『No』をクリックします。

あとは、D&Dでデザインを作成していきます。

送信者 Blog

基本的には、デザインを作成→Generate→Eclipse上のAndroid開発環境へ　という流れになるんですかね。
さーて、とりあえずイジってみますかね。

Google Developer Day 2009 に行ってきた　２

2009-06-09T22:52:00.001+09:00

内容については、後日youtubeなどで公開されると思いますので、
私的な感想等をつらつらと。

    A More Powerful Web
            Made Mobile
                        Made Social
                                Made Easier


HTML5について
HTML5にて実装されるCanvasタグや、Videoタグ等をデモンストレーションを交えながら紹介。
個人的には、いわゆるスレッド処理的なWeb Workerに食指が向きました。
App Chacheや、Databaseなんかと組み合わせれば、いわゆるローカルアプリを凌駕するアプリが作成可能になるんじゃないかと。
とは言うものの、具体的に何が出来るのかはまだまだ勉強していかなければなりませんが・・・。

Linux版Chromeについて
Linux版Chromeはありがたく使わせていただいてます。
まだまだバギーな上に、Todoが多いのでメインでは使用できないですが・・・。
毎日のようにかかる更新が楽しみです。ガンバレ開発チーム！！！

Androidについて
アンドロイドマーケットの支払い方法については、ぜひともWEBマネーなどクレジットカード以外の決済方法が欲しいところです。
自分、クレジットカード作っていないので・・・。
あとは、日本の開発者が作成したアプリが充実することを祈ってます(自分も開発しろよ！)

Google Waveについて
すごいのはよく分かったけど、実際にこれを使用して何かを作れと言われてもアイディアが浮かばない貧相な発想力の自分なのでした。
一番驚いたのは、何気なくブラウザ上に画像ファイルをD&Dして、アップロードしていたこと。
あれはHTML5で標準搭載される機能なんですかね？

反省点
キーノートが半分終了した時点(OpenSocial終了)で、Thinkpadのバッテリーが残りわずかとなってしまい、GoogleWave以降のメモが出来なかったこと。
Thinkpadのバッテリーを過信し過ぎてました・・・。

仕方ないので、ひたすらアドエスで写真撮ってきました。

Google Developer Day 2009 に行ってきました。

2009-06-09T15:14:00.000+09:00

とりあえず、写真等を交えたエントリーは後回しとして、
今回のテーマは

Powerful Web

となっておりました。

Android や、OpenSocialや、Google Waveなどなど、盛りだくさんの基調講演でした。

Virtual PCにUbuntu 9.04 Serverをインストールする

2009-05-18T15:11:00.000+09:00

VirtualPCにUbuntu 9.04 Server版をインストールするときのメモ

デスクトップ版だとセーフグラフィックモードで起動しなければならなかったり面倒ですが、
サーバー版だと、起動オプションの書き換えだけでＯＫです。

インストールメニュー画面でF6キーを押して、起動オプション末尾の

quiet --

を、消した後

vga=791 noreplace-paravirt

を追記するだけ。

ＧＵＩ関連でうだうだ設定しなくていいので、楽チンです。

とりあえず、当分この環境で社内でDjango開発が出来そうです。

Ubuntu One

2009-05-12T21:38:00.001+09:00

Ubuntu One : Home

Canonicalが提供するDropboxのようなものなのかな？
既に

You are currently on the waiting list for Ubuntu One. As soon as we can, we'll be sending you an invitation code via email.

と、定員オーバーのようで、順番待ちの状態となっております。

プランはやはりDropBoxと同じようで

2GB上限の無料プラン
10GB上限の月額$10プラン

の二種類となっております。

debパッケージしか提供していない所をみると、Ubuntu Oneの名前のとおり、Ubuntu系でしか動作しないようです。

自分も順番待ち状態なので、インストールしてみたら、追ってエントリ書きます。

今までどのくらいプログラミング言語を触ってきたか(3秒で挫折したものものも含む)

2009-05-11T13:21:00.000+09:00

今までどのくらいプログラミング言語を触ってきたか(3秒で挫折したものものも含む)

思い出せる限り時系列で
(Hello Worldで飽きたものを含む)

-----高校時代--------

C
C++
HTML

-----専門学校時代------

COBOL
Java
Visual Basic 6.0
VBA
SQL
Visual Basic 2002
C#
Perl
sed
Javascript
Delphi
HSP
ひまわり

------社会人-----------

Ruby
D
DOS バッチファイル
VBScript
VB.Net 2003
PHP
processing
zsh
bash
VB 2005
PL/SQL
VB 2008
python
openLaszlo

こうやって見てみると、意外と触ったこと無い言語が多いなぁ。

From Google

2009-05-07T13:15:00.001+09:00

ガジェットの追加によって、いろんな情報を1ページで見られるのが便利なため、
iGoogleを愛用しているわけですが、数日前からGoogle謹製のGMailガジェットに

The Gmail gadget does not support the "Always use https" setting that you chose in full Gmail. If you would like to use https, please open full Gmail. Learn more

という表示がされ、受信トレイの一覧が取得できなくなってました。
ぱっと見ると、『常にhttpsで接続』の設定をしているため、受信メールの一覧が取得できない云々と書かれています。

ちょっと英語に不自由な私なので、ちゃんとエキサイト様に翻訳して頂きました。

Gmail機械装置は「いつもhttpsを使用してください」というあなたが完全なGmailで選んだ設定を支持しません。 httpsを使用したいと思うなら、完全なGmailを開いてください。もう少し学んでください。

まぁ、言わんとしていることは合っていたってことで安心したんですが、

＞もう少し学んでください。
(￣Д￣；；

し、精進します・・・。

とりあえず、対策として、
・GMailのホームから、設定⇒全般⇒ブラウザ接続を『https の使用を選択制にする』にチェックを入れる。
・ブラウザのブックマークのアドレスを、http://からhttps://に変更。
これでガジェットを使えて、ブックマークから開くときは今まで通りhttpsで接続するようになりました。

EclipseでDjango開発

2009-05-05T00:00:00.001+09:00

いままで、Djangoを使った開発は、vimとターミナルでやっていたわけですが、
社内にPythonを広めようとおもい、Eclipseで開発出来るように、
環境を構築してみました。

参考にしたサイト：
Eclipseでdjango開発する方法 - はてな？のぐうたら玉子丼

ほぼ、ここに掲載されているとおりで構築完了です。

manage.pyのデバック実行がとても便利！

始めてのタブブラウザ

2009-05-02T22:04:00.001+09:00

皆さんが、シンプルブラウザからタブブラウザに乗り換えたのは、いつでしたか？
そのタブブラウザは何でしたか？

最近、IE7になってようやくタブブラウザを使用したと言う人もいるでしょう。
まだ、IE6が現役で使用されているという人もいるでしょう。

自分の場合は、約七年前。
専門学校の時でした。

それまではIE6を標準のまま使っていたんですが、
友人のすすめでタブブラウザに乗り換えました。

しかし、その友人がコアな人間で、素人同然の自分に薦めてきたブラウザと言うのが、

インターネットサムライ

『なにそれ？』と思ったあなた。その反応が正常だと思います。
今はライブドア(当時はオンザエッヂだったと思います)に買収されてしまった、
プロジーという会社が販売していたタブブラウザです。

たしか、当時はスレイプニルも出ておらず、Donutの亜種が出始めたころだったかな。

機能として見てみれば、今のスレイプニルの劣化版としてしか見れませんが、
そんななか、インターネット侍は衝撃的だった覚えがあります。

自分にとって始めてのタブインターフェイスを搭載し、同時に複数のwebページを取得する。
その利便性に感動したものです。

と、なんでこんな記事を書いたかと言いますと、
お蔵入りしていたWindows2000のCDを探していた際に、
インターネット侍のCDを発見してしまったからなわけで。

送信者 blog

あー、なっつかしいなぁ・・・。
Vistaにインストール出来ないかなぁ

Google のトップページが・・・。

2009-04-27T17:54:00.002+09:00

送信者 blog

文字化けしたかと思った・・・。

モールス信号？

2009/04/28 追記
昨日はモールス信号の考案者モールスの誕生日だったんですね。
モールス信号でつぶやきたいなら・・・『Morse Tweet』 - IDEA*IDEA ～百式管理人のライフハックブログ～:

Windows8 開発準備開始

2009-04-22T15:54:00.000+09:00

マイクロソフト、Windows 8の開発の準備を開始 : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ

次のWindowsではファイルシステムの大幅な変更改善が焦点になるとのこと。

Vistaで見送った、例のファイルシステムですね。わかります。

リリース時期は2011年。

Windows 7 が2009年9月予定でしたっけ？
こうなったらWindows7も飛ばすしかないじゃないですか。

北海道を落とすとどう跳ねるか

2009-04-17T11:03:00.000+09:00

ちょっと出遅れた感じは否めないけど・・・。

北海道を落とすとどう跳ねるのか？ - てっく煮ブログ:

岩手と埼玉、東京が超地味・・・。
神奈川は安定性が抜群！
佐渡島ぁぁぁぁぁぁぁ！

富山まで見た。
あとは時間のあるときに、沖縄まで見てみよう。

Ubuntu で Chromium　その２

2009-04-14T22:02:00.001+09:00

今日のアップデートでUbuntu PPAのChromium-Browserが日本語表示されるようになっていました。

大きな前進ですよ！

送信者 blog

・・・もしかして、もっと前から表示されてたのか？

まだ、実行速度も高速とは言い難い状況ではありますが、やはり見守っている身としては、着実に進歩してくれているんだなぁ・・・、と感慨深いものがありますね。

Google Developer Day 2009

2009-04-14T18:23:00.000+09:00

去年も申し込んだGoogle Developer Day ですが、懲りずに今年も登録してみました。

しかし、登録画面のところで、

過去10年間に書いたコードの行数を聞かれるとは思いませんでした。
この基準ってどうなんだろう・・・。

10年で1000行ってことは、1年で100行、1日で0.2739726027397260273972602739726行・・・。

ふと思い立って、今日仕事で書いたコードの行数を調べてみたら、139行(空行含まず)でした・・・。
これなら、一週間も仕事すれば参加資格が得られるな。

vimperator2.0でハマった

2009-04-06T21:00:00.001+09:00

先日、vimperatorのアップデートが来たので、何も考えず更新したら・・・。

ブックマークバーが消えた！
スクロールバーも消えた！！

いやー、メジャーバージョンアップとは言え、自動更新のプログラムでいきなり仕様が変更されるとビックリしますね。

ということで、下記サイトを参考に、set guioptionsを書き直します。
Vimperator2.0を入れてみた - orz blog

今までの.vimperatorrc

#ブックマークだけ表示
:set guioptions=b

書き直した.vimperatorrc

#ブックマークとスクロールバーを表示
#ブックマークバーがb→Bに変更
#スクロールバーを表示するためにrを指定
:set guioptions=Br

取り合えず自分の所では、その二点だけでしたので、サクッと書き換えてFirefoxを再起動。

これでいつも通りのvimperatorに戻りました。
イヤー、やっぱり自分に最適化された環境って快適だわ。

Ubuntu で Chromium

2009-04-01T22:56:00.001+09:00

Wineで動かしたり、CrossOver ChromiumなどUbuntu上でGoogle Chromeを動かそうと思うと色々面倒なことをしなければなりませんでした。

が！ようやく出てきましたね。
Chromeのオープンソース版のChromiumがPPAのリポジトリに加わっているようです。

詳しくは
独学Linux:Chromium on Linux！ - livedoor Blog（ブログ）
を参照してもらうとして、実際試した感想を。

まず、前提としてまだalpha版ということで、Windows版のChromeにはまったくと言っていいほど追いついてません。

取り合えずyahoo!を表示してみました。

送信者 blog

日本語が完全に表示できていない上に、設定を変更することも出来ません。
しかし、ほぼ毎日と言っていい頻度のアップデートが行われていますので、日々の進捗が気になるプロジェクトではありますね。

Windows版のChromeにおいつけ！追い越せ！

スティーブ・ジョブズのスピーチ

2009-03-28T14:34:00.000+09:00

<a href="http://www.nicovideo.jp/watch/sm5062671">【ニコニコ動画】スティーブ・ジョブスの伝説の卒業式スピーチ（字幕付き）</a>

pyjamasを動かしてみる

2009-03-20T01:07:00.001+09:00

pyjamas - Google Code

GWTのPython版とも言うべきpyjamasを取り合えず動かしてみました。
GWTでは、言語がJAVAだったので自分にはとっつきにくかったわけですが、
pyjamasは言語がPythonということで、結構すんなり読めます。

取り合えず、GoogleCodeからSVNで取得後、examplesディレクトリ内の
buildall.shを実行してみたんですが、なぜかエラー・・・。

中身を見てみると、各ディレクトリのbuild.shを実行している模様
取り合えず、一番簡単そうなhelloworldディレクトリのbuild.shを見てみると

python2.4 ../../builder/build.py hellow.py

となっていたので、

python ../../builder/build.py hellow.py

に変更し、再度トライ

Building 'Hello.py' to output directory 'output'
Copying: public directory
Copying: pygwt.js
Copying: Images and History
Creating: Hello.nocache.html
Creating: IE6.cache.html
Importing pyjslib
Importing Hello
Importing Window
Importing Location
Importing ui
Importing DOM
Importing sets
Importing DeferredCommand
Importing Timer
Importing pygwt
Importing History
Creating: Opera.cache.html
Creating: OldMoz.cache.html
Creating: Safari.cache.html
Creating: Mozilla.cache.html
Done. You can run your app by opening 'output/Hello.html' in a browser

実行後に、メッセージに従い、output/Hello.htmlを開くと、
『Click me』とかかれたボタンがあるので、クリックすると、
Hello, AJAX!
と、HelloWorldというディレクトリ名を完全に無視したメッセージが表示されました。

ふむ、まずは動かしてみるという目的は達したので、今日はここまで。
GWTはJAVAに馴染みがなかったため挫折しましたが、今回のpyjamasはいけそうです。
これでtemplateとか使えたらおもしろそうなので、色々試してみます。

Windowsバッチファイルで日時を扱う

2009-03-04T17:09:00.000+09:00

自動的にファイルのバックアップを行う場合など、日時でディレクトリを作成したい場合に便利。

YYYYMMDD形式で、日付を取得する。

%date:~0,4%%date:~5,2%%date:~8,2%

HH24MMSS形式で、時分秒を取得する。

set time2=%time: =0%
%time2:~0,2%%time2:~3,2%%time2:~6,2%

SQLServerのupdate～from

2009-02-27T20:30:00.000+09:00

あるテーブル(TABLE_A)のデータで、別のテーブル(TABLE_B)を更新したいときに便利。

UPDATE TABLE_B SET
    HOGE3 = A.FOOBAR
FROM TABLE_B B
    INNER JOIN TABLE_A A
        ON   A.FOO = B.HOGE1
        AND A.BAR = B.HOGE2

VirtualBox でブリッジ接続

2009-02-14T02:07:00.001+09:00

ぷれいんぐLinux　 VirtualBox on Ubuntu でブリッジ接続のまとめ　（簡単設定）

VirtualBoxでCentOSを導入したので、上記サイトを参考にブリッジ接続に挑戦してみます。

Ubuntu に Vim7.2をインストールする方法

2009-01-27T00:09:00.002+09:00

outputzを設定するときにお世話になりました。

備忘録としてメモ

Outputz.vimを使うためにVim 7.2をインストールしてみた - ケーズメモ

追記：

こっちも合わせて参考に
Easily Installing Vim 7.2 From Source | Biodegradable Geek

Windows 7をインストール on VirtualBox

2009-01-12T22:36:00.001+09:00

Windows7のパブリックβが公開されましたね。

思えば、Vistaの時もβを入手して、インストールしあまりの重さにバク切れしたものです。

今回も懲りずに、インストールしてみようと思います。

今回の環境は、Ubuntu8.10 に VirtualBoxを入れて、その上でWindows7をインストールします。

1.取り合えずダウンロード
なにはなくとも、DVDイメージを取得しないことには始まらないので、DVDイメージをゲットします。

Download the Windows 7 Beta

上記のサイトから、DVDイメージとプロダクトキーを取得します。

2.インストール
VirtualBoxの設定は以下
・メモリ　2G
・HDD 20G
・CD/DVDドライブ　1でゲットしたDVDイメージ

上記の設定で、仮想PCをブートします。

送信者 Blog

しばらく待つと、言語、通貨、キーボードの設定画面が表示されます。

送信者 Blog

今すぐインストールをクリックする

送信者 Blog

セットアップが始まります。

送信者 Blog

ライセンスに同意するかを聞かれるので、当然『同意する』にチェックをいれて次へ

送信者 Blog

インストール方法を聞かれます。新規インストールなので、カスタムを選択する。

送信者 Blog

インストール場所をしていする。VirtualBoxなので、特に考えずに次へ

送信者 Blog

HDDにインストールが開始されるので、とにかく待ちます

送信者 Blog

再起動がかかります。Windowsマークが綺麗です。

送信者 Blog

インストールの最終処理の実行中　これが最後だ！

送信者 Blog

ユーザ名と、PC名を設定する。

送信者 Blog

パスワードを設定する。

送信者 Blog

プロダクトキーを入力します。ダウンロードのときに発行された例のあれです。

送信者 Blog

Windowsセキュリティ　とりあえず推奨設定を使います。

送信者 Blog

タイムゾーンの設定　Osaka,Sapporo,Tokyoを選択する

送信者 Blog

デスクトップの準備が完了するまで待ちましょう

送信者 Blog

デスクトップ画面

送信者 Blog

取り合えず、インストール完了までのスクリーンショットを並べてみましたが、
いかがでしょうか。

インストール自体はとても簡単になったと思います。Ubuntuと比べても遜色のないインストールの簡単さ。

あとは、最後のデフォルトの壁紙・・・。
この熱帯魚は・・・・。

せっかくのパブリックβなので、ゴリゴリインストールして動作試験でもしてみようかと思います。

vimでoutputz

2009-01-02T23:25:00.002+09:00

あなたは原稿用紙何枚分のアウトプットをしていますか？

という、自分のブラウザ上での打鍵数をカウントしてくれるサービスが存在するわけですが、
なかなかブラウザ上から打鍵することってないんですよね・・・。

自分もプログラマの端くれですから、開発環境やテキストエディタの方が打鍵数が格段に多いわけです。
そっちをどうにかカウントするようにできないかと探してみたらありました。

outputz - outputz interface for Vim

vimでの打鍵数をoutputzに送信してくれるプラグインです。
早速入れてみました。

1.ダウンロード

上記のリンクから、vim-outputz-0.0.1.zipを取得します。

2.解凍

ダウンロードしたら、適当に解凍し、~/.vim配下に移動します。

3.vimrcを編集
まずは、outputzの『設定タブ』の復活の呪文をメモります。
その後、~/.vimrcを開いて、下記を追記

let g:outputz_secret_key = 'xxxxxxxxxxxx'　←復活の呪文

~~let g:outputz_uri = 'http://www.example.com'　←適当なURI~~
let g:outputz_uri_function = 'http://example.com/vim'

以上、あとは一心不乱にvimで打鍵します。
打鍵数と作業量は比例しませんが、その日その日の打鍵数を確認することで満足感を得られそうですわ。

20090103修正
let g:outputz_uriはVersion 0.0.0の指定方法でした・・・。

V8　ビルド編

2009-01-02T21:52:00.001+09:00

Google Chromeに搭載されていることで有名なJavaScriptエンジン『V8』で遊んでみようと思います。

基本的には

Google Chrome の JavaScript エンジン V8 を試す - IT戦記:

と同じです。

1.ビルド環境を整える
今回はUbuntu8.10をターゲットとします。
ビルドするために必要なものをapt-getでインストールします。

sudo apt-get install scons
sudo apt-get install build-essential

2.svnでソースを取得する。

svn co http://v8.googlecode.com/svn/trunk/ v8

3.取り合えずビルド
取得したディレクトリに移動し、

$ scons sample=shell

と、sampleにshell を設定し、実行するとビルドが始まります。

ビルドが通ると、shellというバイナリが生成される。

4.shellを実行してみる。
プロンプトが実行されるので、

$ ./shell
V8 version 0.4.6
> print('Hello World');
Hello World
>

なにはなくとも、Hello World
うん、動いてる。　さて、これからどうしようかな・・・。

大掃除

2009-01-02T15:33:00.001+09:00

あけましておめでとうございます。
2009年ですねぇ・・・。

ということで、本業の方で忙しい合間をぬって、年に一回のハードディスク内の大掃除なんぞをしてみました。

1.バックアップ
取り合えず、なにはなくともバックアップをとります。
/home配下をすべて、USBハードディスクに転送します。
.から始まる隠しファイル&ディレクトリ系は忘れやすいので要注意

この辺りの仕込み作業は前日のうちにやってきましょう。
今回は大掃除なので、いらないものはこの時点である程度選別しておきます。

使ってみたいけど・・・。と思っていたアプリケーションについても、ここで試して置きましょう。
なーに、動かなくなってもOSの再インストールから始めるので、どうってことないです。

2.OSインストール
OSからインストールを試みます。
ある程度目星をつけておいたOSを試してみてもいいでしょう。
自分は前から使ってみたかったopenSUSE11.1と、Ubuntu8.10を用意しました。

OSのインストールについては、各自調べてください。

3.ソフトのリストア
結局自分はUbuntu8.10をインストールしたので、apt-getでザクザクインストールを行います。
2009年の一軍入り(必須ソフト)は以下

vim(残留)
Google Desktop(残留)
Editra(残留)
Songbird(残留)
zsh(残留)
Gnome Do(新規)
Dropbox(新規)
Prism(新規)
Picasa(新規)

あとは基本的にUbuntuに最初から入っているものでどうにかしています。

4.後片付け
あえて言おう！OSは消耗品であると！！
ということで、一年のいろんな設定の痕やら、評価目的で入れたアプリケーションなどを
一掃すべく大掃除を毎年行っているわけです。

やっぱりアップデートを重ねたり、アプリケーションの入れたり消したりを繰り替えしてくると、(狭義の意味での)OSは劣化します。
年に一回くらいは、住居と同様にサクッと大掃除したいものです。

Native Client

2008-12-10T00:44:00.001+09:00

nativeclient - Google Code

昨日に引き続きGoogle関連のリンク

ブラウザ上でネイティブコードを実行できるらしいのですが、
一体どうやって実現しているのだろう・・・。

どうにか時間を作って、ソースを眺めてみよう

開発者向けAndroid Phone

2008-12-08T23:28:00.001+09:00

アンロック済みの開発者専用携帯 Android Dev Phone 1、日本からも買えます

これが超欲しい。
Androidの開発とかエミュレーターでしかやったことないけど、開発者向けとはいえ実機があると変わるんでしょうかね。

しかし買ったとしても、本業が忙しくていじる暇ないんだろうなぁ・・・。

Todo

2008-10-25T20:15:00.003+09:00

本職が忙しくなってきたため、まともに自宅でＰＣを触れない状態に・・・。

ということで、備忘録

Androidのソースコード公開

http://source.android.com/

MochiKit 1.4リリース

http://mochikit.com/

Python2.5 和訳ドキュメント

http://www.python.jp/doc/

Mozilla作　高速ブラウザ

http://www.mozilla.org/projects/minefield/

iVoca

2008-10-16T00:29:00.001+09:00

Home - 英単語タイピングゲーム iVoca

mixiのOpenIDも使えるようなので、明日から、毎日30分ずつやる！
IT用語系は結構イケた！

さくらインターネットでMercurialを使う

2008-10-11T21:01:00.001+09:00

SVNに続き、さくらインターネットにMercurialサーバ(？)を入れてみた。

steps to phantasien t(2007-05-19)

上記のサイトを参考にしました。っていうか、ほぼそのまま

○上記サイトからの変更点
上記サイトの日付を見ると分かるんですが、若干バージョンが古いので、最新バージョンの

http://www.selenic.com/mercurial/release/mercurial-1.0.2.tar.gz

を使用しました。

変更点はバージョンのみで、その他の設定についてはそのままでOK

こう見てみると、SVNよりMercurialの方が設置までが数倍ラク
SVNの時もそうだったけど、なにに使おうかしら・・・。

さくらインターネットでDjango 模索中

2008-10-06T14:26:00.002+09:00

[Django][レンタルサーバー] さくらインターネットでDjango

上記のサイトを参考に、さくらサーバでDjangoを構築中

pythonのez_setupは便利なんだけど、はまった・・・。

flupインストール時には、

python ez_setup.py --prefix=$HOME/local

が必要だということに気がついたのは、はまり始めてから二時間後・・・。

さくらインターネットでSubversionを使う

2008-10-04T17:06:00.001+09:00

さくらインターネットのスタンダードプランを契約したので、さっそく私的SVNサーバとして使用することに。

さくらレンタルサーバでSubversion (Install編) - FREE STYLE WEBLOG

上記のサイトを参考にしました。

○上記サイトからの変更点

Neonのインストール

５）Neonのインストール

$ cd $HOME/local/src
$ wget ftp://ftp.sunfreeware.com/pub/freeware/SOURCES/neon-0.25.5.tar.gz
$ tar xvzf neon-0.25.5.tar.gz
$ cd neon-0.25.5
$ ./configure --prefix=$HOME/local --with-ssl --with-libs=/usr/local --enable-shared
$ gmake clean && gmake && gmake install

上記のまま実行すると、最後のmakeでこけるので、一個手前の、

$ ./configure --prefix=$HOME/local --with-ssl --with-libs=/usr/local --enable-shared

を

$ ./configure --prefix=$HOME/local --with-ssl --with-libs=$HOME/local --enable-shared

に変更して実行を行いました。

APRの取得

バージョンが上がっているようなので、

apr-0.9.16.tar.gz

を

apr-0.9.17.tar.gz

に変更。

○その他
Subversionの./configure実行時に、

configure: WARNING: we have configured without BDB filesystem support
意訳）BDBファイルシステムなんてサポートしてねーんだよ！馬鹿野郎が！！

みたいな警告が出ますが、特に問題なくビルドが通るので、今は無視します。

以上で、インストールは取り合えず完了！
さて、何に使おうかな・・・。

ボケて！

2008-09-21T23:02:00.001+09:00

boketeβ(ボケてベータ版) : 写真で一言ボケるお笑いウェブサービス

みんなで、一つのお題画像に対してボケていくという、眺めているだけでおもしろいサービスです。
眺めているだけでもいいんですが、結構盛況なサービスのようで、どんどんランキングが流れて行ってしまってます。

ということで、boketeβから画像を取得し、ボケたワードをファイル名として保存するスクリプトを組んでみました。
これをcronで動かせば、ボケをスルーすることも少なくなるかも！？




#!/usr/bin/env python
# -*- coding: utf-8 -*-
import urllib2
import re
import sys
import os
class fileItem:
  fileUrl = ""
  fileName = ""
def main():
  f = urllib2.urlopen("http://bokete.jp/boke/ranking")
  sHtml = f.read()
  fileList = []
  for div in sHtml.split('<div class="odai530 mb30">'):
    l = fileItem()
    for r in div.split("\n"):
      #この判定式はいけてないな・・・。
      if r.find('" alt="" />') <> -1:
        #print r[r.find('<img src="') + 10:r.find('" alt="" />')]
        l.fileUrl = r[r.find('<img src="') + 10:r.find('" alt="" />')]
      if r.find('<h3 class="boke36">') <> -1:
        #print r[r.find('<h3 class="boke36">') + 19 : r.find('</h3>')]
        l.fileName = r[r.find('<h3 class="boke36">') + 19 : r.find('</h3>')]
    # ダウンロードする
    os.system("wget " + l.fileUrl + " -O " + l.fileName + l.fileUrl[-4:])
if __name__ == "__main__":
  main()

しかし、実際に動かすと分かるんですが、重複チェックとかまったくしていないので、実行される度にファイルが増殖していきます。

あと、wget以外で、webからファイルを取得する簡単な方法ってなにかあるかな？
なんかwgetはスマートじゃない気がする。

超かわいいぃぃぃぃぃぃ！！！！

2008-09-17T22:32:00.001+09:00

これ見てると、顔がニヤけてしまう。

プログラマの実態

Titanium と CoffeeScript でAndroidアプリ開発

退職しました。

Go言語でデコレータ(もどき)を使用する

erlang でガード機能を使ってみる

pathogen.vimを入れてみた

erlangの再帰関数

さくらVPSのUbuntuにDenyHostsをインストール

Ubuntu上でMaqettaを動かす

vim派のプログラマがemacsに挑戦してみた python開発用の環境を整える

vim派のプログラマがemacsに挑戦してみた チュートリアルの続き

vim派のプログラマがemacsに挑戦してみた

Erlangの変数

AndroidでProgressDialogを使用する

ErlangでHello World

Erlang事始め

SQLServerで数値を三桁カンマ形式に変換する

Google Mapsの表示範囲を緯度経度で取得する

GolangからMongoDBを操作する

Sandcastle Help File Builder の環境設定をする

WEBページのサムネイル画像を作成してみる

GAEOで入力値のチェック

.netでWebBrowserコンポーネントを使う

Google MapをQueryStringから生成する

Go言語でRedisを使う redis.conf編

Go言語でRedisを使う インストール編

Bloggart を動かしてみる

Scribefire Blog Editor でエラーが・・・。

CakePHPをWindowsにインストールする

HTMLコーダーに100の質問 に答えてみた

JavascriptでTable構造のカレンダーを作る

Google App Engine のDataStoreで複数タグを管理する

Go言語環境をUbuntu9.10上に構築する

GAEOでエコな開発を

HT-03A にインストールしているソフト一覧

Google Wave プレビューがきましたね

Google Chrome を Vim風に操作する

Twitterアイコン設定

django-tagging を使ってみる

T-SQL で CREATE OR REPLACE FUNCTION を使いたい

mysql をUTF-8に対応させる

ls ~ を晒すのが流行っているらしい

feedly を入れてみる

T-SQLでファイル出力 その2

T-SQLでファイル出力

Chromiumの右上の人

Chromiumでyoutubeを再生させる

Chromiumに編な顔が！？

T-SQLで動的SQLを使用する場合

Virual Studio 2005 で T-SQLをデバッグ実行する方法

T-SQL 例外情報の取得

ReverseHTTP を試してみる

コーディングの仕方

Python Image Libraryで画像の上にテキストを重ねる

Ubuntu で HT-03A を認識させる

LiveAndroid を VirtualPCで動かしてみた。

HT-03Aを買いました

○全体的に

○残りの20点

なんだかんだ言っても

Google Map で現在位置の表示

Google製のリモートデスクトップサーバー Neatx

Google Chrome OS

android-scriptingをインストールする

Discover Shiretoko

Google Wave Robotを作りたい

Google Waveとは何か？的なサイト

Google Wave

Safariのシェア率について

AndroidのGUIデザインツール

Google Developer Day 2009 に行ってきた ２

Google Developer Day 2009 に行ってきました。

Virtual PCにUbuntu 9.04 Serverをインストールする

Ubuntu One

今までどのくらいプログラミング言語を触ってきたか(3秒で挫折したものものも含む)

From Google

EclipseでDjango開発

始めてのタブブラウザ

Google のトップページが・・・。

Windows8 開発準備開始

vim派のプログラマがemacsに挑戦してみた　python開発用の環境を整える

vim派のプログラマがemacsに挑戦してみた　チュートリアルの続き

Go言語でRedisを使う　redis.conf編

Go言語でRedisを使う　インストール編

HTMLコーダーに100の質問　に答えてみた

Google Wave　プレビューがきましたね

T-SQLでファイル出力　その2

Ubuntu で　HT-03A を認識させる

Google製のリモートデスクトップサーバー　Neatx

Google Developer Day 2009 に行ってきた　２

Ubuntu で Chromium　その２

V8　ビルド編