Debuginfo

思考とアウトプット

javascript

React.jsを触ってみた。Railsとの相性は?

WebDB Press vol.86のReactによるフロントエンド開発を写経してreact.jsの勉強してみた。 Reactive ProgramingやVirtual DOMを意識せずに書けてしまいました。 個人的な観点からは、やはりAnother JS Frameworkという感じ。 AngularJSのようにフロントでグイ…

AngularJSでのObjectの比較

http://stackoverflow.com/questions/1068834/object-comparison-in-javascriptにある JSON.stringify(obj1) === JSON.stringify(obj2)をAngularJSで作ったObjectとで比較するとFailするので注意。なぜなら$$hashKeyが付与されているから。 Angularで比較し…

動的なリンクをjavascriptを使ってPDFをダウンロードする方法

これだとダウンロードできるんだけど、a.click()の下に$location.hrefとか置けないんだよね:( promise.then(function(res) { console.log(res.url); var a = document.createElement('a'); a.href = res.url; a.download = "a.pdf"; a.click(); }) ちなみに…

AngularJSのはじめの一歩

Mastering Web Application Development with AngularJS作者: Pawel Kozlowski,Peter Bacon Darwin出版社/メーカー: Packt Publishing発売日: 2013/08/23メディア: Kindle版この商品を含むブログを見る ここ2週間ぐらいAngularJSを触っています。 あまり日…

フォームのバリデーションをしてみる with jQuery Validation Engine

なにやらフォームを作ってます。$.postする前にバリデーションしたいです。 jQuery Validation Engineが良かったのでブログingします。(http://c-brains.jp/blog/wsg/09/08/28-200143.phpで言及されてますが、少し情報が古いので ^^ ) 1. ダウンロードして展…

Phonegap(cordova)で始めるMobileアプリ開発 (topcoat+backbone.js編)

Christophe Coenraets氏のブログが秀逸なので彼のエントリを写経しつつ自分のプロジェクトに取り込んでいきたいと思います。 本当にどこからやっていけば良いかわからないほど良いブログだと思います。 今回はSample Mobile / PhoneGap Application with Bac…

Perlの人がbackbone.jsを使ってみて思ったこと

私は会社でPerlで開発し、週末に週末プログラマとしてPerlを使って開発しています。そんなJavascritpがほぼ素人な私がbackbone.jsを使って思った事を書いてみます。 まずjavascriptについて。@lestrrat氏のPerl5 Census Japan 2013をまとめてみましたの”Perl…

Input type=fileで受け取ったイメージファイルをJavascript/Canvasを使ってリサイズする方法

スケールを合わせたリサイズをCanvasを使って行いました。たかがリサイズ、されどリサイズ。。 $('#imgcapture').change(function(e){ var image = new Image(); var reader = new FileReader(); var file = this.files[0]; if (!file.type.match(/^image\/(…

sendAsBinaryをChrome/Safariでやる

xmlHttpRequest.sendAsBinaryはfirefoxでしか実装されてないことを知りました^^;; 同じことをどうやるかぐぐってみると下記のリンクを見つけました。がっつりprototypeをいじってますね。firefoxで動けば問題ないでしょうってことで採用。 XMLHttpRequest.pr…

javascriptでFlickrへの写真のアップロードを実装してみた

トピックとしてはかなり今更感がありますが。。これをするのに一週間かかりました。私の技術力不足もありますが、情報がなくてかなり苦労しました。苦労した分、とっても勉強になりました。 同じようなことをする人にこの努力をさせたくないのでブログに書い…

javascriptでモジュール/ライブラリを自作する方法

ちょっとしたライブラリを作ってgithubで公開しようと思ってます。 そこで、javascriptのライブラリをどうやって作成しようか調べてました。 javasriptは関数で閉じないとグローバル変数になってしまうので、なるべくグローバル変数を使わず、汚染しないとい…

cssやjsをCDNからFallbackさせる方法[Bootstrap][Jquery]

サーバへのトラフィックを減らすにも有効なCDN。 でも、そのホストが落ちたときは自前のを使いたい。 そんなときはこんな風にやるみたい。 参照元がわかんなくなってしまったけど、yepnope.jsを使って実現する。 <script type="text/javascript" src="/js/yepnope-min.js"></script> <script type="text/javascript" src="/js/load_jquery_bootstrap.js"></script> ヘッダで下記のように宣言して下記のように…

Mojolicious controller to handle JQuery.get

Mojoliciousのコントローラーで触るファイルは2つ。lib/Crossin.pmとCrossin::Controller::Profile.pm。 #Crossin.pm $r->get('/profile')->to('profile#info'); それから、profile#infoを書く。 package Crossin::Controller::Profile; use Mojo::Base 'Mo…

JQueryの始め方

javascriptはあまり慣れていないので試行錯誤で書いています。時間がかかる。。やりたいことははっきりしてるんですが、その方法をトライしてconsole.log with firebugで確認する感じです。 Client-Server間はJSONを交換し合って、非同期で表示する方向です…

javascriptの基本

javascriptを呼吸するように書くためにはまだまだ長い道のり。まずは基本をまとめてみる。関数スコープ変数が関数スコープなのが、一番やっかい。代入したのに入ってないとか他の言語からくるとビビリます。スコープを決めたいときは無名関数を書いてしまう…