マイミク drikin 先生のブログエントリーから習った裏技。
２００９年の５月から本格的に Flickr 使いだしました。Flickr って実は操作が難しいサイトだと思うのですが、同時に隠れ機能が多くて面白いサイトでもあります。
そんな隠れ機能の一つがカレンダービュー。例えばこちらのリンクから僕の２００９年のアップロード記録が見れます。自分生活を振り返るのにとても良いメディアだと思います。もしカメラ携帯など活用して日々の生活の写真を撮られている方々は是非試されてみてはいかがでしょうか？
Chrome や Safari を使っている方、先ずはこちらのリンクをご覧ください： http://ryosode.com/code/webkit3d/
一見なんの変哲もないページに見えますが、矢印キーを押してみるとなんとイメージが立体的な動きを始めます。（見れない方たちはこちらのスクリーンキャストどうぞ： http://www.screencast.com/t/YjMxMjljOTAt）
＊注＊ Snow Leopard じゃないときちんとレンダーされないかもしれません。
＊注２＊ちょっと操作が変になっちゃいますが、一応 iPhone のワンフィンガータッチアクションもサポートしてます。
このページは今日帰りの電車の中でちょっと時間が出来たので、最近教えてもらった WebKit CSS 3D を試してみる目的で作ってみました。
WebKit とは Safari, iPhone の Mobile Safari, Chrome, などなど最近では使用頻度も増えてきたアップルが開発中心のオープンソース Web ブラウザエンジンのことです。ちなみにうんちくですが、Firefox は Mozilla という組織が開発する Gecko エンジンがそのコアに使われています。
実は現在の WebKit には、OpenGL やアップルの CoreAnimation を意識して作られたであろう3D API が内蔵されています。上記のリンクのページも比較的シンプルなＣＳＳ＋ Prototype フレームワークでカーソルキーを CSS のスタイルチェンジに結びつけるだけで作られたページです。
これのもっと進化した WebKit 3D デモがこちらの Snow Stack: http://www.satine.org/research/webkit/snowleopard/snowstack.html
＊注＊こちらも WebKit ブラウザでしかレンダーできません。
このソリューションは、Flickr の Most Interesting リストをその場で Cooliris 的なギャラリーインターフェースにコンバートしてくれる、という賢いアプリです。
残念ながら現時点では WebKit 専用の３Ｄコードは WebKit ブラウザでしかレンダーできません。だからデスクトップの全世界ブラウザ向けに WebKit 3D を使う事は難しく、やはり Flash の様なプラグインで対処するしかないんです。
しかし逆に iPhone 又は OS X Dashboard Widget の様に WebKit ブラウザしか使えないという環境であれば話は別。どんどん WebKit の３Ｄエフェクトを使えるわけです。Flash のように幅広く使ってもらえるソリューションはできないかもしれませんが、先ずは iPhone の様なニッチをターゲットにCSS+JavaScript+HTMLのみで作られたかっこいいソリューションが出てくる事を期待してます。
写真にハマりこんでしばらくたちます。Flickr で結構公開はしているのですが、Flickr って結構ナビゲートが面倒なサイトなんですよね。なので、Flickr に連携したフォトポートフォリオを作ろうとず〜と考えていました。
今日は奥さんもいないし大量の洗濯もしなきゃいけなかったので、家に居座ってコーディング三昧しちゃいました。こちらがその結果。
このサイトはFlickrアカウントの特定フォトセットに連結させており、Flickr のフォトセットをアップデートすればこちらも動的にアップデートされる仕組。面白いテクノロジーをいろいろ使ってみたので、今回は使用したテクノロジーの紹介させていただきます。
というわけで、写真撮影よりも実はこっちの方を楽しんでるんじゃね〜か？と言われそうですね。でも両方楽しいので良しとします♫
Summary:
Drag and drop following bookmarklet into your Bookmark Bar and use it to maximize your web browser window!
Maximize Window
Background
Yes I admit it. One of the short comings of Mac OS X is the fact that we don’t have a standardized “Maximize Window” button. The Zoom button (i.e. the standard green button) behaves differently.
Sometimes I wish Mac OS X implemented a standardized maximize window feature…. Take for instance a web browser.
My web browser of choice is Safari. It is a snappy and an elegant browser that makes every website look professional. Hoverer here again, the Zoom button does not maximize the window.
Sometimes a webpage is best enjoyed in full screen mode. There are Safari plug-ins that will allow you to add the full screen feature. But I go back and forth between a few machines. The last thing I want to do is keep a Safari plug-in up-to-date on every machine.
But web browser is a beautiful creature. Many aspects of the application can be manipulated via JavaScript calls. Combine that with the fact that modern browsers can embed JavaScripts inside bookmarks (some call those “bookmarklet” or “javascriptlet”), and you’ll end up with utility bookmarks in bookmark bars such as “Share on Facebook” or “TinyURL!”.
The bookmarklet I inserted at the top of this blog entry allows you to maximize the browser window. You can drag and drop the link into your bookmark bar and use it to maximize the browser window any time.
Please note I’ve only tested the feature in Safari 4.0.1 and Firefox 3.0.x. This mechanism may or may not work on other OS X browsers as well as browsers on other platforms.
マイミクの drikin さんが作った新しい Twitter クライアント pocket*。
なんと今回も TwitterPod に引き継いで僕のサウンドを Tweet 着信音として使っていただきました！
この音なのですが、アイディアがちょっと面白いです。新しい Tweet が来る時＆溜まったTweetをクリックで呼び込む度にランダムにサンプルがピックされて再生されます。全部で音は９つありますが、全てが同じＣメジャー系和音な為、どの順番で鳴らしてもつじつまがあいます。ちょっと自分で音楽奏でてるような気分になれるかも？噂では Tweet 無視でどんどんクリックして音に酔いしれちゃう人もいるらしい？？ ^_^)/ ww
Twitter ＆マックユーザの方は試しに使ってみてください。パワーユーザの方々の間ではメインの Twitter クライアントと併用する方もいるみたいですね。
p.s. ちょっと恥ずかしいけど、英語圏紹介用のスクリーンキャストも作らせてもらったりしました。