はてなブックマーク

はじめに UnityのuGUIをOculus Goで使うためのメモです。 今回は、uGUIのButtonを１つ用意して、VR画面上で視線を向けてトリガーを引くことでButtonをクリックできるようにします。 1. Oculus Integration をインポートする まずはじめに、Oculus IntegrationをAsset Storeからダウンロードしてインポートします。 インポートすると、「新しいバージョンがあります」などと言われることがあるので、素直にアップデートして、Unityを再起動する。 2. UIシーンにあるOVRGazePointerをPrefabにしておく。 後で必要になるので、OVRGazePointerのプレハブを作成しておきます。 2-1. Oculus/VR/ScenesにあるサンプルシーンUIを開きます。 2-2. OVRGazePointerをプレハブ化

$ docker pull junsuzuki/jupyter-rust $ docker run -d -p 8888:8888 junsuzuki/jupyter-rust あとはブラウザでhttp://localhost:8888にアクセスするとRustとElixir（とPython）がJupyter notebookで使えます。 このままでも遊ぶのには良いのだが、Dockerを停止するとせっかく勉強した内容が消えてしまう。 その場合、docker runするときに、以下ようにするとホストのディレクトリをマウントでき、Dockerを終了してもデータが消えないですむ。

概要 マクロの勉強がてら、Rustのコード内でLispっぽく記述できるDSL(?)を作ってみました。 （Lispに静的型があったらどうなるのか、というのに興味あったのもある。） 使い道があるかどうかわかりませんが、とりあえず公開しました。 良くも悪くも所詮はRustのマクロ上で構築されたものなので、「静的型＆所有権有り」の言語になっています。 使い方 Cargo.tomlファイルに以下の記述を追加します。

Missing Push Notification Entitlement Unityで作ったアプリをAppleの審査にだしたら、次のような内容のメールが来た。 Missing Push Notification Entitlement - Your app appears to include API used to register with the Apple Push Notification service, but the app signature's entitlements do not include the "aps-environment" entitlement. If your app uses the Apple Push Notification service, make sure your App ID is enabled for Push Notif

はじめに 確定申告用にAmazonでの買い物履歴が欲しかったのだが、Amazon.jpではCSVとかがなさそうなので、自動で取ってくるスクリプトを書いてみました。 一度に５件（？）以上買い物していると「◯個すべての商品を表示」みたいなリンクが出るのですが、そこは対応していません。 Rubyは初心者なので、注文履歴をゲットしてくる処理と、HTMLを読み込んでCSVに変換する処理をわけて書いています。 準備 mechanizeとnokogiriを使用するのでインストールしておきます。 require 'open-uri' require 'mechanize' require 'kconv' agent = Mechanize.new agent.user_agent = 'Mac Safari' url = 'https://www.amazon.co.jp/ap/signin?_encod

はじめに 個人的に、Emacsではキーボードマクロを多用するのだが、Atomにはなさそうだ。 ありそうな気がして探してみたけれど、さっぱりみつからなかった。 これ以上探す時間が惜しいので、勉強がてら自分でパッケージを作ってみました。 インストール Atomの設定をcmd+,で開いたら、左側の「+Install」を選んで atom-keyboard-macros で検索するとでると思います。 ショートカットキー ctrl-x ( マクロの記録開始 ctrl-x ) マクロの記録終了 ctrl-x e 記録したマクロの実行 苦労話 以下、余談。 苦労したのが、キーダウンイベントの取得。 NodObjCでも使って低レベルでやらなければいけないかと思ったり、 atom.keymaps.handleKeyboardEventをのっとればいけるんじゃないかと試してみたり……。 結局、辿り着いた答えが

はじめに 最近、React.jsをいじってみているのだが、React.jsをそのまま使おうとすると低レベルすぎて（言語に例えるならアセンブリ言語とか？）使いにくく感じる。 そこで、自分なりの書き方がまとまってきたものを少しずつ書きためていこうと思う。 ちなみに、React.js + TypeScript + Electronな環境で試しています。 さらにいうと、「７行で作るElectronアプリ」で作成したスケルトン（？）を使っています。 Factoryパターン（？） デザインパターン本を読んだのははるか昔なので、パターンの名前は適当です。 React.Componentを継承して独自のコンポーネントを作成したとき、同じコンポーネントをすこしだけ変えて使いたいときがある。 たとえば、Markdownファイルを読み込んで表示するコンポーネントがあるとしたとき、見た目や動作は同じで、別のファイ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

/// <reference path="typings/github-electron/github-electron.d.ts" /> const electron = require('electron'); const BrowserWindow: typeof GitHubElectron.BrowserWindow = electron.BrowserWindow; class BaseBrowserWindow { window: GitHubElectron.BrowserWindow; constructor(options: GitHubElectron.BrowserWindowOptions, url: string){ this.window = new BrowserWindow(options); this.window.loadURL(url); this.

TypeScriptで、Node.jsのモジュールをrequireしようとして次のようなコードを書くと”error TS2095: Could not find symbol 'require'.”とか言われてエラーになる。

Andoroidでカメラアプリを作ろうと思うことはあると思う。 そのとき、SurfaceViewを使って、カメラのプレビュー画像を 表示するのはよくあると思われる。 ここで、プレビュー画像を取得しようと思ったら、めっちゃハマった。 まず、やろうとしたのは ・view.getDrawingCache() でスクリーンショットを取得する方法。 結論だけ言うと失敗。カメラのプレビューは取得出来ないようだ。 その後、ネットの海をさまよった結果、 一番良さそうな方法は、PreviewCallback内の onPreviewFrame(byte[] data, Camera camera) が 呼ばれたタイミングで、引数のbyte[] dataを使う方法。 参考： http://tech.thecoolblogs.com/2013/02/get-bitmap-image-from-yuv-in-and

序 某所で、Unityのスクリプトを読んだときになんか違うんじゃないかと思ったのでメモ。 そのスクリプトは、タッチイベントを受け取りたい各GameObjectがそれぞれUpdate()内でRayを撃ってたわけだけど、それだと、オブジェクトが増えれば増えるほど動作が重くなりそうな気がした（気にならない程度かもしれないが、そもそも設計方針が変だと思われる）。 誰がRayを撃つべきか？ なんでもいいが、Rayを撃つのは１つのオブジェクトだけにしたい。複数のオブジェクトが自分勝手にRayを撃つのはダメすぎる。 Main Camera、あるいは、空のオブジェクトを作ってそこで撃てばいいだろう。 実装 実装方針を考えてみる。 １．Rayを撃つのは１つのオブジェクトだけ ２．タッチイベントを受け取りたいオブジェクトは、特定のスクリプトをコンポーネントとして持たせれば良さそう 実際のコードを考えていく。

はじめに 前回の記事で、Vuforiaの基本的な使い方を書いた（アレだけでは到底つかえないと思われるが…）。 今回は、画像を認識して、その上で動画を再生する方法のメモ。 オブジェクトの準備（配置） １．Main Cameraを削除する。 ２．Qualcomm Augmented Reality/Prefabs/ARCameraを画面に追加する。 ３．Qualcomm Augmented Reality/Prefabs/ImageTargetを画面に追加する。 ARCameraの真正面にImageTargetがくるようにすると良い。 （ARCameraもImageTargetもポジションをx:0, y:0, z:0 にしてから調節するとやりやすい。） ４．Directional Lightをメニューの"GameObject"→"Create Other"→"Directional Light

class Operator2<T, U, V>{ private let f: (T, U) -> V // ２項演算子で初期化できるか試してみる。 init(f:(T, U) -> V){ self.f = f } subscript(arg1: T) -> (U -> V) { get { return { (arg2: U) -> V in return self.f(arg1, arg2) } } } subscript(arg1: T, arg2: U) -> V { get { return f(arg1, arg2) } } } let f: Operator2<Int, Int, Int> = Operator2(+) // '+'演算子で初期化 println(f[3, 7]) // subscriptを使って配列っぽく引数を渡すのはご愛嬌 let f2: Operat

はじめに グリコぬりえというアプリがある。 リンク先を見てもらえればわかるが、グリコ製品についているオリジナル台紙に色を塗って、アプリを起動してスマホのカメラをかざすと、ARでドラえもんが表示され動く。 表示されたドラえもんは、塗った色や模様がそのまま反映されている。 では、このアプリと似たようなものを作る場合どうしたらよいのだろうか、というのが今回の記事の趣旨である。 最初にお断りしておくと、今のところ実際には実現していない（企画は持ち上がったが、（主に時間的理由で）お蔵入りしたので…）。 とはいえ、そこそこ考えたので忘れないように、その思考結果を記録しておく。 必要と思われる機能 必要な機能をあげていく。 ・カメラに台紙がかざされたのを認識する。 ・認識された画像から、塗り絵部分を切り取る。 ・塗り絵画像を3Dモデルにテクスチャとして貼り付ける。 おそらく、こんなところ。 カメラに台紙

症状 元々は、UIScrollViewでスクロールさせるときには、 ViewControllerのviewDidLoad内で、 scrollViewに対してsetContentSizeを使って 内部コンテンツの大きさを指定してやればスクロールできた。 …はずなのだが、しばらくぶりにXCodeをいじっていたら、それではスクロールできなかったので２４時間ぐらい悩んだ。 原因と対処 どうやら、AutoLayoutを使っているとviewDidLoad内でsetContentSizeを呼び出しても駄目らしい。 参考：　2012/11/13 [iOS6] AutoLayoutを使用すると、viewWillAppear: でframeが決定しないので注意 AutoLayoutを使う際は、viewDidLayoutSubviews内でsetContentSizeを呼び出してやればうまく動く。 -(void

症状 iOSアプリを開発していて、iPhoneシミュレータだとエラーもなく動くのに、実機で動かすとエラーがでた。 エラーの内容は、 を含むのは共通しているが、その後に続くエラーは様々のようだ。 解決策 これらのエラーは下記コードのように、ViewControllerのviewDidLayoutSubviewsメソッドの最後に、[self.view layoutSubviews]を呼び出すと実機でエラーなく実行できるようになる。 [self.view layoutSubivews]は必ず最後でなければならない。途中で呼び出してもエラーのままである（実体験）。 追記： [self.view layoutSubview]よりも[self.view layoutIfNeeded]のほうが良さそうなので修正しました。 情報をいただいたtomohisaotaさん、pebble8888@githubさん

序 某所で、Unityのスクリプトを読んだときになんか違うんじゃないかと思ったのでメモ。 そのスクリプトは、タッチイベントを受け取りたい各GameObjectがそれぞれUpdate()内でRayを撃ってたわけだけど、それだと、オブジェクトが増えれば増えるほど動作が重くなりそうな気がした（気にならない程度かもしれないが、そもそも設計方針が変だと思われる）。 誰がRayを撃つべきか？ なんでもいいが、Rayを撃つのは１つのオブジェクトだけにしたい。複数のオブジェクトが自分勝手にRayを撃つのはダメすぎる。 Main Camera、あるいは、空のオブジェクトを作ってそこで撃てばいいだろう。 実装 実装方針を考えてみる。 １．Rayを撃つのは１つのオブジェクトだけ ２．タッチイベントを受け取りたいオブジェクトは、特定のスクリプトをコンポーネントとして持たせれば良さそう 実際のコードを考えていく。

Vuforiaは、QUALCOMMが開発しているAR用のSDK(iOS | Android | Unity3D)だそうです。 今回はそれを使って、自前で用意した画像を認識して適当なオブジェクトを表示する方法をメモ。 特徴点の抽出 Vuforiaでは、認識させたい画像の特徴点をあらかじめ計算しておく必要がある。 これは特に難しくはなく、Vuforiaのメンバーサイトにログインして、 "Target Manager"を使えば出来る。 １．ログイン まずは、Vuforiaのメンバーサイトにログインする。 ２．データベースの作成 ログインすると上記の画面になるので、"Create Database"で新しいデータベースを作成する。 データベース名はなんでもよいが、プロジェクト名にちなんだものをつけておくとわかりやすいと思う。 ３．テクスチャのアップロード 認識させたい画像をデータベースに追加します

Andoroidでカメラアプリを作ろうと思うことはあると思う。 そのとき、SurfaceViewを使って、カメラのプレビュー画像を 表示するのはよくあると思われる。 ここで、プレビュー画像を取得しようと思ったら、めっちゃハマった。 まず、やろうとしたのは ・view.getDrawingCache() でスクリーンショットを取得する方法。 結論だけ言うと失敗。カメラのプレビューは取得出来ないようだ。 その後、ネットの海をさまよった結果、 一番良さそうな方法は、PreviewCallback内の onPreviewFrame(byte[] data, Camera camera) が 呼ばれたタイミングで、引数のbyte[] dataを使う方法。 参考： http://tech.thecoolblogs.com/2013/02/get-bitmap-image-from-yuv-in-and

自作Assetをdllにコンパイルしたい Unity Asset Store で自作Assetを販売してみたいと思うのだが、 ソースコードをそのままの形で配布したくない。 販売されているAssetの中には、dllにコンパイルされているものもあるので、 コンパイルは可能のようだ。 で、どうやるか探ってみた。 コンソールで普通にコンパイルしてみた http://docs-jp.unity3d.com/Documentation/Manual/UsingDLL.html をみると、mono c#コンパイラを使ってコンパイルするといいらしい。 $ mcs -r:/Applications/Unity/Unity.app/Contents/Frameworks/Managed/Un\ ityEngine.dll -r:/Applications/Unity/Unity.app/Contents/Fr

自分用メモ ここでは、TypeScriptのソースをダウンロードしてきて、 cd src/compiler tsc tsc.ts でコンパイルして出力されるJavascriptのソースを読んでいます。 やりたい事 自分の書いているJavaScriptのコードから、TypeScriptCompilerを呼び出してコンパイルしたい。 参照しているファイルとかは考えないで、１ファイルだけコンパイルする関数を書くのが最終的な目標。 結果だけみたい人は「まとめ」まで飛べばオッケー。 TypeScriptCompilerのインスタンスの作成 まずは、メソッドBatchCompiler.prototype.compileでTypeScriptCompilerのインスタンスが作成されている行を見てみる。 var compiler = new TypeScript.TypeScriptCompiler(lo

前置き Titanium Mobile + Alloy では、ModelをBackbone.jsを使って書きます。 などと言われているようだが、実際にはBackbone.jsそのままというわけではないようだ。 そんなわけで、ちょっと調べてみた。 ちなみにここでは、Todoリストアプリっぽいものを書いていると思ってください。 モデルの書き方 Titanium Mobile + Alloy の新しいプロジェクトを作成すると、appフォルダ以下に、controllers, models, views など、いかにもMVCなんです的なフォルダ構成になっている。 この中の、modelsフォルダに「なんちゃら.js」というファイル名でモデルを書いてやると、 Titanium Mobileが自動的にBackbone.jsを使ってくれる。 強制である。 使わないという選択肢は（おそらく）存在しない。 ため

問題：オートフォーカスされない Androidでカメラ機能を使うとき、当然、オートフォーカスしたいですよね。 さて、自分の持っているAndroid端末ではきちんとオートフォーカスされてたのに、 他の人の端末ではオートフォーカス機能が動かない、という事態に陥りました。 何百キロメートルも離れたところの人だったので、実機を借りるわけにもいかず、困りはてて、ネットをうろうろ。 最終的に、辿り着いたのはここ↓ http://developer.android.com/reference/android/hardware/Camera.html#autoFocus(android.hardware.Camera.AutoFocusCallback) 本家本元のリファレンスでしたとさ…。 いやー、基本って大事ですね。 解決編 で、どこが問題だったかというと、上記URLに書いてある Starts cam

シングルトンクラスを量産する Backbone.jsを使ってシングルトンパターンを作る場合、 以下のようにconstructorを書いてやるといいらしい。 var Singleton = Backbone.Model.extend({ constructor: function(){ if(!Singleton.instance){ Singleton.instance = this; Backbone.Model.apply(Singleton.instance, arguments); } return Singleton.instance; } });

久しぶりに、eclipse + Android SDKでAndroid向けアプリを作ろうとしたら、 「R.java」が自動生成されないせいで、エラーがでてコンパイル出来ない。 しょうがないので、いろいろググった結果、Android SDK Managerで 最新版になるまで更新する必要があるようだ。 参考： http://slumbers99.blogspot.jp/2013/05/eclipse-adt-22-android-sdk-manager-2.html 参考サイトでは、更新は２回だけだが、これは環境によるようだ。 ともかく、最新になるまで更新する（すべての項目が"Installed"になればいい）。 少なくとも、”Android SDK Build-tools”がインストールされるまでは必要と思われる。 あと、Android SDK Managerの起動だが、macの場合、 （

参考 http://engineering.linkedin.com/incubator/technology-behind-eatin-android-apps-scala-ios-apps-and-play-framework-web-services 序 Scalaを使って、Androidアプリ開発環境を構築することを考えた場合、 １．Eclipse + Google ADTプラグイン + scala-plugin ２．Scala-IDE（これもEclipseの派生） ３．sbt + android-plugin などの方法があります。 最近では、２のScala-IDEが使いやすいと思ったので、 そのインストール手順を説明します。 １と２はある意味同じものと言えるが（scala-pluginがScala-IDEの開発元が開発したものなので）、 scala-pluginのバージョンより

概要 今回は、ScalaとPlay2 Frameworkを使って、 Amazon Elastic BeanstalkにWebアプリをデプロイするお話。 まず、ScalaとPlay2はインストールされていることを前提とします。 それぞれのVersionは、 ・Scala 2.10 ・Play 2.1.1 を使用しています。 Amazon Elastic BeanstalkにScala+Play2でWebアプリをアップロードするには .warファイルを作成する必要があります。（他の方法もあるのかもしれませんが わかりません。） Play２フレームワークで作成したWebアプリをwarファイルにするのに、 ここではplay2-war-pluginを使います。 アプリの作成 では、その使用方法です。 まずはじめに、普通にPlayアプリケーションを作成します。 今回は、Helloを表示するだけのシンプ