鈍足ランナーのIT日記

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

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

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

scriptタグの定義順序には意味がある

javascriptの基礎の基礎から勉強中、 下記index.htmlをブラウザでみると boo,boo,uooの順でalertが実行される。 ├─public │ │ index.html │ │ │ └─js │ boo.js │ foo.js boo.js alert ('boo'); foo.js alert ('foo'); index.html <html> <head> <title>Welcome to the Mojolici</title></head></html>…

Backbone.jsを理解するためにオブジェクト図を書いた

インスタンス図というのかな、オブジェクト図というのかな。 Javaを勉強していたころにはよく書いたものだ・・ これは、クラス図とちがって一例であります。はい。 概念を整理していくときには、よくかきます。 シングルページ=1ルータ。 ビューは他の…

第11回Solr勉強会に行ってきた

第11回Solr勉強会 に行ってきた。 お目当ては全文検索システム、社内システムで全文検索システムを立ち上げるので 参考になるかなと。 FESS(というクローラー+検索サイト)で構築しようと思っていましたが、 講演では違うMonifoldCFというクローラをつかっ…

サーバーサイドはMojoliciousでディレクトリ構成は矯正されるが、クライアントサイドも綺麗に作りたいのだ!

一旦、Webアプリ作成は筆休めというか、リサーチしているんですよ。 サーバーサイドPerlはMojoliciousなりAmon2なりでつくれば ファイル分割して、アプリをつくれます。 じゃ、クライアントサイドは? Backbone.jsを学習しているんですが、 ファイル分割まで…

Mojoliciousのデフォルトエラー画面

productionモードで起動して、ゆーすけべーさんのページを参考にエラーを発生させてみたら うまく出来た。デフォルトエラー画面も洒落ていて、いいですなぁMojolicious。 $r->get('/error')->to(cb => sub{ die;});

perlbeginners#9へ行ってきたよ

#4から連続参加の6回目。 今回はスピリチャルな内容でした。技術でない話、結構好きです。 個々の感想ではなくて、思うところをつらつらと。 私自身は、ゆーすけべーさんのブログからPerlに引き込まれていったんですが、 これもPerl界の文化を受けていた人…

Mojoliciousアプリを本番環境で運用するとき、最初にすること。

@dokechin ATNDフルカレンダーでTwitter認証したら502が出ました。そこでスタックトーレスが表示されたのですが、もしかしてプロダクションモードではなく開発モードで起動していたりしませんか。失敗とは別にそこが気になりました— (*>ヮ<)っ ~$ いちごた…

Backbone.jsで複数のビューをひとまとめにして扱いたい

Backbone.jsで複数のビューをひとまとめにして扱いたい タブメニューで、メニューを選ぶとcontentタグの内容を動的に切り替えて 使う。Backbone.jsのルーターでビューの切り替え部分をコーディングしています。 参考にした記事はこちらhow-to-switch-views-u…

trim()?Backbone.js?IE8だとエラーだった挙動のまとめ

var stored_words = Backbone.Model.Extend({ default: { filter : '恋活 合コン' },・・・ }); // IE8だとエラー var filter = stored_words.get("filter").trim(); // IE8でOK var filter = $.trim(stored_words.get("filter")); IE8で恋活フィルターを…

Webで一発当てるにはデザイン大事。Font Awesomeのアイコンを使おう

FontAwesome でアイコンを使うと、アイコンをフォントで持つので大きくしてもきれいですよ。 @masuidriveさんの講演で聞いたので早速ためしてみた。 確かに、いろいろアイコンもある。フェースブックもあるし、ツイッターもあるし。 そんな感じでATNDフルカ…

ATNDフルカレンダー。デフォルトで「恋活、合コン」をフィルタリングしました

ATNDフルカレンダーで恋活、合コンフィルタリングしました。 デフォルトでやってしまうのは若干強引で、合コンや恋活をしたい人を切り捨てて しまうので・・・ 切り替えられるようにしないといけませんね。 eventRender: function(event, element) { element…

ATNDフルカレンダーのツールチップ対応

ATNDカレンダー検索のようにイベント行を1行表示にしようとしたけど・・・ これを見ながらやってみるかな。 これ をみながら、ツールチップにも対応したいし。 でも、自分的には、1行表示はやっぱりいちいちマウス置くの面倒なので、やめて、 ツールチップで…

Mojolicious::Plugin::Web::Auth(twitter)がStarmanやStartletで動かない?

Twitter認証画面で許可を押して、コールバックURLのhttp://atndfc.dokechin.com/auth/twitter/callbackにリダイレクトされたあとに 以下のエラーとなってしまった。 Can't call method "session" on an undefined value at /home/tatsumi/perl5/perlbrew/…

ATNDフルカレンダー機能追加のお知らせ - Twitterのfollowsの参加イベントが区別できるようになりました

Twitterのフォローのイベントを区別したい ATNDフルカレンダーに新機能。Twitterでフォローしている人のイベントが区別できるようになりました。 元ネタはWebアプリ「What events your twitter friends ATND?」のAPIを作りましたで、同じようなことをしてみ…

Fullcalendar.jsで別ウィンドウにイベント情報を表示する

Fullcalendar.jsのドキュメント にドンぴしゃりの内容がありました。 ATNDフルカレンダー にも取り込まないとなぁ、使いにくい。 Tech CompassのWebアプリ VS. ネイティブアプリ 、勝つのはどっちだ!? の大前さんの「ユーザ体験がすべてだ」という言葉が非常…

Defferdオブジェクトを2重のforループの中で使ってうまく待合せられない

あれが、終わったら、これらをする。 あれが、終わったら、これらをする。 あれが、終わったら、これらをする。 あれら、これらがすべて終わったら それ(alert)をやる。 がやりたい。 var ajaxs = []; for (var i=0;i

Mojoliciousでクッキーの値が設定されているか、クライアントサイドで確認したい

以下のように、Mojolicious::Plugin::Web::Authプラグインをつかっています。 やりたいことは、ブラウザを閉じたらセッションを無効化したい。 package Atndfc::Web; use Mojo::Base 'Mojolicious'; # This method will run once at server start sub startu…

ATNDフルカレンダーの体裁を整えた

ATNDフルカレンダー の体裁を整えて、見た目をよくしました。 新作アプリの方のコーディング作業に戻らなくてはいけないんだけど どうもやる気がでない。困ったものです。 とりあえず、今度はBackboneルーターの勉強をしようかなと思います。 wri.peでも使っ…

ATNDフルカレンダーのウィークリーカレンダーが表示できるようになりました。

昨日リリースしたATNDフルカレンダー に、新機能追加! 週カレンダーが有効になりました 一度表示したデータはキャッシュにいれて、読み込まないようにしました。 週カレンダーは、リクルートさんに問い合わせてみたら、decodeURIComponentを使ったらという …

jqueryのajaxのクエリパラメータでカンマをエンコードしない方法

JQUERYのAPIによると jQuery.ajax( url [, settings ] )Returns: jqXHR settingsの説明によると The data option can contain either a query string of the form key1=value1&key2=value2, or an object of the form {key1: 'value1', key2: 'value2'}. …

perlで配列の引き算したいんですよ

仕事でちょっとしたツールを作った時に、配列の引き算をしたくなって、 以下のようなNGコーディングをしてしまった。 my @uu = @boo-@foo; そんでもって以下のようにコードを書き換えて動かしました。 use strict; use Data::Dumper; my @lefts = (1,3,5,7,9…

javascriptのハッシュのキーを変数にしたい

こちら ふむふむ。 javascript力が弱すぎる・・・私。

新作Webサービス「ATND フルカレンダー」をリリース

ATNDカレンダー検索という、よく使っているサイトがあるんですが、 私は、現在Fullcalender.jsというライブラリの使い方に慣れるべく いじっていたので、折角だからと、ATNDカレンダー検索みたいなことを フルカレンダーでやったら面白くないか?と思い立ち…

サーバーサイドperlでのnginxのリバースプロキシの設定方法

サーバーサイドperl+nginxの設定はおそらく人気があると思います。 私が今まで躓いていた、index.html(静的ファイル)はアプリケーションサーバーで処理したくないけど うまく設定できずにいたのが解決したので皆さんにお披露目。 というかみんな知ってるか…

php5.5をsupervisordで動かしてみた

php5.5のインストール PHPからphp5.5のtar.gzをダウンロード。 /tmpにtar.gzをアップロード tar -xvf php-5.5.0.tar.gz cd php-5.5.0 ./configure --enable-fpm make sudo make install cd /usr/local/etc sudo cp php-fpm.conf.default php-fpm.conf nginx…