鈍足ランナーのIT日記

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

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

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

Perl Beginners #11 に参加しました

議事録調になってしまいましたが、参加した記録です。 magnoliaさん enbldというツール ホームディレクトリ下にインストールされる。 現在はMacOsのみサポート 前回のPerlbeginnersで発表して、2か月後の今回 ではすでにCPAN登録が完了。 perlbeginnersのAT…

Acme::Kensiroで「あたたたたたたたたたたたああたたたたたたたたたたたたたたたたた」と言わせたい

Acme::Kensiroモジュールをつかって、あた・・・・・・・・と叫ばせようと おもって、以下のようにつかってみた。test.pl use strict; use warnings; use Acme::Kensiro; print kensiro(1600); でも、引数に設定できるのは、255までなんです。 $ perl tes…

Perlで回帰分析

先週金曜日、#clubdb2の勉強会に行ってパイソンは行列計算に強いというお話 だった。Perlでも行列計算はできるはず、advent calenderで見たことあるし。 さて、大学1年の時に習った?最小2乗法みたいなことができるかなと調べてみた。 statistics-and-data…

PDLを触る(1)

perl(cygwin)でPDLをインストールしてみる。 cpanm PDL cpanm PDL::Stats 次は、PDL::Graphicsのインストールですが、依存関係があるので PDL::Graphics::PLplot---plplot-+-swig +--openjade--OpenSP-+-xmlto--getopt(util-linux) +-sgml-common-0.6.3--aut…

backgrid-containerだったのか・・・

backgridでスクロールバーが表示されない、されないと悩んでいたら。 backgrid-container配下に配置すればいいとわかって、すっきり。 色々試行錯誤したけれど。なんとか分かってよかった。 <div id="example-1-result" class="backgrid-container"></div> .backgrid-container { position: relative; display: block; wid…

bootstrap3でtableをいい感じにレイアウトしたいのです

最近、フロントエンドの話題ばかりとなっている@dokechinです。 みなさんいかがお過ごしでしょうか。 テーブルの列の横幅比率を一定にレスポンシィブにレイアウトしたい。 どうするんだろう。どうするんだろうと悩み。悩んだ。 こうすればいいんじゃないと思…

media query 仕様を読むのが基本

media queryの max-widthって?? 最大幅?とおもっていたら、 何々以下っていうことだったのか。 viewport(スクロールバーを含めた表示領域) の幅が何々以下っていう意味か。 http://www.w3.org/TR/css3-mediaqueries/ 以前買った大藤幹さんのCSS/CSS3入…

ジョギングWebアプリ(ジョグナビ)のレスポンシィブ化

アイデア的に今一というより、使いやすいUI、UXの 企画、実装力が足りないなと実感しているので ジョグナビを大事にアップデートしています。 でも、0から考えても仕方がないので、いいものはパクるに限る。 IPhone Design Boxを パラパラと見ながら真…

レスポンシィブWebデザイン、画像サイズも可変にしたい

ジョグナビをレスポンシィブにということで、チャレンジ中。 以下のようにしたら、何となく動いているような・・・ かなり適当です。 画像サイズをスマホの時は小さくしないとNGだ さて、でも、問題があります。メディアクエリだけでやっても ロゴの画像サ…

Isucon3 反省会に参加しました

無料という言葉と、参加したことなくてもOKという言葉につられて、参加してみました。本選参加者が解説していただける機会はないと思うので。 レギュレーション重要でも罠あるよ。 なんだろう、レギュレーションって。という言葉の意味すらわからなかった…

Bootstrap3でモバイルでは2列×3行。タブレットPCでは3列×2行にする方法

モバイルでは2列×3行。 タブレットやPCでは3列×2行のレイアウトになります。 divのrowクラスの中に入れちゃうとうまく表現できません。 なるほど。 divのクラスをコンテナにして、その中に記述していけばいいのか。 <div class="container"> <div class="col-xs-6 col-sm-4 col-md-4"><div class="well"> <div class="big-icon"><i class="fa fa-pencil fa-4x"></i><strong>Simple</strong></div> </div></div></div>

モバイルファーストとは、320×480の画面から?

ジョグナビはPCで開発していました。 そもそも、モバイル端末の画素数すらよく知らずに開発していました。 320×480なんですね・・・ FireFoxでCtrl+Shift+Mでレスポンシィブデザインビューという機能が あることがわかり、これで確認しながら開発するのがよ…

MA9が終わった、さぁMA10だ。

MA9が終わり自分自身の振り返り MA9で応募したJognaviそもそも開発の経緯は Jognaviは、はじめは、CourseRecordという名前で 開発していました。ランニングコース毎に自己ベストを 登録していくWeb上のコンペサイトを目指していました。 でも、それだとい…

Mojolicious::Plugin::Web::Authの使い方を教えてください

以前エントリを書きましたが、ちょっとわかりにくいので Mojolicious::Plugin::Web::Authをstarmanやstartletで動かすと うまく動かない問題が私の環境で発生していまして、 とりあえず、再現環境のソースをこちらに公開いたしました。 トップページに遷移す…

javascriptでのカッコの有無の違いが理解できた気がする

Backbone.jsでレンダリングするところのロジック。 toJSON()でモデルのアトリビュートを取り出し、それをテンプレートに渡して レンダリングするんですが・・・ isNewの値もattributeに加えて、テンプレートに渡したかった。 (新規作成の時は、登録ボタン。…