昼飯

会社近所のイタ飯屋で遅いランチ
(お店のランチタイムはとっくに終わって、ほかのお客さんはワインとかの時間)

リゾットとかグラタンとか食った。

最近、(間借りしている事務所の)会社の女子と飯を同席する事が多い。
しかしあれだ、食べる量はそんなに変わらないのに一食当たりの単価が、男子のそれよりも高い気がする。

男子の場合 女子の場合
Sガスト(ファストフード・定食)
500円くらい
シディーク(アジアン料理)
1,100円くらい
花月(ラーメン)
700円くらい
ランベティズキッチン(イタリアン)
900円くらい

男子の行く店は、「喰う」だけの店であり、食べ終わったならすみやかに退出しなければいけない感じ。
(いけなくはないのだろうけど、寛げる雰囲気ではなかったりする。)

逆に女子の行く店は、ソファー席であったりテーブルが大きかったり、食券ではなくオーダー制だったりと寛げる時間をサービスしている雰囲気。

そういう雰囲気をわずかな休憩時間に費やしてしまうのは、もったいないのか、贅沢なのか。

[モバイル]formでの入力文字種制限 | レジストプランニング|スタッフブログ

モバイルサイトでFORMの入力文字種を設定する方法。

キャリアごとに指定する属性が違うので、全般的に対応させるために、それぞれの属性を設定します。

メンドクセーナー

[モバイル]formでの入力文字種制限 | レジストプランニング|スタッフブログ

◆DoCoMo
istyle属性

istyle="1" 全角かなモード
istyle="2" 半角カナモード
istyle="3" 半角英字モード
istyle="4" 半角数字モード

◆Au
format属性

format="*A" 半角英字(大文字)モード
format="*a" 半角英字(小文字)モード
format="*N" 半角数字モード
format="*X" 半角英数(大文字)モード
format="*x" 半角英数(小文字)モード
format="*M" 全角かなモード
format="*m" 全角英字モード
大文字小文字の区別に注意してください。
また"*"の部分に数字を入れると文字数を制限できます。
"*"のときは無制限を示しています。

◆Softbank
mode属性

mode="hiragana" 全角かなモード
mode="katakana" 全角カナモード
mode="alphabet" 半角英字モード
mode="numeric" 半角数字モード

タグの詳細については以上です。
例えば、上記3キャリアに対応したページで半角数字のみの入力を指定するフォームを作成する場合は

<input name="○○○" size="10" type="text" value="▼▼▼" istyle="4" format="*N" mode="numeric" //>

と記述することで実現できます。

とあるサイトの「タイプ診断」結果

あなたのタイプは、
冷静な分析力が魅力、知性タイプ♪

あなたのタイプカラーは、
サファイアブルー

あなたのタイプについて。
クールな知性で周りから一目置かれるあなたはサファイアブルー。感情で動く事はなく、しっかりと計算ずくめの行動をするので、大きなミスをすることがありません。人からはプライドが高いように見られるけど、実は人の評価はほとんど気にしないで、わが道を行くタイプ。自分の信念に反したことは絶対に参加しない、強いこだわりを持つ面も。ハイテンションになることが少なく、友達といても一歩引いた雰囲気をまとっているので、時々冷たい印象を相手に与えます。挨拶やお礼をいつも笑顔で言えるようになると、それだけで大きく人生が開けそう♪恋愛では、一途に一人の人を愛し続けるタイプ。ちょっとくらいウソをつかれても、広い心で許してあげてしまいます。将来設計をじっくり考えながら付き合う相手を選ぶので、結婚や同棲といったステップに進むのが、人よりも早いでしょう。幸せな恋愛を掴む秘訣は、時々ガンコになる自分をうまく抑えること☆
恋愛タイプ
異性といる時間が大好きで、節操なく色んな人と付き合う奔放なタイプのあなた。自分の魅力をアピールするのが得意で、告白されることも多いでしょう。深く考えないままに交際をスタートしてしまい、後になって後悔することもしばしば。楽しいことが大好きな天真爛漫な心を持ち、遊びの誘いには積極的に参加。行動力に優れているので、もし失恋をしてもすぐにそれから立ち直る、心の強さを持っています。幸せな恋愛を手に入れるには、複数の異性と連絡を取り合うのはやめて、一番大好きな人に絞って努力すること♪恋人に献身的な奉仕をするハートを持てば、一歩オトナになった自分に出会えるよ。どんな時も、お互い信頼しあうカップルを目指そう☆
人生のスタンス
皆がためらうような仕事も、率先して行うことができるのがこのタイプ。仕方ないなぁ、といいながらテキパキと問題をかたづけていくその姿勢は、なかなかマネのできることではありません。地味な仕事でも絶対に手を抜かずに、根気よく続けていく力を持っています。人に対しても、日の当たる華々しい場所だけでなく、それまでの苦しい努力もきちんと見てあげられるという、素敵なスタンスでいられる人。あなたのような人が上司になってくれたら、と思っている人も多いはず。自分の努力を、人にわかってもらえないと感じることもあるでしょうが、あなたがいなければ物事はうまく行きません。本当に大事な人はちゃんと見てくれているので、安心して。
将来について
例えば家事のように毎日毎日同じことを繰り返す、他の人なら飽きてしまう作業が全く苦にならないあなた。そしてその作業の中で新しいことをいつも発見し、辛くなるどころかむしろやればやるほど楽しくさせていく、といったこともできるでしょう。浮き沈みの激しい人生は好まず、安定した穏やかな人生にしたいと願うようです。どちらかというと不器用な人が多く、そのためどこかスローペース。華やかさはありませんが、充実感に溢れた生活を送れることでしょう。とはいえ、そのままでは世界が狭くなってしまいます。たまには友達を誘って外にでて、たくさん刺激を受けるように心がけましょう。思わぬ出会いがあなたを待っているかもしれませんよ。
人間関係について
困っている人にすぐ手を差し伸べる、正義感の強いあなた。集団の中でリーダーになれる素質があり、議論のまとめ役なども適しているでしょう☆いつもしっかりとした計算の元で言葉を発するので、一言ひとことに威厳があります。人から相談事を持ちかけられたときは、できるだけ親身になって考えてあげて。あなたの一言は、きっと相手をハッピーにします♪何事にもマジメに取り組むあまり、納得のいかないことにはすぐにヒステリックになることも。もうちょっと物事をラフに考える心の余裕を持つと、人生がさらに楽しめるでしょう☆悩み事は自分だけで解決しようとはせずに、仲の良い友達に相談!真剣に話し合うことで、人間関係も充実します。

メモメモ…

開発者向けAPIツールを作ってみているよ

週末を利用してAPIツールみたいなものを制作中。

一応、簡単なユーザー登録制にして、簡単に利用できるようにしようと考えている。

できる事(できるようにしたい事)

  • Yomi-Searchなどの相互リンク登録フォームに「リンク設置確認」機能
  • 任意の画像に任意のテキストを画像合成した「クーポン」などの発行機能
  • 任意のスクリプトにPageRank機能
  • etc…

無料のスクリプトや、CGIに、「こんな機能があれば」というのを”3行以内の記述”で実装できるものを検討中。

今週は、ユーザー登録ページを作成してみた。
次回は、登録ユーザーに対して、使用するAPIの承認プロセスを作成予定。

APIごとに使用の許可ができるようにする。
イメージとしては、「NINJA TOOLS」みたいな感じになるかな。

有料化するかどうかは、今後の検討案件。

Image Rollover Borders That Do Not Change Layout

画像をタイル状に並べてロールオーバーでボーダーを表示した時、レイアウトが崩れてしまうのを防止するCSSテク。

ボーダーの太さ分だけ画像の要素が大きくなってしまうので、それを内側にボーダーを引くことで解消しています。

Image Rollover Borders That Do Not Change Layout

Problem CSS
#example-problem a img, #example-problem a   { border: none; float: left; }
#example-problem a:hover { border: 3px solid black; }

This CSS applies a border on a hover where there was none before. Layout problems ensue.

Fix #1: Inner Borders
#example-one a img, #example-one a           { border: none; overflow: hidden; float: left; }
#example-one a:hover { border: 3px solid black; }
#example-one a:hover img { margin: -3px; }

This CSS applies a negative margin on all sides of the image of the exact size of the border. This pulls the border inside and causes no layout changes.

Fix #2: Outer Borders
#example-two a img, #example-two a           { border: none; float: left; }
#example-two a { margin: 3px; }
#example-two a:hover { outline: 3px solid black; }