end0tknr's kipple - web写経開発

太宰府天満宮の狛犬って、妙にカワイイ

2011-10-01から1ヶ月間の記事一覧

perlやjavascriptでCommandパターンによるundoを実装したい

と思い、ググッてみたら、次の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 )ってCSSスプライトよりいいかも?

ミニマルなアイコンやシンボルをWebフォントで表現するために作られたフリーフォント・Web Symbols typeface ├ http://kachibito.net/web-design/web-symbols-typeface.html └ http://www.justbenicestudio.com/studio/websymbols/ ↑このurlを読んで、最初は…

Algorithm::KMeansを使ったk-meansによるカテゴライズ

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個のモ…

perlでコサイン類似度を算出

まず、2個のベクトル:a,b の関係:θは、次のように表せます。ここで、 はaとbの内積なので、2次元のベクトルであれば、 で表せ、また、 はベクトルの大きさなので、 となります。 ※ベクトルの内積や大きさは、更に多次元(n次元)になると、 や これをperlで実…

Math::Combinatorics で 階乗、組み合わせ、順列を算出

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…

Data::Structure::Util::unbless()を使ってblessを解除

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って解…

bootstrap 日本語解説番外編 - 模様付? 透過gifを使ったヘッダ表示

解説記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659http://twitter.github.com/bootstrap/ bootstrapの解説ページには、グラデーション + 格子模様でヘッダを表示しています。単なる「background: transparent url(〜)」 と思っていたら、模…

bootstrap - ポップアップ

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659モーダルやツールチップ、ポップオーバがあり、bootstrap-modal.js や bootstrap-twipsy.js 、bootstrap-popover.js を必要とします。ここでは画面キャプチャだけ貼っておくので、詳しくは次の…

bootstrap - 警告とエラー

基本アラート 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 を追加して下さい。基本アラートと同様…

bootstrap - ナビゲーション

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 上部固定トップバー まず、htmlソースを読むと分かりやすいと思います。 ※トップバー下に表示するbody部には padding-top: 40px; を付加して下さい。 ※.navに加え、.secondary-navも指定する…

bootstrap - フォーム、ボタン

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659※デフォルトでlabelは、width:130px; text-align:right;で表示されます。 ※フォームの表示サイズ指定には、次のものが用意されています。 class 幅(px) .input-mini, .mini 60 .input-small, .…

bootstrap - テーブル

記事一覧→ 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>

bootstrap - テキスト(ヘッダ, リスト, インライン ラベル)

記事一覧→ 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>…

bootstrap - 固定レイアウトと可変レイアウト

固定(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…

bootstrap - グリッドシステム

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659Bootstrapのグリッドシステムのデフォルトは、幅940pxで16カラムです。 グリッドシステムでは、次のように.rowと.span〜 を指定して下さい。 ※.span〜には、.span1:幅40px 〜 .span24:幅1420px…

bootstrap - 入手とinstall(設置?)

記事一覧→ 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…

Bootstrap from Twitter ver1.3.0の使い方を日本語解説して簡単css (web)デザイン

この解説ページ群の目次 url トップ(このページです) bootstrapの概要「等」 入手と設置(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステム http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/可変)レイアウト http:/…

ieのver8以下にhtml5の要素を認識させる

ie8以下でhtml5なページを表示しようとすると、html5で追加された要素が認識されず、ページが壊れてしまうと思っていました。 しかし、次のようにhtml5文書のhead内にdocument.createElemnent(新要素)を記載すれば、ie8以下で表示はできないもののdom構成は…

Devel::Sizeで変数のメモリ量を計測したら、でかくて驚いた

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