• File.11
• 
• 
• 

Android Bazaar and Conference 2011 Summer | 日本Androidの会

• File.10
• 
• 
• 

Android Bazaar and Conference 2011 Winter | 日本Androidの会

• File.09
• 
• 
• 

Sanyo Zio（ザイオ） | 米国携帯サービス：KDDI Mobile

• File.08
• 
• 
• 

N歯科予防ホワイトニングルーム様

• File.07
• 
• 
• 
• 
• 
• 

美術刀剣・日本刀販売専門店「刀剣勝」様

• File.06
• 
• 
• 
• 

株式会社トラスティッド・ポイント様

• File.05
• 
• 

HOTSPOT NTTコミュニケーションズ様

• File.04
• 
• 
• 

HOYA株式会社様

• File.03
• 
• 

ドキュメントシステム シャープドキュメントシステム株式会社様

• File.02
• 
• 

オークス電子株式会社様

• File.01
• 
• 

OCNシアター NTTコミュニケーションズ様

その他、Web・パッケージデザイン、非公開の実績も多数ございます。お気軽にお問い合わせ下さい。

Android Bazaar and Conference 2011 Summer スマートフォンサイト

今回は趣向を凝らしたアニメーションするメニューや、タブ式のコンテンツ表示など領域の使い方を工夫しています。

Android Bazaar and Conference 2011 スマートフォンサイト

詳細はこちら：
ABC 2011 Winter デザインセッションまとめ「スマートフォン・リデザインコーディング」

JAPAN INNOVATION LEADERS SUMMITの配布資料

00イベント概要

メインタイトルに、

～MIT教授 石井裕氏、ハイパーエンジニアたちとテクノロジーの未来を語ろう～

と掲げられ、参加企業にアマゾンジャパン、クックパッド、グリー、ミクシィ、ヤフー、リクルートのトップエンジニアの方達の技術講演が行われ、その後にエンジニアの交流会という濃密な内容でした。

詳細は公式のTech総研 JAPAN INNOVATION LEADERS SUMMIT をご覧下さい。

01Opening Keynote & Special Session

まず、Opening Keynoteを飾ったのは株式会社デジタルガレージの佐々木智也氏

『震災から見えたtwitterの可能性と、今後のメディアインキュベーション展望について』

3月11日の大震災を振り返り、Twitterを初めとするソーシャルメディアの可能性について言及された。

創業者のビズ・ストーンが作ったシートをみて言われたというのが印象的。
「ツイッターを最初に彼らが作ったとき、それが何を起こすのかまったくわからなかったが、デマや誤情報が流れたとしてもそれはグローバルでポジティブなインパクトをもたらすと信じて開発を続けてきた。我々もそれを信じていきたい。
震災を受けて我々が思ったのは、メールが不通の時にツイッターがつながった。
正しいか正しくないかはともかく善意で情報が拡散するということ。
ツイッターの今起こっている状況を可視化するという機能、速報性や伝播性が再認識され、社会インフラとして認められたと思う」

「技術の勝利ではなく、人間性の勝利」

多くの人が徒歩で帰宅し、避難所を求め、被災地の現状を知るための一番の情報源は確かにTwitterでした。

そして基調講演は MITメディアラボ教授 石井 裕先生の、

『311クライシス・レスポンス：エンジニアの活躍と未来展望：レジリアントな世界を構築するために』

スライド数は圧巻の250枚。講演時間が50分間なので1分に5枚のスライドをめくるペースというのが凄い。
講演は圧巻のスピードで進んで行く。スライドも美しい。

その他、講演内容は以下のようなもの。
・宮沢賢治から得たもの。詩を読む事は誰かがエンコードしたものをデコードする。それを自身の訓練としている
・「永訣の朝」の肉質原稿に書く万年筆からのアナログの響き。デジタルの乾き。
・原発の説明資料、技術者・科学者の説明能力が必要
・イラストレーション、ビジュアライゼーションを駆使して伝える事の重要性
・Hack For Japan の成果
・Connect People, with People, Information & Resources
・3.11で学んだ教訓「lessons learned」
　1. open information
　2. crowd sourcing
　3. mashup & curation
　4. resilient market of supply & demand

などなど・・・まとめあげるのが難しいほどのボリュームあるプレゼン。

一番印象に残っているのは、一番最後の「未来」の話し。

　2200年、自分がいなくなった世界で自分の事を、現在の事をどう思い出されたいか

10年後、20年後ではなく100年後や200年後に何を残すのか意識してモノ作りをした事がなかった自分にとって、改めて考えさせられる機会を与えて頂きました。

講演内容は石井教授のツイートからも確認できるので、@ishii_mitをフォローしてみてください。

02各社エンジニアよる技術講演

スマートフォンで加速する「GREE」グローバル開発の現場

GREEの荒木さんによる講演。
内容は、スマートフォン市場についてやGREEのスマートフォンサービス開発現場の話しが中心。
Java Script Flash ランタイム「Reel」の公開予定や「Adobe and GREE」でFlashでつくったネイティブアプリがGREEプラットフォームにだせる様になる、等と言った話しもあり。
印象に残った言葉は「エンジニアは英語勉強するよりコードで語れ」ソースコードで国境越えて理解しあえるとか・・・。

１２００万人の食卓を楽しくする技術

クックパッド 橋本さんの講演。
ユーザの利用状況や、それを支える技術とUXのアプローチが中心の内容。

クックパッドは 1200万UU / 月(PCアクセスのベース) 日本女性の19%が月1でアクセスしている計算。
画像配信システム「Tofu」を開発し、レシピ画像を動的にリサイズしてクラウドに保存
既存システムでは新しいサイズの画像を作るのにバッチ処理で800万の画像リサイズ処理をする必要があった。運用時に非効率なのでTofuを作るに至ってそうです。あとNFSで耐えきれなくなったので、AmazonEC2へ移行。開発者1人でやったというから驚き。
また、クックパッドはruby on railsで作られており、ディレクトリで分割して機能をカプセル化し、機能のOn/Offの切り替えを容易にする「Extension Framework」を活用している。

35人の精鋭エンジニアが料理を楽しく生活を向上するシステムを構築している。
積極的に新機能を試す為の仕組みがしっかりしていて・・安定したサービスの裏の努力を感じました。

社内では皆で投稿されたレシピを実際に作れるキッチンがあり、ランチはみんなで作って食べたりするそうです。(食材費用は会社負担)

ソーシャルグラフのデータ解析

mixi 木村さんの講演。

ノード毎にプロパティを持つGraph DBの説明など、技術的な話しを中心に展開されたが話しが深い。
グラフィカルな資料を元に、どうソーシャルグラフが形成されているかとても分かりやすかった。

登壇された木村さんの講演に近い執筆記事はこちらの「WEB+DB PRESS Vol.59」に掲載されていました。
とても濃密な話しだったので復習が必要だと思いすぐに購入。勉強になります。

ライフエンジンを支える検索エンジンの作り方

Yahoo! 小林さんの講演。

「検索エンジンは検索結果を取って来るだけでなく、ユーザーがより目的の情報を見つけやすくするため支援している。キーワード入力補助やスペるエラー、関連するキーワードなど、色々な技術を追加していくことが重要」
こつこつと積み重ねてきた結果が、今日のYahooの証明。素晴らしい。

そして、broderのクエリ分類別にチューニングを行うとのこと。
　1. informational query 何かを知りたい
　2. navigational query 特定ページへ
　3. transactional query 何かの作業をしたい
クエリの分類を深く理解し、最適なクエリの検索結果を出すのに試行錯誤している。
今後は対話型検索エンジンを目指すとの事。どう進化するのか楽しみです。

しかし社員が4800人いて2000人がエンジニアだそうですね・・すごい体制。

Hadoopによるリクルートでの技術調査とその活用

リクルートの中野さんの講演。
solrとcache-moduleとhadoopを主軸にした内容。

多くのサービスを抱えるリクルートの中で、各事業を深く理解しているエンジニアがシナジーを生むのだと言う事と、
紙媒体の資産をウェブで活用するためのアプローチがとても勉強になった。

「居つかないこと」という言葉が印象に残っている。
武道の言葉らしいのですが、足を止めずに技を途切らせることなく繋ぎ続けるといった意味があるらしいです。

あと、Hadoopの語源が開発者のお子さんが持っていた、黄色い象さんのぬいぐるみの名前だった事が判明した。
けっこうサービスや製品の名前決める時って、そんな感じだったりしますよね。

クラウド時代のアーキテクチャ設計

Amazon Data Services Japan 玉川さんの講演。

EC2やAWSのクラウドを利用したWebのアーキテクチャ設計。考え方のお話。

とにかく面白かった。
物理デバイスと異なるクラウドの特性を知る事と、スケーラビリティの高いアーキテクチャ設計。そして、高いコストパフォーマンスを発揮する。
AWSは「エンジニアのためのレゴブロック」とのこと。これからもたくさん遊ばせてもらいます。

時間が押していたので駆け足でプレゼンが終了してしまった事が残念・・・。
ですが、講演者の玉川さんが講演資料をアップしてくれています！感謝。

MIT石井裕教授　×　Hack For Japan　スペシャル対談

対談形式ではなかったですが、Hack For Japanの中心者でグーグルの及川さんが登壇。

3.11の震災直後のHack For Japan立ち上げの話しから会場の皆が聞き入っていました。

「何かできないだろうか」
「何かできるはずだ」
「今やらないでいつやるんですか？」
「やりましょう」
「コードで繋ぐ。想いと想い」

誰もが不安を抱える中で「自分たちにも何かできることがあるはず」と奔走し一歩を踏み出した、
全ての軌跡はHack For Japanに関わった人々が残している。

スライドの最後に表示されたのは、エンジニアらしいメッセージ。
　while(Japan.recovering) { we.hack(); }

詳細はHack For Japanブログと及川さんのブログで。必読。
Hack For Japanの軌跡 – Japan Innovation Leaders Summit 2011 8.6 satから
Hack For Japanの軌跡 – Japan Innovation Leaders Summit 2011

続いて『風@福島原発』の石野さん、笹島さんが登壇。
風の流れと福島原発から放出される放射能をグラフフィックでマッピングするアプリ。
子供を外で遊ばせたいと思う親御さんを思って開発され、「1日でも早くUninstallされる日がくるのを目指しています」と語られた姿はエンジニアとしてだけでなく人として尊敬。

そして、gclueの佐々木さんの『ガイガーカウンター』
実は以前に直接ガイガーカウンターを見せて頂いた事があったのだが、すごい進化してました。驚き。

放射能の目視化をスマートフォン上で実現するためのアプローチで、
ZIGBEEで転送してWebSocketでウェブブラウザで閲覧できるものや、赤ベコにはいったもの(笑)まで紹介されました。
情報をオープンにし、地域を越えて開発者が集まり開催したハッカソンの中で徐々に形になって言ったという・・ソーシャルにより繋がり遠く離れた個人の開発者と連携してモノを作り上げていくなんて10年前ではなかった。
製品化され本当に必要としている人たちが使える日がくることを願ってます。

最後に『フォトサルベージの輪』
シンボリック・コントロール株式会社の伊藤さんが発案し、白石さんが実現したという、
「被災地で失われた写真を修復する」活動の一環として作成されたアプリケーション。

03まとめ

イベントに参加して

総括として技術的な内容が多かった本イベントでしたが、
改めて考えらせられる機会を与えられました。

開発やモノづくりをしていく上で大切なものを見つけ、より良い世界へ。
そして未来へ続く可能性を模索していきたいです。

交流会

各企業のエンジニアの方をはじめ、登壇者の方々から直接貴重なお話を伺う機会を持て有意義な時間を過ごし、各社テーブルを挨拶でまわると、色々お土産を頂きました。ありがとうございます。

あと、石井教授がErmineWebの名刺を褒めてくれまして・・2200年がどのような世界になっているかの話しもさせて頂きました。

  *講演者資料と関連リンク

Hack For Japanの軌跡 – Japan Innovation Leaders Summit 2011 8.6 satから
クラウド時代のアーキテクチャ設計
Sinsai.info と Crisis Mapping
WEB+DB PRESS Vol.59
MIT石井教授ツイッターアカウント@ishii_mit

htc EVO WiMAX ISW11HT

目玉はなんと言っても、
1回線で多数のデバイスに接続できる「wimaxでのテザリングが可能」という点です。

しかも、wimaxが+500円で利用できるというからリーズナブル(なんと8月まで無料!!)
wimaxが接続できない場所でも、3G回線でテザリング可能。
幸いな事に現在のところ、私の行動圏内はカバーしてくれている模様。

もうデータカードや、タマゴ型のwi-fiデバイスを持ち歩かなくて済みます。
ひとつでも荷物が減るのは、忘れっぽい私にとっては嬉しい事です。

そして、

・htc EVO WiMAX ISW11HT
・Mac Book Air
・iPod touch

この3種の神器が揃った事でどこでも軽量装備で、制作や開発が可能となりました。

愛着が持てる様に、`E坊`と呼ぶ事にしました。
どこでも一緒。

それはかつてない大きな傷を日本にもたらしました。

東日本大震災で失われた多くの尊い命に追悼の意を表しますとともに
遺族の方々へ御悔みを申し上げます。

一日も早く皆様に笑顔が戻ります様に微力ながら復興支援と
今私たちのできる事を精一杯やっていきます。

Pray for japan, Pray for your smile

本記事は2011年1月9日（日）東京大学本郷キャンバスにて行われた、Android bazaar and Conference 2011 Winterにて、13：00～C会場で行われたのデザイントラックのセッション、女子部デザインチームによる『Webサイトの スマホ対応Tips』のウサギ（高橋純）の担当部分の補足記事となります。

セッション全体のスライドは『こちら』にアップされています。

また、今回のデザインセッションをとりまとめてくださった、デザイナ矢野りんさんの総括はアンドロイド女子部のブログ記事をご覧ください。

スマートフォン・リデザインコーディング

まず、本件の前提条件ですが、

1点目が、
既にPCサイトが存在する
ということです。
これはスマートフォンサイトを考慮して、新規にサイトを構築する点と大きく異なり、
今後多くの案件が当てはまる前提になるかと思います。

そして2点目、
PCサイトには影響がでないように別途コーディングすること
これは、PCサイトをハンドヘルドデバイス向けに最適化したほうが、
1つのソースでPCとスマートフォンの両方に対応が可能となりますが、
今回は既に完成している、PCサイトへの影響がでないようにとの要件があったため、
別ソースとしてコーディングしました。

01画面サイズ対応

ではまず最初に、画面サイズの対応を説明していきます。

スマートフォン向けにPCサイトを最適化する場合、
文字サイズ・画像サイズに気をつける必要があります。

と、いうのも
PC画面と大きく異なる点として、1端末に2通りの表示方式
Portrait（縦画面）と Landscape（横画面）があるからです。

スマートフォンには縦画面と横画面が存在する。

画像が画面から見切れてしまい、
全体像が見えなくなってしまうという問題が発生します。

その対応として、
縦画面の時と横画面の時とで、画面の向きの状態をJavascriptで判定し、
それぞれの画面サイズに合わせて調整した画像を
表示する様にしました。

画面の状態を検知するには、
ユーザが画面を傾けた状態変化を検出してイベントを通知する
「onorientationchange」と
ウィンドウサイズが変更された後に発生するイベントを取得し
指定メソッドを実行する「onresize」を使って、
ユーザが端末を縦か横に傾けたという状態を知る事ができます。

そして、
「orientation」プロパティから
実際にいま端末が「どの角度を向いているか」を取得し、判定に使います。

傾き状態が「0」だった場合は縦画面として判定し、
「0」以外であった場合は横画面として
画像を切り替える処理をしています。

この方法を応用すると
縦画面と横画面でCSSのスタイルを切り替える、といった事もできますので
Webデザイナの皆さんも、今後は多く利用する機会があるかもしれません。

02CSS3の活用

次はCSS3の活用についてです。

ブラウザがCSS3に対応してきたことで、
角丸やドロップシャドウ等のエフェクトが使える様になり、
PCサイトでは画像で表現されていたビジュアルを
CSSでスタイリングすることも可能となりました。

CSS3で角丸画像を表現するクラス定義

    .radius {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

CSS3でドロップシャドウを表現するクラス定義

    .shadow {
        -moz-box-shadow: 1px 2px 3px #999;
        -webkit-box-shadow: 1px 2px 3px #999;
    }

これにより、サイズ固定の画像で制作していた見出しも、
可変の見出しとして容易に表現ができるようになり、
Webデザイナにとって制作工数を削減できる大きなメリットになったと言えるでしょう。

画像をCSSのエフェクトで表現

現状、スマートフォンでは3G回線を使いますので、
ページ全体の容量も意識して、画像を最小限に抑えられる様にコーディングでカバーしました。

今後はLTEなどの普及で容量を意識せずとも良い時代が来るとはおもいますが、
現状の課題としてユーザのブラウジングにおけるストレスを軽減する一つの施策としています。

03表の最適化

3番目は、表の最適化に関する説明をします。

PCサイトのテーブルでは、
情報量を詰め込んだ状態となっているため、
スマートフォンサイトで最適化する場合には画面サイズの問題上、
情報量を削る必要がどうしても発生してきます。

そうした場合に削った情報の行き場として、
同一画面上にコンテンツをウィンドウ表示する
colorboxというjqueryライブラリ
を用いて対応しました。

こちらのライブラリは、PCサイトではブログ等でも多く利用されている「lightbox」ライクなライブラリで、
スマートフォンのブラウザでも問題なく動作し、様々なオプションを指定できるほか、9Kbyteと軽量なので、
非常にオススメの優秀なライブラリです。

スマートフォン最適化で情報をコンパクトに納める

この実装によりPCサイトでは表示されていて、
スマートフォン最適化にあたって削減されようとしていた情報もおさめる事ができました。

04アクセス判定

続いてはスマートフォンのアクセス判定です。

PCサイトへスマートフォンからアクセスがあった場合に、
アクセスしてきた端末を判定し、スマートフォン向けに最適化したページへリダイレクトをさせる方法は、主に以下の3パターンがあります。

1. Apache(.htaccess)で判定しリダイレクトさせる
2.サーバサイドスクリプト(PHPなど)で判定しリダイレクトさせる
3.Javascriptで判定しリダイレクトさせる

今回はJavascriptでの端末判定による、スマートフォンサイトへのリダイレクトを採用しています。

PHPなどのサーバサイドスクリプトや、ApacheをはじめとするWebサーバ側でのアクセス制御の対応ができない制作環境で、スマートフォン対応を依頼される案件の場合は、Javascriptでユーザエージェントの中の、端末を特定する「iPhone」や「Android」といった文字列で判定し、リダイレクトさせる方法で対応します。

今回はiPadをスマートフォンサイトへのリダイレクト対象から除外し、
通常のPCサイトを表示するようにしてあります。
iPadなどのタブレット端末はPCのモニタ同様の解像度があるため、PCサイトをそのまま表示できます。
また、今後Androidでもタブレット端末が増えてきた際に、
端末毎に詳細な判定をしなければいけないといった課題がでてくることでしょう。

各端末からのアクセスを判定しリダイレクト

そして、Javascriptで対応するメリットとデメリットですが、
ユーザの設定によりJavascriptをオフにされた場合はアクセス判定ができず、
スマートフォンサイトへのリダイレクトができないため、
通常のPCサイトを表示してしてしまうといったデメリットがあります。

しかし、ブラウザのデフォルト設定はjavascriptがオンになっているため、
通常のユーザを想定している場合は問題は発生しないと考えられます。

Javascriptで対応するメリットは、クライアントサイドで完結できるため、実装が容易である事があげられます。

リダイレクト方法の選択に関しては、クライアント様のポリシーに合わせて、適宜選択してください。

05Viewportを使用したハック「Holy Grail」

最後はViewportを使用したハック、Holy Grailについてご説明します。

スマートフォンユーザの方で、
デフォルトのブラウザでPCサイトを閲覧した際に
表示縮小されて文字が小さく、拡大しないとサイトを閲覧する事ができない
といった経験をした方は多いのではないでしょうか？

これはviewportを指定していないために起きる現象と言えます。

この問題はviewportを設定しておく事で、はじめから適度な大きさで表示する事ができます。

viewportとは
HTMLのヘッダ内に記述するmetaタグのひとつで、
開いたウインドウの中で実際に描画が行われる領域のことをいいます。

ちなみにviewportは、
デフォルト値が横幅980pxとして設定されているため、
PCサイトを表示すると文字がとても小さく表示されます。

viewportタグの記述例

        
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2" />

この例はアクセスした端末に合わせて横幅を調整、初期表示の倍率を1、ユーザが拡大できる範囲を2倍まで許可します。

viewportの設定前と設定後の比較

こちらは、viewportのcontent属性で利用できる補足のプロパティ一覧です。

device-width、device-heightはアクセスされた端末の幅に合わせて描画するサイズを設定する事ができる定数です。
この定数により320pxなどと指定したサイズで固定する事なく、
アクセスした端末に合わせて表示する事が可能です。

minimum-scale、maximum-scaleは拡大縮小できる倍率を0〜10までの数値で設定できます。

その他にもユーザが拡大・縮小をできるかどうかを設定する
user-scalable設定があります。

ただ先ほどの例で、viewportを記述した際に、
縦画面から横画面に表示を変更すると
画面が動的に拡大されてしまいユーザが調整する必要がでてきてしまいます。

そこで、このハックを使用します。
スマートフォン最適化のおまじないです。

スマートフォン最適化のおまじない(?)

Holy Grailとは
maximum-scaleに0.6667という値を設定すると、
端末を縦向き（portraitモード）にしても
横向き（landscapeモード）にしても、
文字サイズが変わらないという知るヒトゾ知る伝承のハックです。

Holry Grailを使用したタグの記述例

        
        <meta name="viewport" content="width=device-width, maximum-scale=0.6667" />

0.6667という数値に関する算出方法ですが、

480×0.6667=320.016　また　480÷0.6667=719.964
という計算でPortraitとLandscapeどちらのモードでも
表示領域上の幅がフィットした形で表示されるといったロジックです。

!! HolyGrailを使用する場合の注意点 !!
maximum-scaleの設定が1以下のため、user-scalableを許可した場合でもユーザ任意で拡大する事ができなくなってしまいます。
ユーザビリティを考慮して、拡大も出来た方が閲覧するユーザとしてはいいですよね。
表組みの様に表示が崩れては可読性が著しく低下する、
といった状況の回避策として、コンテンツ内容に合わせて使用を検討して下さい。

06質疑応答

Q.01 傾き判定の取得方法はJavascriptのみ？

動的に端末の画面状態を取得し傾きを検知するには、クライアントサイドのjavascriptで取得する方法で取得します。
サーバサイドではアクセスした時点での画面サイズを取得し初期表示する時に、画面サイズに合わせた描画を行うといった処理で対応します。

Q.02 スマートフォンのデバッグ方法はありますか？

現在有用な方法はありません。Xperiaではviewportやboldスタイルが機能しない等の問題がある等、端末のブラウザ毎に差異があります。
基本は実機での表示確認と動作検証を推奨いたします。

PC上でのデバッグ方法として、
Android Developersで入手できるSDKに同梱されるAndroidエミュレータや、
iPhone Dev Centerで入手できるSDKのiPhoneのエミュレータを活用して下さい。

Q.03 jQuery mobileやSencha以外のフレームワークはありますか？

jQuery mobileをはじめとする、スマートフォンに特化したフレームワークはまだ成長段階です。
他には、jQueryの様な記述方法で使用でき、2KBという軽量なスマートフォンに特化したJSフレームワーク「zepto.js」があります。
jQueryなどのライブラリはブラウザの進化により、スマートフォン向けの機能がいずれPCと統合され、
振り分けを意識せず使える時が、そう遠くはない未来に訪れるのではないでしょうか。

07参考

携帯向け開発者のための機種情報サイト「KEITAI ALL」
HTML5とCSS3の各ブラウザ対応状況「HTML5 & CSS3 Support」

★ありがとうございました。

セッション中、うさぎの呼吸をみなさんにご心配していただいていたたようで、セッション内容以外を気にさせてしまい申し訳ありませんでした!
また知人から満員で入れなかったという話を聞いたので、自分の担当箇所でセッション中に織り込めなかった内容と質疑応答を追記し、
すべてオープンにしようと思い記事にしてみました。

今回は本当に貴重な経験をさせて頂きました事を、関係者のみなさまに御礼申し上げます。

着ぐるみも楽しかったです♪（ウサギ日記はまた別途書きたいと思います。）

スタッフ・関係者・来場者のみなさんお疲れさまでした。
ありがとうございました！

Android Bazaar and Conference 2011 Winter

年明け、2011年1月9日（日）東京大学本郷キャンパスにて行われる、『Android bazaar and Conference 2011 Winter』 の
デザインセッションにErmineWebのJunがうさぎの着ぐるみ（いちごちゃん）を着て登壇します。

現在活躍中のデザイナ、矢野りんさん、山本麻美さんにお声をかけいただき、僭越ながらABC2011のスマートフォン用のページ制作を担当しています。

テーマは、Webサイトのスマホ対応Tipsです。
（↓詳細抜粋）

6月のABCでは講演を観ていた側でしたので、なんだかとっても不思議。しかもセッション初体験で着ぐるみです（笑）

Ermineのマスコットキャラはオコジョなわけですが…今回は特別にうさぎです。
オコジョの着ぐるみはなかった・・・！
（いつかハコちゃんの着ぐるみをフルオーダするのが夢リストに加わりました。）
ということで、干支のうさぎになります☆

すてきなパンダさんとトラさんが一緒です！
（※ウサギ画像はふわふわさんのHPよりお借りしました。）

当日はjunがこれを着て会場にいますよ。

心臓がとびでそうですが、着ぐるみな分緊張が顔に出なくていいですね！緊張しすぎてヘマをしませんように！楽しくすごせますように。

アンドロイド女子部では、『DJモグタソの、オールナイト☆108（ヒャッハー）』という、アンドロイドに関する素朴な疑問に、素敵なDJさんが答えてくれるLTがあります。こちらも楽しみです！ヒャッハー!!

当日会場でお会いする皆様、どうぞよろしくお願いします。

公式ページはこちらから
Android Bazaar and Conference 2011 Winter

今年のErmineWebは、まさにスマートフォン元年といっていい年となりました。

もう勉強、勉強、また勉強の日々・・・。
そんなわけで行ったことのなかった、イベントや勉強会に、足しげく通ってみたり、
たくさんのアニメーションやプログラムに触れて見識を広げさせてもらった。そんな日々でした。

また仕事でも新しいチャレンジをいくつかさせてもらいました。感謝します。

心地よく、結果を出す、そんなモノづくりをともに生み出したい。そのために技術力向上！日々努力あるのみです。
来年もどうぞよろしくお願いいたします。

皆様にとって素敵な一年でありますように…。

2010年12月某日