そこではインターネットサービスに関する技術トレンドが語られた。Conference」を開催している。2013」が初開催された背景には、同社CTO藤本真樹氏の強い思いがあった。2013」の冒頭、挨拶に立った藤本氏の言葉からわかる。過去のイベントでももちろん技術セッションはあったが、さらに技術に特化したスタイルでやりたかったのだという。「スーツなど着なくともラフな服装で参加ができ、エンジニア同士がもっと情報交換ができるカンファレンスをやりたくて新設しました。2013」のセッションが始まった。Data(トレジャーデータ)CTOの太田一樹氏である。テーマは「大規模行動ログ解析サービス」。太田氏は日本のHadoopユーザー会を設立するなど、19歳の頃からオープンソースの発展に関わってきた人物だ。Hadoopをベースにした大規模データ解析基盤を開発し、クラウドサービスとして提供している。「私たちがこだわっているのは、大量のログを解析して価値のある形でレポートするまでの時間を、サインアップしてからいかに早く提供できるかなのです」どれだけ短期間でビッグデータ活用が可能になるのか。Fox(米シアトルにあるネイティブゲームの開発会社)を紹介。同社の場合、サインアップから3日間で解析できる仕組みを構築した。Mobfoxというヨーロッパの最大級のモバイル広告の会社のケースでは、毎月200億のインプレッションレコードが蓄積されていく大規模データ分析システムだったが、約2週間で構築できたという。その驚異的な解析機能を可能にしているのが、同社の技術だ。Storage」、さらには解析結果をダッシュボードにプッシュする仕組みなども提供している。Storage」については、典型的なアーキテクチャなども紹介した。ビッグデータ活用における問題は技術的な面だけではない。「ビッグデータの活用や運用においては、解析チームと開発チームの意見が対立することも多い」と太田氏。トレジャーデータはそれを解決するため、ログをJSON形式で残すという技術的アプローチを採用している。「こうすればそのログデータが何のデータか説明できるから」と太田氏。このようにトレジャーデータでは、ビッグデータ活用にまつわるさまざまな問題解決に取り組んでいる。次に登壇したのはグリー開発本部インフラストラクチャ統括部アプリケーション基盤開発部のパロット・ジェイソン氏である。ジェイソン氏はカナダ出身。Technology、Webシステム開発会社を経て2011年1月グリーに転職。グリーではJavaScriptやHTML5の知識を生かし、ソーシャルアプリ開発のためのミドルウェアの開発に携わっている。Performance~Rendering,Layout,Animation~」。Webサービスで重要になるのはパフォーマンスである。どんなに楽しいソーシャルゲームでもユーザーが期待したとおりに動いてくれないと、継続して遊んでくれなくなるからだ。パフォーマンスとは何か。ジェイソン氏はウィキペディアの解説を引用した上で、「何かしら結果が得られるまでのスピード、つまりWeb上で素晴らしい速さのスピードで表示されることがパフォーマンス」と、定義づけた。すればパフォーマンスがよいWebサービスが実現するか。そのために欠かせないHTMLでのレイアウト、Painting、コンポジティング、JavaScriptではDOMの使い方、Canvasの効率的な処理手法について紹介した。JAPAN」では、2153もの要素で構成されており、最適化されている。このように平均的なWebサイトでも多数のレイアウト要素が含まれているからだ。HTMLでCSSレイアウトを行う際、staticやabsolute、relative、fixedなどのpositionプロパティをよく使う。static:配置方法の指定はしないので最もシンプル。ボックスはコンテナーの中に作られる。top、bottom、left、rightは適用されず、初期値に配置される。absolute:絶対位置への配置。親ボックスにstatic以外の値が指定されている場合は、親ボックスの左上が基準位置となる。relative:相対位置への配置。top、bottom、left、rightが適用できる。staticレイアウトが基準レイアウトとなる。fixed:絶対位置への配置。absoluteとの違いはスクロールしても位置が固定されること。float:ボックスを右か左へのフローティング指定。Webデザイナーがよく使うレイアウトだが、理解するのが難しい。遅くなったり速くなったりする。これらpositionプロパティのどれを使うかによっても、パフォーマンスは変わるとジェイソン氏は言う。fixed、absoluteは最も速いが、モバイルデバイスでは非対応のモノもある。PC版の場合はぜひ、使ってほしい。お勧めできないのはrelativeポジション。これは使わないで済むのなら使わない方が得策だ」JavaScriptのレイアウトについても注意が必要だ。JavaScriptを用いるとさまざまなことができる反面、重い処理が発生するため、スピードが遅くなりがちだからだ。propertiesを提示し、「これらはすべて処理を遅くする」と説明。実際、このサイトのページを例に(http://jsperf.com/offsetwidth)、表示スピードのベンチマークを行うというデモを実施した。解決する手段としては、まずは「値が変わらないときはキャッシュを使うこと、エレメントを追加する前にエレメントのプロパティを変更すること」とジェイソン氏は紹介した。それ以外にも方法がある。通常私たちはこのように書きがちだ。}これを次のように要素をDOMの中に入れるようにすると、パフォーマンスは大きく変わる。body.appendChild(fragment);ここで注目したいのは、「appendChildを指定した後にプロパティの編集をしないこと」と「DocumentFragmentを使ったこと」である。DocumentFragmentは面白いノード(node)だ。使うことで、ほかのどんなものよりも速くなるからだ。「最近のブラウザではappendChildと同程度の速さとなるが、DocumentFragmentを使うと、CSSのそれぞれのStyleやレイアウト系のpropertyは実際に計算しない。一度「window.getComputedStyle」で試して欲しい」と、ジェイソン氏。Rule)」という記事がよくある。「この方法が本当なのはケースによる」とジェイソン氏は言う。ジェイソン氏がテストしたところ、GPUモードのレンダリングではそうとは言えない結果が出たというのである。Ruleは使えない」というわけだ。次にPaintingについて。ジェイソン氏は「最適化するのは難しい」と語る。何が起こっているのか、まずは確認することだ。panel」をチェックする。確認することが必要だという。第三はコンポジティングでのパフォーマンス改善である。「最近のブラウザはすべてのことをGPUで実行しているので、コンポジティングのパフォーマンスを上げるには、できる限りGPUモードを使うことだ」とジェイソン氏。デバイスによってはGPUモードにバグが出るので、「使う際にはチェックが必要だ」と語る。RuleはGPUモードでは使わない」という方法がデモと共に紹介された。最後はHTML、Canvasでのパフォーマンス改善について。こちらも「GPUモードを使うことが重要」とジェイソン氏。お勧めは「drawlmageメソッドを使う」ことだという。drawlmageメソッドとはCanvas上にイメージを描画する際に使用するメソッドだ。これを使うといかに速くなるかを、デモを実施してアピールした。pathsよりも断然速くなる。これを使わない手はない。ブラウザはどんどん進化している。http://gree.github.com/techconf2013/またソーシャルアプリケーションの未来を技術面から占うパネルディスカッションも開催された。ある福永尚爾氏、モデレータはグリーCTOの藤本氏が務めた。多くの時間を使って語られたのが「ネイティブとブラウザ、今後どちらの方向に進んでいくか」。最初に口火を切った福永氏は「業界の流れがネイティブに向かってもWeb、ネイティブ両者に対応できるように、開発言語をC#にする」と、現時点のPHPで書いたソースをC#に移行しているという。小林氏の会社ではWebViewでの開発が増えており、「ネイティブは一部のプロジェクトのみ」だという。天羽氏は「ネイティブかブラウザかというのは手段であり、目的に応じてどちらが適しているかが変わってくる。どんなマーケットにどんなアプリをつくっていくかという各社の戦略に応じて適したものを選択することになる」と、指摘した。「3Dゲームの登場など、ブラウザでできることには技術的に限界があるのでは?」と藤本氏。それに対して小林氏は「ネイティブにはかなわないところはもちろんあるが、だからといってそれが最適なユーザー体験を提供しているかは別だ。演出の派手さではなく、ユーザーの体験でネイティブアプリと勝負することができるはずだ」と言う。ネイティブに注力したくてもなかなかできない事情は各社あるという。Webアプリをネイティブアプリに移行するには、難しい面もあるのは事実。それは人材確保の問題だ。グラニはC#を選択したのだ。それについて天羽氏は言う。「高等な言語や便利なフレームワーク、ミドルウェアなどのツールが沢山ある。それらの使い方を知識として得るだけでなく、内部構造を理解した上で適した利用をしたり、目的を満たすためのアルゴリズムを定義する能力を重視している。そこを鍛えることで利用する要素技術が変わっても柔軟に対応できる組織を目指している」(天羽氏)ネイティブとブラウザ。今後どちらが主流になるかについて明確な答えはなかったが、それぞれが狙うマーケット、実現するサービスなどは違ったものになりそうだ。パネルディスカッションではそのほかにも、UI/UXの現状や各社の今後の戦略などが語られ、ソーシャルゲームが進む方向性が見えてきた。技術情報だけではなく、業界の動向までも入手することができた。今回は4社が表彰された。このようなイベントが開催できるのは、グローバルな環境でのサービス提供、大量データの分析、スマートデバイス向けコンテンツの表現リッチ化、ユーザーエクスペリエンスの向上など、ソーシャルサービスをとりまくさまざまな課題に真摯に取り組み、業界をリードしてきた「技術に強いグリー」だからこそ。Talk」など一般のエンジニアを対象としたオープンな技術イベントも多数開催している。進化の激しいインターネットの世界。その技術情報を自分一人で仕入れるのは至難の業だ。グリーの技術イベントをチェックし、参加してみてはいかがだろう。新しい発見があるはずだ。「GREE」を公開、日本だけでなく米国・欧州などグローバル展開を進め、世界で億単位のユーザー数を目指すソーシャルメディア事業をはじめ、ソーシャルアプリケーション事業、プラットフォーム事業、広告・アドネットワーク事業等を展開しています。人気企業の採用実態あの人気企業はいま、どんな採用活動を行っているのか。大量採用?厳選採用?社長の狙い、社員の思いは?Tech総研が独自に取材、気になる実態を徹底レポート。伊藤直也氏が語るグリースマートフォン向け開発シフト日本でも本格的な普及期に入ったiPhone/Androidなどのスマートフォン。ふしぎな手紙とどうぶつ島」を新たにリリースしたグリーの人気育成ゲーム「ハコニワ」。軽快なレスポン...グリーGREEネイティブアプリUnityAndroid...シンプルなゲームロジック、バッグエンドの高い技術力、UI設計...GREEの「釣り★スタ」が長年支持され続ける理由とはリリースから今年で6年目を迎え、いまなお人気の高い「釣り★スタ」。世界で10億人のユーザー獲得を目指し、開発力の強化に乗り出したグリー。応じて優遇」などは募集条件でよく見る言葉。Tech総研リクルートグループサイトへ。