end0tknr's kipple - web写経開発

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

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

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

Net::SMTPはnew()時の名前解決に失敗すると、 Invalid argument

#!/usr/local/bin/perl use strict; use utf8; use Authen::SASL; use Net::SMTP; main(); sub main { my $smtp = Net::SMTP->new( 'hogehoge.jp', Hello=>'hogehoge.jp', Port=>587, Timeout=>20, Debug=>1 ); die "can't connect smtp server: $!" unless …

BB-WAVEには、パワーポイント用画像(素材)やプレゼン資料が激しく豊富

知りませんでした。 http://bb-wave.biglobe.ne.jp/ppt/clip_ichiran.html 無料会員登録さえ行えば、豊富なパワーポイント用画像やプレゼン資料のサンプルをダウンロードできます。

perlで全角=2文字,半角=1文字で文字列長を算出する

http://d.hatena.ne.jp/end0tknr/20090316/1237158571以前、書いた \p{In〜}によるblock正規表現に関連する内容です。 「use utf8;」の場合、全角or半角に関わらず1文字として扱ってしまうので、次のように書けば、全角=2文字,半角=1文字で文字列長を算出で…

unzipの-p オプションでunzipの結果を標準出力へ

$ gzip -dc xxxx.gz | /usr/local/mysql/bin/mysql -u root xxxx gzip: xxxx.gz: No such file or directoryはて? $ ls -l total 23344 -rwxr--r-- 1 endo endo 23873076 Sep 2 05:45 dump20110902.zipgz でなく、zipかぁ...文化が違うなぁ。 $ unzip --help…

The Perl Review ... perlの雑誌(情報誌?)

https://www.theperlreview.com/Issues/ マニアック〜

ソフトウエア会計基準の参考になりそうなurl

資産計上 or 経費処理の違いを理解していないので、「ソフトウエア 資産 経費」でググッてみると、次のurlが分かりやすそう。http://itpro.nikkeibp.co.jp/article/Keyword/20070205/260680/ http://www.fsa.go.jp/p_mof/singikai/kaikei/tosin/1a909e2.htm …

ベトナム人プログラマの書くコードが普通(今風?)で驚いた

次の画面キャプチャは、ベトナムの開発会社に依頼し開発したwebアプリのものです。このアプリは10個程度の条件を入力すると、それに応じた品番のようなものを出力する単純なもので、サーバ側をjava(jsp?)、クライアント側をhtml+jqueryで実装しています。 ベ…

食事をきっかけに格差社会を実感しタイ...相続税ないんだぁ

【1】 サラブリの工場で食べた昼食 ... 25バーツ(約70円). 【2】 バンコクでのトムヤムクンやビール ... 150バーツ(約450円). (写真はありませんが) 【3】 相続税... プライスレス (つまり相続税なし) 金持ちは金持ちのままで、成り上がりが殆ど不可能らしい…

工場労働者が乗るバスがド派手&大量で驚いタイ

今回訪れたサラブリの工場付近に外国人が暮らせるホテルやアパートはないらしく、約80kmの道のりを毎朝、バンコクから車で通っていました。私が宿泊したアソークのホテルには、他の企業の日本人社員も多くいらっしゃいましたが、早朝からの運転手付きの車で…

default-file-name-coding-systemで emacsの日本語ファイル名の文字化け解消

普段、win xp + emacs 23を利用していますが、通常?の.emacsでは、dired modeで日本語のファイル名が文字化けしてしまいます。そのような場合、.emacsのprefer-coding-system の後にdefault-file-name-coding-system を .emacsに追加しましょう。 (prefer-co…

ユーザービリティは、ISO9241-11で定義

http://kachibito.net/web-design/usability-check-list.html http://www.usability.gr.jp/whatis/definitions/「JIS X8341-3高齢者・障害者等配慮設計指針」によるアクセシビリティであれば、聞いたことがありましたが、ISO9241-11...不勉強でした。

postgisを使って、perlやjavaでも幾何学計算

http://www.finds.jp/docs/pgisman/1.5.1/postgisのリファレンスを読んで、perlやjava、c等言語を問わず、幾何学計算を実現できそうな気がしたので試してみました。 (postgisのinstallは別のエントリをご覧下さい)回転や拡大縮小、移動は、html5 canvasでも…

apache 2.2.19にDSOでmod_perl-2.0.5を組み込んでみた

http://d.hatena.ne.jp/end0tknr/20090314/1237003479以前も同様のエントリを記載していますが、apache 2.2.19 + mod_perl-2.0.5 の組み合わせでは、なぜか静的moduleとしてinstallできません。(error msg等は面倒なので書きません)なので、mod_perlをdsoで…

電力会社から提供されている電力使用状況CSVデータを取得し、jsonで保存

関西電力だけは、やや書式が異なるようですが、次のように書けば良さそう。 #!/usr/local/bin/perl use strict; use utf8; use Encode; use HTTP::Request::Common; use JSON qw/encode_json/; use LWP::UserAgent; #各電力会社から提供されている電力使用状…

/etc/sysctl.conf の編集で netstatのTIME_WAITやCLOSE_WAITを軽減

# 2018/1/28追記 私のエントリは長々書いていますが、次のurlが分かりやすくまとめられていますので、 こちらを参照する方が良い気がいます。net.ipv4.tcp_tw_recycle は廃止されました ― その危険性を理解する - Qiita あるサーバに対してsoap(http)で接続…

高精度な活字文字認識DLL 活字文書OCRライブラリ

OCRを使ったサービスに利用できるかもしれないのでメモ。 http://mediadrive.jp/products/library/katsuji/index.html さすが、メディアドライブ