Closure Stylesheets で CSS を最適化する (1) - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 これまで Closure Library を使っていろいろと開発をしてきましたが、 CSS の扱いについてはいつも不満でした。 JavaScript コードについては Closure Compiler との組み合わせで極限まで最適化できるのに、 CSS についてはほとんどサポートがなく、仕方がないので自作の Rakefile と YUI Compressor を使
共通の iCloud アカウントを作って連絡先やメモを共有する方法 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 iPhone / iPod / iPad および Mac ユーザーの皆さん、 iCloud は活用しているでしょうか。 iCloud は Apple ID を登録するだけでシームレスにデータが同期される、 iOS5 の新機能です。私も iPhone 4S 購入と同時に設定したのですが、これまであまり使う気にならなかった標準のメモやカレンダーなどが一気に実用的になっ
Google の新言語「Dart」は新しい JavaScript か？ - WebOS Goodies
Google が開発しているという新言語「Dart」を覚えていますでしょうか。来月の GOTO Aarhus 2011 Conference にて発表があるということで数日間は話題に登ったものの、その後は続報もなく忘れ去られているようです。 実はこの Dart に関連して、 2010 年 10 月に書かれた Google の内部文書 (?) が注目されています。その中では、 JavaScript の次期版である Harmony と平行して新たな言語「Dash」を開発することが示唆されており、それが来月発表される Dart の正体ではないかと言われています。また、 Google が新言語の開発を決断した理由や今後のオプション、そして僅かながら関連するプロジェクトについてなども語られており、なかなか興味深い内容です。 そこで、本日はこの文書のハイライトをご紹介したいと思います。いつもながら翻訳
Closure Library で HTML から UI を生成する - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 非常に久しぶりの記事投稿となってしまいましたが orz 本日は Closure Library ネタを書いてみようと思います。最近は、 Closure Library もだいぶ知られるようになってきたみたいで、 Closure Library についての日本語のつぶやきもだいぶ増えてきて嬉しい限りです。 Closure Library で UI を構築する場合、も
今週の話題 : Google+ のフィールドテスト開始など - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 以前から噂になっていた Google の新しいソーシャルサービス「Google+」のフィールドテストがついに始まりました！ Google、Facebook対抗のソーシャルプロジェクト「Google+」を発表 (ITmedia エンタープライズ) Google渾身の新SNS「Google+」の主要機能を一挙紹介！ (ライフハッカー［日本版］) 巷で話題のGoogle
Google +1 ボタンを設置してみました + Tips を少し - WebOS Goodies
Google が任意の Web ページに設置できる +1 ボタンを公開したので、さっそく貼り付けてみました。上のツィートボタンの横にある「+1」と書かれたのがそれです。 Google アカウントをお持ちの方、ポチっとやっていただけると嬉しいですｗ この +1 ボタンですが、実はとても簡単に設置できます。 HTML コードを生成するウィザードがあるので、サイズとか何とかを指定して、取得した HTML をページに挿入するだけ。なんと既に日本語のドキュメントも公開されているので、詳細にカスタマイズすることも可能です。 ただ、少しドキュメントが間違っている（というか API がバグっている）ところもあったりしたので、そのあたりも含めて記事にしてみました。 +1 ボタンとは 日本ではまだあまり役に立たないのでご存じない方も多いと思うのですが、 +1 ボタンというのは、言わば Google 版の 「い
Google Apps で DKIM を設定する方法 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 インターネットの黎明期からしぶとく生き残り続けている迷惑メールですが、その対策として送信ドメイン認証が徐々に普及しているようです。とくに、このブログでも過去に設定方法を解説した SPF は独自ドメインの Google Apps で唯一利用できる技術（だった）ので、設定している方も多いかと思います。 しかし、一般向けの Gmail では、より強力な DKIM （「デ
WebGL の描画結果を HTML に正しく合成する方法 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先日、最速チュパカブラ研究会さんのこちらの記事で、 WebGL で描画した半透明オブジェクトを HTML に重ねるとおかしな結果になることが報告されていました（同時にクールなデモも公開されているので、必見です）。この問題、実は私も以前にハマったことがあって、一応解決策も見つけました。 Render To Texture による 2 パスレンダリングでも必要になる、
Google Spreadsheets の Apps Script で Amazon Route 53 を管理する - WebOS Goodies
先週、 Amazon のクラウド DNS サービス Amazon Route 53 をご紹介しました。柔軟で信頼性の高い DNS サーバーを安価に利用できる、とても有用なサービスです。しかし、標準では GUI が用意されておらず、データの更新がとても面倒なのが玉に瑕でした。サードパーティのツールもいくつかありますが、個人的にはどれもいまひとつな感じです。 仕方ないのでツールを自作することにしたのですが、さすがにフル機能の GUI を構築する時間はありません。 UNDO やコピー＆ペーストなどの機能も欲しいところですが、実装にはそれなりの手間がかかります。そこで思いついたのが、 Google Spreadsheets （Google Docs の表計算） を Google Apps Script で拡張する方法。これなら Google Spreadsheets の持つ強力な編集機能がそのまま
Bootcamp 2010 の OpenSocial ハンズオンの資料を公開します - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google Developer Day 2010 の前日に開催された GTUG 主催の初心者向けイベント Bootcamp 2010 で OpenSocial のハンズオンを担当したので、本日はその際に使った資料を公開します。 内容としては、 Eclipse ベースの OpenSocial 開発環境である OSDE を利用して、以下のようなガジェットを作るという
続・iPhone, Android, webOS モバイルブラウザキャッシュの制限 - WebOS Goodies
以前、iPhone, Android, webOS モバイルブラウザキャッシュの制限という記事で、 iPhone をはじめとするモバイルブラウザのキャッシュに関する調査結果を公開した Ryan Grove 氏 の記事をご紹介しました。その後いろいろと多忙になってフォローできずにいたのですが、実は情報元の YUI Blog では追加情報を掲載した補足記事が公開されています。そこで、本日はその内容をご紹介します。 前回同様、全訳する時間はないので、要点のみをまとめました。前回の記事では、とくに iOS 3.x についてはキャッシュの制限がかなり厳しいという結果が出ていましたが、「実はそうでもなかった」というのがわかっています。モバイルサイトをより閲覧しやすいものにするために、今回もぜひご覧ください。 前回のデータの計測はランダムに生成した HTML ページ（Content-Type は tex
Google Apps のプライベート・ガジェットの作り方 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 きちんとした記事を投稿するのは 2 ヶ月ぶりになってしまいました。購読してくださっている皆さん、申し訳ありません。まだ余裕ができたわけではないのですが、頑張って時間を作って記事を書いていきたいと思いますので、今後ともよろしくお願いいたします。 本日は Google Apps の Premier / Education Edition で使えるプライベート・ガジェッ
iPhone, Android, webOS モバイルブラウザキャッシュの制限 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 ※ 追加情報も掲載しました。併せてご覧ください。 iPhone などのモバイルデバイスで Web を見ていると、 PC とは比べものにならないもっさり感がとてもストレスです。細い 3G 回線ではなかなか快適なブラウジングはできません。しかし、スマートフォンをはじめとするモバイルデバイスは急速に普及していますから、それらで軽快に閲覧できるサイト作りの重要性は、今後ど
Ruby で Google Storage for Developers API を使ってみました - WebOS Goodies
今年の Google I/O で発表された、 Google Storage for Developers （以下GSfD）というサービスをご存知でしょうか。数ギガバイトクラスの巨大なデータを、 RESTful API で使って Google クラウドに保存・アクセスできるという、いわば Google 版の Amazon S3 です。発表直後にダメもとでアカウントを申請した後すっかり忘却の彼方だったのですが、先日になって唐突にインビテーションが届いたので、本日はその使い方をご紹介します。 GSfD には Web インターフェースやコマンドラインツール、 Python のクライアントライブラリが用意されていますが、 Web 開発者としてはやっぱり API 経由での使い方をマスターしたいところ。ここは敢えて Ruby から Web API を直で叩く方法に挑戦してみました。日本語はもちろん英語で
今週の話題 : Google Ajax Feed API がプッシュ更新に対応など - WebOS Goodies
今週は Google I/O がありましたね。 Gmail Contextual Gadget については先日記事にしましたが、他にもエキサイティングな発表が行われたようです。主なものを集めてみましたので、まだご存じないものがあれば、ぜひチェックしてみてください。 それでは、週末恒例の「今週の話題」です。今週見つけたさまざまなネタをまとめてご紹介します。過去に掲載したネタはこちらのページから参照できますので、併せてご利用ください。 http://googleajaxsearchapi.blogspot.com/2010/05/go... フィードの内容を Web サイトに表示するのに大変便利な Google Ajax Feed API ですが、新しいバージョンではプッシュ更新に対応するようです。 Twitter や Facebook のようにリアルタイムで更新されるフィードウィジェットが簡
Google 検索を暗号通信で安全に使う方法 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google 検索はどんどんパーソナライズが進んでいますが、それに伴ってプライバシーへの懸念も大きくなっています。検索キーワードはそれ自身がプライベートな情報ですし、履歴やスターの情報なども含めれば、漏れた時のダメージは Amazon おすすめ商品の比ではありません（笑）。 そのような状況に対応するため、 Google が試験的に SSL で暗号化された Goog
Gmailを拡張する「Gmail Contextual Gadget」の作り方 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 あまり話題にはなりませんでしたが、今年 3 月に「Gmail Contextual Gadgets API」が一部のテスター向けに公開されました。これはメール内容に特定のパターンがあったときに表示される Google ガジェットで、 Gmail Labs にある Google Docs / YouTube プレビューガジェットのような機能を外部開発者が提供できるも
CSS3 を活用したボタン等の作り方 - WebOS Goodies
先週の Icon Creator Widget に続いて、本日も Opera の開発者向けサイトからのネタをひとつ。公開されたのは先月末なのですが、 CSS3 の text-shadow, box-shadow, border-radius などを活用して美しいボタンやボックスを作成する方法の解説記事が掲載されていました。今後の Web 制作でとても役立つテクニックだと思うので、その内容を簡単にご紹介します。 なお、この記事は CSS3 を使用しているため、ブラウザによっては正しく表示されません。たぶん Firefox, Google Chrome, Opera の最新版であれば大丈夫かと思います（Safari は box-shadow に未対応）。 text-shadow, box-shadow, border-radius について 元記事ではすぐに本題に進んでいるのですが、ここでは
Twitter 新 API のドキュメント「Getting Started with @Anywhere」日本語訳 - WebOS Goodies
先日行われた Twitter の開発者向けイベント「Chirp」にて、 @Anywhere という新 API が公開されました。自分のサイトに、 JavaScript のみでユーザー情報の表示やつぶやきの投稿、ユーザー認証などの機能を実装できる、とても興味深い API です。 この @Anywhere は使い方も非常に手軽で、こちらのページでサイトを登録すれば、あとは「Getting Started with @Anywhere」にある JavaScript をページに挿入するだけで利用できます。しかし、当然ですが説明は英語ですので、日本人には少しとっつきづらい面もあります。こんな有用な API が日本で普及しないのは大きな損失、ということで前述のページを日本語に翻訳してみました。 勢いで翻訳したので表現はかなり適当ですが、まあ無いよりはましかと思います（笑）。 @Anywhere を利用
カッコいいアイコンが簡単に作れる「Icon Creator」ウィジェット - WebOS Goodies
ここ最近ブログの更新がなくて申し訳ありません。本日もあまり大きなネタを書く時間がないのですが、 Opera が面白い Opera ウィジェットを公開したので、それをレポートしたいと思います。簡単に立体感のあるアイコンが作成できる「Icon Creator」です。 基本的には Opera ウィジェットのアイコンを作るためのものですが、生成するのは普通の PNG ファイルなので、それ以外の目的にも使えるでしょう。少ない手間で見栄えの良いアイコンが作れる便利なツールです。ぜひご活用ください。 インストール Icon Creator は Opera ウィジェットですので、利用するためには Opera が必要です（たぶん古いバージョンでは動きません）。以下のページから最新版がダウンロードできますので、インストールしておいてください。 http://www.opera.com/browser/ インス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
