鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

2013-06-01から1ヶ月間の記事一覧

priv nextの遷移でFullcalenderのイベントが2倍に増殖してしまう。

昨日の続き。月を遷移させてちゃんと表示されるか試してみたくなったけれど うまく動かない。Backboneを無理やり使う必要ないかな。 何回もajaxアクセスが裏で走ってしまうが、原因よくわからない。 難しいなぁ。挫折しそうだ。 $(function(){ var Event = B…

FullCalendarのイベントをMojoliciousからfetchして描写したいbackbone.js

backbone.js fullcalender Building a shared calendar with Backbone.js and FullCalendar: A step-by-step tutorial 上記を参考に作ってみる。 $(function(){ var Event = Backbone.Model.extend(); var Events = Backbone.Collection.extend({ model: Eve…

Backbone.jsでコレクションを絞り込んでFetchする

なるほどというか。よくドキュメントを読むと書いてあった。 こちら documents.fetch({data: {page: 3}}) dataというプロパティに渡してあげればいいのか。 ある人の、何日から何日までの予定を取りたいとか そういうことを私はしたいんですが。 ある人とい…

TodoMVC(backbone.js)のバックエンドをMojoliciousにしてみた。

クライアントサイドMVCを学習したくて 自身、サーバサイドはPerl(Mojolicious)しか使えないというスキルセットなので とりあえず、サーバサイドをMojoliciousにしてみる挑戦を無謀にも。 こちらの ソースをpublic配下にコピってきて、index.htmlはindex.htm…

perlで綺麗な色をランダムに出したい

現在、ランニング系のサイトを作っているので、ランニングコースの色分けをしたいなー、したいなーと開発当初から思っておりまして。。(ここだけは、譲れないというか、やりたかったので) リサーチ。 いい方法がありました。 ランダムに綺麗な色を作る方法…

Tengから取得した日本語文字列をMojoliciousでrender(partial)したあと、renderすると文字化けする

うーん。やっぱり文字化けしてしまった。 Tengから日本語文字列を取得する。 それをjsonデータとして、render(partial=>1) それをスタッシュにつめる renderでスタッシュの内容を出力 my $json = $self->render(json=> \@routes, partial => 1); $self->app-…

関数の中でwantarrayを使っているときは要注意

昨日のはまったエントリ 関数の返却値をそのまま、ハッシュの値に詰め込んだ場合、リストコンテキストとなるんですなぁ。ハッシュは配列の一種だから当然なんですが・・・ 以下のソースを見るとよくわかります。 use strict; use warnings; use Data::Dumper…

MojoliciousでJson日本語文字列をレンダリングすると文字化けする

Mojoliciousでrender(partialフラグ付き)を用いて 日本語文字列を含むjsonをレンダリングすると文字化けした。 以下テンプレートファイルの中身。renderテキストの方は文字化けしない。 <%= $self->render(json=>{"aaa"=>"あああ"},partial=>1) %> <%= $self…

perlでデータを一旦変数に入れないと値が変わる?

データを一旦変数に入れてから使わないと値が変わるの? use strict; use warnings; use Geo::WKT; use Data::Dumper; my $linestring = qq/LINESTRING(1 1,2 2)/; my $geoline = parse_wkt_linestring($linestring); my $points = $geoline->points(); my $…

Geo::WKTのインストール

Geo::WKTのインストール Geo::WKTをcpanmでインストールしようとしたら、 依存モジュールのGeo::Proj4のインストールでこけてしまって ERROR: proj library not found, where is cs2cs? proj4のページからproj4 proj-4.8.0.tar.gzをダウンロードして、 confi…

MySQL5.6のGISデータをperlデータにマッピングしたい

次の作品はGoogleMapsをバリバリと使ったWebアプリになっています。はい。 登録機能はほぼできた感があるので、いよいよ検索機能に駒をすすめました。 サーバーサイドPerlの出番となり、リサーチ活動。 MySQLのgisデータを取り出してPerlに格納したい MySQL…

Mojoliciousのlayoutヘルパーで指定したlayoutのheadの中身を可変にしたパート2

名前付きcontentを使う もう少し、ドキュメントを読み込み、前回エントリとは違う方法を探してみました。 exapmle/root.html.ep % layout 'hoge'; % content_for head => begin <script> function init(){} </script> % end <p>hello world</p> layouts/hoge.html.ep <html> <head> <title>dokechin site</title> </head></html>…

Mojoliciousのlayoutヘルパーで指定したlayoutのheadの中身を可変にしたい

exapmle/root.html.ep % layout 'hoge',head=> 'boo'; <p>hello world</p> layouts/hoge.html.ep <html> <head> <title>dokechin site</title> <%= include $head %> </head> <body> <%= content %> </body> </html> boo.html.ep <script> function init(){} </script> headをカスタマイズしたくないときにも、何かしら値を入れないといけな…

googlemapsのPolylineの全ポイントを表示する適切なズームに変える方法

Google Maps API: Calculate Center/Zoom of Polyline

Hatena Blog でシンタックスハイライト変えた

シンタックスハイライトを変えたい ```perl use strict; use warnings; ``` というように書く、GitHub Flavored Markdownという記法があるのかぁ。 知らなかった。 GitHub Flavored Markdown あとはshiba_yu36さんの ブログのsyntax highlightのデザイン変え…

Mojoliciousからiframeの中のjavascriptへデータを渡したい

さあ、どうやってするのか。と悩んでぐぐった結果 Sharing global javascript variable of a page with an iframe within that page Mojoliciousで、JSONデータをjavascriptへ埋め込む renderでpartialオプションをつけて、埋め込める。 mainのコード <script> var m</script>…

Mojoliciousでステータスコード303のリダイレクト

データ入力画面でPOSTして、Mojoliciousでリダイレクトで確認画面にとばすのですが、 POSTでくるものをリダイレクトするとPOSTでリダイレクトしちゃうので GETでリダイレクトしたいのです。 そういう場合は、303を返せばいいということがわかったんですが…