【Cacoo塾】iPadでも図を編集!Cacooのタブレット対応を試そう

この記事は公開されてから1年以上経過しています。
仕様やUI(画面)は現行バージョンと異なる可能性があります。
Cacooの最新版についてはこちらからご確認ください。

Cacooのhirayamaです。今月もやってきましたCacoo塾!2018年最後の連載は、みなさん待望の「Cacooのタブレット対応(試験運用中)」についてのご紹介です

Cacooのタブレット対応の経緯

Cacooは2017年にFlashからHTML5に移行し、2018年6月末にユーザーインターフェース(※以下UI)をフルリニューアルしました。

実はこのUIリニューアルに合わせて、以前からひそかにご要望の多かったiPadなどのタブレットデバイスでの図の編集に「試験的に」対応しています。

以下ではタブレット版Cacooでのエディタの実際の動作などを動画とともにみなさんにご紹介します。

※Mobile Safariの場合、10.1以下のバージョンには対応していません。

タブレットでのエディタの動作について

現在、Cacooはタブレットデバイス用のアプリは提供していませんが、タブレット用のWebブラウザでPC同様に操作ができます

UIがリニューアルされてから、タブレット用のWebブラウザでも図の編集ができるようになりました。

ただし、図の編集は特殊な操作が求められるので、PCで実現できていた操作をタッチ操作が基本となるタブレットで行うことは困難です。

そこで、図の編集をするエディタについては、タブレット用に少しカスタマイズされたUIを提供しています。

タブレットでのエディタの初期表示

タブレットでCacooのエディタを最初に開いたときには、閲覧とコメントの操作のみが可能な状態になっています。

理由としては、タブレットでCacooを利用するユーザーの目的として、図の編集よりも、図の閲覧・確認やコメントによるフィードバックが主に使われるであろう、と想定しているためです。

もちろん図の編集も可能です。図を編集したい場合、右上にある[編集]ボタンをタップします。

タブレットでの図の編集タブレットでの図の編集

タブレットでの図の編集方法の違い

図の編集方法については、基本的にはPCで行う方法と大きな差はありませんが、以下のような細かい違いがあります。

  • ピンチインやピンチアウトで、キャンバスの縮小や拡大。
  • キャンバス上でのスワイプは、キャンバスのスクロールになります。
    • 配置済みの図形を移動させたい場合は、図形を一度タップし選択状態にするとできます。
  • 図形のコピー、複製、削除は、図形を選択したときにその下に表示されるボタンからできます。
  • テキストの編集時はテキスト編集用のポップアップが開きます(PCと同じ動作だと入力が困難なため)。
  • タブレットでは難しい操作になる、必要十分なものにシンプルにしたいという理由で、いくつかのメニューは利用できません。

その他にもいくつかの細かい点で違いがありますが、Webブラウザでできていた編集動作をタブレットでもできるように調整をしています。ぜひ実際に手にとって試してみてくださいね!

タブレットのおすすめ機能

Webブラウザにはない、タブレットならではの特長は大きく2つあります。

1つは、カメラで撮影した画像を直接図に挿入できる点です

タブレットを持ち出したその場所を撮影し、Cacooでチームに共有したりアイディアを書き込んだりといったことが簡単に行えます。

2つは、フリーハンドでの線の描画が非常におすすめです。

例えば、手書きの文字でフィードバックを伝えたり、指摘したいところをグルっと囲ったりということが簡単にできます。ソフトウェアキーボードで手書きでテキストを入力するよりも断然早いです。

フリーハンドでのフィードバックフリーハンドでのフィードバック

ぜひ、他にもタブレットでの活用方法を考えてみてください。

モバイルデバイスでの対応について

現時点で、タブレットよりも画面が小さなiPhoneのようなモバイルデバイスについても、タブレット同様の機能を提供しています。

ただし、モバイルデバイスは画面が小さすぎるため、図の編集が難しいことをご了承いただけると幸いです。

みなさまのタブレットでの利用状況やフィードバックを受けて、将来的にモバイルデバイスについてもどのようなUIや機能を提供するのが良いか検討できるのではないか、と私自身も期待しています。

フィードバックをお待ちしています!

ですので、フィードバックを何卒よろしくお願いします!

冒頭に書いたとおり、タブレット対応は現在のところ「試験的」な対応となっています。これまでタブレットでの図の編集がなかったので、どういったユーザー体験をみなさんに提供するのが良いのか、僕たちも模索しているような状況です。

よろしければ、タブレット対応に対する忌憚のないご意見やご感想などをこちらのお問い合わせフォームからお寄せいただけると幸いです!


今回は、Cacooのタブレット対応について紹介しました。今後もみなさんのフィードバックを参考に、タブレット対応についても改善していければと考えていますので、ぜひご期待ください。

それではみなさん、良いお年を!2019年もCacooをよろしくお願いいたします!🎍🙏

チームのアイデアを、いつでもどこからでも視覚的に共有しよう