TopHatch が ChromeOS と Android の没入型キャンバス「Concepts」を発表
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。

TopHatch の少数精鋭チームが開発したコンセプトは、従来のスケッチブックが持つ柔軟性とデジタル描画ツールのスピードや汎用性を組み合わせた、先進的なデザイン プラットフォームです。最初から、モバイルで画面をタッチして感覚的に操作できるようなインターフェースに設計されているので、プロのデザイナーはさまざまな環境のもと、美しくかつ高感度なツールを使って、ベクターを調整しながら作業できます。コンセプトは、さまざまな創作にぴったりのツールだと言えます。TopHatch のデベロッパーは、コンセプトが備える高感度かつ高精度なタッチペンと大きなキャンバスが、アイデアを形にしていくうえで大いに役立つことを認識していました。また、Pixelbook Pen、折りたたみ式スマートフォンといった多目的デバイスが登場する中、大画面やさまざまなフォーム ファクタ向けにコンセプトの UX を構築すれば、より多くのクリエイターにアピールする機会もつかめます。TopHatch のデベロッパーは、Google からのヒントとベスト プラクティスを活用して、ChromeOS デバイスと Android デバイスで没入感のあるエクスペリエンスを実現する Concepts アプリの作成に取り組みました。

TopHatch の取り組み
チームの最優先事項は、ChromeOS が Concepts の先進的なデザインと、あらゆるデバイスでシームレスなパフォーマンスをサポートできるようにすることでした。コンセプトは高度に最適化された低レベルの GPU コードで動作します。Android デバイスは種類が多いため、どのドライバでも高速なパフォーマンスを確保できるのかどうかを TopHatch は懸念していました。Google のエンジニアと ChromeOS の機能を評価した結果、TopHatch は OS のグラフィックに一貫性があり、デバイス間で互換性があることがわかりました。つまり、すべての GPU ドライバで最大のパフォーマンスを発揮するアプリの構築は、予想よりも簡単だとわかったのです。チームは最終的に 5 パターンのレンダリング エンジンを開発しました。これらのエンジンにより、Android 7 と OpenGL ES 3.1 という最低要件を満たせば、約 2,500 種類のデバイスでコンセプトが滑らかに動作するようになります。ChromeOS 向けの Concepts を構築した後、TopHatch はさらに一歩進んで折りたたみ式デバイス向けにアプリを調整しました。ChromeOS はすでに動的な画面サイズ変更に完全に対応しているため、チームはわずか半日で最適化を完了できました。
低遅延のタッチペンとキーボードをサポート
コンセプトを快適に使用するには、スムーズで高速のタッチペン操作が何より重要です。デジタル デザイナーはタッチペンに本物のインクペンのような感触を求めています。したがって、TopHatch の次の目標は、タッチ入力を検知してから画面に線を描画するまでの時間をできるだけ短くすることでした。
Android と Chrome OS の間にある複数のソフトウェア レイヤでは、遅延が起きたり、画面上に描画される線に途切れやズレなどの悪影響が生じたりする可能性が大いにあります。TopHatch のチームはこの問題を認識し、フロント バッファ レンダリングに解決策を見出しました。フロント バッファ レンダリングは Chrome OS のセキュリティとシンプルさにより実現する技術で、これにより描画プロセスでソフトウェア レイヤをバイパスすることができ、ピクセルのコピー回数が最小限になります。この方法で、タッチペン入力検知から描画までの時間が大幅に短縮されるので、本物のペンと紙で絵を描く感覚に限りなく近づけることができます。また、TopHatch はコンセプトのプロジェクト操作メニューとツールバーの画面をキーボードで直感的に操作できるようなサポートも追加しました。これにより、デザイナーはアプリでアクティブに描画していないときに、プロジェクトの管理、名前変更、表示、共有を簡単に行うことができます。
結果
初期の ChromeOS 版 Concepts に対するデザイナーからの反応は素晴らしいものでした。コンセプトの平均利用時間は、他のデバイスと比較して Chromebook では 12 倍、Google Pixelbook と Pixel Slate では 20 倍となっています。また、Chromebook のユーザーが有料ユーザーになる割合は、他のデバイスと比較して Pixelbook では 2 倍、Slate では 4 倍となっています。TopHatch の共同創設者で CEO の David Brittain 氏は、「ChromeOS 向けのアプリを構築することで、関心の高いユーザー層、そして巨大な Android 市場にリーチすることができました」と話します。大画面ユーザーは増えており、大画面向けの設計でそうしたユーザーを一気に取り込めるようになることはわかっていました。結果として、すでに信じられないほどの反応を受け取っています。」TopHatch は毎月のアップデートでユーザーをサポートするよう取り組んでいます。最近ではリクエストの多かった画像インポート機能をリリースし、デザイナーは手持ちの写真にスケッチや書き込みを行えるようになりました。今後も ChromeOS と Android のクリエイターと協力し、あらゆるタイプのデザイナーがパワフルでクリエイティブなライフスタイルを送れることを楽しみにしています。
使ってみる
ChromeOS に合わせてアプリを最適化する方法をご確認ください。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2019-05-02 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2019-05-02 UTC。"],[],[],null,["# TopHatch unveils Concepts' immersive canvas on ChromeOS and Android\n\n[Concepts](https://play.google.com/store/apps/details?id=com.tophatch.concepts),\ndeveloped by the small, tight-knit team at [TopHatch](https://concepts.app/en/),\nis an advanced design platform that combines the flexibility of a traditional\nsketchbook with the speed and versatility of a digital drawing tool. Built for a\nnatural interface using touch on mobile from the beginning, Concepts allows\nprofessional designers to work with beautiful yet highly responsive tools,\nflexible environments, and adjustable vectors. It's a playground for creativity.\nTopHatch's developers knew Concepts' users value two things: a highly responsive\nand accurate stylus and a big canvas to develop their ideas. With the emergence\nof versatile devices like the Pixelbook Pen and foldable smartphones, the team\nsaw an opportunity to reach even more creators by building Concepts' UX for\nlarger screens and different form factors. With a few tips and best practices\nfrom Google, TopHatch's developers went to work building the Concepts app for\nimmersive experiences on ChromeOS and Android devices.\n\nWhat they did\n-------------\n\n### High-performance graphics\n\nThe team's first priority was to ensure ChromeOS could support Concepts' sharp\ndesign and seamless performance on all devices. Concepts runs highly-optimized,\nlow-level GPU code. Because Android has so many different devices on the market,\nTopHatch was concerned about ensuring fast performance on every driver. After\nevaluating ChromeOS' capabilities with engineers at Google, TopHatch found that\nthe OS' graphics were consistent and compatible across devices. That meant\nbuilding the app for maximum performance on every GPU driver was much easier\nthan expected. The team ultimately ended up with five variations of its\nrendering engine, which allows Concepts to perform beautifully on around 2,500\ndevices after establishing Android 7 and OpenGL ES 3.1 as minimum requirements.\nAfter building Concepts for ChromeOS, TopHatch went a step further and adapted\nthe app for foldable devices. Because ChromeOS already fully supports dynamic\nscreen resizing, the team was able to complete the optimizations in just half a\nday.\n\n### Low-latency stylus and keyboard support\n\nSmooth and speedy stylus interaction is at the core of the Concepts experience.\nDigital designers want to feel like ink is flowing from the stylus just like a\nreal pen. To that end, TopHatch's next goal was to make sure the delay from\nreceiving touch input to rendering strokes on screen was as minimal as possible.\n\nTopHatch knew that among all the layers of software between Android and Chrome\nOS, there was a high potential for lag and \"tearing\" side effects, where strokes\ncould be partially or incorrectly drawn on screen. The team found its solution\nthrough front-buffer rendering. Enabled by the security and simplicity of Chrome\nOS, front-buffer rendering helped bypass layers of software in the drawing\nprocess to allow pixels to be copied the absolute minimum number of times. This\nsignificantly reduced the potential for delays when stylus input was detected,\nensuring that Concepts would feel as much like drawing with a real pen and paper\nas possible. TopHatch also decided to implement intuitive keyboard support for\nConcepts' project navigation and toolbar screens. That way, designers can more\neasily manage, rename, view, and share their projects when they're not actively\ndrawing in the app.\n\nResults\n-------\n\nDesigners' early response to Concepts on ChromeOS has been stellar. The average\nConcepts user is spending 12x more time on Chromebooks and 20x times more time\non the Google Pixelbook and Pixel Slate compared to other devices. TopHatch has\nalso seen Chromebook users become paying users at double the rate on Pixelbook\nand at 4x the rate on Slate compared to other devices. \"Building the app for\nChromeOS helped us reach a highly engaged audience --- and a huge Android\nmarket,\" said David Brittain, co-founder and CEO of TopHatch. \"We knew designing\nfor larger screens would unlock access to a growing user base, and we've already\nreceived incredible feedback as a result.\" TopHatch strives to support its users\nwith monthly updates, and it most recently rolled out a highly-requested image\nimport feature where designers can sketch over and mark up their own photos. The\nteam looks forward to working with creators across ChromeOS and Android and\nenabling powerful and mobile creative lifestyles for designers of every stripe.\n\nGet Started\n-----------\n\nLearn how to best [optimize your apps for ChromeOS](/topic/arc/optimizing)."]]