2007年5月アーカイブ

2007/05/26/Opera-pizza

| コメント(0) | トラックバック(0)

Opera東京オフィスにピザをおごらせるオフに参加してきた。

オフレポというのは、参加していない人にとっては全く面白くないものだとは思うが、あの日あの時あの場所に僕がいた証明として、以下にその記録を残しておくとする。

会場まで

12:29
うちわ一枚を携えて新幹線に乗る。
14:43
ひたすら妄想を続けて東京着。
14:50
東京駅で軽く迷子になる。
14:53
なんとか山手線(品川方面行)に乗る。
15:15
七英雄との戦いに終止符を打ち、渋谷で乗り換え。しかし、ホーム(東急田園都市線)がわからず軽く泣きそうになる。
15:25
乗るはずだった電車は既に出てしまった。数分後に来たやつに飛び乗る。
15:28
池尻大橋着。東出口へ向けて猛烈ダッシュ。しかし、違う出口へ向かっていたので慌てて引き返す。
15:33
東出口で待っていてくれていた渡邉さんtomoyaさんを無視して東京オフィス着。メッセージ(Twitter)には滋賀に帰ってから気付いた。

昼の部

会場であるOpera東京オフィス会議室は、20人弱のブラウザオタクで満たされていた。遅れてきた僕はしばらく入り口付近で佇んでいたが、奥の椅子が空いたことを確認してすばやく席に着いた。そして、周囲を観察し始めた。

モニタの横では好青年がさっきから忙しそうに何やら準備っぽいことをしており、その横にはやたら存在感のあるおっさんが腕組みしている。眼前にはノートパソコンに見入る優しそうな外国人、その横には可愛らしい女性が少し高いトーンで何か喋っている。傍ではペンギンTシャツを着た紳士が青年に何か注文をつけており、僕の横ではFirefox Tシャツを着た怪しい人がノートを開いて何かをしている。

彼らは事前に顔写真を見る機会があったので、すぐに誰かわかった。それぞれKurumaさんTERRAZIさんhefaさんぺらぺらさんsaitoさんtakenさんだ。そして僕を待っていてくれた渡邉さんとtomoyaさんが到着し、気付けば、なんとなくオフ会が始まっていた。

自己紹介

最初TERRAZIさんが色々喋っていたが、やがて、ぺらぺらさんが「先ずは自己紹介してみては...」とTERRAZIさんに振って、入り口付近から時計回りに自己紹介が始まった。自己紹介中はKurumaさんがその人のサイト(または関連ページ)を画面に表示してくれたので、参加者の名前と顔の脳内補完も容易かった。自分の番になると、その羞恥プレイにぞくぞくするばかりだった。

ピザ

ピザが届き、ちまきさんが手際よくピザ4枚を机上に配置してくれた。からからさん他数名はそれを手伝い、僕は邪魔をしていた。そしてTERRAZIさんがおぺらたんステッカーを上に置くと、一斉に撮影タイムが始まる(最初の画像)。弥助さんは「1枚は俺が食う」みたいなことを言っておられたが、常に良ポジションを確保されていたことを考えると、あれは本気だったのかもしれない。輪から外れて後ろの方からピザを貪る光景を眺めていたら、tomoyaさんと体が触れあってDO☆KI☆DO☆KIした。

ネタ歓談

いつの間にかTさんがネタ披露をされていた。Operaがクラッシュする度に「おー」とかいう感嘆の声が漏れる。他にもネタ披露があったかもしれないが、よく覚えていない。その後なんとなくスピードダイヤルの話になって(Tさんのネタの流れか?)、TERRAZIさんや弥助さんがスピードダイヤルについて講釈されていた。これも内容はよく覚えていないが、「Wii」と「初心者」という単語だけがなんとなく残っている。

てっちゃんといっしょ

中の人からのサプライズ、Jon S. von Tetzchner氏(本人に了承をとったので以下てっちゃん)とのビデオチャットが始まる。ブレントさんが通訳してくれるので日本語でOKだ。Tさんやさとるさん、ちまきさんが鋭い質問を投げ、ここの人も記者らしい質問をされていた。みんなてっちゃんと話したくてたまらないと見えて、TERRAZIさんの「他に誰か喋りたい人いない?」→訳「時間も押しているし そろそろ終わるよ」にもめげず、次々と猛者が名乗りを上げた。僕はニコニコしていた。

質疑応答の後はてっちゃんとジャンケンタイム。勝ち残れば彼のサイン入りキャップをゲットできるとあって、皆必死。僕は最後の4人辺りまで残ったが、あいこで敗退。人知れず涙を流す。

昼の部終了

外で記念撮影をし、いざ夜の部会場へ。結果として、昼の部は18:30(夜の部開始時刻)に終了し、夜の部からの参加者達を30分ほど待たせることになってしまった。

移動

  • 知ったかぶりをして会場へ向かおうとしたら、みんな違う方向へ歩いていくので焦った。
  • 行列の最後尾でsaitoさんや斑目さん、tomoyaさんとお話ししながら会場へ向かった。
  • 遠くの方でTERRAZIさんが何か叫んでた。野獣だ。
  • 会場手前でHidetoさんがお帰りになった。この人とはもっと話したかっただけに残念。

夜の部

ここは池尻大橋駅近くの居酒屋。僕はテーブルの端に座り、正面にmatukoiさん、斜め右前には渡邉さん、左にはからからさんという配置。からからさんの隣には斑目さん、渡邉さんの隣にはtomoyaさん、saitoさん。TERRAZIさんの乾杯の音頭を待たず、saitoさんがフライング、つられて次々とコップを空にするアウトローなテーブル。しかし、僕の下品な会話をくみ取ってくれるアットフォームなテーブルでもあった。

いまおそさんが少し遅れて参加し、途中、KurumaさんとTERRAZIさんが隣に来てくれた。そして、皆で色々のことを話した。ここには書けないことを熱く、淫らに。

夜の部20:00頃の配置

もっとたくさんの人とお話ししたかったが、時間がそれを許さず、僕は20:30頃に会場を後にした。当初予定していた電車を1本遅らせることを決意させるほど、宴の席は実に愉快であった。

宴の後

20:30
渡邉さん、matukoiさんと共に会場を後にする
20:35
通りに出てタクシーを拾うことになったが、携帯を忘れたことに気付いてダッシュで会場へ戻る。
20:37
同じく、携帯を忘れてmatukoiさんダッシュ。
20:40
歩道で倒れている酔っぱらいを発見。脇へ移動させる。
20:45
タクシーで品川まで。車内でミッション完了。
21:05
品川駅でmatukoiさんと別れる。いろいろありがとうございました。
21:25
渡邉さんと新幹線に乗る。ビールを飲みながら色々の話をする。品性下劣ですみません。
23:34
京都着。渡邉さんと別れる。いろいろありがとうございました。
23:45
人身事故のため遅延していた普通電車に乗り、滋賀へ帰る。

戦利品

おぺらたんうちわ

持参したうちわの使い道。おぺらたんシールを貼ってコメント書く。実際の使い方は、自己アピールとか写真撮影時の顔隠しとか。行きはよいよい帰りはこわい。

からからさんメモ

からからさんが電車の時間メモ用に、自分の手帳の1枚をやぶってくれた。しかし書いたのは「21:25発 品川」のみ。なんというかすみません。

Operaステッカー

夜の部の参加費と交換にもらったOperaステッカー。さて、今度はどこに貼ろうか。

例のモノ

例のモノ。待ちきれずに品川駅で開封して絶句。僕のコレクションにはありませんでした!やった!

さいごに

その他詳細やまとめ的な何かは他の人のやつを参照してもらうとして、

みなさん、本当にありがとうございました。普段は画面の向こうにいる方々と、直接会って話すことができてとても楽しかったです。お一人お一人に変態コメントしたいところですが、それは次回までとっておきます。また、今回参加されなかった方、次がいつになるか場所はどこなのかはわかりませんが、開催される時はまた#japanese's blogで告知されると思いますので、今からフィード登録しておいて下さい。個人的に何人かマークしてるから逃げたって無駄よお会いできるのを楽しみにしております。

あす、会いに行きます

| コメント(0) | トラックバック(0)

微妙に古くて気持ち悪いタイトルはさておき、明日東京で開かれるOperaオフに参加してきます。

東京をまともに歩いたのは2回くらいしかないので、地理や路線には暗いのですが、

米原から池尻大橋まで(行き)

渋谷での乗り換えを上手くこなせばなんとかなるみたいです。問題は会場である東京オフィスまで5分で着けるかどうか。遅刻すると怖い人の地獄の責め苦が待っているので震えています。

池尻大橋東口からOpera東京オフィスまで

さて、僕はその日のうちに滋賀まで辿り着かねばならないので、残念ながら夜の部は途中退場となります。

池尻大橋から米原まで(帰り)

短い時間ですが、明日はよろしくお願いします。

ズーム機能における画像の拡大・縮小を、同機能を持つブラウザ(IE7,Sleipnir,Opera)で 150×140ピクセルの画像 を使ってテストしてみた。

  • ここで言う「ズーム機能」とは「文字の拡大・縮小機能」ではない。
  • 僕が確認したところ、Windows環境下でズーム機能を持つブラウザは、IE7,Opera と10のIEコンポーネントブラウザ(unDonutSleipnirLunascapeNilBrowserぶら。NtexPorcupineAvantBrowserGreenBrowserMaxthon)だった(2007年5月23日現在)。
  • 上記の10のIEコンポーネントブラウザの描画方法は全て同じなので、なんとなく Sleipnir に代表になってもらった。
  • 拡張機能(PageZoomColorZilla等)によって実現する Firefox は省いた。Firefox3 に期待。

以下の画像はそのテスト結果で、上から 50%,70%,100%,120%,150% の順に並べてある。710×760ピクセルとかアレなサイズなのでその辺はすみません。

画像ズームテスト

IE7がOperaよりもスムーズに拡大・縮小している件。綺麗だなぁ。

おまけ

IMG要素のwidth,height属性指定による画像拡大・縮小テスト。以前のりさんが行ったテストと同じ方法。

<img src="image.jpg" alt="" width="120" height="112" />
<img src="image.jpg" alt="" width="225" height="210" />

700×390ピクセルとかアレな(以下略)

画像テスト

IE7のズーム機能には特別なレンタリング技術が使われているのかなぁ。

Speed Dial の使い方

| コメント(0) | トラックバック(0)

Browser.js の企画に乗っかってみる。

と言っても特別なアイディアはないので、とりあえず自分のスピードダイヤルを晒してお茶を濁すのさ。

僕のスピードダイヤル

2007/05/18現在のSD

フレッシュリーダー(すべてのフォルダの記事の表示)
全てのフォルダの新着記事を一気に表示する。フレッシュリーダーを使っている理由の1つ。
rep2(お気にスレの新着まとめ読み)
2ch お気に入りスレの新着レスのみを一気に表示する。rep2を使っている理由の1つ。
ShishiB
Scuttle をオンラインブックマークとして利用している。
Twitter / ashizuka
基本的に更新は Twippera から行っている。
画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会 - Gallery
とても参考になります。いろいろありがとうございます。
ShishiN
親切な人に招待してもらった。まだ何も弄ってない。
フレッシュリーダー(ブックマーク)
フレッシュリーダーのブックマーク機能。「あとで読む」感覚で使っている。
my.opera.com 内ブログ新規投稿ページ
ShishiO の更新用。ブログ投稿専用 Widget があればいいのにと思う今日この頃(入力支援がついた My Opera Explorer みたいな感じで)。
ローカルの blosxom
サイトにアップする前のネタ以上記事未満なやつはここに。旬を過ぎて日の目を見なかったテキストは数え切れない。

参考

スピードダイヤルの配置

適当に並んでいるように見えるが、スピードダイヤルの配置は次のようになっている。

スピードダイヤルの配置

A は最もよくアクセスするページ、B は現在関心のあるページ、C は A の次にアクセスするページで、頻度としては A > C > B。これにはあまり大した理由はなく、

キーボードの配置

このように、僕が押しやすいキーボードショートカットが A(Ctrl+1,2,3)→ C(Ctrl+7,8,9)→ B(Ctrl+4,5,6)の順番という、ただそれだけ。

視覚的に利用する

higeorangeさんみたいにLDRの未読数や天気を表示させたり、miya2000さんみたいに日付や時間を表示させるというのも面白い。F5で一気にスピードダイヤルを更新している人は、miya2000さんのネタをいただいて、

前回の更新時間

という具合に前回の更新時間を表示させてもいいかも。それを知ってどうするんだとか言われても困るけど。あとはGmailの新着メール数を表示させたり(やり方知らん)、リロードするたびに画像が変わるページを登録したり(結構ありそうだけど具体的なページが思いつかない)とか。余談だが、背景画像を妖精さんにしたり、サムネイルを妖精さん達で埋め尽くしたりするのは、確かに殺伐としたネット生活における憩いのオアシスとなるかもしれないが、他人に見られると色々大切なものを失ってしまうので注意。

ともかく、このように視覚的な用途を取り入れるならば、既存のツールバーにはない利便性や面白みを獲得することができる。

その他の使用例

TERRAZIさんの 私の恥ずかしいスピードダイヤル見てください という企画に寄せられたスクリーンショットからあれこれ妄想しよう。

何を追加して良いのかわからないという人は、Kurumaさんが触れられているように 「よくアクセスするページ」の中からいくつか追加してみよう。


パネルやパーソナルバー、ニックネームよりも素早いアクセス、直感的な操作、それがスピードダイヤルのメリット。そのメリットを活かして 他のブックマーク移動手段とどのように使い分けるかがポイント。

僕はブックマークのうちアクセス頻度の高いものにはニックネームを付け、その中でも毎日アクセスするようなものをスピードダイヤルに登録している。また、気になるページはパネルやSBMの奥に仕舞われないように 真ん中の 4~6 に登録している。そして、Ctrl+T で自分のネット生活の縮図を眺めて楽しんでいる。そんな日常。

手動トラックバック送信スクリプトでトラックバックしようと思ったらなんかエラー出て上手く送信できなかった。

Operaのよいところ

| コメント(0) | トラックバック(0)

Kurumaさん manateeさん が全部言ってくれた感があるが、僕も少しく書いてみることにする。

以下、特にカスタマイズしなくても手軽に使える2つの機能「ズーム」と「ウィンドウ幅で表示(ERA)」について。

ズーム

Wikipedia 100%

上は ブログ - Wikipedia をOperaで表示させた状態。これを150%拡大すると以下のようになる。

Wikipedia 150%

フォントサイズだけではなく、画像やレイアウトも含めて拡大してくれている。単にフォントサイズを大きめに設定しただけではレイアウトが崩れてしまい、逆に判読が厳しくなるサイトも少なくない今日この頃、この機能のあるなしは僕の中で非常に大きい。

操作

キー 倍率 アクション
6 100% Zoom to, 100
7 -100% Zoom out, 100
8 +100% Zoom in, 100
9(-) -10% Zoom out, 10
0(+) +10% Zoom in, 10

もしあなたがOperaを使っていて、ズーム機能をよく知らないというのならば、試しに 0(+) や 9(-) を押してみると良い。元の倍率(100%)に戻すには 6 を押そう。また、Ctrl を押しながらマウスホイールをぐりぐり回しても良いし、ズームメニュー(標準ではビューバーの右端にある)から倍率を選択・入力しても良い。

ちなみに、僕は読みづらいサイトではいつも150%にすると決めているので、

  • Zoom 50
Button*, "Zoom50"="Zoom in, 50, , "Zoom50", "Zoom" + Show popup menu, "Zoom Menu""

というボタンをツールバーに置いて、適当なキー(^)に

キーボード設定の編集

^=Zoom in, 50

と割り当てている。

ウィンドウ幅で表示(ERA)

Operaのレンタリングモードのうち、デスクトップOperaで主に用いる機能としては、F11 によるフルスクリーン、Shift+F11 による SSR(Small-Screen Rendering)、Shift+P による印刷プレビュー等があるが、その中で僕が最も気に入っているのが 、Ctrl+F11 による ERA(Extensible Rendering Architecture) だ。綾金市オペラハウスの解説が簡潔でわかりやすいので、ERA?ハァ?という人は先ずリンク先のドキュメントに目を通してほしい。以下は僕の蛇足的解説。

Webページ

横スクロールバーが表示されるWebサイト例

例えばこのようなサイトがあったとする。見た通り横スクロールバーが表示されており、文章も画面端で切れてしまっている。画面外の文章を読むためにはスクロールバーをぐりぐりしなければならないところ、ビューバーの「ウィンドウ幅で表示」ボタンか Ctrl+F11 を押すと、

横スクロールバーが表示されるWebサイトでERA

このように画面サイズに収めて表示してくれる。多少レイアウトが変わってしまうものの、とりあえずコンテンツを参照できるようにはなる。

ようこそ私のホームページへ!

テキストファイル

テキストファイル閲覧

テキストファイルをOperaで読むということはあまり無いかもしれないが、ソフトウェアの更新履歴や何かの仕様書等、目にする機会がないということもない。適当な文字数で改行されていないファイルは通常、上のように横スクロールバーが表示されるが、ビューバーの「ウィンドウ幅で表示」ボタンか Ctrl+F11 を押すと、

テキストファイルをERA

このように右端で折り返される。似て非なるものだが、テキストエディタの「ウィンドウの右端で折り返し」みたいな感じ。

青空文庫 Aozora Bunko

画像ファイル

DQっぽいマップ

巨大な画像を読み込むこともあるかもしれない。上の例だと画像の一部分しか表示されておらず、ドラクエっぽい地図なのはわかるんだけど これはどこ? ノアニール? ポルトガはどこ? となってしまう。丹念にスクロールしてもいいが、ビューバーの「ウィンドウ幅で表示」ボタンか Ctrl+F11 を押せば、

DQ1アレフガルド

やあ、アレフガルドでしたか、とわかる。わかるんだよ。似て非なるものだが、画像編集ソフトの「画面サイズに合わせる」みたいな感じ。

ドラゴンクエストの世界地図

設定

もしあなたがOperaを使っていて、横スクロールバーが表示されるサイトを頻繁に訪問するならば、

ウィンドウ幅で表示

設定 » ウェブページ » ウィンドウ幅で表示 のチェックをオンにしよう。こうしておくと常にERAが有効となる。これが原因で表示が崩れるサイトがあったなら、ボタンや Ctrl+F11 を押してその都度オフにすればいい。

参考リンク


他にもたくさん取り上げるべき点はあるとは思うが、この2つの機能にこそOperaの根っこの部分が最も表れていると感じたので、「Operaのよいところ」として多少贔屓目であれこれ書いてみた。そして、まだまだ語り足りない気持ちをそのままに、次の一言を附してこの文章を閉じたいと思う ― 独自レンダリングエンジンゆえの悲しさもあれば、だからこそ味わえる面白みもあるのだ、と。

9.21 build8776

| コメント(0) | トラックバック(0)

Weekly再開。9.50 じゃないよ。

Changelog

  1. フォントのスタイル設定がUIでもちゃんと動作するようになった。
  2. スピードダイヤルのネットサーチをちょっと大きくしてみた。
  3. サーチエンジンに Yahoo! Answers を追加。
  4. いくつかのクラッシュとメモリリークを修正。
  5. Windows と Mac で PAC(Proxy Auto Config)ファイルがシステムから読み込まれるようになった。
  6. Windows Media Player 11(プラグイン)がクラッシュせずにちゃんと動作するようになった。

Hidetoさんが言われているように、http://redir.opera.com/www.opera.com/firstrun/ のリダイレクト先が Infoseek から http://portal.opera.com/startup/ に変わった。そこにはいくつかの解説・関連ページへのリンクが張ってあり、「実際に動いている場面をご覧ください。」からは それぞれ動画による解説を見ることができる......はずだが、インポート・エクスポートのリンクからは画像しか参照できなかった。いや、画像で十分なんだけど。また、スピードダイヤルの解説は日本語で、アドレスバー検索の解説は英語という、まだ少し準備中な雰囲気が漂っている。しかしまあ、とりあえず、貧相なスタートページじゃなくなったのは良いことだと思う。

my.opera.com フォーラムやブログの新規投稿時に表示される入力支援ボタン群

入力支援

を、フォーラムの Quick Reply、ブログのコメント、メッセージ返信の所にも表示させるUserJS。

Download: Code Tools in Quick Reply のリンクをクリックするとコードが表示されるので、適当な名前(例:formatting_tools.js)でUserJSディレクトリに保存。以下はスクリーンショット。

Forum/Quick-Reply

Blog/Comment

Messages/Reply

他のUserJSとの干渉で上手く動作しないかもしれない(ボタンを押しても [] [/] と入力されるだけとか)。あーもう面倒くさい!という人は、my.opera.com のサイト設定 » スクリプトで formatting_tools.js のみを収めた別フォルダをUserJSディレクトリとして指定すると良い。

こういう感じで、Operaでは動作しねぇよ!というブログサービスの入力支援な何かを補助できると素敵だなぁと思った。