HTML5-WEST.jp 設立趣意文

関東、特に東京近辺では、ブラウザベンダー各社、W3C、そしてさまざまなグループ
により、大規模から小規模にいたるまで多種多様なHTML5やウェブの将来に関するイベ
ントが開催されています。しかしながら、関西では地理的な制約などからそういった
企画を開催・実現するのは難しく、それほど行われてはきませんでした。
また、それらのブラウザベンダーが行うイベントにおいても、参加者の中には、HTML5
があって新しいことができるということをはじめて知りました、というようなコメント
を残される方もいらっしゃるなど、必ずしも盛り上がっている割には知名度や普及度は
高くないというのが実態のようです。

こうした中で、関西でもHTML5に特化した勉強会を開催することができたりと、HTML5
を広報・普及していく環境がようやく整いつつあるといえる状況になってきました。
今回、これらの新しいウェブの世界を広めていく活動を継続的に、かつより幅広く行
うために”HTML5-WEST.JP” (http://HTML5-WEST.JP)を立ち上げることになりました。ソ
フトウェア開発者からウェブアプリケーションのユーザまで、幅広い方々にHTML5を軸
とした新しいウェブの世界を実感し、アプリケーションプラットフォームとしてのウェ
ブを体験していただくことを通じて、関西におけるHTML5自体の普及とウェブアプリケー
ションの開発者層を増やしていくことができればと考えております。

現在、いくつかの企画を関西でのオープンソースソフトウェアを題材としたイベント
の中で開催することを検討中です。それらの企画の第一弾として2010年7月9日と10日に
開催されるOSC 2010 Kansai@Kyotoの中で3つのセミナーを、第二段として11月5日と6日
に開催予定のKansai Open Forumの中でもセミナーを行うことを検討しています。これら
の今後の活動に関してはサイトやメーリングリストの方をご参照ください。

OSC 2010 Kansai@Kyoto でのHTML5企画セミナーのご案内

ここ数年でAjaxなどによるHTML + JavaScriptを利用したリッチクライアントが急
速に普及し、新しいアプリケーションのプラットフォームとして、近年ウェブの世界
とそのベースとなるウェブブラウザが注目されています。またそのプラットフォーム
となるブラウザにも、UI自体がJavaScriptで記述される拡張性に富んだFirefox、組み
込み環境など多種多様な環境でも動作するOpera、WebKitをベースに画面ごとのプロセ
ス分離などの高耐久性を備えたChromeなど、さまざまな種類が登場して、ユーザがさ
まざまな選択肢をもてるようになりました。また、Microsoftも今年のMIXカンファレ
ンスにおいて、IE9の発表とともに”複数のブラウザで同じHTML、スクリプト、フォー
マッティングマークアップが同じように動作するようにすることが目標”ということ
で、未搭載の機能への対応などを含めHTML5へコミットすることをあらためて強調し
ました。
そのなかで、これまでも広く活用されているHTMLにさまざまな機能を追加した、新
しいバージョンとなるHTML5とそれに組み合わせて利用するためのさまざまな周辺規
格が検討・策定されつつあり、実際に各種ブラウザ上でそれらの機能の多くが利用可
能になりつつあります。これらには、JavaScriptのパフォーマンスの向上やサーバと
の継続的なやり取りを実現する機構、ブラウザが文書の構造を自動的に判断してユー
ザにわかりやすい形で表示するためや、文書中のデータにセマンティクスを導入する
ことでウェブ上のHTML文書を大規模に集積するようなソフトウェアから利用しやすく
するための記述方法、そしてOSネイティブにより近いアプリケーションを実現するた
めに必要とされる、インタラクティブにJavaScriptからも操作可能なビデオ、オーデ
ィオ、画像などのフォーマット、またモバイル環境でも活用が期待されるクライアン
トの位置情報を取得する機能など、非常に多岐にわたる規格が含まれています。

今回、”HTML5-WEST.JP” (http://HTML5-WEST.JP)では、このHTML5を軸とした新し
いウェブの世界を実感し、アプリケーションプラットフォームとしてのウェブを体験
していただくために、企画セミナー第一弾としてOSC 2010 Kansai@Kyotoの中で3つの
セミナーを開催いたします。

一つ目では、多種多様なHTML5とその周辺規格の中から、これぞと厳選された機能
をデモを通じてご紹介し、そのうえで、ラスター画像を取り扱うHTML5 + JavaScript
API規格であるCanvasや、HTML5を実際に活用する中で非常に重要と考えられているラ
イブラリを題材に、HTML5を実際にどう活用するかを実演するライブコーディングを
行います。
URL: http://www.ospn.jp/osc2010-kyoto/modules/eguide/event.php?eid=23

二つ目では、非常に多数のユーザが利用しているはてなダイアリー、はてなブック
マークを中核として、さまざまなウェブアプリケーションを精力的に展開されている
株式会社はてなから外山さんをお招きします。第一線のウェブ企業がどのようにHTML5
をとらえ、サービスの中で活用していこうと取り組んでいるのかについて、実際に展
開されているサービスでの利用場面を元に解説していただきます。
URL: http://www.ospn.jp/osc2010-kyoto/modules/eguide/event.php?eid=50

三つ目では、HTML5などさまざまなウェブプラットフォームの規格策定を行ってい
るW3Cの日本オフィスから深見さんをお招きし、HTML5とその周辺規格について解説し
ていただきます。そもそもHTML5とはなにかということについて、HTML5がどのような
プロセスで策定されているのか、これからさまざまなブラウザベンダーを含む企業に
よりどのように活用されていこうとしているのかに始まり、セマンティックウェブか
らリッチクライアント向けAPIにいたる非常に幅広い領域をカバーするHTML5の全体像
をご紹介いただきます。
URL: http://www.ospn.jp/osc2010-kyoto/modules/eguide/event.php?eid=31

これらを通じて、アーリーアダプター向けの遊び場の段階をすぎて実際に業務にも
活用できる段階になったHTML5の実像を、ウェブアプリケーション開発者だけでなく
ウェブデザイナーの方々にもお届けできればと考えています。

Google

見慣れたGoogleのトップページではなくて少し違うGoogleのトップページが見られるのでいいかもしれませんね。

　これがなかなかに難しく、(google 形になっているからでしょうね)飽きが来ません。
　このロゴ、なんと音まで鳴ります。パックマン原作に忠実で、とても面白い。googleのロゴから音が鳴ったり、ゲームが出来たり
というのは、つい昨日までは夢のまた夢でしたからね。
　それに、8ビットゲームだから256面、というセンスも凄い。

　Insert Coinのボタンを2回押すと、「ミズパックマン」が現れ、対戦することも可能です。(ミズパックマンはW、A、S、Dキーで操作できます)

　javascriptで動かしてるのでとても軽いですし、暇つぶしに使ってみては如何でしょうか？
　詳しい使用方法(googleさがそう)
　パックマン(wikipedia)

　google公式ブログ

Webフォントを使ったサービスです。
よく欧文の物はありますが、日本語のものはなかったので早速試して見ました。

登録して、ログインしサイトを登録するとフォントが選択できます。
今回、無料版ですので使えるフォントが限られますが何種類かあります。

編集するを選択して＊を追加すると簡単に設定できます。

試しにチラ裏にJavascriptを記述して試して見ました。

Bonnie Styles.のちらしの裏
:first-letterを指定している部分がWebfontsに成っていませんが他の部分はちゃんと成っています。
これでカワイイ系ブログに・・・・・？

英語→日本語、日本語→英語にするオンライン辞書です。

最大の特徴は、例文。例文の右にはたとえとして画像が表示されます。

このような画像がほとんどの例文で表示されるというのがすごい。

もうひとつは、単語の右の音のマークをクリックすると発音が聞けます

これは便利！と思ったので紹介しました。
発音が分からない、いまいち例文の使い方が分からないと思ったときはいいかもしれません。

Photoshop – Google 検索

自分のFlickｒの画像を一括で保存したい（バックアップしたい）と思っていてで検索していたら、

なんていう表示がでてくると、上の画像みたいに検索結果が翻訳されている。
英語が読めない人にとってはとっても助かる機能。
ページに飛んでみると

Google翻訳によりページも翻訳してくれて英語が全く読めない私にとってとても助かりますね。

ワンダーホイールという検索ツールもあり、これは（画面ノ場合）Photoshop Blogという円があってそこから関連したワードに飛んでいくという循環？なものが左に表示され、右側には検索結果が表示されるという物です。

GoogleはTwitterのつぶやきなどを検索出来るリアルタイム検索など出したり話題になっていますが、この翻訳機能とかもすごいと思います。（実は昔からあったりしてね。）

ロゴの背景が長いので、HTMLの構造はどうなっているのかなーと見てみると

ロゴ部分をDIV要素で囲って、その中にロゴの画像を入れてそのロゴを中央にしていますね。
（””を入れてないとかすごく懐かしいなぁ…なんて思いました。）

因みに、指定されている背景画像・画像はリピート背景画像と透明PNGのロゴでした。
たぶんIE6用にJSでも読み込んでいるのでしょうか。

オリンピックですね！
頑張って欲しいですね

mixiって日記ばっかり書くイメージだけど、アプリとかエコーとか最近でてきて気になるなーと思った所なのでまさに渡りに船状態で元気よく参加表明して行ってみました。

mixiエコーって、Twitterとかぶってない？

正直公開された時に僕は、mixiエコーってTwitterのパクりじゃないの、なんて不謹慎なことを考えました。

でも話を聞いてみるとmixiエコーとTwitterって、なんとなーく使う場面が違うんですよね。

Twitterはパブリックに発言したりする所でプロテクトにしたりは出来るけれど、基本的にはパブリックな場所です。

代わってmixiエコーは、閉じられたというというか知り合いや仲間内に対してつぶやくツールになります。

これからTwitterを増える人が増えつづけていくことで、mixiエコーとの違いも明確になっていくのかなと思います。

mixiアプリは『マイミク大会』

よくタイピングFlashゲームなどが公開されていますが、上位の人は桁違いのレベルで唖然としてしまうことが結構あります。いわば全国大会に初心者が挑むようなものです。

mixiアプリはその点マイミク内でのランキングなどになっている場合が多く、『＊＊には勝ちたいな』などのゆるやかなモチベーションが働きやすいようです。

最近流行っているサンシャイン牧場なども、マイミクの牧場をお世話したりちょっといたずらしたりと、ゲームだけでなくコミュニケーションツールの一環として動作させるものが流行るようです。

携帯に耐えられるか？

今のところmixiアプリはPC向けのプラットフォームのみ個人向けにも開かれています。

携帯電話に対応したmixiアプリは作成可能なようですが、自分のサーバーに配置するという性質上、圧倒的にアクセス数の多い携帯向けmixiアプリは個人で負荷に耐えうるかという点でまだまだ不安は残ります。

mixiの方でもなんとか救済できないか思案しているようですので、もしかしたら個人でも少ないリスクで公開できるようになる日がくるかもしれません。

たくさんの人に使ってもらえるというのはデベロッパとして幸福だと思います。稚拙でも機能やアイディアがよければ喜ばれるかもしれませんし、これを機にmixiアプリに挑戦してみるのもいいかもしれませんね。