みやまのアトリエ

スマホアプリ開発 プログラミング ペンタブ備忘録 お絵描き

「Uca」 スマホが左手デバイスになるアプリ オープンβ公開しました

 

f:id:M_Atelier:20180618234637j:plain

 

 

アプリ概要 

 

f:id:M_Atelier:20180618234627p:plain

 

  • スマートフォンクリップスタジオのショートカットに使用することができます。
  • 主に「キャンバスの拡大」「キャンバスの回転」「戻る」「ツール切替」、その他キーボードショートカットを設定することができます。
  • スマートフォンAndroid、パソコンはWindowsのみ対応です。

 

 スマートフォン画面はこのようなレイアウトです。キャンバスの拡大や回転操作の他、「戻る」「保存」等のショートカットキーを設定できます。

 ショートカットキーは最大27個まで設定できます。

             

        f:id:M_Atelier:20180616203849p:plain

 

 動作の様子です。スマートフォンからクリップスタジオを操作できるようになります。

f:id:M_Atelier:20180519233359g:plain


注意

  • スマートフォン用アプリの他に、パソコン用のソフトが必要になります。これはスマートフォンからの信号「キャンバスの拡大」「戻る」などの信号 を受信し、クリップスタジオに伝える為のソフトです。インストールは不要ですが、パソコン上で実行しておく必要があります。
  • お使いのWindowsパソコンに「Bluetooth機能」が必要です。
  • ご意見ご感想、バグ等あれば、Googleお問い合わせフォームにてお願いいたします。  左手用デバイス要望フォーム

 

 

アプリ実行の前に


 あらかじめスマートフォンとパソコンをペアリングしておいてください。すでにスマートフォンとパソコンをペアリングしてある方はこの手順は不要です。 手順「パソコンのCOMポート番号を設定」に進んでください。

スマートフォンとパソコンのペアリング方法


スマートフォン

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

f:id:M_Atelier:20180602214942p:plain  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

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

 パソコンのCOMポート番号を設定します。COMポート番号は、スマートフォンからの信号をパソコンに伝える為の「通路」の役割をします。
このCOMポート番号は後程使用しますので、控えておいてください。

 ペアリングを行なった画面から下の方に「その他のBluetoothオプション」があるので、 それを選んでください。(ウインドウによっては、右の方にあるかもしれません。)

f:id:M_Atelier:20180602215831p:plain

ウインドウを消された方は、 「Windowsの設定」⇒「デバイス」⇒「Bluetoothとその他のデバイス」に進むとあります。


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

f:id:M_Atelier:20180602215855p:plain

 

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

f:id:M_Atelier:20180602215913p:plain

 

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

f:id:M_Atelier:20180602215939p:plain

 

下の画面のように、ポート番号、方向、名前が表示されたと思います。この時、表示された“ COM〇”の番号をメモしておいてください。 メモ後、OKを押してください。

f:id:M_Atelier:20180602215957p:plain

 

 スマホ名などが表示されない場合、BluetoothをON/OFFするか、再起動すると表示される場合があります。

 

 以上でペアリングと設定は完了です。

 

 

ダウンロード

Windowsソフトのダウンロード

 

 以下のページにアクセスしてください。

 

Receiver_V0.2.zip - Google ドライブ

 

 画面右上の「矢印マーク」を押すと、「Receiver_V0.2.zip」がダウンロードされます。

f:id:M_Atelier:20180614232749p:plain

f:id:M_Atelier:20180614232940p:plain

 

 ダウンロードしたファイルは分かり易い場所に置いておいてください。ソフトのインストール作業は不要です。

 

Androidアプリのダウンロード

  下記のページにAndroidスマートフォンでアクセスしてください。

https://play.google.com/apps/testing/com.leaves.miyama.lefthanddevice2_1

 

   アプリ概要が表示されます。下にスクロールすると「テスターになる」ボタンがあります。

f:id:M_Atelier:20180616204231p:plain  f:id:M_Atelier:20180616204239p:plain

 

 

「テスト プログラムへようこそ」と表示されます。下にスクロールし、「アプリをダウンロード」を選んでください。

 

f:id:M_Atelier:20180616204419p:plain  f:id:M_Atelier:20180616204424p:plain

 

 もしこの画面が表示されましたら、どうちらを選んでいただいても構いません。

f:id:M_Atelier:20180616204637p:plain

 

 インストール画面に移動します。「インストール」を押してください。

f:id:M_Atelier:20180616204717p:plain

 

次の画面では「同意する」を選びます。

f:id:M_Atelier:20180616204813p:plain

 

以上でスマートフォン側のアプリのインストール完了です。

 

実行方法


先にパソコンのソフトを実行します。

 ダウンロードしてきたファイルを「右クリック」➡「すべて展開」で解凍し、出てきた「Receiver_V0.1.exe」をダブルクリックします。

f:id:M_Atelier:20180602220056p:plain

 もし、下の画面が出てきた場合、「詳細情報」➡「実行」を押してください。

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

 

 

 下記のウインドウが現れます。先ほど控えておいた「COMポ ート」の番号を選択し、「接続」ボタンを押してください。

 初回のみ、「接続」と表示され、2回目以降は前回接続したCOMポートと自動的に接続されます。

 f:id:M_Atelier:20180618234732j:plain

 


ウインドウ下部に「受信準備完了」と表示されたら、パソコン側は準備OKです。

 


次に、Android側のアプリを実行します。

 

f:id:M_Atelier:20180602220517p:plain

 

 ショートカットボタンが配置された画面が表示されます。右上のBluetoothマークを押してください。

f:id:M_Atelier:20180602222008p:plain  f:id:M_Atelier:20180602220559p:plain


Bluetooth接続可能な機器が表示されますので、自分のパソコンを選んでください。

f:id:M_Atelier:20180602220638p:plain

 自分のPCが表示されない場合は、パソコンのBluetooth検索がOFFになっています。「Windowsの設定」⇒「デバイス」⇒「Bluetoothとその他のデバイス」に進み、次の画面を開いておいてください。

f:id:M_Atelier:20180616210009j:plain

 設定画面を開くことで、スマートフォンからパソコンを検索できるようになります。


自分のパソコンと接続が完了したら、ボタンが押せるようになっているかと思います。 

f:id:M_Atelier:20180602220658p:plain


 スマートフォンのボタンを押すと、クリップスタジオに「キャンバスの拡大」「戻る」などの信号が行くようになっています。

ショートカットの設定方法

 

 画面の左側からスワイプすることで、設定メニューが表示されます。「ショートカットキー変更」を選んでください。

 

f:id:M_Atelier:20180616205220p:plain

 

 画面が切り替わりますので、変更したいボタンをタッチします。

f:id:M_Atelier:20180616205329p:plain

 

 次に、割り振る機能を選んでください。 「保存」「戻る」などの基本的なショートカットはここで選択できます。

f:id:M_Atelier:20180602220845p:plain

 

 「自分で設定」を選んだ場合は、「ボタンの名前」「装飾キーの選択」「アル ファベット」の3つを選択できます。

 例えば、「フィルター1(Shift+Alt+F)」 など、自由にショートカットを設定することができます。

 

f:id:M_Atelier:20180602220926p:plain

f:id:M_Atelier:20180602220932p:plain  f:id:M_Atelier:20180602220918p:plain

 

以上です。


 ご意見、ご要望、バグ等あればGoogleお問い合わせフォームよりご連絡をお願い致します。

docs.google.com