鈍足ランナーのIT日記

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

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

2013-01-01から1年間の記事一覧

Bootstrapのバックグランドの色を変えたい

何事も、はじめは真似からということで、クックパッドのトップ画面を参考に自分のサイトのトップ画面を作ろうとしている。 Bootstrap3を採用してみる。 でも、いきなり躓く。 バックグラウンドの色をかえたら うえのメニューのところも色が 変わってしまった…

perlで解いた「積み木の水槽」

オフラインリアルタイムどう書く第13回の問題を解きました。 問題はこちら うんうん、唸って考えて布団の中でも 色々考えて、半ば諦めかけてしまったけど。 すべて自力で解けた。すごく嬉しい。 同じ高さの積み木を1で積み木のないところを「0」で 表現して…

ダイナブックの液晶が壊れて、修理の見積もりを出すが・・・

東芝ダイナブックR731の液晶に白たてラインがでるようになったので見積もりを出してみた。 1社目届く24800円。(EH社) さて、色々調べてみるか・・・・ 2社目(ES社) 部品代金:22800円(新品) 作業工賃:8800円 3社目(I社) 19800円+1100円。 で…

perlで「増やす減らす2倍にする」に挑戦

ATNDフルカレンダーを見ていたら (オフラインリアルタイムどう書く)http://atnd.org/events/41603 という勉強会があって、そこに興味深い問題が載っていた。 こそで、perlにて「増やす減らす2倍にする」に挑戦してみたが・・・ 初めて、Perlbeginnersでytnob…

Text::MeCab::ENCODINGを変えたい時には

MeCabを使いたいので何回もインストール perl -mText::MeCab -e 'print Text::MeCab::ENCODING;' euc-jp ./configure --with-charset=utf8 LIBS=-liconv --enable-utf8-only make make install cpanm Text::MeCab --reinstall 再度チェック。 perl -mText::M…

Mojolicious,Modelをuseで使うってNG?

YAPC::AsiaのLT向けネタWebアプリをコーディングしています。 文字列を受け取り変換してJSON返すという 簡単なAPIを作り、後はクライアントでajaxでアクセスして使うというものです。 変換内容はネタなので、当日まで内緒ww さて、変換関数はヘルパー経…

グラタンをアップデートしましたbackgrid.js対応

グラタンを更新しました。 backbone.jsのコレクションを表形式にしてくれるライブラリbackgrid.jsをつかって 編集できるようにしてみました。 でも、考えてみたら、これくらいならエクセルでできるわけで・・・ わざわざWEBアプリにする必要もないような…

もっと面白い!を目指して、もっともっとHTML5に参加

ものすごい走り書きになってしまいました。 昨日行われたmswaveでの勉強会のメモを公開いたします。 ソーシャルゲームの開発フロー gloopsって 売上269億 600人 渋谷クレストヒット 国内17本、IOS1本 開発フローは プランナー 企画のコンペ 基本、プラン…

Backgrid.jsに挑戦というか・・・

Backbone.jsで編集画面を表示させるが面倒だな とおもって、いろいろと調べていったら バックグリッドってライブラリを発見。 http://backgridjs.com/ これを使って編集画面をつくろうかなと。 でも、それはそれで大変かもしれない。

グラタンできました!

グラタン というサイトができあがりました。かなりのやっつけ仕事になっています。 どんな時に使うかというと。 買い物するときに、ごま油のグラム単価幾らだったかなとか 乾燥わかめはどれくらいで普段買っているっけ? とか忘れてしまいますよね?? そん…

cannot get the cid of the model while rendering a backbone collection over a template

下のURLと同じところで、見事につまずきました。 http://stackoverflow.com/questions/15298449/cannot-get-the-cid-of-the-model-while-rendering-a-backbone-collection-over-a-tem cidという、Backbone.jsで採番されるIDをテンプレートの中に出力し…

perlで配列の検索を高速化したい

配列内に要素があるかないか判定したい。 でも頭から検索しにいくから 後にある検索は遅くなってしまう。 use strict; use warnings; use List::Util qw/first/; use Benchmark qw/timethese cmpthese/; my @ids = (0 .. 1000000); timethese(1000,{ first =…

javascriptのthis,親thisを参照したいのだ

うーん。見事に詰んでしまっています。 Backbone.jsのビューの中で、googleMapsのイベントリスナー を登録しているけれど、その中のthisは当然googleMapsのthisになってしまって Backbone.Viewのthisではないわけで。・・ Backbone.Viewのthisを参照したい。…

いよいよランニング系サイトのドメイン名とった!ドメイン名駆動開発

いろいろとドメイン名を考えたが、なかなかいいのがない 最初はcourse-recordにしようと思っていたけど長すぎるし、 runrecにしようともおもったけど、なんかインパクトに欠ける。 jogmateは大塚製薬の商品だったし、joglifeはすでにとられていたり jogworld…

ATNDフルカレンダーにUsageをつけた

とりあえず、使い方の説明がなかったのでつけてみた。 なぜか英語。 そんな感じでATNDフルカレンダーを よろしく。

AWSならインフラ担当なしでもここまでできる!に行ってきた

ATNDフルカレンダーをふと見ていると、今日の勉強会は1つだけhttp://atnd.org/events/42000 泉岳寺なら近いのでいってみるかってことで行ってきた。 1日10アクセスも集められない、サービスしか作れない私であるが、 将来のスケールに備えてAWSに…

何時間もハマったハマったBackbone.jsのlistenTo

木曜日から悩んでいたけど、上のソースで指定していて、動かん動かんと必死になってしまった。 this.listenTo(this.collection, 'add', this.render()); 下のようにしたらうまく動いた。 this.listenTo(this.collection, 'add', this.render); ()をつけるの…

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/…