2011-10-01から1ヶ月間の記事一覧
と思い、ググッてみたら、次のurlが参考になりそう。泥船 - PerlでCommandパターン └ http://d.hatena.ne.jp/hachi_ukkari/20090221/1235199125 あしあと日記 - Undo,Redoの実装って何十回もやってる気がする └ http://d.hatena.ne.jp/Youchan/20081110/1226…
ミニマルなアイコンやシンボルをWebフォントで表現するために作られたフリーフォント・Web Symbols typeface ├ http://kachibito.net/web-design/web-symbols-typeface.html └ http://www.justbenicestudio.com/studio/websymbols/ ↑このurlを読んで、最初は…
cpanにはk-meansアルゴリズムを実装したmoduleがたくさん http://search.cpan.org/search/?query=k-means&mode=allsearch.cpan.orgで「k-means」をキーワードに検索すると、Algorithm::KMeans だけでなく、Text::Bayon や Algorithm::Cluster 等、約10個のモ…
まず、2個のベクトル:a,b の関係:θは、次のように表せます。ここで、 はaとbの内積なので、2次元のベクトルであれば、 で表せ、また、 はベクトルの大きさなので、 となります。 ※ベクトルの内積や大きさは、更に多次元(n次元)になると、 や これをperlで実…
http://search.cpan.org/perldoc?Math::Combinatorics 書こうと思えば、書けますが、こういうmoduleがあると、やはり使ってしまいます。 #!/usr/local/bin/perl use strict; use Math::Combinatorics; use Data::Dumper; main(); sub main { #階乗 my $ret_f…
encountered object 'Sample::ClassObj=HASH(0xa679b58)', but neither allow_blessed nor convert_blessed settings are enabled at /usr/local/lib/perl5/site_perl/5.10.1/JSON.pm line 154.\nと、JSON.pmに怒られて、「perlのオブジェクトのblessって解…
解説記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659http://twitter.github.com/bootstrap/ bootstrapの解説ページには、グラデーション + 格子模様でヘッダを表示しています。単なる「background: transparent url(〜)」 と思っていたら、模…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659モーダルやツールチップ、ポップオーバがあり、bootstrap-modal.js や bootstrap-twipsy.js 、bootstrap-popover.js を必要とします。ここでは画面キャプチャだけ貼っておくので、詳しくは次の…
基本アラート bootstrap-alerts.js を必要とします。.warning .error .success .info <div class="alert-message warning"> <a class="close" href="#">×</a> <p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p> </div> ブロックメッセージ 基本アラートに対し、.block-message を追加して下さい。基本アラートと同様…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 上部固定トップバー まず、htmlソースを読むと分かりやすいと思います。 ※トップバー下に表示するbody部には padding-top: 40px; を付加して下さい。 ※.navに加え、.secondary-navも指定する…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659※デフォルトでlabelは、width:130px; text-align:right;で表示されます。 ※フォームの表示サイズ指定には、次のものが用意されています。 class 幅(px) .input-mini, .mini 60 .input-small, .…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659デフォルトのテーブルは、四隅を丸くする程度の表示です。(cssクラスを必要もありません) <table> <thead> <tr><th>#</th><th>First Name</th><th>Last Name</th><th>Language</th></tr> </thead> <tbody> <tr><td>1</td><td>Some</td><td>One</td><td>English</td></tr> <tr><td>2</td><td>Joe</td><td>S…</td></tr></tbody></table>
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 ヘッダと段落(<p>) ヘッダのhtml <h1>h1. ヘッダ1</h1> <h2>h2. ヘッダ2</h2> <h3>h3. ヘッダ3</h3> <h4>h4. ヘッダ4</h4> <h5>h5. ヘッダ5</h5> <h6>h6. ヘッダ6</h6> 段落(<p>)のhtml <h3>文書表示例</h3> この部分はサンプル文書の本文です。この部分はサンプル文</p></p>…
固定(Fixed)レイアウト div.container を使うことで、デフォルト940px幅の固定レイアウトを使用出来ます。 <body> <div class="container"> ... </div> </body> 可変(Fluid)レイアウト 可変レイアウトでは、min-widthやmax-widthで表示幅の最大最小を指定できます。 <body> <div class="container-fluid"> <div class="sidebar"> ... </div> <div class="content"> ... </div> </div> </body>css .co…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659Bootstrapのグリッドシステムのデフォルトは、幅940pxで16カラムです。 グリッドシステムでは、次のように.rowと.span〜 を指定して下さい。 ※.span〜には、.span1:幅40px 〜 .span24:幅1420px…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 入手 bootstrap ver.1.3.0 ( twitter-bootstrap-v1.3.0-64-g70b1a6b.zip )は、次のurlから入手できます。 http://twitter.github.com/bootstrap/ https://github.com/twitter/bootstraptwitte…
この解説ページ群の目次 url トップ(このページです) bootstrapの概要「等」 入手と設置(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステム http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/可変)レイアウト http:/…
ie8以下でhtml5なページを表示しようとすると、html5で追加された要素が認識されず、ページが壊れてしまうと思っていました。 しかし、次のようにhtml5文書のhead内にdocument.createElemnent(新要素)を記載すれば、ie8以下で表示はできないもののdom構成は…
select * from (select hm.member_id, sum(val) as val from $tbl_name ss join hems_member hm on (hm.update_date<=? and ss.member_sid=hm.member_sid) where ?<=ss.date_month and ss.date_month<=? group by hm.member_id ) as ss_summary where val=0;…
