Debuginfo

思考とアウトプット

Web

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> ヘッダで下記のように宣言して下記のように…

Model in Mojolicious

MojiliciousのModelは自由度があり、開発者にその実装を委ねられていると考えています。 色々調べた結果、私は下記のようにこれを実装することにしました。 まず、lib/Crossin.pmにhelperメソッドを使いどこからでも参照できるようにします。 sub startup { …

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…

CSS Framework - BootStrap - 設置

Web

Bootstrap BootstrapはTwitterが提供するCSS Framework。zipをpublic以外に展開する。配置方法は、 $ find public/ public/ public/bootstrap public/bootstrap/css public/bootstrap/css/bootstrap-responsive.css public/bootstrap/css/bootstrap.min.css …

Web Application Framework (WAF) を選び階層構造を決める。

PerlのWAFは結構色々選択肢がある。Catalyst, Dancer, 和製のAmonとか。去年初めてWAFに触れたのがMojolicious::LiteなのでSyntaxも知ってるし、採用しました。今回はlite_appでないものを書くつもりですが。Catalystは使った事ないけど(会社のプロジェクト…

Web Application - System Designについて

情報収集を行いました。Facebook night#10等のイベント等に参加して技術動向を探ったり、IT技術者のブログを読んだりしていました。通勤時間や昼食時、会社が終わった後等にシステムデザイン、それに関連する技術をノートに書いていました。一応、あとはコー…

CSS framework, Bootstrapのインストールから設定まで。

Web

1.トップページからDownloadをクリックしてダウンロードhttp://twitter.github.com/bootstrap/ からZIPファイルをダウンロードしてFTPクライアント等でサーバにアップロードする。2. Get startedのページを参考にhtmlを張り付け <html> <head> <title>Bootstrap 101 Template</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head></html>…

Mojoliciousワンライナーを使った画像表示だけの超簡易Web Server

グラフ表示用にpngは作ったものの、png fileはVPS上でダウンロードに困った。そんなときに手軽なMojolicious :)まずpublicディレクトリを作成して、image fileを移動。 $ mkdir public $ cp test.png public/ それでワンライナーMojolicious起動する。 $ per…