こんにちは。できないのではなく「つくらない派」のhideです。 以前、「Dojoで簡単にクロスドメインAjaxを実現」というエントリを書きましたが、その後、新機能が追加されたDojo 0.4がリリースされました。0.4になって、JSONPを簡単に扱う方法は、dojo.io.bind() を dojo.io.ScriptSrcTransport.bind() を使うように変更しないと動作しなくなったので注意してください。 追加された機能は次の通りです。 ・グラフ描画機能の追加 ・各種ウィジェットの追加 ・SVG/VMLのベクター描画ライブラリ(GFX)の追加 ・FireBugと連携したデバック機能の改善 ・名前空間のサポート ・i18nサポート そして、Dojo 0.4を使っていろいろ遊んでみたサンプルがこれです。HTMLとJavaScriptのコードを書いただけで、サーバサイドの

naoyaです。 いつも技術系の記事が多いのですが、今日はすこし別のテーマでエントリしたいと思います。 僕は入社してからフォト蔵チームで、フォト蔵のバグ修正や機能拡張を行ってきました。 現在、フォト蔵は11月1日にサイトデザインの大幅なリニューアルを行い、現在は試用期間中です。僕もフォト蔵チームで、フォト蔵をオープンして以来3回目となるサイトデザインのリニューアルに設計当初から参加できる貴重なチャンスを得ることができました。 なので、今回はフォト蔵のリニューアルを通して体験したこと、学べた、感じたことについて書きたいと思います。 フォト蔵のリニューアル開始時（2006年7月下旬頃）は、次のような人員体制でした。 ・リーダー：１人 ・デザイナー：１人 ・エンジニア：１人（僕） 第一章：リニューアル開始 リニューアルにあたっての最初の作業は、美人デザイナーsashaさんがサイト

こんにちは sato です。 個人情報が流出する事件が多発していまが、みなさんはどうしていますか？ 今回は僕が家で使用しているツールについて紹介したいと思います。 ウィルス対策 AVG Anti-Virusの Freeを使っています。これでウィルスサーチや メールの添付ファイルチェックなど、大抵のことはやってくれます。 使用しはじめて、半年以上経ちますがまだウィルスに感染したことはありません。 Windows,Linuxは http://free.grisoft.com/doc/avg-anti-virus-free/lng/us/tpl/v5よりDLすることができます。 以下のサイトに使用方法が詳しく書いてあるので、参照させていただきました。 http://eazyfox.homelinux.org/SecuTool/AVG7/AVG701.html Mac用には clamxa

酒徳です。このごろは、食べ物が美味しい季節です。おかげで、ダイエット宣言しているのに、さっぱり体重が落ちません。困ったものです。 さて、今回は、JavaScriptから任意のタイミングでMP3を再生する方法について書いてみようと思います。 Webを見ていると、マウスで画像をクリックするとピコッ音が鳴るサイトがあります。「どうやって実現しているのだろうか？」と思ってソースを見てみると、Flashだったりします。そして、「そうか、Flashなら簡単に鳴らせて当然だよなぁ」と思います。 しかし、Flashは、JavaScriptほど手軽ではありません。Flash開発のための環境を整えて、コンパイルして・・・と意外と労力がかかります。たかだか、「ピコッ」と効果音を鳴らしたいだけのために、そんな苦労をするのは、割に合いません。 そこで、先日私が作ったのが、soundapi.js です。このライブラリ

ってことで前フリとは関係ないのですが，今回はjokagiが以前常用していた関数を紹介します． 配列の要素を扱うときどうしていますか? フォームを受け取るときによくあるパターンに下記のようなコードがあります． if ($_GET['id'] && $_GET['passwd']) { login($_GET['id'], $_GET['passwd']); } else { error_function(); }

先週ウノウに入社しましたkomagataです。 入社したてなのでPCのセットアップなどをやっていました。便利なフリーソフトでも紹介できればよいのですが、僕はWindowsには「なるべく余計なソフトを入れずに済ませたい」というデフォルト派なのでデフォルトでWindowsを便利に使うためのTipsを少し紹介できればと思います。 Windowsキーを積極的に使う 軟弱なキーと思われがちなWindowsキーですがWindowsをデフォルトで使うには欠かせません。ショートカットキーを表記する場合はEmacs等のC-sのようにWindowsキー＋eはW-eと表記します。（本当か？） W-e --- エクスプローラ起動 W-d --- デスクトップの表示/非表示 W-w --- ウインドウを閉じる（=M-F4） W-l --- コンピュータのロック W-m --- 開いている全てのウインドウを最小化 W

はじめまして。今月ウノウの一員になりましたharukです。 前職では携帯サイトを作っていました。 その際につまづいた点を少しまとめてみたいと思います。 SoftBank編です。 技術資料はこちらにあります。 http://developers.softbankmobile.co.jp/dp/tool_dl/list/ [HTTP編　2.0.0　2006-10-01] ●locationでのリダイレクトの回数は制限されている (P144) C型は2回、それ以外は3回まで できる限り、連続でリダイレクトは行わないようにしましょう。 ●metaタグでContent-Typeを指定する (P190) 指定をしておかないと、UTF-8になってしまってUTF-8のリクエストが飛んできたりします。 [HTML編　2.0.0　2006-10-01] ●使用してはいけないクエリ名がある (P

Keitaです。 個人的には、Pythonの思想を取り入れた JavaScript 1.7 がとても気になっているのですが、それは明日の Keita（個々一番さん）が説明してくれると思うので楽しみに待つことにしましょう☆ ウノウの社員は、スルー力も必要なようです。 さて、そんな世迷言はみなかったことにして、PHPの話題です。 PHPいいよ、PHP素敵だよ。 さて、今回は日ごろ気をつけているPHPのコーディングのコツをTIPS形式で書いていこうと思います。 しかし、はるか過去にいろいろな所で情報収集したので情報の出典を忘れてしまいました。 わかる限りはURLを記載していきますが、記載されてない所があったらすいません＆コメントで補足いただけると助かります。 1. array_pushは遅い いくつかのBlogで語られてることですが、array_pushは、次のような書き方のほうが早いそう

こんにちわ、hide です。 10月25日早朝にFirefox 2.0が正式にリリースされました。少し前にInternet Explorer 7も英語版がリリースされていたりして、最近Webブラウザ周りがにわかに熱いようです。 Firefox 2.0の主な変更点は次の通りで、レンダリングエンジン自体に変更はないとのこと。先日のジュンヤさんのエントリにRC2の先取りレビューがあるので、個々の機能についてはそちらを参考にして頂ければと思います。 デフォルトテーマのデザイン変更 フィードのプレビュー機能とRSSリーダ購読機能 タブ機能の強化 検索バーでのサジェスト機能 JavaScript 1.7 さて、今日はFirefox 2.0に移行する際のお勧め設定について書きます。通常の設定画面では行えない、中級者以上の方向けのちょっとだけマニアックな設定です。と言ってもそんなに難しくないので、初心

こんにちは！　やまもと＠テスト番長です。 日に日に寒くなってきておりますが、皆様お元気にお過ごしでしょうか？ウノウでは風邪で調子を崩す人が多くなってきております。食欲の秋を満喫する為にも体調管理に気をつけたい今日この頃です。 先日リクルートページにテスターの募集が追加されたのですが、その際「テスターの募集条件ってどうしたらいいの？」という問い合わせを受けました。 確かに、ふつうのエンジニアに比べるとテスター（QA）の募集条件って難しいです。 今回はどんな人がテスターに向いているのかを書いてみたいと思います。 1）アプレンティス（徒弟）型 これがもっとも一般的な形ですね。 まだ技術力の低い新卒・学生のプログラマ志望の方などが、見習い的な位置づけからスタートするケースで、その業務の中にテストがあるという場合です。 見習いをするより、すぐ最前線でやってみたい！という人も多いでしょう。

尾藤正人です。 UNIXのソフトウェアをインストールするときに、よくやるのが ./configure make make install という手順ですが、この configure スクリプトや Makefile を自動的に生成してくれるツールは GNU Autotools と呼ばれます。 GNU Autotools は使うとすごく便利なんだけど、結構知らない人が多そうだった(実際あまり知らなかった)ので、昨日の勉強会の時に紹介しました。せっかくなので資料を公開します。 プレゼン資料(OpenOffice) プレゼン資料(PowerPoint) bat.tar.gz bat-0.0.1.tar.gz プレゼン資料はOpenOfficeで作りました。念のためPowerPoint用に変換したのもおいておきます。 単に説明だけだと内容がよく分からないので簡単な例として bat コマンドを作

こんにちは、sashaです。 フォト蔵 のような、使ってもらって何ぼのWeb Applicationは、ビジターをいかにユーザに替えることが出来るか、というのが鍵になるかと思います。どうしたら、ビジターがユーザになってくれるだろう、ということを考えていたら、こんなことを思いつきました。題して、「ビジターをユーザーに替える３ポイント」です。 ビジョンを与えるのが鍵。 ユーザーとしてログインしていないときにビジターが見ることの出来るページは、未登録ビジターにとってサービスの疑似体験が出来るものでなくてはなりません。もちろん、サービスはユーザーのためにあるべきなので、登録ユーザには、未登録ビジターとは差別化された特権を与えなければならず、それが、写真アップロード権限であったり、ＳＮＳサービスであったりするわけです。ただ、そういったユーザのみのサービスは使えなくとも、少なくとも、このサービスを使っ

naoyaです。 CyberKonowledgeに20 FireFox Extensions That Every Web Designer Should Know Aboutという記事がありました。ちょうど、タイムリーな記事だったので、さっそくすべてのFirefox拡張を試してみましたので紹介します。

こんにちはー！　やまもと＠テスト番長です。 現在ウノウのテスト専任のスタッフは自分一人です。 いわば一人親方（建設業界用語）状態なのですが、 前職では総勢6人のテストチームを組織しておりました。 その頃心掛けていた、チームリーダー心得を書いてみたいと思います。 1.聞き上手になる 組織はコミュニケーションが命です。 話しにくいリーダーだと、必要な情報がうまく伝わりません。 気軽に相談を受ける・噂話が耳に入ってくるようでなくてはいけません。 そのためには聞き上手に徹すること。特に批判的な態度は控えることが重要です。 そんな相手には、誰も何も相談しないでしょう。 2.「おいしい仕事」を独り占めしない。 重要な判断や、やりがいのある仕事はなるべくメンバーに廻すようにします。 一見、重要な仕事はリーダーがこなすべき事のように見えますが、 その裏で他のメンバーがつまらない仕事ば

akano です。 今回は、江島健太郎氏のチームが開発した、「ブラウザ上で動くチャット」Lingr の研究を行いました。 チャットという Web アプリは 20世紀から存在するネットアプリです。CGIBOY のチャットは自分もよく使っていました。 チャットというのは複数の人間が同時にアクセスしており、その Web ページはリアルタイムに変化することになっています。そのリアルタイム性を担保するために Web ブラウザは○秒おきにサーバに対してリクエストを送り、サーバは○秒毎の最新のページを生成しブラウザ（クライアント）に送信します（ボーリング）。 それはすなわち、「ただページを表示するだけで」チャットサーバに対して膨大なアクセスがくることを意味します。例えば、1000 ユーザが同時接続している状態で、１秒に１度の間隔でポーリングを行うと、月間で26億ヒットとなり Google のページビ

こんにちは。satoです。 いまさらですが vim7の新機能をつかってみました。 詳しくはスクリーンキャストをどうぞ 流れは □タブで新しいファイルを開く □タブの移動 □変数補完 □c/g tags で定義関数に画面分割してジャンプ □分割した画面のサイズ変更 □PHP関数のオムニ補完 みたいな感じでです。 便利ですね！

尾藤正人です。 Ruby で debug する7つの方法 Perl での print debug の方法の紹介がブーム(?)だったので、自分がよく行ってる Ruby での debug 方法7つについて書いてみます。 ということなので、僕が PHP でやってること書いてみたいと思います。 preprint_r() print_r() とか var_dump() だと HTML の中に出してブラウザで見るときにすごく見にくくなります。 そこで preprint_r() という関数を定義して、<pre></pre> で囲んで見やすいように出力しています。 function preprint_r(&$var, $title = '') { echo _preprint_r($var, $title); } function &_preprint_r(&$var, $title = '') { if

はじめまして．新入社員のjokagiです．ウノウ株式会社に入社して丁度1週間のまだ右も左も分からない新入社員です．よろしくお願いいたします． さてみなさまよくご存じ(?)当番制のウノウラボですが，今日が私が当番だということに夕方気づいたので!!さっきネタを作りました． というか当番とかいうわりに日付が変わってしまいましたがみなさま気にせず興味のある方だけ生ぬるく読んでください． お題 今回はServices_Photozouの公開をしようかと思ったのですが，見て楽しいものを用意できませんでした．そこで気を取り直して自分が欲しかったPEAR::Services_Technorati(以後Services_Technorati)を用いてキーワード「unoh」を検索し，その結果をSmartyでさくっとRSSとHTMLにするサンプルを作ってみました． Technorati(テクノラティ)はブログに

はじめまして．新入社員のjokagiです．ウノウ株式会社に入社して丁度1週間のまだ右も左も分からない新入社員です．よろしくお願いいたします． さてみなさまよくご存じ(?)当番制のウノウラボですが，今日が私が当番だということに夕方気づいたので!!さっきネタを作りました． というか当番とかいうわりに日付が変わってしまいましたがみなさま気にせず興味のある方だけ生ぬるく読んでください． お題 今回はServices_Photozouの公開をしようかと思ったのですが，見て楽しいものを用意できませんでした．そこで気を取り直して自分が欲しかったPEAR::Services_Technorati(以後Services_Technorati)を用いてキーワード「unoh」を検索し，その結果をSmartyでさくっとRSSとHTMLにするサンプルを作ってみました． Technorati(テクノラティ)はブログに

こんにちわ、hideです。 最近、JavaScriptライブラリのDojoを使い初めて、その便利さに目覚めてしまいました。Ajaxで使用される通常のXMLHttpRequestではセキュリティ上の理由から、現在表示しているページ以外のドメインに対してリクエストを送ることができません。そこで考え出されたのが、JSONP(JSON with padding)という方法です。JavaScriptのインクルードは、同一ドメインでなくても読み込めるという性質を利用しています。 まずは下のボタンを押してみてください。実際にYahoo!から画像検索が実行されます。サーバを介さずにブラウザから直接Yahoo!APIを呼び出しているところがポイントです。 簡単に説明するとこういう仕組みです。次のようにリクエスト時のパラメータとして、callback関数を指定します。 http://example.c