タグ

ブックマーク / webos-goodies.jp (8)

  • Google Spreadsheets のデータを簡単に表示できる「spreadsheetrenderer.js」を作りました - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 約一ヶ月前に、フィードの内容を Web ページに表示する feedrenderer.js を公開しました。実はほぼ同時にもうひとつ、 Google Docs のスプレッドシートのデータを表示する「spreadsheetrenderer.js」も作っていたのですが、 DevFest でライトニング・トークやら Chrome OS の発売やらがあってほったらかしにな

  • HTML によるプレゼン作成のススメ - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 昨日、 HTML5 勉強会で Opera の開発者向け機能についてプレゼンしてきました。会場が Opera の目黒オフィスということで急遽駆り出されました(笑)。 こういったプレゼンをするときに必要なのがプレゼン資料(スライド)の作成。これまでは Google Docs や OpenOffice.org で作っていたのですが、これがどうにも不便。ちょっとしたことを

  • Web 開発に便利なジェネレータ 50+ - WebOS Goodies

    このブログでは、毎週末に「今週の話題」として新たに見つけた情報や Web サービスなどを簡単にご紹介しています。それらの中には、独立した記事にはできていないものの、とても有用な情報・サービスがたくさんあります。だいぶ数も溜まってきたので、折りを見てまとめ記事にしていこうかと思っています。 日はその第一弾として、ジェネレータ系のサービスを集めてみました。多くは皆さんもご存知かと思いますが、まだ使ったことがないサービスがあれば、ぜひ試してみてください! CSS レイアウトジェネレータ CSS ez ビジュアルな CSS レイアウト作成ツール。 FC2, livedoor, Ameba など多数のブログサービス用のテンプレートを生成できる。 templatr WordPress のテンプレートを作成するツール。基レイアウトが多彩に用意されている。ただ、各要素は CSS パラメータを直接指定す

  • Apache リバースプロキシ→ Lighttpd + Rails の設定方法 - WebOS Goodies

    今週はあまり時間がないので、 Rails 関連の Tips でお茶を濁すことにします。 以前投稿した Apache のリバースプロキシの設定方法という記事では、 Apache ベースのサイトの一部として Rails アプリケーションを公開する方法をご紹介しました。今回はその mongrel を Lighttpd で置き換え、 Apache → Lighttpd + Rails という構成にする設定をご紹介します。まあ、仕事でやった作業の覚え書きです。 Lighttpd ならパフォーマンスも出るので、一般公開するサイトでもじゅうぶんに使える方法です。 Apache で運用しているサイトに Rails アプリケーションを組み込みたいという際は、参考にしていただければと思います。 なお、 Lighttpd や Ruby fcgi ライブラリのインストールは OS のパッケージ管理コマンド等で一発

  • 絵心のない人が知っておくべき Illustrator の機能 10+ - WebOS Goodies

    自慢ではありませんが、私はまったく絵心がありません。小学校の頃、友達の似顔絵を描くという課題が出ると、それはもう情けないやら申し訳ないやら。そんな私がこともあろうに図解イラスト(と言うほど大層なものではないですが)を描かなくてはいけないハメに陥り、ここ 2 週間くらい Illustrator と格闘していました。 まあそんなこんなで、 Illustrator の使い方も多少はわかったので、私同様に絵心を持たない人でも使える便利機能をご紹介です。 まずはなんといってもこれでしょう。 Illustrator にはワンタッチでオブジェクトに貼付けられる特殊効果(グラフィックスタイル)のライブラリが大量に含まれており、見栄えの良いイラストを作るのにたいへん便利です。 なにはともあれ、上の画像を見てください。元は単純な歯車の形(パスファインダのところで作っているもの)なのですが、それにライブラリから

  • RESTful 形式の Google AJAX Feeds API を使って、フィードを JSONP で取得する - WebOS Goodies

    JavaScript のみで任意のフィードが取得できる Google AJAX Feeds API は、とても便利ですよね。活用されている方も多いと思います。でも、余計な機能も含んだ外部ライブラリを読み込むのがイマイチなところ。ページロード時間を気にする場合はちょっと利用を躊躇してしまいます。 ところが、そんな欠点も、実は既に解消されています。今年の 4 月に Flash など JavaScript 以外の言語のために RESTful 形式の API が追加されたのですが、それに callback の指定がちゃっかり存在しており、 JSONP でアクセスできるのです。これなら外部ライブラリを読み込む必要もなく、気軽に利用できます。とくに JSONP に慣れている方は、 JavaScript API よりも楽に覚えられるでしょう。 ということで、日はその RESTful API を利用して

  • codeなにがしのソース表示ウィジェット制作ノウハウ - WebOS Goodies

    個人的にいろいろと立て込んでいて時間が経ってしまいましたが、 5 月にcodeなにがしがリニューアルしました。実は私も少しお手伝いさせていただきまして、ソースコード・ノウハウッ!のソースコード表示部分の JavaScript ウィジェットを制作しました。そこで、日は新版codeなにがしのご紹介とともに、ソースコード表示ウィジェットの制作ノウハウなどを公開します。まあ、高度なことをやっているわけではありませんが、実例として多少は世の中の役には立つかな、と思っています(^^ゞ なお、これらの情報は OpenType 様の許可をいただいて掲載しています。情報公開を快諾してくださった OpenType 様に感謝いたします。 codeなにがしについてご存じない方もおられると思いますので、簡単にご紹介を。codeなにがしはソフトウェア技術者向けのノウハウ共有サービスで、主にユーザー間の FAQ コー

  • ブラウザで Ruby on Rails 開発! Heroku を使ってみよう - WebOS Goodies

    Heroku は現在リミテッドβの状態なので、ユーザー登録を行うにはこちらのページでメールアドレスを登録し、招待メールが来るのを待たなくてはなりません。私が登録したときは 2 週間待ちだったのですが、現在はだいたい 1 日以内に招待が来るようです。ちょっと面倒ですが、ぜひサインアップして、 Heroku の素晴らしい世界を体感してみてください。 ・・・どうでもいいけど、サインアップのページにある看板はいったい。 無事にサインアップできたら、さっそくこちらのページから heroku にログインしましょう。すると、最初に以下のアプリケーション管理画面が表示されます。 heroku では同時に複数の Rails アプリケーションが開発できるので、この画面でそれらを管理するわけです。しかし、現在はひとつもアプリケーションが存在しませんので、新たに作成してみましょう。アプリケーションの作成は「Cre

  • 1