前回に続いて、本日も Google Closure Stylesheets （以下 GSS）についてです。前回は GSS を単体で使用した時の機能をひと通り説明したので、今回は Closure Compiler, Closure Templates, Closure Library といった他の Closure Tools と組み合わせて、 CSS のクラス名を短縮する方法をご紹介します。 Google+ などの CSS ファイルを覗いたことがある方はご存知かと思いますが、それらの CSS クラス名は「a-j」とか「c-i-j-ua」なんていう数文字のアルファベットをハイフンで繋いだものになっています。これがまさに GSS によるクラス名短縮の結果です。 GSS を使えば、我々もこうした CSS クラス名の短縮を簡単に利用できます。 また、多少の工夫は必要になるものの、他のフレームワーク（

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 これまで Closure Library を使っていろいろと開発をしてきましたが、 CSS の扱いについてはいつも不満でした。 JavaScript コードについては Closure Compiler との組み合わせで極限まで最適化できるのに、 CSS についてはほとんどサポートがなく、仕方がないので自作の Rakefile と YUI Compressor を使

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 iPhone / iPod / iPad および Mac ユーザーの皆さん、 iCloud は活用しているでしょうか。 iCloud は Apple ID を登録するだけでシームレスにデータが同期される、 iOS5 の新機能です。私も iPhone 4S 購入と同時に設定したのですが、これまであまり使う気にならなかった標準のメモやカレンダーなどが一気に実用的になっ

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Hangouts API の仕様が大幅に変更されたため、改訂版を掲載しました。 皆さん、 Google+ の Hangout は使っていますでしょうか。 Google+ のウリの機能のひとつで、無料で複数人数のビデオチャットができる便利なサービスです。私も遠方とのミーティングなどに活用していて、 Google+ でもっとも頻繁に利用している機能かもしれません（笑）

Google が開発しているという新言語「Dart」を覚えていますでしょうか。来月の GOTO Aarhus 2011 Conference にて発表があるということで数日間は話題に登ったものの、その後は続報もなく忘れ去られているようです。 実はこの Dart に関連して、 2010 年 10 月に書かれた Google の内部文書 (?) が注目されています。その中では、 JavaScript の次期版である Harmony と平行して新たな言語「Dash」を開発することが示唆されており、それが来月発表される Dart の正体ではないかと言われています。また、 Google が新言語の開発を決断した理由や今後のオプション、そして僅かながら関連するプロジェクトについてなども語られており、なかなか興味深い内容です。 そこで、本日はこの文書のハイライトをご紹介したいと思います。いつもながら翻訳

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 非常に久しぶりの記事投稿となってしまいましたが orz 本日は Closure Library ネタを書いてみようと思います。最近は、 Closure Library もだいぶ知られるようになってきたみたいで、 Closure Library についての日本語のつぶやきもだいぶ増えてきて嬉しい限りです。 Closure Library で UI を構築する場合、も

もう一週間以上前になってしまいましたが、 Google Apps API Japan グループの立ち上げに伴うキックオフイベントで LT をしてきました。本日はその資料を公開します。ほんとはイベント終了後すぐに公開するべきだったのですが、本業が忙しくて時間が取れなかったのと、突貫工事で作ったサンプルプログラムにいくつか問題があって、その解決に時間がかかってしまいました。申し訳ありません m(_ _)m プレゼン自体は以下の URL で閲覧できます。 Google のスライドテンプレートを使っているんですが、これは画面サイズが固定されるのがイマイチですね…。以前自分で作った奴に戻そうかな (^^; http://webos-goodies.jp/attachments/apps_api_japan... LT では簡単なデモをいくつか行ったので、以降にスクリーンショットと簡単な説明を書いてお

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。

Google Apps に Android デバイスの位置特定や端末のロック、ワイプなどがリモートから行える機能があるのをご存知でしょうか。残念ながら無償版の Google Apps では利用できないのですが、 Google Apps for Business / Education / Government の各エディションで使えます。 同様の機能を持った単体アプリはいくつかあるようですが、こちらは Google 純正のアプリなので Android Market から簡単にインストールでき、ドメイン管理者が任意のドメインユーザーの端末をリモートワイプ可能です。有償版の Google Apps をお使いの方は、紛失や盗難に備えて設定しておくと安心でしょう。 少し前ですが、手持ちの Nexsus One でこの機能を設定してみたので、本日はその方法をご紹介します。 必要な環境 Google

Google が任意の Web ページに設置できる +1 ボタンを公開したので、さっそく貼り付けてみました。上のツィートボタンの横にある「+1」と書かれたのがそれです。 Google アカウントをお持ちの方、ポチっとやっていただけると嬉しいですｗ この +1 ボタンですが、実はとても簡単に設置できます。 HTML コードを生成するウィザードがあるので、サイズとか何とかを指定して、取得した HTML をページに挿入するだけ。なんと既に日本語のドキュメントも公開されているので、詳細にカスタマイズすることも可能です。 ただ、少しドキュメントが間違っている（というか API がバグっている）ところもあったりしたので、そのあたりも含めて記事にしてみました。 +1 ボタンとは 日本ではまだあまり役に立たないのでご存じない方も多いと思うのですが、 +1 ボタンというのは、言わば Google 版の 「い

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 嫁さんの親類の法事のため、沖縄にきています（現在進行形）。宿泊しているのは前回と同じビーチタワーホテル。全室インターネット回線完備のネット中毒者にやさしいホテルです。 しかし、ここでひとつ問題が。ビーチタワーホテルのインターネット回線は有線 LAN なのですが、 MacBook Air には有線 LAN コネクタがない。さらに、こんなときのためにあらかじめ買ってお

今週はみんな Google I/O に気を取られているだろうから、ブログの更新はサボろうかな…と思っていたのですが、なんとなく動画を見てみた WebGL セッションの内容があまりに素晴らしかったので、ハイライトをご紹介することにしました。 WebGL を活用するためのテクニックやパフォーマンス Tips などが解説されていて、 WebGL に関わっている方は必見です。また、けっこう見栄えの良いデモがいろいろ出てくるので、「WebGL ってなに？」という方でも楽しく見れると思います。 とはいえ、解説されている内容をきちんと理解するには WebGL の基礎知識が必須です。もしセッションを見て興味を持たれたら、こちらの記事もぜひご参照くださいませ。 前半は処理を GPU へ移行してパフォーマンス改善する例 最初にまず WebGL の基本概念を説明。その後、円や立方体などのオブジェクトをアニメーシ

先の週末 11/23, 24 は家族で伊東温泉に行ってきました。それもうちの家族 3 人（私と嫁、昨年生まれた娘）だけではなく、義母と義弟一家（夫婦と子供 3 人）で計 9 人の大所帯。まあ逆に言うと義母や子供がいるので行きやすい近場の観光地で伊東になったわけです。 今回も調べ物好きの嫁さんのおかげで満足のいく旅になったので、私の役目としてレポートを書いてみました。とくに東京や神奈川の人間にとって、伊東を始めとする伊豆半島は最も気軽に行ける観光地。皆さんも気分転換に一泊してみてはいかがでしょうか。 ちなみに、旅行記シリーズは過去に以下の記事をアップしています。旅行好きというわけではないので数は少ないですが、よろしければどうぞ。 沖縄 オランダ・ベルギー 那須 伊東に到着、タクシーで「道の駅 伊東マリンタウン」へ 川崎駅で義弟夫婦と落ち合った後、東海道線の快速アクティーで熱海駅まで行き、そこ

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 オライリーさんから書籍「iPhone 3D プログラミング」を献本いただいたので、本日はそれをレポートしたいと思います。実は献本いただいたのは一ヶ月以上前なのですが、なかなか記事を書くことができずに時間が経ってしまいました。 書籍の全体の印象としては、ちょっと説明が難解で、初心者の方にはあまりおすすめできないと感じました。とくに 3D プログラミングの知識のない方

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 本日は、 Opera 11.10 公開記念もあわせて Mac 派で Opera 派というマイナー路線をひた走る方々に向けてのネタです。それ以外の方々にはまったく意味がないものですので、華麗にスルーしてください :) マイノリティである我々 Opera for Mac 市民を苦しめる非道な政策（バグ）のひとつに、 Ctrl がらみのキーシーケンスが二重に入力されてし

Web ページのリンク URL を書き換える Chrome / Opera エクステンション「Link Tweak」を作ったので（なにげにエクステンションを作るのはこれが初めてです）、本日はそれをご紹介します。正規表現をベースにしたルールでリンク URL を書き換えるもので、以下のような用途を想定しています。 .pdf のリンクを Google Docs Viewer で閲覧する。 ?rss=1 のような余計なパラメータを削除する。 ?hl=en のような言語コードを書き換える。 特定のサイトへのリンクをすべて https にする。 その他、フレキシブルに書き換えルールを設定できるので、いろいろと使えると思います。 実は Chrome Web Store や Opera Extensions では 3 週間くらい前に公開したのですが、震災やらなんやらでアナウンスできていませんでした。ついで

Firefox 4 がリリースされて話題となっている昨今ですが、我らが Opera も新しい Opera Mobile のテクノロジー・プレビューをこっそり公開しました。 Android 版の Opera Mobile をベースに WHATWG の Stream API や W3C HTML5 の Orientation Events を実装したものです。 とくに Stream API は画期的で、 HTML5 video タグを使って内蔵カメラの画像をリアルタイムで Web ページ上に表示できます。これが実用化されればカメラ撮影や AR など、これまでネイティブアプリの独壇場だった分野が Web アプリケーションでも実現できます。 Web 開発者としては非常に興味をそそられますね。 さっそく手元の Nexus One にインストールして試してみましたので、簡単にレポートします。 インスト

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 インターネットの黎明期からしぶとく生き残り続けている迷惑メールですが、その対策として送信ドメイン認証が徐々に普及しているようです。とくに、このブログでも過去に設定方法を解説した SPF は独自ドメインの Google Apps で唯一利用できる技術（だった）ので、設定している方も多いかと思います。 しかし、一般向けの Gmail では、より強力な DKIM （「デ

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先日、最速チュパカブラ研究会さんのこちらの記事で、 WebGL で描画した半透明オブジェクトを HTML に重ねるとおかしな結果になることが報告されていました（同時にクールなデモも公開されているので、必見です）。この問題、実は私も以前にハマったことがあって、一応解決策も見つけました。 Render To Texture による 2 パスレンダリングでも必要になる、

先週、 Amazon のクラウド DNS サービス Amazon Route 53 をご紹介しました。柔軟で信頼性の高い DNS サーバーを安価に利用できる、とても有用なサービスです。しかし、標準では GUI が用意されておらず、データの更新がとても面倒なのが玉に瑕でした。サードパーティのツールもいくつかありますが、個人的にはどれもいまひとつな感じです。 仕方ないのでツールを自作することにしたのですが、さすがにフル機能の GUI を構築する時間はありません。 UNDO やコピー＆ペーストなどの機能も欲しいところですが、実装にはそれなりの手間がかかります。そこで思いついたのが、 Google Spreadsheets （Google Docs の表計算） を Google Apps Script で拡張する方法。これなら Google Spreadsheets の持つ強力な編集機能がそのまま