寝れない夜はUnityで遊ぼう1

眠くないことはないけど寝れない。

今は特にやりたいことはないけどUnityでも触ってみようかと思った。

3D系のソフトはPovRayとBlenderとMMDのチュートリアルぐらいまで触った程度の知識です。

言葉の意味がかろうじてわかるくらい。

Unityも初期にインストールしてたけど何をしていいかわからずすぐに消してしまった過去あり。

続きを読む 寝れない夜はUnityで遊ぼう1

為替レートを読み上げるサービスが欲しい

為替レートを定期的に読み上げるサービスが欲しいんだけど見つからなかった。ないものはしかたがないので自作してみる。

node.jsで作るのが個人的に一番楽だろうけど、今後のWEBサービスにつながるかもしれないからHTMLベースで作ってみる。

続きを読む 為替レートを読み上げるサービスが欲しい

ヒロセ通商のLionFXで取引報告書から損益可視化する

学生だった頃からFX(外国為替証拠金取引)をずっとやってます。

現在はメイン口座としてヒロセ通商のLION FXを使っています。

毎月、取引量にあわせて食料を送ってくれる変な会社です。

損益の可視化をしたいけど、現状サービスがないので作ってみました。

 

使い方

  1. 取引ツールの上部タブから「履歴検索/報告書」を選択
  2. 「報告書のダウンロード」を選択
  3. 取引残高報告書で確認したい月を選んで表示ボタンを押す
  4. 「コピーを保存」でローカルに保存する
  5. ドロップエリアにファイルをドラッグ&ドロップするかファイル選択をする

gc0

 

可視化される内容

現在表示できるのは以下です。

  1. 通貨ごとの約定数、1Lotごとの損益、合計損益の表
  2. 通貨別の約定数の割合グラフ
  3. 通貨別の1Lot当り損益グラフ
  4. 通貨別の合計損益グラフ
  5. 日別、累計の損益チャート

gc1

gc2_2

感想とか

最初は履歴検索からダウンロードできるCSVファイルを入力にするつもりだったけど、100件ごとしかダウンロードできないのに気づいてPDF入力に方向転換。

どうすればいいか困ったけど pdf.js というライブラリのおかげで簡単に実装できた。

本当にJS界隈はなんでもあるな。

気が向いたら複数PDFをまとめてドロップして表示できるようにしたい。

あと可視化する情報を増やしたい。

 

情報をスタック&可視化するサービスを作りたい

定期的に更新される情報。

数字だけで小難しかったり、単体で見てもわかりにくかったり。

そういうのをDBにスタックしてわかりやすく表示する機能を作ってみたい。

次の要素があると作りやすい。

  1.  1日1回定期更新
  2.  フォーマットが変わらない
  3.  意味のある数値が毎日変化する

今回は練習作としてFXのスワップ金利を対象に作ってみた。

※スワップ金利とは2国間の金利差を日割りにして付与するものです。

 

仕組み

基本的にAWSで収まる設計にする。

概要 : CloudWatch -> Lambda -> DynamoDB <- Lambda <- API  <- S3

  • 入力
    1. CloudWatch Events – Schedule: daily  で1日1回Lambda関数を起動する
    2. Lambda関数でスクレイピング+DB格納
  • 出力
    1. S3に置いたHTMLファイルからAPI呼び出し
      • 普通にHTTP POST(GETしたかったがうまく設計できなかった)
    2. APIからLambdaを起動
      • Lambda関数と統合する
    3. DBから検索結果を返す
      • JSON形式でパススルー

 

可視化

次に持ってきたJSONをグラフ化する。

グラフ作成系のJavascriptは結構あるけど、どれも面倒な感じ。

今回は比較的簡単そうでデザインと名前が好みのChart.jsを使ってみる。

これは基本機能は簡単ではあったけど、ちょっと変えようとすると難しい。

頻繁に仕様が変わっているのか、ブログや紹介記事なんかはまったく当てにならなかったので公式ドキュメント以外は信用しない方がいい(Update関連は公式通りではうまくいかなかったけど)。

出来上がったチャートはこんな感じ。アニメーションが心地良い。

swap

 

さて何をつくろうかな。

 

javascriptでGIFアニメを作る【jsgif】

htmlで通信なしにGIFアニメを作成したい。

そこで jsgif というライブラリがあったので使ってみた。

ダウンロード&解凍したらhtmlにリンクを追加。

読み込み終わったら次のようなスクリプト記述でGIFアニメが作れる。

addFrameでcontext要素を変えながら追加していくとGIFアニメになる。

オプションの1つで指定した色を透明として扱うこともできる。

encoder.setTransparent(0x0000FF); 

しかしコレはそのままでは使えなかった。

GIFEncoder.js の以下部分を変更。

 

 

これで指定した色が透明になる。

位置を変えながらfillTextすると次のようなGIFアニメが作れた。

index

これを使ってまたなんか作ってみよう。

 

音声合成に関して色々やってみる

テキストを投げるとWAVが帰ってくるAPIを作りたい。

サービスとしてはいくつかあってDocomoは使いやすかった。

こういうのは制限もあるので自分で作ってみたい。

 

Lambdaでお試し

慣れてるし、他にいいのも思いつかないのでAWSを使う。

LambdaでテキストからWAVを作る処理を書いてトリガーでAPIを指定する。

Lambdaで実行ファイルを起動したいときは次みたいな処理をはさむ。

 

ためしにAquesTalkPiがLambdaで動かないかなと思ったけど無理だった。

 

音声合成ソフトについて

次に音声合成ソフトを色々調べてみた。

  • 組み込み用
    • AquesTalk,AquesTalk2:アクエスト規約に従う。
    • OpenJTalk:修正BSDライセンス。
  • フリーソフト(実行ファイル)
    • softalk(ソフトーク):Windows向け。Aquestalk使用でアクエスト規約に従う必要あり。
    • textalk(テキストーク):Windows向け。OpenJTalk使用。
    • AquesTalkPi:ラズベリーパイ向け。アクエスト規約に従う必要あり。

 

実行ファイルは基本Winbdows向けだし、いろいろ自由に使うためにOpenJTalk使って自分で実行ファイル作ることにする。

 

他にもnodejsのモジュールが2つ見つかったけど、やりたいことと微妙に違ったのとEC2でインストールできなかったのでこれらはいったん保留。

 

OpenJTalkのインストール

とりあえずWindowsにインストールしてみる。

ここを参考にした。

Visual Studio 2015にVcvarsall.batがなかったので2013を追加インストール。

2015のときも思ったけど西暦よりバージョンが1少ないのは紛らわしい。

(今回はMicrosoft Visual Studio 12.0に配置された。)

 

これでWindows上で動作するようになりました。

今日はとりあえずここまで。

ここから先が果てしなく長そう…。

グルーヴコースター 3 リンクフィーバー場所一覧

最近グルーブコースターに嵌ってます。アーケードの方。

行きつけのゲームセンターだったら良いんですが、ちょっと遠出したついでにやりたいときに筐体が見つからなくて悲しい思いをしたので場所一覧を作りました。

とりあえず関東エリアだけですが。

なんとなくグーグルマップの埋め込みって難しいイメージがあったんですが、そんなことはなかったです。

これからちょっと凝った機能を追加しようとするとキツイのかもしれません。

 

新アプリ「お絵かきスタンプ」をリリース

新規アプリ「お絵かきスタンプ」をリリースしました。

さまざまな背景に好きなスタンプを配置して自分だけの絵を作るアプリです。

完成した絵はお気に入りに追加してみることができます。

 

今回は画像系のアプリが作りたかったのでアイデアノートにあったものをそのまま作りました。

デザインとかは前々作の「自然音響」から流用。

思いのほか画像の扱いがめんどくさいことが良くわかった。

もしダウンロード数が伸びたらスタンプ追加とかしようかな。

2 5 7 8

 

そろそろ設計からちゃんと考えたアプリをつくってみたいです。

情報配信系がいいけどどうするかなー。

新アプリ「どうぶつのこえ」をリリース

新規アプリ「どうぶつのこえ」をリリースしました。

12匹の動物のイラストをタップするとその動物の声がするアプリです。

昔こんな知育玩具もってた気がする。

 

「どうぶつのこえ」はこれを作ったときに思いついたのですぐにできました。

鳴き声のフリー音源はいっぱいあったのですが、このアプリで使いたいようなものが意外と少なかったです。

イラストはできるだけ統一感を出したかったのですが、やっぱり製作者が違うので若干の違和感がある。だけどそれぞれ子供向けっぽくて可愛いイラストが見つかったので問題なし!

本当は自分で書ければいいんだけどなー。

 

縦横どっち向きでも使えるようにしたけどヘッダを2種類用意したほうが良かったかも。

a b

 

新アプリ「自然音響」をリリース

新規アプリ「自然音響」をリリースしました。

雨、風、火、川のような自然の中で落ち着く音や、セミやカエルの鳴き声を組み合わせて聞くことのできるアプリです。

リラクゼーションとして雨の音のCDなんかもありますが、このアプリでは自分の好きな音を作って聞くことができます。

設定はお気に入りに保存できるので状況に合わせて、音を変えることが可能です。

深夜バスに乗っているときに、自然の音を聞きたいなーと思って作ったアプリなので落ち着きたいときなんかに使ってもらえるとうれしいです。

Screenshot_2016-08-15-12-27-48 Screenshot_2016-08-15-12-29-07 Screenshot_2016-08-15-12-31-21