2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Ringで文字入力機構の試作

Posted at

前置き

Ringを使うと、ジェスチャで入力が出来る。そういやここらへんの前振りしたGraffitiもジェスチャみたいなもんだなと思いまして...。

構成

RingのDeveloper Siteでは、まだSDKが提供されていない(2014/11/12現在)。代わりにOpenURIによる外部連携が出来るようなのでこれを使うことにする。
Mac上にNode.jsでサーバを立てて、Ring.appからのHTTPリクエストをWebSocketのメッセージに変換して表示用のコンテンツに流す。構成図にするとこんな感じ

Screen Shot 2014-11-13 at 19.57.23.png

Ring側準備

アクションの追加からOpenURIを追加して、ジェスチャをGraffitiっぽくする。

IMG_0396.PNG

リクエスト先のURLを以下のようにしておく

http://{MacのIPアドレス}:3000/a

サーバ側準備

app.get('/:char', function (req, res) {
  sendKey(req.params.char);
  console.log('respond char : ' + req.params.char);
  res.sendfile(__dirname + '/README.md');
});

コンテンツ側

ログに出るだけじゃうれしくないので、表示系を追加

動かしてみる。

注意事項

  • ジェスチャーが5個までしか登録できない。
  • OpenURIには`http://``から入力しないとダメ。補完はしてくれない。

参照

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?