Monakaアプリからリンクを開く場合、「InAppBrowserプラグイン」を有効にしとかないと、外部ブラウザで開かんそうだ。
この辺の仕様もちょこちょこ変わるから、ちゃんと分かるようにしといてくれんかな。
>>monaca – monacaデバッガーでは正常に見えるのに実機にインストールすると外部リンクが正常に表示されない – スタック・オーバーフロー
投稿者: qinfu
肘の位置を調べる
ふと思う所があって、手先の座標から肘の座標を調べる方法を調べてたら、そのものズバリな師匠サイトがあった。
>>三角形の２点の座標と各辺の長さから、残る１点の座標を求める
説明も理解できないままに、素直にサンプルスクリプトをJavaScriptに置き換えて試してみたら、上手く行った。
そして、未だに仕組みは分からない。
MonacaにPush機能をつけたのでメモ（ニフティクラウド編）
発信元をMonaca バックエンドにする選択もあるが、運用を考えたら、ニフティクラウド mobile backendの方が良さそうだったので、そっちを使う事にした。
1-1.ニフティクラウド mobile backendにユーザー登録。
1-a.Android向けの場合FCMとの連携が必要なためFirebase Consoleにユーザー登録。
1-b.iPhone向けにはAPNs連携が必要。
2.mBaaSにアプリを登録
>>https://console.mb.cloud.nifty.com/#/applications/new
2-1. アプリケーションキーとクライアントキーをメモ
3.Firebase Consoleにアプリを登録
>>https://docs.monaca.io/ja/manual/backend/push_notification/gcm/#overview
3-1.Sender IDをメモ
4.Cordovaプラグインで「Nifty」を追加
5.JS/CSSコンポーネントで「ncmb.min.js」を追加。
一覧にない時は、「ncmb」で検索すると、出て来る
6.とりあえず、下記ページのサンプルコードをコピペ
>>http://mb.cloud.nifty.com/doc/current/push/basic_usage_monaca.html
7.下記の箇所に、2-2、3-2で取得したキーに書き換え
window.NCMB.monaca.setDeviceToken(
"YOUR_APPLICATION_KEY",
"YOUR_CLIENT_KEY",
"YOUR_SENDER_ID",
successCallback,
errorCallback
);
8.デバッカ上では「プラグインが無い」って怒られて動かないので、デバイスビルドして端末にインストールして、動作確認。
9.ニフティクラウド mobile backendのプッシュ通知画面から、プッシュ情報を送信！
9-1.iPhoneの向けの場合は、あらかじめ証明書の登録しないと配信ボタンが有効にならない。
下記を参考に証明書の作成→登録を行う
>>http://blog.mb.cloud.nifty.com/?p=2081
>>http://mb.cloud.nifty.com/doc/current/tutorial/push_setup_ios.html
HTML5ビデオをJavaScriptでシンクロさせてみる
サイト上で、動画とコンテンツのシンクロができるか…ってことでやってみた。
HTML5 Video Synchro Test
作り方は極めてシンプルで、videoタグで貼られた動画はタイムが変更されると
timeupdate
イベントが発行されるので、これを拾って、どうこう処理すれば良いだけだった。
こんな感じ
$("Video ID").on("timeupdate",function(){
var xTime = this.currentTime //現在の再生時間
if(xTime >= 10.0 && xTime < 11.0){
console.log("10秒たった！");
}
});
その他のイベントは、この辺を見てみてください。