Drinking Rockstars and Programming Creating a Style-Guide for your site One thing you'll realize after you do alot of front-end work is that after you don't work with the CSS and HTML for a few days, you'll forget the classes that you defined and end up writing alot of similar CSS styles.サイトをCSSで綺麗に作っても、時間が経つとそれぞれのidやclass定義について忘れてしまいます。 時間が経ってからデザインを修正する場合、CSSの見直しや、実際の見栄えについて確認するのに手間取ってしまいます。 そこで

尾藤正人です。 ウノウではおかげさまで順調にエンジニアの数が増えてきました。エンジニアが増えてくると、共同開発をいかに効率よく行うかが問題になってきます。n人の開発者がいれば開発スピードはn倍にはならず、n倍よりも落ちます。人数が多ければ多いほど、共同開発は難しくなり、ひどい場合には人数が増えたから開発スピードが落ちたということになりかねません。 ウノウでは共同開発を効率よく行うために様々な工夫を用いています。今回はウノウでどのようなステップで開発を行っているか紹介したいと思います。 subversion でソースコードを管理 ソースコード管理ソフトがなくては話になりません。ウノウではソースコードの管理に subversion を使ってます。subversion を使うことで過去の状態に簡単に戻すことができますし、個人の環境を完全に分離することができます。 subversion のコミット

ブラウザ一つで何でも出来る ノンジャンル Internet Archive Google Notebook ToDo・スケジューラ Google Calendar checkpad.jp スタートページ・デスクトップ Googleパーソナライズドホームページ スタートフォース オフィス Microsoft Office Live ThinkFree Online beta メール Gmail Windows Live Mail Webメール2.0β RSSリーダー livedoor Reader はてなRSS Bloglines ニュース Google ニュース CEEK.JP NEWS NewsWatch ブックマーク　　2件追加！ はてなブックマーク livedoor クリップ del.icio.us 地図 Google マップ livedoor 地図 検索 Google Yahoo!

Gmail ログインURLのまとめ ログインURLは一つだけじゃない！！ PC，携帯，SSL（暗号化），RSS，カスタムログイン，独自ドメイン など、いろいろあるログインURLを整理しました！ 知人に紹介する（Gmail this） リンクフリー（更新：2008/1/30）

最新トレンドやキーワードをわかりやすく解説 WCR Watch ［15］ 「使える、使いやすい、使いたい」 と思えるUIとは？ アドビシステムズ 上条 晃宏 2006/8/31 ここ数年、リッチクライアント技術としてFlashやFlexを採用する例が急速に増加している。この状況の背景としては、アプリケーション開発における“使いやすさ”の実現が重要な要件の1つとして認知されつつあることが挙げられるだろう。 しかし、単にFlash／Flexを使ったからといって使い勝手の良いユーザーインターフェイスができるわけではない。例えば、使いにくかった画面を“そのまま”Flexで置き換えたとしたら、従来からの問題点も再現することになる。これでは改善は望めない。画面設計を行う側にも使いやすさを実現するためのアプローチが求められるだろう。 ここで注目されるのがエクスペリエンスデザイン（XD）だ。エクスペリエン

jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ

2002 | 10 | 11 | 12 2003 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 2004 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 2005 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 2006 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 2007 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 2008 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 2009 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 1

招待制から一般公開へ - 今こそGmail 再入門 8月から、Gmailが招待されていない方でも使えるようになりました。これを機会に使い始めている方もいるのではないでしょうか? Webメールのアカウントを既にお持ちの方はたくさんいると思いますが、Gmailは他のWebメールと少し違ったコンセプトで作られたサービスだと思います。従来のようにひとつひとつのメッセージをフォルダに振り分けて管理するのではなく、すべてのメールを常時表示させておき、検索を使ってメールを絞り込んで行くプッシュ式の管理システムになっています。 このように管理の仕方も他のWebメールと少し違うので、その違いに戸惑ってなかなか使いこなせていない方、またGmailのもつポテンシャルを十分に引き出しきれていない方もいると思います。違いはありますが、コツをつかめば他のWebメールでは無理だった管理方法を実現してくれるだけでなく、仕

尾藤正人です。 最近僕のアメリカ人の友達がオフィスに来たときに英語で会話をしてたのですが、ようやく僕が本当に英語が話せることが証明できて存在価値を認めてもらえるようになりました。 昔は理科数学しかできない典型的な理系人間で、高専に進学したため受験戦争の荒波から逃れ、英語レベルは中学生止まり。海外に一度も行ったことがない(パスポート持ってない)状態で外国人と普通に会話ができるまでに成長することができました。 英語は読めるんだけど喋るのは苦手という方は多いと思います。なので、僕がどうやって英会話力を見につけたかを紹介したいと思います。 日本語を使わない これが一番大事です。英和辞典は捨ててもいいぐらいです。日本人は日本語を勉強するときには日本語を使います。英語を勉強するときには英語を使えばいいのです。そもそも言語っていうのは一対一で対応するものではないので、外国語を使うことに無理があります。英

2008/2/12:「公開APIを利用したサンプルサイトを作っていくよ」は、書籍発売に伴い、新サイトに移転しました。 →公開APIを利用したサンプルサイトを作っていくよ 新サイトでは、サンプルサイトの他に、サンプルソースコードの掲載もしていく予定です。 旧サイト（このページは）、削除せずにこのまま残しておきますので、新旧サイトともに今後ともご利用ください。 (旧)公開APIを利用したサンプルサイトを作っていくよ TOP ABOUT BOOK LINK MAIL BLOG 本館 ZAPAnet総合情報局管理人ZAPAが公開API（Webサービス）を利用して、サンプルサイトを作って紹介しています。 Web2.0、マッシュアップの流行によってせっかくWeb上でAPIが公開されていても、利用する前に規約に同意して、開発用ドキュメント（HTMLからPDF、EXECL、WORDなどドキュメントのフォー

週末なのでサラッと。「出されたアイデアを批判するな」「（アイデアの）質より量を目指せ」など、ブレインストーミングに関する Tips は既に数多く存在していますが、最近の Business Week でもこんな記事が出ていました： ■ Eight Rules To Brilliant Brainstorming (Business Week Online) "Eight Rules"ってことで8つの提言がなされています。曰く： アイデアを出すだけならブレインストーミングは時間の無駄（「目安箱」でも設置しておけば十分！）。出されたアイデアをつなげてみたり、ふくらませてみたりする場にせよ。 いくらブレインストーミングが「何を言っても許される場」だったとしても、毎年従業員の10%がリストラされるような職場では、自由な発言など望めない。そのような環境でのブレインストーミングは諦めよ。 創造性は、一人

ポッドキャスティング（Podcasting）とは、インターネット上で 音声データファイルを公開する方法の1つである。 （ウィキペディア参照） これを利用すればニュースをPodcasting用サイトからダウンロードでき、 PC、Mac等で聴いたり、編集したりできます。 また携帯プレイヤー（iPod等）に保存して聞く事もできます。 AppleとSonyがポッドキャスティングに力を入れていて 独自の無料ソフトを開発しています。 Apple=「iTunes」 Sony=「Connect Player」「SonicStage」 以下、お薦めサイトと携帯プレイヤーです。 [ポッドキャスティング・ニュース配信サイト] CNN.com、ABCニュース、PODCASTING NEWS [携帯プレイヤー]

「これ、Googleで！」 と思ったキーワードを マウスで選択してクリックするとGoogle検索！？ 「これ○○○！」 シリーズを集めました！ [日本語] [English] 知人に紹介する（これGmail！） リンクフリー（更新：2006/10/8） Gmailにスクラップする「これGmail！」の作成ついでに他にも便利なブックマークレットを作りました。例えばブログを読んでいて、特定のキーワードについてGoogle検索したいなと思った時、そのキーワードをマウスで選択して「これGoogle！」をクリックするだけで検索してくれます。 他にも、Amazon検索や、Wikipedia検索、はてな検索など、検索を中心に多数用意しました！ （既にある物も含まれます） ※ブラウザによっては右クリックで似た機能があります。Googleツールバーも同様。 以下のリンクを右クリックして「お気に入りに追加」し

AsH: Top 126 Ajax Tutorials Ajaxチュートリアル集126個。 Ajaxの入門、ブックマークレット、チャット、ドラッグ＆ドロップ、動的コンテンツ読み込み、オートコンプリート、ファイルアップロード Lightbox風画像表示、キーワードサジェスト、インクリメンタルサーチ、プログレスバー、角丸、リストのソート、ツリー、投票など、ありとあらゆるチュートリアルがまとまっていて、やりたいことを実現する際に使えそうです。 これだけのリファレンスがあるんですね。驚きです。 関連エントリ ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ WEB開発者のためのリソースを集めたリンク集 JavaScriptデバッグツール集 JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法 高速＆シンプルなJavascriptテンプレートシステム『RN

The Spring Framework Projectは3日(米国時間)、DI(Dependency Injection)を実現するJ2EEアプリケーションフレームワーク「Spring Framework 2.0 (以下Spring 2.0)」を公開した。 Spring 2.0では、設定ファイルをXMLスキーマベースの文法で記述できるようになったことや、AOP(Aspect Oriented Programming)が拡張されてAspectJとの連携がより緊密になったことなどが主な変更点として挙げられている。その他、Java Persistence APIのサポートやスクリプト言語のサポートなど多くの新しい機能が追加された。 本稿では、Spring 2.0における変更点の目玉となるXML設定ファイルに焦点を当て、XMLスキーマを用いたBean定義の方法などを紹介する。

L2FProdの成果物を展開するとlibフォルダがあるが、ここにデモンストレーション用のアプリケーションが収録されており、L2FProdで提供されている機能が試用できる。ひととおり実行してみてほしい。 図2.1 JButtonBar – ボタンを選択することで表示するパネルを切替えることができる。機能的にはタブパネルに近いが、選択部分がボタンである点が異なる 図2.2 JButtonBar – テーマを変更して使うこともできる 図2.3 JDirectoryChooser – ディレクトリを選択する専用のダイアログ。ディレクトリのみを選択させたい場合は、ファイルセレクタから兼用するよりもこうした専用のダイアログがあるとわかりやすくていい 図2.4 JFontChooser – フォント選択ダイアログ 図2.5 JFontChooser – フォント選択ダイアログで使われているコンポーネント

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

Abe Fettig’s Weblog » Detecting IE7+ in Javascript (日本語紹介記事) にて style.maxHeight プロパティを用いた IE 6 と 7 の判別方法が紹介されている。ただ、この方法だと IE とそれ以外を判別するためにもう一手間かけなくてはいけないので、IE 7 以上だけを判別できるようにしたのが以下。 if (typeof document.documentElement.style.msInterpolationMode != "undefined") { // IE 7 or newer } else { // IE 6 or older, Gecko, Opera, etc. } IE 7 から実装された独自 CSS プロパティ、-ms-interpolation-mode を利用。画像を拡大するときの補完方法を指定するも