@thorikiriのてょりっき

@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです

html5

hammer.jsを使ってCanvas上の画像を移動させる

前回はFile APIを使って、画像ファイルをCanvasで描画してみました。 この時にCanvasのサイズを画像のサイズに合わせていたのですが、Canvasのサイズを固定にしたい時もありますよね。 ということで、300px * 300pxのCanvasに対して、画像の好きなところだけ…

File APIで選択した画像をCanvasに描画する

<input type="file">で指定したファイルを取得するのは、ev.target.filesで取得出来ます。複数選択することも可能なように出来るので、配列になっています。今回は1つだけです。 後はFileReaderを使って読み取って、Canvasに描画します。FileReaderのonloadでImageのsrc属性に取…

第41回 HTML5とか勉強会 #html5j に行って来ました

第41回 HTML5とか勉強会 : ATND 2013/08/26(#html5j)第41回 HTML5とか勉強会 - Togetterまとめ 第41回HTML5とか勉強会のアンケートにご協力ください。 過去のメモ 第38回HTML5とか勉強会 #html5j に行って来ました - @thorikiriのてょりっき メモったことを…

第38回HTML5とか勉強会 #html5j に行って来ました

https://html5j.cloudfoundry.com/event/sd38 第38回HTML5とか勉強会 - 「Webアプリ×テスト最新事情」 #html5j - Togetterまとめ 多少遅れて行ったので、途中からですけれども。急遽サテライト会場も出来るくらい大盛況だったようです。 JavaScriptテスト最…

Geolocation APIで取得した現在地をGoogle Maps APIで表示する

HTML5のGeolocation APIで取得した現在地をGoogle Maps APIで地図表示してみます。 現在地の取得方法は、Geolocation APIで現在地を取得する - @thorikiriのてょりっきです。 取得した位置情報をGoogleMapの地図の中心地と、マーカーに適応させましょう。 fu…

Geolocation APIで現在地を連続的に取得する

前回(Geolocation APIで現在地を取得する - @thorikiriのてょりっき)は現在地の取得を一発行うことをやりましたので、今回は連続的に取得してみたいと思います。 モバイルでは、移動中の場所を知りたい欲求にかられると思いますし、移動しながらある一定の…

【ヒカ☆ラボ】HTML・JavaScriptでiPhone/Androidネイティブアプリが開発できる! "PhoneGap"で学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 #hikalab に行って来ました

タイトル長いですね。 増員决定!150名 【ヒカ☆ラボ】HTML・JavaScriptでiPhone/Androidネイティブアプリが開発できる! "PhoneGap"で学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 アシアルの代表取締役 田中正裕氏が登壇!! : ATND もっとPhoneG…

Geolocation APIで現在地を取得する

HTML5のGeolocation APIで現在地を取得してみます。 Geolocation APIはnavigator.geolocationがあるブラウザでは利用可能になりますので、対応していないブラウザを判定する必要があります。 if (navigator.geolocation) { // 利用出来る場合の処理 } else {…

第9回HTML5開発技術勉強会 #TechBuzz に行ってきたよ

【#TechBuzz】第9回HTML5開発技術勉強会 〜HTML5ディベロッパー同士が話す場〜 Web技術のこれまでとこれから -HTML5の技術10連発- / 2013年、HTML5+WebGLはどう変わるのか? at http://socialtoprunners.jp/ #html5 : ATND 以下メモを。 Web技術のこれまでと…

『HTML5実力テスト』答え合わせ勉強会! に行ってきました

http://atnd.org/event/jsdoit1122 第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS 第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS HTML・CSSコース解説 資料 → HTML5実力テスト 答え合わせ勉…

HTML5のinput type="date"のplaceholderがiOSでは効かない

スマートフォンなら、HTML5に対応しているからいいよね!IEとか考えないからいいよね! と思っていた時期が僕にもありました。ありません。 iPhoneやiPad向けのアプリを作っていて、日付を入力させたい場合ってありますよね。そんな時には、HTML5で新しく追…

DeNA Creative Seminar Vol.2 #denacrt に行って来ました

http://atnd.org/event/E0007864 DeNA Creative Seminar Vol.2 まとめ - Togetterまとめ 初のヒカリエでした。 ブラウザレンダリングについて 資料→スマートフォンブラウザについて Androidブラウザ 標準ブラウザ 端末ごとにベンダーがいじくる Chrome ICS 4…

【第4回】HTML5+CSS3+JS勉強会 #techbuzz に行って来ました

(満員御礼)【第4回】HTML5+CSS3+JS勉強会 / 「Createjsで簡単なゲームを作ってみる」 / 「ローカルストレージで表示速度を改善しよう! / 39歳で開発者になった僕 -開発者純情物語- →次回第5回はこちら( http://atnd.org/events/30569 ) : ATND 早くに追…

HTML5によるAndroidアプリ開発入門 まとめ

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見る昨日読み終えたので感想とかをまとめておきます。…

HTML5によるAndroidアプリ開発入門 その8

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見る12章は、11章でjQueryMobileで試作しなおしたアプ…

HTML5によるAndroidアプリ開発入門 その7

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見る11章は、UIフレームワークについてですね。jQTouc…

HTML5によるAndroidアプリ開発入門 その6

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見る10章は、ソーシャルAPIを利用する手順ですね。JSO…

HTML5によるAndroidアプリ開発入門 その5

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見るお昼ごはんが注文からなかなか出て来なかったのと…

HTML5によるAndroidアプリ開発入門 その4

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見る昨日から今日のお昼休みにかけて読みました。7章…

HTML5によるAndroidアプリ開発入門 その3

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見るお昼休みじゃないけど、読んだのでアウトプットし…

HTML5によるAndroidアプリ開発入門 その2

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見る昨日からお昼休みに読んでます。今日は3章と4章。…

HTML5によるAndroidアプリ開発入門 その1

HTML5によるANDROIDアプリ開発入門作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘出版社/メーカー: 日経BP社発売日: 2012/01/19メディア: 単行本 クリック: 51回この商品を含むブログ (11件) を見る今日からはお昼休みにこれを読むことに決めたよ。…