@thorikiriのてょりっき

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

パララックスやってみた 2。

前回は普通にやってみました。今回はスクロールすると、一部分が切り替わるサンプルです。 とは言え、切り替わるだけだと面白くないので、Ajaxで切り替わる部分のテンプレートを取得することにしました。全然難しくないですね。 テンプレートファイルを配列…

パララックスやってみた。

なんとなくパララックスをやってみたかったので、やってみました。 基本的には、windowのスクロールイベントを拾ってwindowのScrollTopを判断して処理をするだけですので、簡単です。難しいのは表現方法を考えたりすることではないでしょうかね。 jQueryを使…

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属性に取…

Windows7にRails4をインストールする

Windows7にRails4をインストールしてみます。 あらかじめRuby2がインストールされていることとします。 環境 Windows7 Ruby 2 Rails 4 Rails4 インストール 正式リリースされているので、gem install railsでインストール出来ると思ってましたが、次のような…

appengine ja night #26 #ajn26 に行ってきました

appengine ja night #26 が開催されます - Google Developer Japan Blog appengine ja night 26 - Togetterまとめ 過去のログ appengine ja night #25 #ajn25 に行ってきました - @thorikiriのてょりっき appengine ja night #24 #ajn24 に行ってきました - …

Windows環境にSASS、COMPASSをインストールする。

css

SASSはgem経由でインストールしますので、予めrubyとgemを使えるようにしておく必要があります。 環境 Windows7 64bit Ruby 2.0.0p247 gem 2.0.3 環境を確認してみます > ruby -v ruby 2.0.0p247 (2013-06-27) [x64-mingw32] > gem -v 2.0.3 SASSのインスト…

Android Casual Talks #1 #androidcasual に行ってきました

クックパッドで開催されたAndroid Casual Talks #1に行ってきました。 美味しいタイカレーも頂きました。 Android Casual Talks #1 : ATND Android Casual Talks #1 #androidcasual まとめ - Togetterまとめ 以下、メモを。 クックパッドの開発環境について …

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

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

appengine ja night #25 #ajn25 に行ってきました

appengine ja night #25 を開催します - Google Developer Japan Blog appengine ja night #25まとめ - Togetterまとめ 過去のログ appengine ja night #24 #ajn24 に行ってきました - @thorikiriのてょりっき appengine ja night #23 #ajn23 に行ってきまし…

東京Node学園 9時限目 #tng9 に行って来ました

東京Node学園 9時限目 - connpass 東京Node学園 9時限目 #tng9 まとめ - Togetterまとめ 過去の参加記録 東京Node学園 8時限目 #tng8 に行ってきました - @thorikiriのてょりっき 東京Node学園 7時限目 #tng7 に行ってきました - @thorikiriのてょりっき 東…

Backbone.jsガイドブック

を読みました。Backbone.jsガイドブック作者: 高橋侑久出版社/メーカー: ラトルズ発売日: 2013/04/25メディア: 単行本(ソフトカバー)この商品を含むブログ (3件) を見る前半はBackboneの概要について述べられており、1章はBackboneの基礎で、アーキテクチ…

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

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

Effective JavaScript JavaScriptを使うときに知っておきたい68の冴えたやり方

Effective JavaScript JavaScriptを使うときに知っておきたい68の冴えたやり方作者: David Herman,吉川邦夫出版社/メーカー: 翔泳社発売日: 2013/02/19メディア: 大型本購入: 1人 クリック: 109回この商品を含むブログを見るを読みました。前半5章までは、普…

東京Node学園 8時限目 #tng8 に行ってきました

東京Node学園 8時限目 - connpass 東京Node学園 8時限目 - Togetterまとめ 過去の記録 東京Node学園 7時限目 #tng7 に行ってきました - @thorikiriのてょりっき 東京Node学園 6時限目 #tng6 に行ってきました - @thorikiriのてょりっき と言うことで、メモを…

appengine ja night #24 #ajn24 に行ってきました

appengine ja night #24 : ATND appengine ja night #24 まとめ - Togetterまとめ 過去のログ appengine ja night #23 #ajn23 に行ってきました - @thorikiriのてょりっき appengine ja night #22 #ajn22 に行ってきました - @thorikiriのてょりっき appengi…

メンテナブル JavaScript

を読みました。 第I部はスタイルガイドラインで、コードスタイル的なところです。有名所のスタイルガイドラインに沿って説明されています。ある程度コード書いていると、それなりに実践しているようなところではないかなと思います。 第II部は実際にコードを…

ng-mtg#2 AngularJS 勉強会 #angularjsja に行って来ました

ng-mtg#2 AngularJS 勉強会 - AngularJS Japan User Group ng-mtg#2 AngularJS 勉強会 #angularjsjp - Togetterまとめ ng-mtg#2 AngularJS 勉強会 - Google+ 今回は入門編なので、経験者の人は知っている事が多いかもしれないです、難しい質問とかは懇親会の…

第4回 PhoneGap UserGroup勉強会 #PhoneGapUG に行って来ました

【PhoneGap】 第4回 PhoneGap UserGroup勉強会 【HTML5】【JavaScript】 : ATND 前回の勉強会 第3回 PhoneGap-UserGroup勉強会@東京 #phonegapug に行ってきました - @thorikiriのてょりっき 山手線が止まってたので、ちょっと遅れ気味に到着。以下メモって…

jQueryRotate3を使ってみる

昨日は、jQueryRotate2.2でIE対応をしてみたのですが、やりたいことによっては実現できないこともあるようで。 色々と原因を探ってみましたが、よーわからんと言うわけで、調べてみると、Issue登録された次のようなものがありました。 Issue 31 - jqueryrota…

MavenでSlim3プロジェクトを作る(Githubリポジトリ編)

Slim3のリポジトリがGoogle CodeからGithubに以降になったようです。 Slim3/slim3 · GitHub 今までMavenでSlim3プロジェクトを作ることが多かったのですが、今までのやりかたはこんなでした。 $ mvn archetype:generate -DarchetypeCatalog=http://slim3.goo…

jQueryRotate2.2をIE7で使う

jQueryRotate2.2を使ってみているのですが、IE7で確認しようとしたらエラーが出ました。 parentNodeなんて無いよ!って言うエラーですね。 Jquery Rotate Plugin IE7 - Stack Overflow StackOverFlowに答えがありましたので、貼り付けて起きます。Issueにも…

Web先端技術味見部#17 (今回は「Google Cloud Endpoints」!) #ajimibu に行って来ました

Web先端技術味見部#17 (今回は「Google Cloud Endpoints」!) : ATND 2013/02/28( #ajimibu)Web先端技術味見部#17 (今回は「Google Cloud Endpoints」!) - Togetterまとめ 味見部は行きたい行きたいとは思ってたけど、今まで都合つかずに初参加です。今…

第4回.js系開発技術勉強会 #techbuzz に行ってきました

【増員】【TechBuzz】第4回.js系開発技術勉強会 はじめよう Backbone.js / 【入門】enchant.js でゲームを作ろう : ATND 過去のメモ 第3回.js系開発技術勉強会 #techbuzz に行ってきました - @thorikiriのてょりっき 第2回.js系勉強会 #techbuzz に行って来…

すべての人に知っておいてほしい JavaScriptの基本原則

を読みました。さらっと、本当にさらっとね。 すべての人にとはいうものの、主にデザイナ向けに書かれた本なのかな。このシリーズ全般がそうなのかな? パフォーマンスについて書かれているところは参考になりました。オブジェクト指向でってところもそれな…

実践jQuery Mobile

を読みました。実践 jQuery Mobile作者: Maximiliano Firtman,白石俊平(監訳),牧野聡出版社/メーカー: オライリージャパン発売日: 2013/01/19メディア: 大型本購入: 1人 クリック: 1回この商品を含むブログ (5件) を見る世間ではjQuery MobileのVersion1.3が…

スマートフォンデザイン見本帳

を読みました。流し読みしました。スマートフォンデザイン見本帳作者: 矢野りん出版社/メーカー: エムディエヌコーポレーション発売日: 2012/12/26メディア: 単行本 クリック: 2回この商品を含むブログ (1件) を見るパート1では、各UIパターンごとにそれぞれ…

Amazon Web Services クラウドデザインパターン実装ガイド

を読みました。Amazon Web Services クラウドデザインパターン実装ガイド作者: 大澤文孝,玉川憲,片山暁雄,鈴木宏康出版社/メーカー: 日経BP社発売日: 2013/02/07メディア: 単行本購入: 1人 クリック: 15回この商品を含むブログ (16件) を見るAmazon Web Serv…

今更AngularJSでFilterを使ってみる

今回はAngularJSのFilterを使ってみます。AngularJSで一覧表示などの繰り返し処理をするためには、ng-repeatに配列を指定することで実現出来ます。 $scope.persons = [ { id: 1, /* データを定義 */}, { id: 2, /* データを定義 */}, { id: 3, /* データを定…

今更AngularJSでControllerを使ってみる

今回はAngularJSのコントローラーを使ってみます。AngularJSはJavaScriptのMVCフレームワークでして、ViewがHTMLで、Modelはng-model等で、Controllerを今回紹介します。 AngularJSのControllerはJavaScriptのfunctionで表し、HTML内にng-controller属性を使…