#wizcorp

10年前の今日、ソフトウェアの先端技術を活用し、画期的なユーザ体験と製品を産み出すというビジョンのもとに、Wizcorpが生まれました。 多くのチャレンジを乗り越え、長い道のりでしたが、お客様と熱心なメンバーのサポート無くしてはここまで来れませんでした。

Today, 10 years ago, Wizcorp was born with a vision of applying cutting-edge software technologies to create innovative user experiences and products. We have come a long way since, and had many challenges, but we wouldn’t have become who we are without the support of our customers and our passionate members.

「コーチングやティーチングを高いレベルで行えば、それ自体が芸術性を帯びてくる」これは今年話題を集めたラグビー日本代表ヘッドコーチのエディー・ジョーンズさんの言葉です。エディーさんによると、日本では武士道精神がまだ根強く残っているために、芸術性に対して意識を向けられないのが残念だといいます。これはラグビーというスポーツだけでなく、日本社会全体の教育また管理における共通の問題であると考えているようです。今回はマネジメントにおける芸術性と、外国人ヘッドコーチがいかにして世界に通用する組織を作り上げたのかをお話したいと思います。

ワールドカップ帰国記者会見

「日本には優秀な選手がたくさんいながら、本領発揮できてないと思っていました。日本のラグビー文化はパフォーマンスをするというところではなく、高校、大学、そしてトップリーグチームまでもがそういう文化です。高いレベルでパフォーマンスをするための練習をしていない。規律を守らせるために、従順にさせるために練習をしているだけなので勝てない。

一方、実際、日本人の選手の質は非常に高いです。この先、正しい方向に進んでいくためには日本のラグビーのマインドセットの変化が必要です。もし足の速いウイングが大学生でいれば、その選手に1週間6回練習させて、中距離ランナーのような練習をさせてしまうと、彼の走力が失われてしまいます。それが現実です。ウサイン・ボルトですけども、マラソン選手のような練習はしません。スプリンターとしての練習をします。そして高校、大学、トップリーグのチームは、ラグビー選手を育てるための練習をしなければいけません。それをすることでラグビー選手の層が厚くなり、競争率も上がり、情熱も上がります。そうすると結果、強い代表チームが形成されます。

　けれども、しっかりとしたプランニングがないといけません。そしてそれを遂行する力がないといけません。それは非常に困難なことです。なぜ困難か分かりますか。なぜかというと変化が必要ですから。そして変化というのを嫌う人もいます。」

私はこのスピーチを丁度当社で行う学生向けのトレーニングプログラムを企画している時に聞きました。日本の若い学生達に世界で通用するエンジニアになってもらいたいと考えた時に、この会見の内容を聞いて日本のエンジニア業界の環境を表しているようにも感じられました。日本にはとても多くの優秀な学生がいますが、彼等のパフォーマンスを高いレベルで発揮する教育を与えられているのか？エンジニアリングの古い概念を押しつけ、従順にさせるための教育をしていないか？「きつい」「帰れない」「給料が安い」など言われる環境を武士道の精神主義として押し付けていないか？プロの教育者、管理者として個々の特徴を見極め、しっかりとプランニングを立て育てる事ができているのか？ラグビーの問題だけでなく、とても考えさせられる内容でした。

コーチングはアートである

欧米ではヘッドコーチを評価する時に使われる「アート」という表現ですが、日本では使われる事はほとんどありません。ここで言うアートは日本人にはあまりピンとこないとは思いますが、サイエンス(理系）に対してアート（文系）と考えると随分と分かり易いかと思います。つまり前者は自然現象についての教えで後者は人間の社会活動についての教えです。エディーさんが言うには、練習計画のベースになるのはサイエンスで、科学的な根拠にそって練習メニューを作成しなければならない。しかし、全員に同じ練習メニューをこなしても選手によって効果はバラバラなので、一人一人にとって何が必要なのかを、コミュニケーションの取り方も含め見極めるのがコーチングにおけるアートであると話しています。

武士道精神の弊害

このアートを活かすのに障害になっているのが、日本に古くから残っている武士道精神だとエディーさんは指摘しています。武士道の基本的考え方は、鍛錬を欠かさず命をかけて徹底責任を取る者こそが支配者・指導者であり、庶民はそのような支配者・指導者に従うのが当然というものであります。それが今も尚、日本社会において、上下関係と我慢への信仰として残っているとエディーさんは考えているようで、それを伝統や美徳という言葉で表現し、スポーツにおいてどれだけ辛い練習や痛みに耐えられるかという考えがまかり通ってるクラブの運営や練習方法は、スポーツとは言えないところが多いと言うのです。　

モダン武士道

しかし、エディーさんは、障害と考えている武士道精神を逆手に取って日本代表を強くしました。皆さんご存知かと思いますが、ラグビー日本代表の練習は午前5時からの開始でした。この厳しい練習内容は日本の忠実心が無ければ成立せず、他のどの国もまねする事のできない練習量であるとエディーさんは言っています。しかし、練習の中身は単に厳しいトレーニングではなく、科学的な理論を基にしたトレーニングを行い選手個々の能力を延ばしていったのです。日本人の特徴を見極めたうえで、トレーニングに反映させているところは、まさしくアートなのです。その結果は、ランキングで上位の国を次々と倒した事で実証されました。

自主性の欠如

エディーさんが、武士道精神の他に懸念としていたのが日本人の”自主性”と”創造性”の欠如でした。「日本選手は練習熱心で規律正しい一方、“自主性”に欠けているため、すべての原動力をトップが与えなくてはならなかった。本当に強いチームは、トップからも現場からも原動力が生み出されます。選手がもう少し“自主的”になれば、日本は必ず強くなるんです。私はこの状況の原因が、“日本のスポーツ教育”にあるのではないかと思います。“自主性”をあまり表に出さず、異議を唱えないように教えられていますから。しかし、国際舞台で成功を収めるためには“個の力”、そして“自主性”が必要なのです。選手の“自主性”を促すには、“ポジティブな環境”を作り出さないといけません。これはビジネスでも同じだと思います。」

自主性を出す

エディーさんは、選手たちの”自主性”を引き出すために、練習や練習試合中に、気になった場面があると、すぐにプレーを止め、なぜそのプレーをしたのか、選手自身に考えを聞きます。さらにミーティングでは、通常コーチが行う戦術の説明を、選手に任せることもあるのです。「ラグビーでは『コーチそれは違う、こうした方が良いのでは？』と言える選手が、とても重要です。そのような議論を行うことで“創造性”という強みが生まれるからです。」歴史的金星を挙げた南アフリカ戦では、３点ビハインドからのラストプレーで、逆転狙いのスクラムを選択したのは、選手の”自主性”が現れた結果であるのかもしれません。

自分の長所に気づかない社会

日本人が“創造性”に欠けている事は、先日のNEWSWEEKの記事で「世界で最低」であることが伝えられていましたが、日本人は自分のことを肯定的に捉えず、否定的なところから入って自分の成長ルートを導きだす傾向があることをエディーさんは指摘しています。なぜなら指導者が否定的な側面から指導を行う傾向があるため、その方が指導者に評価されるからだそうです。創造とは新しいものを産み出すことですが、皆から認められる新しいものを産み出せる確立はそもそも高くありません、そのためより多くの事を創造する機会を与える事が必要なのですが、指導が否定的であると、創造する事さえ止めてしまうことになるのです。

日本社会の影響

エディーさんは、日本の社会が想像力の歩みを止めてしまったように思えているようで、経済の基盤が安定した事で、「チャレンジ」ではなく「ミスをしない」事が優先になってしまった事が根底に有ると言っています。ラクビーにおいても選手がクリエイティブな思考を持ち、自分自身で判断する事を求めているが、ただ日本の社会では選手が決断した後で「それは間違っていた」と否定する事が多い。コーチにとって大切なのは、「選手がなぜそういう決断をしたのか」を考える事です。それを考えることが「アート」であると話しています。

多民族のマネージメント

日本ラグビー代表には多くの外国人（元外国籍も含めると）が選出されています。そもそも日本代表と呼ぶにふさわしいのか疑問を唱える人も多いかと思いますが、他の国では、日本より日常的にも外国人の占める割合がずっと多いので、当然のことながら日本代表よりも外国人が代表としてプレーするワールドカップ出場国は多くなっています。　現代社会おいては人種がミックスされているのはもはや当然の事で、ミックスしたうえで、どうのように世界と戦うかが求められているのかもしれません。それは、近年のビジネスの世界でも言われているグローバル化であり、今後避けられない世界の流れであるかと思います。 

JAPAN WAY

エディさんは、就任当初チームの背骨になる意思決定を担う２番、８番、９番、１０番、１２番、１５番といった主要ポジションに日本人を入れて、日本代表としての団結力や集中力を強化しました。そして世界で戦ううえでは、どうしても足りない部分である、パワーを必要とするポジションに外国人を配置したのです。エディーさんは、日本ラグビーが世界で勝つために、他の様々なスポーツを研究しました。特に体格的なハンディを持ちながら活躍している、女子サッカーとバレーボールの研究から、多くのパスをつなぎスペースをつくり試合を支配する日本のスタイル「JAPAN WAY」をラグビーにおいて築きあげたのです。

日本の企業が世界と戦うために

スポーツは国際大会によって常に世界と比べられ、テレビなどのメディアによって、全てが一般公開されてしまう厳しい世界です。日本のビジネスは世界と戦うという意味では同じであるかと思います。

エディーさんは日本のビジネスに関してこう話しています。

「ビジネスとスポーツはとても似ていますね。日本社会の規律正しく、一生懸命頑張るという部分に“自主性”と“創造性”を加えることができれば、すばらしい日本の組織ができあがると確信しています。」

当社はエディーさんのように、外国人から客観的に日本のエンジニア業界を見れる立場にあると考えています。日本の企業が世界の企業と戦うため、常に世界の新しい技術や手法にアンテナを張ると共に、日本の文化、社会、人の理解を深めたうえで、日本人の特徴を活かし、他の国にはまねできないITエンジニアリングにおけるJAPAN WAYを作りあげたいと考えています。

http://peatix.com/event/130446/view

Wizcorp

収益やコストではなく品質にこだわることが最善である理由

クオリティの欠如

Wizcorpでは、設立以来、技術の向上と作業プロセス、そして何よりも仕事の品質を重視してきました。そこに拘る理由としてはいくつかありますが、最もわかりやすいものとして2つご紹介したいと思います。

元々そういう性分だから。情熱を持ったエンジニアが集まっており、私たちは常に最良の方法を求め続けることに努力を惜しみません。 

市場が必要としているから。ソフトウェア開発市場において、信頼性と保全性の確保は避けて通れない道です。一方で、その面において満足のいく結果を残せていないケースがソフトウェア開発の現状です。ゲーム開発や、スタートアップ、研究開発プロジェクトなどといった最前線のビジネスであれば特に当てはまるケースが多いのではないでしょうか。 

世界にこれだけ優秀なエンジニアやマネージャーがいる状況で、なぜ2.のような事態が発生してしまうのでしょうか。プロジェクトを依頼する各企業においては、そのための予算も配分されており、成功させるための条件は十分揃っているはずです。

私たちWizcorpのもとには開発中に問題が発生してしまったプロジェクトを救出してほしいというような依頼がしばしば舞い込んできます。そういったプロジェクトに共通して言えるのがコード品質の悪さです。コードが読みやすいか、維持しやすいか、また、その機能に適したコードかどうかと言った点です。

そもそも、なぜ低品質のソフトウェアは生まれてしまうのでしょうか。そして、なぜ、ここにきてWizcorpの「プロジェクト復旧サービス」が市場で新たな需要を生み出しているのでしょうか。

オープンソースプロジェクトから学ぶべきこと

ご存知のように多くのオープンソースプロジェクトは、開発に貢献してたところで報酬を得られることはほとんどありません。その事実に反してコード品質は非常に高く、いわゆる有償で書かれた各プロジェクトの専有コードと比較してもはるかに優れています。

オープンソースプロジェクトの中には一部非営利団体から出資を受けているものもありますが、各プロジェクトが生み出す利益や社会への貢献度を考えると、その投資額はほんのわずかな金額でしかないことがわかります。

例えばLinux Foundation（Collaborative Projectsも含む）は、多くの方が一度は聞いたことのあるような以下のプロジェクトに年間3千万ドルを投じています。 

Node.js 最大のJavaScriptサーバーサイド開発環境。

Linux サーバ、モバイル、エンベッドシステムで最も広く使われているオペレーティング・システムのひとつ。

Xen 最も広く使われているオープンソースハイパーバイザーのひとつ。AWSなど多数のプロバイダーが使用している。

3千万ドルときくと多額に思えますが、ここでご紹介したものは数あるプロジェクトの中でも最も資金援助を得ているものだということを忘れてはいけません。私たちエンジニアがお世話になっているオープンソースプロジェクトのほとんどは、資金援助を受けていません。それでも、予算を与えられて書かれたコードベースと比べて、高い品質を誇っています。

読者の中にデベロッパーと働いている方がいれば、近くのwebデベロッパーを捕まえて、使用している開発フレームワーク （PHP, Ruby, Python）は何かと尋ねてみてください。次に、そのフレームワークを使って開発した直近のプロジェクトも見せてもらいましょう。そして、他のデベロッパーを呼んできて2つのコード、フレームワークのコードと、フレームワークを使って開発したコードの品質を比較してもらいましょう。そうすると、ほとんどの場合で下記のパターンが当てはまるでしょう。

フレームワークがオープンソース、開発費用はゼロに近い

フレームワークのコード品質がプロジェクトのコードよりもはるかに優れている

資金援助のほとんど無いオープンソースプロジェクトで高いクオリティが生み出されている事実から、必ずしも資金力がクオリティを生み出しているというわけでは言えなさそうです。では、２つの差は一体何でしょうか。

成功を収める多くのオープンソースプロジェクトに共通して言えることですが、まずは、プロジェクトの目的が極めて明確であるということです。それに賛同して、たとえ無報酬であっても、自ら貢献して成功させたいと願う同志が集まって取り組んだ結果、プロジェクトは成功に導かれたと言えるでしょう。

この例にならって成功を目指すためにまずフォーカスすべきことは、

プロジェクトの目的を明確にする

1.を実現するために必要な物（機能等）は何かを考える

技術的に信頼のおける開発パートナーを選別する

次項では、上記について１項目ずつ具体的に見ていきたいとおもいます。

成功への３ステップ

1. 目的を明確にする

プロジェクトの趣旨を1~2文でシンプルに書き出しましょう。なぜ、そのサービスを世の中が必要としているのか、既存の類似サービスと異なる点は何かということをここで明らかにしておく必要があります。

更に重要となるのが、メンバー全員がその目的に賛同しているということです。職務内容や契約形態にかかわらず、マネージャー、デザイナー、エンジニア、契約社員などプロジェクトに関わる全ての人のことを指します。ゴールがはっきり見えているほど、人々はより力を発揮します。

2. 1.を実現するために必要な物は何かを考える（仕様書作成）

1の目的を達成するために、どのような機能が必要であるかを考えましょう。この時点でリソースについて考える必要はありません。プランニングに一切の制約を課さず、目的達成にのために必要な項目が何であるかを考えましょう。

ここでしっかりと仕様書を作成しておくことが、プロジェクトの未来を左右すると言ってもあながち間違いではないでしょう。

3. 開発会社のリサーチ

ここまで来てやっと、開発パートナーを探しはじめる準備が整ったと言えます。今回は開発を委託する場合を想定して、以下のガイドラインを用意いたしました。

彼らのオフィスで会いましょう。相手の会社で会うことでより相手のことを知る事ができます。

打ち合わせは30分以上かけてじっくり話しましょう。ただし90分を超えることはないように。

最初の5~10分（短いほど良い）であなたの状況を伝えましょう。あなたが成し遂げようとしていることや彼らに何を求めているのか。

質問がないか尋ねましょう。

優秀な開発会社であれば、この時点でいくつか質問をしてきます。プロジェクトがゲームの場合には、ターゲットとする市場はどこか、また他社競合と異なる要素は何か、エンドユーザーを魅了するキー要素は何かといったようなことです。

次に、仕様書がないかと尋ねてくることでしょう。もちろん予め準備して行きましょう。書類が複数ある場合には、必ず全てプリントしていきますが、重要なのは、相手に尋ねられた場合にのみ渡すということです。もし尋ねられることがなければ、あなたが求めているパートナーではないかもしれません。

今度は、あなたが彼らに尋ねてみましょう。どんな技術をどのようにつかうのか、なぜその技術でなければならないのか。決して、ツール名のみを聞いて満足してはいけません。良い開発会社は、複雑な内容であってもシンプルに説明することができます。それができなければ、彼らは作業ツールを使いこなしているとは言えず、あなたの最適なパートナーとはいえないでしょう。

いよいよ、打ち合わせが終わる10分前にさしかかったところで、リソースについて聞いてみましょう。とは言っても、その場ですぐに具体的な数字が欲しいわけではなく、概算を提示してもらうことができれば十分です。大抵その場で大まかな見積もりを提示してくれます。もちろん、より具体的な見積もりを出すためには、リサーチや社内議論が必要だということも彼らは経験として心得ていることでしょう。

3~5件のパートナー候補となる会社と上記のプロセスを踏みましょう。できれば、実際に評判をきいたことのある会社を知人から紹介してもらうのがベストです。

コストの前に信頼

ドラッカーは「いかに正しく物事を進めようと考えるより、いかに正しい物事を行えるかに労力を割くべきだ」と唱えています。

ここまでに述べたプロセスは、何が正しい物事かを理解するために必要な一連のプロセスです。次に考えなければならないのは、あなたが正しい物事を行うために信頼できるパートナーは誰かということです。最も説得力のある会社はどこだったか、あなたのやりたいことに賛同してくれて、技術的な領域についてもわかりやすい資料を提供してくれたのはどこだったか。

以上の分析後、その時点で候補に残った2~3の開発会社に最終見積をお願いしてみましょう。

その際、価格だけを理由に選んではいけません。ソフトウェア開発は物ではなく、サービスです。開発後もサポートが必要になります。また、納品寸前に仕様が変更になったり、想定外の状況に遭遇することもあります。そういった状況で、契約について揉めたり、手を抜いて開発品質を下げてしまうような会社もいるかもしれません。

例えば、2社から劇的に異なる価格を提示された場合、それぞれに価格設定の理由を必ず尋ねてください。なぜ、一方がそこまで高いのかということだけではなく、なぜそこまで安くすることができるのかということも知る必要があります。もしかすると、彼らのすばらしく効率的な作業手順によって、低価格での提供が可能なのかもしれません。そうであれば、大変ラッキーなことですね。ただし、その低価格の理由が明らかでない場合、いわゆるブラック企業ではよくあることですが、作業時間を開示したがらないような場合には、彼らと本当に働きたいかどうか考えなおさなければなりません。

反対に、開発会社の提示した金額が高いと感じた場合には、彼らの専門性について確認してみてください。これまでにも、プロジェクトのニーズをはるかに超えるような高い専門性を持つ会社が、その開発にあたるケースがありました。彼らの提供サービスが、あなたが求めるものと一致しているかどうか再度考えてみてください。そうでなければ、無駄に高い金額を支払うことになります。 必要以上のサービスが提案されている場合には、値段交渉をしてみましょう。一般的に価格交渉あるいは良い結果を生むことが多いです。相手の会社をよりよく知ることができ、お互いの信頼関係を築くことも可能です。

つまり、過度に安く済ませようとことはせず、適正な金額を支払わなければならないということです。

誤った予算の立て方

あなたの本当に理想の開発パートナーに出会えたとしても、時には、スケジュールや予算があわないこともあります。

その場合には、プロジェクトの断念、延期、もしくは縮小を考慮しましょう。なぜなら、いくら安くても信頼できない会社と働くことは、最終的により多くの出費とより低品質をもたらすことがわかりきっているからです。

何がなんでも費用を抑えることばかりに気をとられてしまうと、正しい決断はできません。私達はこれまでに単純に低価格だからという理由からプロジェクトを遂行する能力に満たない人材・会社に委託して失敗してきた会社をたくさん見てきました。そういったプロジェクトでは、明確な目標設定がされておらず、自分の開発する機能が何なのか、なぜその作業を与えられたのかさえ理解せずに作業にあたっている開発者もいます。

今年だけでも、私たちは以下のパターンのたどるクライアントを多数目にしました。

当社に見積もり依頼

相見積の結果、当社より低価格の開発会社に開発依頼

その後3ヶ月から6ヶ月経過（他社にて開発開始）

再度当社宛にA-Teamサービス依頼の連絡が来る

A-team「プロジェクト復旧サービス」始動

ここで、A-Teamのプロジェクト復旧サービスをご存知無い方のために、そのサービス内容をご紹介致します。プロジェクト復旧サービスとは、開発中に問題が生じたプロジェクトを回復させる緊急救援サポートのことです。

既に問題が発生してしまったプロジェクトを回復することは、とても険しく忍耐強さが求められる道程です。予定外の追加開発費用が発生するだけでなく、予定しているリリースが遅れたり、機能のアップデートが必要になったり、あなたのビジネスにも大きく影響を与えます。

プロジェクトが誤った方向に導かれる根源となる問題は、以下の2つの理由によることがほとんどです。

適切なプランニングがなされていない（仕様書未確定）

コストを重視しすぎている

皮肉なことに、最初にコストばかりに気をとられた結果、最終的にはより多くのコストがかかってしまうことになってしまうのです。

最後に

ヴァンガードメソッドを唱えたJohn Seddonによると、問題は利害関係者の多くがサービスの内容ではなく、コストと売上にしか興味を示さないところにあるそうです。ヴァンガードメソッドとは、簡単に言うと、トヨタ生産方式をサービス用に作りかえられたものです。Wizcorpではその方法論を直接採用しているわけではありませんが、その基となる前提と教えには私たちの働き方に通ずるものがあると考えています。

最終的に無駄な出費を抑えるためには、まず、価値を生み出すことに注力し、それが費用をコントロールすることになるのです。そして、適正の価格でプロジェクトを遂行することが可能になります。

結果的に、コストのみにこだわった場合よりも低価格でプロジェクトを終えることができます。最も重要なのは、機能と品質にこだわることが本来の価値を生み出すということなのです。つまり、世の中の人々が求めるような高品質の製品を提供することで、あなたの利益増幅につながるということです。

Wizcorp

HTML5とは

HTMLはHyperText Markup Language（ハイパーテキストマークアップランゲージ）の略称で、ウェブページ内にあらゆる要素を配置するために使用されます。そして、現在5代目にあたることからHTML5と呼ばれています。一言でHTML5といっても、実際にはプログラミング言語であるJavaScriptやスタイリング言語CSSなども含まれており、ブラウザでHTMLとやりとりをする全てのテクノロジーを総称しています。中でも「HTML」・「CSS」・「JavaScript」はHTML5を支える3大テクノロジーと言われています。そして、現在も新しいニーズに応えるために、多くの新しいテクノロジーが追加され続けています。

なぜ今HTML5なのか

HTML5アプリケーションが出現してきたのは、ここ20年ほどのことです。その間に、GoogleはGoogle Mail、Google Maps、Google Doc、Google Spreadsheetなどのアプリケーションと共に、この分野におけるパイオニアとなりました。Webアプリケーションを採用する最大の利点は、第一に、ユーザーが何もインストールせずに使えるという事です。また、ユーザーのハードウェアやオペレーションシステムがなんであろうと、ほとんどの場合、高い互換性が保証されているということです。ユーザーの利便性が最優先に考えられています。

そういったHTMLアプリケーションは高性能でなければいけないのと同時に、ネイティブアプリケーションに負けないためにも、それと同じだけの機能を備えてなければなりません。これが、Googleのような大手ハイテク企業がWebテクノロジー開発・発展を推進する動機のひとつです。Googleだけでなく、Appleや最近ではMicrosoftなども同じようにWebエクスペリエンス向上のために、さらなる努力を続けています。

では、なぜHTML5がGoogleやApple、そしてMicrosoftから、ここまで高い関心を集めているのでしょうか。それは、ますます多くの人が携帯端末を持ち、習慣的にブラウジングするようになった事が最大の理由でしょう。そういったWebナビゲーションには、直感性、速さ、レスポンシブ性が求められ、それと同時にリスクフリー（無リスク）でなければなりません。そこには、スマートフォンの高い機能性が反映されています。2015年現在、350億ドルまで成長したスマートフォン・タブレット市場において、高速ブラウジングが大きなセールスポイントとなりました。

AppleはiPhoneの登場からずっと、HTML5を推し進し進めてきましたが、最近では、Microsoftも、Surface タブレット・Windowsフォンを引き連れてモバイル市場シェア支配戦争に参加しました。時代遅れのInternet Explorerではなく、より高機能なブラウザを持つことが有益だと考えたのです。Windows10の新ブラウザEdgeは、ChromeやSafariにも匹敵するユーザーエクスペリエンスを提供すると言われています。（Edgeの詳しい性能についてはこちらもご参照ください。日本語はこちら）

改善を遂げたHTML5

既に述べたように、HTML5はモバイル技術の進歩と共に推し進められてきました。その結果として、今では、モバイルネイティブとモバイルHTML、それぞれで実現可能な事にそれほど違いがなくなってきています。また、その差を埋めようとHTML5が進化する速さも日に日に増しています。ここではそのうちのいくつかをご紹介致します。（技術的詳細についてご興味のない方は、下記飛ばしてお読みください）

優れたJavaScriptのコンパイラにより、コンパイル後のJavaScriptのコードは、ネイティブコードとほぼ同じ速さで実行されます。（ちなみに5年前は1桁分の差がありました）

ビルトインデバッガ、ビルトインプロファイラーがより使いやすく、より正確になってきました。

CSSエンジンがW3C標準により厳しく準拠したことにより、各ブラウザ間でのふるまいが安定しました。

今度の新しいECMAScript仕様の実装により、JavaScriptがより豊かになりつつあります。なかでも、新しいデータストラクチャ、新しい文字列と数学関数、非同期処理を容易に扱うためのAPI(Promise)、分割代入、オブジェクトのインスタンス化と、機能パラメータを定義するためのよりシンプルで便利になったシンタックスなどがあります。

WebGL（ハードウェアアクセラレーションレンダリングのためのAPI）が全ての主要ブラウザに対応しました。（SafariもiOS8にてようやく対応）こちらからWebGLの素晴らしいデモをご覧ください。

ガベージコレクタがより賢くなりました。 (WebGLデモとchromeの最新改良点は こちらから ) 

ゲーム開発とHTML5

ゲーム開発はアプリケーションの中でも特に多くのリソースが必要になります。

数年前まで、Webテクノロジーはゲーム開発に不向きだと言われていました。当時、HTML5エンジンでアニメーションをレンダリングすると、それだけの処理に耐えられるほどの性能がCPUとGPUに不足しており、あまりにも処理が遅かったためです。そのため、Webゲームのための開発ツールとしてはFlashが主流でした。

JavaScriptエンジンの最適化とハードウェアのアクセシビリティは、全ての主要ブラウザにおいて、HTML5エンジンによるネイティブ並に高いグラフィックパフォーマンスの提供を可能にしました。そして、その性能は軽くFlashを超えるものとなっています。もはやFlashは開発ツールとして使われず、Flashプレイヤーも多くのブラウザでサポートされなくなっています。

UnityとUnreal EngineもHTML5へのエクスポートをサポートするようになりました。今となっては、Webではかつて無理だと言われていたような大掛かりなゲームを開発する準備が整っており、開発者達もその手段を心得ていると言えるでしょう。

WizcorpでのHTML5開発

複雑な3Dゲームを開発する時に、開発ゲームエンジンとして選択肢にまずあがるのは、UnityやUnreal Engineです。しかし、実際のところ、両者とも2dゲームを開発するには必ずしも最適なツールとは言えません。

Wizcorpでは、HTML5ゲームを開発する際、最初から最後までひとつのゲームエンジンだけに頼って開発することはありません。その都度、プロジェクトにあうコンポーネントを選んで、組み合わせて開発します。また、ブラウザ自体が開発ツールとなっているため、ページごとに実行時、プロファイリングやコードのデバッグ、そしてコンテンツ操作まで行ってくれます。さらに、JavaScript開発者達には、巨大なコミュニティを持つGitHubという頼もしい味方がついており、そこで公開されているオープンソースのコンポーネントを自由に使うことができます。Web自体が、コンポーネントの開発、テスト、共有、貢献（コントリビュート）までできてしまうひとつのプラットフォームとして存在しているのです。

更に、JavaScriptがHTMLとNode.js（サーバーサイド開発環境）の共通言語であることから、クライアントサイドで開発されたコンポネントをサーバーサイドでも、そしてその逆も同様にして使用することができます。プロジェクト同士を支えあい、生産性と柔軟性を格段に上げる事ができます。例えば、私たちは、同じキャンバスとWebGLのレンダリングコンポーネントをHTMLでもNode.jsでも、それぞれ異なる目的のために使用しています。HTMLクライアント上ではゲームのレンダリング、そしてサーバーサイドではアバター製作のためです。

以下はWizcorpがこれまでに開発あるいはコントリビュートしてきたブラウザ用コンポーネントの一部です。

WUI UI実装のためのDOMライブラリ

TINA アニメーションのフレーム間を補完するライブラリ

PIXI WebGLレンダリングライブラリ(こちらからデモをご覧ください)

Audio Manager サウンドプレイヤー

Tomes オブジェクトが変更された時にイベントを発生させるコンポーネント

Constrained  レスポンシブUI実装時に最低条件を設定することで最適なレイアウトを提案してくれるコンポーネント

他にも多数 あります

今日のモバイルHTMLゲームにおいて、ユーザーエクスペリエンスとグラフィックがここまで向上したのは、ウェブブラウザの急激な成長と、豊富なJavaScriptコンポーネントが日々提供・改善され続けるオープンソースの発展が大きく貢献した結果と言えるでしょう。またそれだけにとどまらず、開発時間についても、2年前のおよそ半分の時間で開発できるようになりました。

Wizcorp