CSSとperlの小ネタめも

2013/5/8 [11:22:31] (水) 天気

電子書籍がらみ。HTMLとCSSでどうやって表示・表現すればいいんだろうと調べたことをメモしておこう。


【横書き】


1M(1メガバイトは)は、2の20乗バイト(2<span style="font-size:0.6em;padding-botto:0em;vertical-align:top">20</span> = 1048576バイト)です。

この文字の右肩に小さくついてる「20」ってどうすんだ、画像にしてくれなきゃ無理だろ、と思わず担当者にメールしようとして思いとどまった。調べた。


右肩に小さくつけたい文字をspanタグで囲み、spanタグにスタイル指定


font-size:0.6em padding-bottom:0em vertical-align:top

フォントサイズを小さくして、下側のpaddingを0にして、表示の基準ラインをトップにする

(padding-bottom は指定しなくて大丈夫っぽいけど…どうして指定してあったんだろう)



【縦書き】


縦中横をperlで一括処理する。


単純に、すべての半角アルファベットに縦中横のタグをつけるのは簡単な正規表現。

このあたりに → 『ルビのため perl unicode正規表現』


縦書きなのにやたら英単語が混じると、単語の長さによって縦中横になったりならなかったり、とても読みにくい。ということで、アルファベットの縦中横について


・アルファベット一文字は縦中横にする

・英単語は縦中横にしない


英単語をとりあえず別形式にエンコードして保護しておく。

「tab+アルファベットの10進数」

タブだったら原稿に混じり込む可能性は少ない。タブ+数字というのはまず出てこないだろう。


$line =~ s!([a-zA-Z][a-zA-Z]+)!&encode_alpha_words($1)!eg;
sub encode_alpha_words{
    my $args = shift;
    my $ret;
    foreach (split(//, $args)){
        $ret .= sprintf qq{\t%s}, ord($_);
    }
    return $ret;
}

一文字のアルファベットに縦中横を定義したクラスを指定。


$line =~ s!([a-zA-Z])!<span class="tcy">$1</span>!g;

タブ+10進数にしておいたアルファベットの英単語を元に戻す


$line = &decode_alpha_words($line);
sub decode_alpha_words{
    my $args = shift;
    $args =~ s/\t([0-9]+)/pack("C",$1)/eg;
    return $args;
}

(上記、正規表現のところをいじれば、アルファベット2文字までは縦中横にする、3文字以上の単語はそのままにする、なんてことも出来る。でも、中途半端な設定は読みにくくなるだけ)


ていうか、そもそも、アルファベットの英単語や数字が入り乱れる「実用書」なんて縦書きである必要は感じない。底本が縦書きであっても、電書にする時には横書きで十分。縦書きの底本は全角半角アルファベットがその時々で別々。正直とても読みにくい。小説でもないのになんでまた縦書きにしたんだろう。謎だ。


[更新]2013-05-10 12:29:58

スローカーブを、もう一球

2009/5/8 [13:51:18] (金) 天気

昼休み休憩中。


いや、連休中は酒浸りカメラ散歩ばかりで、本を読んでいなかった。なもんで、ちょっとリハビリが必要かな、と再読に走る。本棚を眺めて掴んだのが山際淳司「スローカーブを、もう一球」。いつかの引越しのドサクサでなくなってたんだけど、ブックオフでゲットしておいたのだ。


いけません。ぞわぞわ泣ける。時代がもろかぶる。


大上段に振りかぶり、正しいことを大声出していう、ようなヤツは低脳品性下劣にしか思えない。そんなおっさんのわたしに、山際淳司の目線と対象との距離感がしっくり腑に落ちるのだ。今回で何度目かわからない。いいものはいつ読んでもいいものです。

でーたべーす

2008/5/8 [23:37:21] (木) 天気

これまた何度も同じことをいうか、だけど。わたしがパソコンを使うようになったのはWizardry5と競馬のせい、というか、おかげ、というか。

競馬はデータがどっさりあって、全国の競馬場で開催されたすべてのレースの、タイムや騎手馬場状態などなど、なんでもありの世界。分厚い競馬四季報をにらみながら、パソコンの出番となり、awkからperlにいきついた、というのが前回までのあらすじ。


msdosの頃、桐というデータベースソフトが定番っぽくあって、ン十万件のデータを扱っても快適、だそうで、データベースてのはすげーな、と。今でも、postgreqlやmysqlはすげー。

でも。本当にすげーのはデータベースなんかじゃなくて、データを作って入力する作業、人だ。

どんなに器が便利で立派でごたいそうでも、中身がなきゃ意味がない。

便利なウツワがあるからデータでも整えて作ってみるか、という動機になるかもしれないが、んな程度で持続継続ができるわけもなく。このデータをなんとかしたい、という強い欲求があれば、ウツワが多少不便でも不細工でも使い続けて格好はついてくるもんだ。

(馬券がなんとかなるかどうかは、また別の話だったけど)


なんじゃこれ、ゼロの数が間違ってんだろ、というメニューに、出てきた料理が、こらおれは皿を食いに来たんじゃねえぞ、この真ん中のベビー羊羹みたいのはなんじゃ、ということだよなあ。

ネットてのは企業相手じゃない。一般のユーザー、ていうか自分と立ち位置が同じひとたちが相手だ。立派なウツワを用意するのもそれは大切だろうけど、たとえしょぼくてもまずはサービスを提供して皿の中身を充実させる方が大切。

てことで、読書SNSのしょぼさを自己弁護強弁してるんだが、集まってくるデータは、しょぼいサイトにもかかわらず参加者さんのおかげで、貴重なものになりつつある。実際、ウチで名前評判をみて、読んでみたらびっくりの傑作にぶちあたったし…と自画自賛芸でしめくくり。


しかし、今日もこうして電車内ネット、か。初老目前のポンコツをコキ使わないでくれ、ううう体がもたんぜ。

[更新]2026-02-04 09:53:39

びっくり

2006/5/8 [18:05:15] (月) 天気

ttp://www.holeinthewall.jp/~butch/tmp/japan.html

ほほうフラッシュか、と思ってたら…いやあまりことに驚いた。すげーっす。


腰抜けたんで検索してみたら↓

http://d.hatena.ne.jp/wata300/20060308/p1


テーブルタグ、おそるべしっ

[更新]2026-02-04 10:31:31

曇天。

2005/5/8 [14:01:04] (日) 天気
image
ちょっとメモ。

黄色の線は無線。青の線は有線。

Libretto50にポートリプリケータをつけて、無線LANアダプタと有線LANアダプタのNICを2枚刺し。

無線の方はルータと 192.168.0 のグループに。デフォルトゲイトウェイには無線LANルータの192.168.0.1。WINBOOKはWINDOWS XP、Libretto50はFreeBSD-4.11stable、zaurusC860はLinux

Librettoからの有線は 192.168.1 のグループに。デフォルトゲイトウェイにはLibrettoの有線側のIP、192.168.1.1。PrimePCもDELLもWINDOWS98SE

ここまでで、両方のグループとも無線LANルータを経由して表に出ていけるし、グループ内でのログインも可能。…なんだけど、グループ相互でのやりとりができなかったのでちょっと悶絶。

無線グループからは有線グループが見えていない。無線LANルータで内部に別の接続がありますよ、という経路を教えてやる必要があった。アイオーデータのオンラインマニュアルをダウンロードしてどうにか設定できた、かな。

素人なもんで、ネットワークの用語がわからず右往左往だ。んで、まだ無線グループのWINDOWS XPの設定がうまくいってない…ワークグループでファイル共有とかできるはずなのに、有線グループのWINDOWS98機2台とお互いが見えないんだよなぁ。LibrettoのFTPを介してやりとりするんじゃ面倒だし。WINDOWSって難しいんだなぁ。


てなところまで。いや、今日は朝から団地の駐車場の掃除当番だったんで早起きしてムラ社会に馴染む努力をしたのはいいけど、その後わりと時間がぽっかり。

なので、ちと、とりあえず。


[19:16:10]

錦糸町の職安に行くのに片道390円も払うなら飯田橋の職安に行くのもあまり変わらないし乗り継ぎの手間を考えると飯田橋の方がラクなことに気づく。認定だけ錦糸町に行って、明日は飯田橋にいくかなぁ。

自転車で通うというのも、季節的にいいかも知れないぞ。


つながる?つなげる!無線・有線LAN: Windows7/Vista/XP対応

『つながる?つなげる!無線・有線LAN: Windows7/Vista/XP対応』

山口 祐輔

[更新]2026-02-04 14:33:53

<<2026/05>>
     12
3456789
10111213141516
17181920212223
24252627282930
31

【最近の10件】

日常読書映画アニメゲーム健康料理グルメカメラ写真ネタ仕事パソコンインターネットperlEPUB3電子書籍ActivityPub
検索: