Uca

Uca - スマホが左手デバイスになるアプリ Android版リリースしました

スマホが左手デバイスになるアプリ「Uca」 Google Playにてリリースしました。

f:id:M_Atelier:20180704205431j:plain

 

 左手デバイスって何?

 お絵描きをされてある方は、キーボードの「戻る(Ctrl+Z)」や「消しゴムへ切り替え( e )」等のショートカットキーを使われてある方が多いのではないでしょうか。キーボードは本来文章を打つために作られているため、ショートカットキーとは関係のないボタンも多いだけでなく、ショートカットキーを覚えないと使うことが出来ません。

 

 「左手デバイス」はあらかじめ自分がよく使う機能を登録しておき、ボタン一つでペイントソフトの機能を呼び出せる入力装置です。絵を描かれる方は右手にペンを持つことが多いことから「左手デバイス」と呼ばれています。

 代表的なところで、セルシスのTab-MateやWACOMのExpress Key Remoteがあります。

https://pbs.twimg.com/media/DZ6kM-HWAAEvf3l.jpg:large

※画像はペイントツール開発会社セルシス様のTwitterリンクから頂いております。 

 

 

 みやまのアトリエでは、スマートフォンを左手デバイスとして活用するアプリを開発しています。

 

アプリ概要 

 f:id:M_Atelier:20180618234627p:plain

 

  • スマートフォンからパソコンのペイントツール(クリップスタジオ等)を操作出来るようになります。
  • 「キャンバスの拡大」「キャンバスの回転」の他、「操作のやり直し」「鉛筆や消しゴムへのツール切替」などのキーボードショートカットを設定することができます。
  • スマートフォンAndroid、パソコンはWindowsのみ対応です。
  • 無料配布中です。

 

 スマートフォン側のアプリのレイアウトです。上半分はキャンバス関連操作、下半分は「戻る」「保存」等のショートカットキーを設定できます。

       f:id:M_Atelier:20180820130003p:plain

 

 上半分にある円部分を指でなぞることで、キャンバスを回転させたり、拡大縮小させたりできます。

 キャンバスを操作している様子です。カクカクの動作ではなく、スムーズに操作できるメリットがあります。

 

f:id:M_Atelier:20180804005807g:plain

 

 下半分にある矢印付近を使いたいツールの方向にフリックすることで、キーボードショートカットを飛ばすことができます。

 ツール切り替えの様子です。

f:id:M_Atelier:20180722215059g:plain

 


注意

  • お使いのWindowsパソコンに「Bluetooth機能」が必要です。
  • アプリ設定の前に、あらかじめパソコンとスマートフォンを「ペアリング」しておく必要があります。下のページでペアリング方法を説明しています。 

atelier.hatenadiary.com

 

 Ucaのダウンロード

 紹介しているアプリ「Uca」のダウンロードとインストール、設定方法はこちらのページをご覧ください。

atelier.hatenadiary.com

 

 

 ご意見ご感想、バグ等あれば、Googleお問い合わせフォームにてお願いいたします。

docs.google.com

 

個人情報に関するプライバシーポリシーは以下になります。

・ネットワークへのフルアクセス
 本アプリのダウンロード、インストールの際に必要となります。メールアドレス、個人名などの個人情報は収集しておりません。

 

Bluetoothバイスのペア設定、Bluetoothの設定へのアクセス
 パソコンとスマートフォン間のBluetooth接続に使用されます。

 

・カメラ(QRコードのスキャン及びBluetoothアドレスの保持)
 カメラ機能はQRコードを用いたパソコン、スマートフォン間の接続のみに使用します。取得する情報はパソコンのBluetooth機器アドレスであり、該当アドレスはスマートフォンアプリ側に保持されます。また、本アプリには写真の撮影機能はございません。

 以上です。

デジタルお絵描きが捗る「左手デバイス」を使ってみての感想

左手デバイスって?

 お絵描きをしている方は、キーボードの「戻る(Ctrl+Z)」や「消しゴムへ切り替え( e )」等のショートカットキーを使われてある方が多いのではないでしょうか。しかし、キーボードは文章を打つために作られているため、ショートカットキーとは関係のないボタンも多く、ショートカットキーを覚えないといけません。

 

 「左手デバイス」はあらかじめ自分がよく使う機能を登録しておき、ボタン一つでペイントソフトの機能を呼び出せる入力装置です。絵を描かれる方は右手にペンを持つことが多いことから「左手デバイス」と呼ばれています。

 

左手デバイスのメリット 

  • 機能をワンタッチで呼び出せるので、お絵描きのスピードがアップ
  • キーボードショートカットのような複雑な操作がいらない
  • キャンバスの拡大や回転操作がスムーズに行えるものもある

 

 左手デバイスにはお絵描き向け、モデリング向け、ゲーム向けと多種多様ですが、ここでは、「お絵描き向け」の左手デバイスをまとめています。使ったデバイスは個人的な感想も載せています。(あくまで一個人の感想として参考程度にして下さい。)

 

 

ワコム Cintiq Pro / Cintiq / Intuos Pro用ワイヤレスキーリモート Express Key Remote

  ペンタブレット、液晶タブレットメーカーのワコム社から販売されているお絵描き向け左手デバイスです。

ワコム Cintiq Pro / Cintiq / Intuos Pro用ワイヤレスキーリモート Express Key Remote ACK411050

  • キーの数:17+タッチホイール
  • アナログ入力:可能(タッチホイール)
  • 接続:無線( Bluetooth)
  • 価格:11,000円~13,000円程度

 

特徴

  • 底部に滑り止めが付いており、液晶タブレットの上に置いても滑り落ちない工夫がされています。
  • ホイールを使っての操作ができます。ブラシサイズなどをスムーズに変更可能です。ホイール中央のボタンを押すことでキャンバスの回転など他の機能に切り替えることができます。
  • ソフト毎にショートカットキーの設定ができますので、クリスタ、フォトショ、など複数のアプリ を使うときに便利です。

 

使ってみて

  • 写真で見ただけでは想像つきませんが、意外と大きいデバイスです。液晶タブレットの上に置いてもずれ落ちない工夫がされているので、液晶タブレットとの一体感があり、とても良いデバイスだと感じました。
  • 触り心地や押し心地などの面では、従来のCintiqIntuos本体の左隅に設置されていたホイール、ボタン部分がそのまま独立したデバイスがこの左手デバイスだと思ってもらうと間違いないと思います。

  

XP-Pen  左手デバイス AC19 Shortcut Remote

 ペンタブレット、液晶タブレットメーカーであるXP-Pen社から販売されているお絵描き向け左手デバイスです。

XP-PEN カスタマイズキーボード 液タブ、ペンタブとPC用ワイヤレスリモート左手デバイス ホイール 便利なホットキー AC19 Shortcut Remote

  • キーの数:9+タッチホイール
  • アナログ入力:可能(タッチホイール)
  • 接続:無線 (※Bluetoothではない)
  • 価格:4,000円程度

 

特徴

  • ホイールを使っての操作ができます。ブラシサイズなどをスムーズに変更可能です。ホイール中央のボタンを押すことでキャンバスの回転など他の機能に切り替えることができます。
  • 単4電池で動くので充電いらず。
  • 接続は付属の専用無線受信機(USB接続)です。タブレットPC等でご使用の際は「USB端子」があるか要確認です。

 

 

CLIP STUDIO TABMATE

 イラスト製作ソフト「CLIP STUDIO  PAINT」を開発しているセルシス社が販売するお絵描き向け左手デバイスです。

CLIP STUDIO TABMATE

  • キーの数:200以上+物理ホイール
  • アナログ入力:可能(物理ホイール)
  • 接続:無線( Bluetooth)
  • 価格:5,000円程度

 

特徴

  • 割振れるショートカットキーの数は200以上と圧倒的に多い。
  • 物理ホイールを使っての操作ができます。
  • 単3電池で動くので充電いらず。

 

使ってみて

  • 見た目からは想像が付かないほど沢山のショートカットキーが割り振れます。また、「押している間だけ消しゴムにする」といった機能がとても便利でした。
  • 物理ホイールを搭載している為、キャンバスなどの操作がとてもやりやすいデバイスです。クリップスタジオとの相性がとても良く、普段からクリスタを使ってある方は検討されてみては如何でしょうか。

 

Joy-Con

 ゲーム機「ニンテンドースイッチ」用のコントローラです。お絵描き用の左手デバイスとして使用するケースも増えています。

Joy-Con (L) ネオンレッド/ (R) ネオンブルー

  • キーの数:15
  • アナログ入力:可能(物理スティック)
  • 接続:無線( Bluetooth)
  • 価格:8,000円程度

 

特徴

  • 本体サイズがちょうど良い大きさで、とても握りやすいです。
  • ショートカットキーはJoyToKeyというソフト(600円)を別途購入して設定する必要があります。
  • 物理スティックを使っての操作ができますが、JoyToKeyソフト側で別途設定が必要です。

 

 

8bitdo ZERO

 Bluetoothゲームコントローラーを左手デバイスとして活用できます。iPad用の左手デバイスとして注目を集めました。

8Bitdo ゲームパッド (ZERO ブルー)

  • キーの数:12
  • アナログ入力:無し
  • 接続:無線( Bluetooth)
  • 価格:2,000円程度

 

特徴

  • 2,000円と、左手デバイスとしては安価です。
  • 他の左手デバイスに比べやや小さく、持ち運びするiPadととても相性が良いです。
  • 左手デバイス側にキーを割り当てることはできず、ペイントツール側でショートカットーキーを変更していく必要があります。そのため、キーボードショートカットとの併用時には注意が必要です。

 

以上です。

 

 

 本サイトUcaでは、スマートフォンを左手デバイスにするアプリを開発しています。無料配布中ですので、もしよければご検討くださいませ。

atelier.hatenadiary.com

スマホが左手デバイスになるアプリUca Android版アップデート履歴

2018/11/07 V2.2


拡大縮小、回転スクロールの速度を設定できるようにしました
従来のボタン式キャンバス操作を復活させました
ショートカットキーの切り替え時にバイブレーションを追加しました(OFF可能)
スクロール操作、フリック操作時にアニメーションを表示するようにしました(OFF可能)
フリックの選択肢に「無効」を追加
その他、バグの修正

 

2018/08/31 V2.1


スクロールによるブラシサイズの変更が可能になりました。

 

2018/08/28 V2.0

 

以下2点の不具合を修正しました。

・セットA~セットCを切り替えた際に、アプリがクラッシュする場合がある。

・回転、拡大縮小を行った際に、回転したまま、拡大縮小したままになる場合がある。

 

2018/08/20 V1.4

 

・フリック操作によるショートカットキーの数を36に増やしました。

 

2018/08/19 V1.3

 

・フリック操作によりショートカットキーが送信出来るようになりました。

・パソコンとスマートフォン間の接続が、QRコードで接続出来るようになりました。

 

2018/08/13 V1.2

 

・画面スクロールによるキャンバス操作が可能になりました。

 

2018/07/16 V1.1

 

「回転」「拡大」「縮小」操作がスムーズに出来るようになりました。

左手デバイスアプリUca トラブルと解決方法について

 Ucaに関するトラブルと解決方法をまとめます。

 

 

ペアリング関係

Windowsスマートフォンがお互い検索画面で出てこない。

 

Windowsアプリ側のトラブル

WindowsアプリにQRコードや Bluetoothアドレスが表示されない

  • ご使用のパソコンに Bluetoothが搭載されているかご確認ください。
  • Windows側のアプリを再起動してみてください。
  • Windowsを再起動してみてください。

 

アプリにCOMポートが表示されない

  • ご使用のWindows Bluetoothが搭載されているかご確認ください。
  • Windowsにて、「COMポート」が設定されているか確認してください。COMポートの設定方法はこちら

atelier.hatenadiary.com

 

Windowsアプリのダウンロードの際、セキュリティソフトが働く

  • 本アプリに対してセキュリティソフトを一時的に停止させてください。各セキュリティソフトの操作方法はセキュリティソフト開発会社にご確認ください。

 

以下の画面が出て、Windowsアプリの実行ができない。

  • 次の操作に従ってください。

「詳細情報」➡「実行」を押してください。

f:id:M_Atelier:20180613002845p:plain f:id:M_Atelier:20180613002848p:plain

 

Androidアプリ側のトラブル

QRコードを読み込んでも「接続失敗」と表示される

以下を試していただき、その後スマートフォンからQRコードを読み込んでみて下さい。

  • Windowsアプリを一度「切断」「接続」してみてください。
  • COMポートが複数ある場合は、別のCOMポートを試してみてください。
  • パソコンとスマートフォン Bluetoothを「オフ」⇨「オン」してください。
  • パソコンとスマートフォンがペアリングされているかを確認してください。ペアリングされていない場合、ペアリングを完了した後にWindowsアプリ、Androidアプリを再起動してください。
  • Windowsにて、「COMポート」が設定されているか確認してください。

 

キャンバス操作が出来ない

 キャンバスの拡大や回転などの操作は、現在のマウスポインタの位置を軸にして操作されます。以下を確認してください。

  •  マウスポインタはキャンバス上に置いて操作してください。
  •  操作したいペイントアプリがアクティブウインドウになっているかを確認してください。

 

 

 

現在の不具合情報

 高グラフィックのゲームアプリと交互に起動すると、Ucaがクラッシュする場合がある不具合を確認しております。次回アップデートにて対策を取らせて頂きます。

 クラッシュする場合、できるだけUcaを端末の「ホームボタン」ではなく、端末の「戻る」ボタンで終了してください。

 

最後に

 設定したキーボードショートカットと異なるキーが送られる、アプリがクラッシュした、等がある場合、操作前後の状況、操作内容、スマートフォンの機種名などを教えて頂けると助かります。

 

これからも開発を続けて参りますので、よろしくお願いします。

Bluetooth通信の為のCOMポート設定手順

WindowsパソコンのCOMポート番号を設定

 パソコンのCOMポート番号を設定します。COMポート番号は、スマートフォンからの信号をパソコンに伝える為の「通路」の役割をします。

 

 Windowsの設定 ⇒ デバイス ⇒ Bluetoothとその他のデバイス に進みページ下部にある「その他のBluetoothオプション」を選んでください。(ウインドウによっては、右の方にあるかもしれません。)

f:id:M_Atelier:20180602215831p:plain


 「Bluetooth設定」が開きますので、「COMポート」タブを選んでください。

f:id:M_Atelier:20180602215855p:plain

 

COMポートタブを選択したら、「追加」を選んでください。

f:id:M_Atelier:20180602215913p:plain

 

「着信」ボタンを選択し、「OK]

f:id:M_Atelier:20180602215939p:plain

 

下の画面のように、ポート番号、方向、名前が表示されたと思います。これで、COMポート設定は完了です。

 

f:id:M_Atelier:20180722220317p:plain

パソコンとスマートフォンを「ペアリング」する方法

 

ペアリングって?

 Bluetooth機能を持ったパソコンやスマートフォンBluetooth接続して通信するには、はじめに「ペアリング」する必要があります。ペアリングすることで、「ペア」になったもの同士がファイルやデータを送受信出来るようになります。

 ここでは、スマートフォンとパソコンのペアリング方法を説明します。

 

 


スマートフォン側の操作

 設定メニューを押し、「無線とネットワーク」の「Bluetooth」を選びます。

f:id:M_Atelier:20180602214942p:plain 

 

下の図のように、Bluetooth画面を表示させておいてください。この状態でパソコンを操作します。

f:id:M_Atelier:20180602215040p:plain


パソコン側の操作

Windowsの設定」から「デバイス」を選択します。

f:id:M_Atelier:20180602215221p:plain

 

 

「+Bluetoothまたはその他のデバイスを追加する」を選びます。

f:id:M_Atelier:20180602215237p:plain

 

Bluetooth」を選んでください

f:id:M_Atelier:20180602215308p:plain

 

左手デバイスとして使用したいスマートフォンを選択します。

f:id:M_Atelier:20180602215334p:plain


 スマートフォンとパソコン、それぞれ次のような画面になります。 スマートフォンの「ペア設定コード」とパソコンの「PIN」という番号が一致していれば、

  1. スマートフォン側 → 「ペア設定する」
  2. パソコン側 → 「接続」

を選んでください。

f:id:M_Atelier:20180602215404p:plain


下の画面がパソコン側に表示されれば、ペアリング完了です。

f:id:M_Atelier:20180602215604p:plain

 

これで、スマートフォンとパソコン間で相互にデータやファイルの送受信を行う準備が出来ました。

 

以上です。

 

 「スマホが左手デバイスになるアプリUca」をご使用の方は、続いて次の「ダウンロードと設定手順」にお進みください。

atelier.hatenadiary.com

 

Uca - スマホが左手デバイスになるアプリ Android版リリースしました

スマホが左手デバイスになるアプリ「Uca」 Google Playにてリリースしました。

f:id:M_Atelier:20180704205431j:plain

 

 左手デバイスって何?

 お絵描きをされてある方は、キーボードの「戻る(Ctrl+Z)」や「消しゴムへ切り替え( e )」等のショートカットキーを使われてある方が多いのではないでしょうか。キーボードは本来文章を打つために作られているため、ショートカットキーとは関係のないボタンも多いだけでなく、ショートカットキーを覚えないと使うことが出来ません。

 

 「左手デバイス」はあらかじめ自分がよく使う機能を登録しておき、ボタン一つでペイントソフトの機能を呼び出せる入力装置です。絵を描かれる方は右手にペンを持つことが多いことから「左手デバイス」と呼ばれています。

 代表的なところで、セルシスのTab-MateやWACOMのExpress Key Remoteがあります。

https://pbs.twimg.com/media/DZ6kM-HWAAEvf3l.jpg:large

※画像はペイントツール開発会社セルシス様のTwitterリンクから頂いております。 

 

 

 みやまのアトリエでは、スマートフォンを左手デバイスとして活用するアプリを開発しています。

 

アプリ概要 

 f:id:M_Atelier:20180618234627p:plain

 

  • スマートフォンからパソコンのペイントツール(クリップスタジオ等)を操作出来るようになります。
  • 「キャンバスの拡大」「キャンバスの回転」の他、「操作のやり直し」「鉛筆や消しゴムへのツール切替」などのキーボードショートカットを設定することができます。
  • スマートフォンAndroid、パソコンはWindowsのみ対応です。
  • 無料配布中です。

 

 スマートフォン側のアプリのレイアウトです。上半分はキャンバス関連操作、下半分は「戻る」「保存」等のショートカットキーを設定できます。

       f:id:M_Atelier:20180820130003p:plain

 

 上半分にある円部分を指でなぞることで、キャンバスを回転させたり、拡大縮小させたりできます。

 キャンバスを操作している様子です。カクカクの動作ではなく、スムーズに操作できるメリットがあります。

 

f:id:M_Atelier:20180804005807g:plain

 

 下半分にある矢印付近を使いたいツールの方向にフリックすることで、キーボードショートカットを飛ばすことができます。

 ツール切り替えの様子です。

f:id:M_Atelier:20180722215059g:plain

 


注意

  • お使いのWindowsパソコンに「Bluetooth機能」が必要です。
  • アプリ設定の前に、あらかじめパソコンとスマートフォンを「ペアリング」しておく必要があります。下のページでペアリング方法を説明しています。 

atelier.hatenadiary.com

 

 Ucaのダウンロード

 紹介しているアプリ「Uca」のダウンロードとインストール、設定方法はこちらのページをご覧ください。

atelier.hatenadiary.com

 

 

 ご意見ご感想、バグ等あれば、Googleお問い合わせフォームにてお願いいたします。

docs.google.com

 

個人情報に関するプライバシーポリシーは以下になります。

・ネットワークへのフルアクセス
 本アプリのダウンロード、インストールの際に必要となります。メールアドレス、個人名などの個人情報は収集しておりません。

 

Bluetoothバイスのペア設定、Bluetoothの設定へのアクセス
 パソコンとスマートフォン間のBluetooth接続に使用されます。

 

・カメラ(QRコードのスキャン及びBluetoothアドレスの保持)
 カメラ機能はQRコードを用いたパソコン、スマートフォン間の接続のみに使用します。取得する情報はパソコンのBluetooth機器アドレスであり、該当アドレスはスマートフォンアプリ側に保持されます。また、本アプリには写真の撮影機能はございません。

 以上です。

(Python) スレッドを実行、変更、終了するGUIアプリのサンプル

概要

f:id:M_Atelier:20180719002000p:plain

  • スクリプトを実行するとウィンドウが開きます
  • ウインドウの「スレッドのスタート」ボタンでスレッドが開始されます。サンプルとして1秒毎にprint文で番号を実行するようにしています。
  • ウインドウの「処理内容変更」ボタンでスレッドの処理内容を変更します。ここでは、printする番号に+1しています。
  • ウインドウの「アプリ終了」ボタンで、スレッドを破棄してアプリを終了します。
  • GUIにはtkinter を使っています。
  • 動作確認環境:PyCharm CE 2018.1.4

 

 基本無限ループで処理をしたいんだけど、途中で処理内容を変更したり、途中で止めたい場合に、ご参考までに。
Arduinoraspberry piでLEDを光らせる他、通信確認用のパソコン側にお使いください。


※注意
 勉強中の身ですので、コードの効率悪かったり、正式な使い方をしていない、間違いがあるかもしれません。もしご使用される場合、とりあえず動かしたい時用にお願いします。Pythonの標準機能を用いずに、スレッドを終了させています。標準機能で何故か動かない場合などにどうぞです。

 

プログラム

#!/usr/bin/env python
# -*- coding: utf-8 -*-

 

import time
import threading
import sys
import tkinter

 

#スレッド処理のクラス
class Receive():
    def __init__(self): #初期化
        self.ROOP = False #ループのフラグ
        self.num = 1

 

    #ループ処理関数
    def target(self):
        while (self.ROOP):
        #ループさせたい処理をここに記述
        print ("number : ", self.num)
        time.sleep(1) #1秒待機

 

    #スレッドをスタートさせる
    def start(self):
        self.thread = threading.Thread(target = self.target)
        self.thread.start()


if __name__ == '__main__':
    #ウインドウ本体の設定
    root = tkinter.Tk()
    root.title(u"サンプル")
    root.propagate(True)

 

    #ボタンの処理内容

    def startEvent(event):#最初の接続ボタン押下処理
        r.ROOP = True
        r.start()

 

    #接続変更ボタン押下処理
    def changeEvent(event):
        r.num = r.num + 1

 

    # 終了ボタン押下処理
    def finishEvent(event):
        r.ROOP = False #ループ停止 -> 自動的にスレッド破棄
        root.quit() #ウインドウを消す
        sys.exit() #アプリ終了

 

    #ボタンの生成
    strButton = tkinter.Button(text=u'スレッドのスタート')
    strButton.bind("<Button-1>", startEvent)
    strButton.pack()

 

    chaButton = tkinter.Button(text=u'処理内容変更')
    chaButton.bind("<Button-1>", changeEvent)
    chaButton.pack()

 

    finButton = tkinter.Button(text=u'アプリ終了')
    finButton.bind("<Button-1>", finishEvent)
    finButton.pack()

 

    #スレッド処理のインスタンス生成
    r = Receive()


    #ウインドウ生成
    root.mainloop()

 

以上です~。