をぶろぐ - Netsket Inc. http://blog.netsket.com/ooishi/ 大石のブログ ja Copyright 2009 Thu, 30 Jul 2009 18:57:42 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss CSS3とXHTMLだけで綺麗なボタンを作る 最初に言っておきます。
〜IE8では動きません。

以前書いたCSS3系の記事
・CSS3の機能を試してみる…
・CSSだけで角丸を実装してみる(汎用クラス版)
もっと早くアップしたかったのですが、体のために自制していたので…。

FirefoxとSafariはborder-radiusが綺麗に表示できます。
GoogleChromeはゴツゴツ？ギザギザ？しているので汚くみえます。
Operaはborder-radiusに対応してませんが、まあテキストにしては見栄えがいいです。

Meiryoだと相当綺麗なんですけどね…。

]]> http://blog.netsket.com/ooishi/2009/07/css3xhtml.html http://blog.netsket.com/ooishi/2009/07/css3xhtml.html CSS HTML/XHTML button css css3 xhtml てかてか ボタン Thu, 30 Jul 2009 18:57:42 +0900 「お疲れ様でした」と「ご苦労様でした」 お久しぶりです。
長らくブログをサボってました（汗

前回のタイトルのまま放置するのはマズイと気付き、ちょっと気になってたことをツラツラと書きます！
っと、その前に体調は頗る快調です！1〜２週間、徹底したら完全回復しました。

それでは今回の本題へ…。
昔、父に「お疲れ様でした」と「ご苦労様でした」の違いを聞いたことがあります。
そのときは「お疲れ様でした」は目上の人、「ご苦労様でした」はそれ以外、といわれました。

私は先輩に対しては「お疲れ様です」とかで、後輩や年下には「お疲れーっす」という感じで使い分けています。
新聞配達や宅急便などには「ご苦労様でーす」と言いますよね。

『相手が「苦労する」と表現すること自体が失礼だ』という考えもあるようです。
【ことばをめぐる】(990615)ご苦労さま,暮しの手帖 - http://www.asahi-net.or.jp/~qm4h-iim/k990615.htm

人によりけりですが、なるべくなら相手の気分を害さない一般的な言葉を使いたいところです。（どっちも一般的ですが）
まあ人によって違うので一つの答えは出せないんですけどね。

]]> http://blog.netsket.com/ooishi/2009/07/post_16.html http://blog.netsket.com/ooishi/2009/07/post_16.html その他 言葉 社会 生活 Wed, 29 Jul 2009 14:10:34 +0900 このままでは駄目になるかもしれない。 こんなタイトルにしたのは理由があります。 3月下旬くらいから自宅用の業務ノートPCに開発環境をガッツリ作ってしまい、 それからというもの、会社で仕事、自宅でも仕事・勉強…… というようなサイクルになっていました。 GWが明ける頃から、PC画面を見ていると頭痛に襲われるようになりました。 なぜこんなことになったのか…。 まだ自分を解析しきれていないですが、 私はどうやら仕事に関する何かをしていなければ不安になるようです…。 何でこんなに不安になるんだろう。 自宅ノートPCに開発環境がなかったときは会社へ行ってやってたし。 しかも土、日のどっちかは殆どやっていたかもしれない。 まあ、そのおかげで身に付いたことは数知れないですが、 それと引き換えに体調を失っては何の意味もない。 先日、妻に「おまえは何かあってからじゃなきゃ気付かないのか？」と言われました。 とりあえず暫くの間、定時帰宅を心がけ、自宅でのPC作業をやめようかと思います。 http://blog.netsket.com/ooishi/2009/05/post_18.html http://blog.netsket.com/ooishi/2009/05/post_18.html その他 Thu, 21 May 2009 21:11:20 +0900 Live Searchもウェブマスターツールを出したようです。 Live Search | Webmaster Center - http://webmaster.live.com/ 既にブログパーツ助っ人も登録済みです。 GoogleやYahooではURLの引越し処理とか結構進むけど、 Live Searchは全然修正されんな。 困ったもんだ。 参考記事： MS、サイト管理者向け「Live Search Webmaster Center」を正式版へ、新機能追加 http://blogs.msdn.com/webmaster/archive/2008/04/18/ramping-up-msnbot.aspx ]]> http://blog.netsket.com/ooishi/2009/05/live_search.html http://blog.netsket.com/ooishi/2009/05/live_search.html その他 live search msn webmaster webmaster center Fri, 15 May 2009 14:24:32 +0900 FirefoxがCSSのime-modeをサポート /* --------------------------------- * IME-MODE * CreateDate : 2009-04-27 * LastUpdate : 2009-04-27 * ------------------------------ */ .imeA {ime-mode:active;} .imeI {ime-mode:inactive;} .imeD {ime-mode:disabled;} .sentence input { width:80%; }

あれ？

いつの間にFirefoxはime-modeをサポートしたんだ？
確か前はできなかったよな…？

えー、ime-modeとは
IMEとは Input Method Editor の略であり、Windowsで文字入力を補助するソフトウェアのこと。
日本語Windowsに主に使われている日本語入力用IMEは、ローマ字からひらがな/カタカナへの変換、かなから漢字への変換などを行う。
引用:「ウィキペディア (Wikipedia): フリー百科事典」
記事:IME - Wikipedia
ということです。

これを使うとマルチバイトを入力させたくないようなフォームで強制的に半角英数字モードに変更することができます。
その逆もまた然り。

上手く使えばユーザービリティ向上になりますが、下手な使い方をすると…。

]]> http://blog.netsket.com/ooishi/2009/04/firefoxcssimemode.html http://blog.netsket.com/ooishi/2009/04/firefoxcssimemode.html CSS css firefox ie ime ime-mode mac stylesheet Mon, 27 Apr 2009 17:58:00 +0900 スーツの手入れ やべっちFCを観ながらブログを更新ｗ

最近、毎日スーツを着て出社しているのですが
はっきり言ってスーツの着方・手入れなど全く知りませんでした。

しかし、スーツというのは安いものではないので大事に着て長く使いたいものです……。 そこで調べてみました。

]]> http://blog.netsket.com/ooishi/2009/04/post_15.html http://blog.netsket.com/ooishi/2009/04/post_15.html その他 suit suits スーツ 手入れ Mon, 06 Apr 2009 00:18:53 +0900 ページャー/ページネーションのデザイン ページネーションというのは「丁付け」という意味で、
丁付けというのは「書物に枚数やページ数をつけること」です。

あらゆるウェブサービスで無くてはならない機能だと思います。
それゆえ、使い安さには拘りたいところです。

そこで何点かサンプルを作ってみました。
あまり画像を使うのは好きではないのでテキストベースでｗ

オーソドックスなテキストベースのページャー / ページネーション

※このタイプは一番分かり易くはあるのですがリンク範囲が狭くクリックし損なうこともあるでしょう。
【1〜20件表示/1000件中】 1 | 2 | 3 | 4 | 5 | 6 | 7 | ... | 92 | 次のページ
]]> http://blog.netsket.com/ooishi/2009/04/post_14.html http://blog.netsket.com/ooishi/2009/04/post_14.html CSS HTML/XHTML css pager pagination xhtml ページネーション ページャー 丁付け Sun, 05 Apr 2009 18:54:27 +0900 CSSだけで角丸を実装してみる(汎用クラス版) この間のCSS3の機能を試してみる…の角丸ボックスを汎用クラスにしてもう一度チャレンジ。
対応ブラウザも前回と一緒
- Firefox3.0.8は全部表示できます
- Safari for Windows3.1.2/Google Crome1.0.154.53は全部表示できます
- Opera9.62/IEは表示できません

今回気づいたことがあって、-moz-border-radiusに関しては
-moz-border-radius: top-left top-right bottom-right bottom-left;
のような一括で指定できるやり方と
-moz-border-radius-topleft:n;
-moz-border-radius-topright:n;
-moz-border-radius-bottomright:n;
-moz-border-radius-bottomleft:n;

のような指定の仕方と2種類あることがわかりました。
一行目のやつは短縮記述として使えますね。
他のradiusと組み合わさると掻き消されるかもですが。

-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
右上と左上だけ角丸にしてみる。
画像 or JavaScript使わないでも角丸が実現できる。
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
右下と左下だけ角丸にしてみる。
画像 or JavaScript使わないでも角丸が実現できる。
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
右上と右下だけ角丸にしてみる。
画像 or JavaScript使わないでも角丸が実現できる。
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
左上と左下だけ角丸にしてみる。
画像 or JavaScript使わないでも角丸が実現できる。
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
右上と左下だけ角丸にしてみる。
画像 or JavaScript使わないでも角丸が実現できる。
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
右上と右下と左下を角丸にしてみる。
画像 or JavaScript使わないでも角丸が実現できる。
]]> http://blog.netsket.com/ooishi/2009/03/_css3.html http://blog.netsket.com/ooishi/2009/03/_css3.html CSS HTML/XHTML border class css css3 radius ボーダー 角丸 Thu, 26 Mar 2009 01:29:07 +0900 LinuxでCPU使用率・メモリ占有率ランキングを表示する だいぶ前にMunin程までいかないけど、サーバー監視スクリプトを作りました。
そのスクリプトのコンセプトは「サーバーに負荷をかけている処理を特定する」というものでした。

そこで使った、現行処理のCPU使用率・メモリ占有率ランキング表示方法を記載しておきます。
因みに以下のコマンドをシェルスクリプトで書いて監視スクリプトとしました。 

■CPU使用率TOP10を表示する
ps -e aux | sort -r -k 3 | head -n 10

■メモリ占有率TOP10を表示する
ps -e aux | sort -r -k 4 | head -n 10

■項目名がウザい場合は以下の文字列を付与する
ps --no-header

この表示だと見たくない情報も含まれたりしますorz
なので…

]]> http://blog.netsket.com/ooishi/2009/03/linuxcpu.html http://blog.netsket.com/ooishi/2009/03/linuxcpu.html Server awk cron linux ps shell sort シェルスクリプト Wed, 18 Mar 2009 17:09:30 +0900 CSS3の機能を試してみる… CSS3の機能を試してみたかったのでココで実験してみます。
角丸のボックスを画像なしで実装するCSSです。
追記(2009/03/05)：
- Firefox3.0.6は全部表示できます
- Opera9.62/IEは表示できません
- Safari for Windows3.1.2/Google Crome1.0.154.48は一番上と一番下のみ表示できます

border-radius
この機能いいよー。
画像orJavaScript使わないでも角丸が実現できる。
右上と左上だけ角丸
ほげほげほげ〜。
ほげほげほげほげほげほげほげ〜。
]]> http://blog.netsket.com/ooishi/2009/03/css3.html http://blog.netsket.com/ooishi/2009/03/css3.html CSS border css css3 design radius Tue, 03 Mar 2009 16:12:39 +0900 【CSS】tooltip？ポップアップ？の小技 名前 今月 ▲ ▼ 先月 ▲ ▼ 合計 ▲ ▼ ほげ1 1 10 11 ほげ2 1 23 24 ほげ3 5 34 39 ほげ4 5 876 881

テーブルとかに昇順・降順リンク付けるときって大抵こんな感じでやってたけど、
最近は、XHTML+CSSだけでツールチップ的なものにして、こんな感じでやってます。

]]> http://blog.netsket.com/ooishi/2009/02/csstooltip.html http://blog.netsket.com/ooishi/2009/02/csstooltip.html CSS HTML/XHTML css html popup stylesheet table tooltips xhtml Tue, 10 Feb 2009 10:01:50 +0900 【メモ】Linux起動時の稼動サービス制御 またブログパーツ助っ人サーバーですが…。

いつも起動時に必須サービスをスタートさせるのですが、これは忘れると大変なことになるので起動したらスタートするようにできないものかと調査したらありました。

まず 
# chkconfig postfix --list
postfix         0:off   1:off   2:off   3:off   4:off   5:off   6:off

とやってなっていたら起動時に稼動させられません。

そこで 
# chkconfig postfix on

とすれば大丈夫みたいです。

次回再起動時にチェックしてみよう。]]> http://blog.netsket.com/ooishi/2009/02/linux.html http://blog.netsket.com/ooishi/2009/02/linux.html Server linux server service Thu, 05 Feb 2009 09:45:12 +0900 Logwatchのメールに書かれてあることを理解する ブログパーツ助っ人サーバーを徘徊していたら、「メールが着てます」って言われたので見てみる。

# mail

そうすると「Logwatch」からのお知らせだったようで、
中身をみてみると…何やら長々と文字列が続いています。

CronやらPostfixやらsshやら色々なログが記載されている中、pam_unixの項で手が止まりました。

 --------------------- pam_unix Begin ------------------------ 
sshd:
   Authentication Failures:
      unknown (*.*.*.*): 121 Time(s)
      root (*.*.*.*): 59 Time(s)
      unknown (*.*.*.*): 43 Time(s)
      admin (*.*.*.*): 7 Time(s)
      adm (*.*.*.*): 2 Time(s)
      adm (*.*.*.*): 1 Time(s)
      admin (*.*.*.*): 1 Time(s)
      apache (*.*.*.*): 1 Time(s)
      まだまだ続く。。。※IPは伏せてあります。
 --------------------- pam_unix End ------------------------

なんぞこれ？
俺のサーバーにクラックしようとしてんのか？

]]> http://blog.netsket.com/ooishi/2009/01/logwatch.html http://blog.netsket.com/ooishi/2009/01/logwatch.html Server linux logwatch server Thu, 29 Jan 2009 17:08:45 +0900 作ったjQueryプラグインを公開します！ 今まで作ったjQueryプラグインの中で比較的完成度の高いものを公開します。

　NetsketLabs - TETSUWO Labs
　http://labs.netsket.com/tetsuwo/javascript/jquery/ - 2009/04/01修正
　http://labs.netsket.com/tetsuwo/jquery/

最初からプラグイン化目的で作成したわけではないので、色々不手際なところがあるかもです。
でも、色々なプラグインを見て勉強してから作ったので…あんまりイジメナイで下さい。

]]> http://blog.netsket.com/ooishi/2009/01/jquery_1.html http://blog.netsket.com/ooishi/2009/01/jquery_1.html ｊQuery follower graph javascript jquery plugins table Thu, 29 Jan 2009 12:48:28 +0900 Apacheのhttpdモジュールを後から追加する またまたそういえばですが、ブログパーツ助っ人とdraggerのサーバー構築中に Apacheのhttpdモジュールを追加したくなり、再ビルドする以外に方法がないか調べたら…ありました。

まあ最初のビルド時にDSOモジュールを入れないと駄目ですが。

DSO - Dynamic Shared Object
- http://httpd.apache.org/docs/2.2/ja/dso.html

apxs - APache eXtenSion tool
- http://httpd.apache.org/docs/2.0/ja/programs/apxs.html

で、このapxsを使ってモジュールを追加します。 ソースの在り処「/usr/local/src/httpd-2.0.56/modules/」

# /usr/local/apache2/bin/apxs -i -a -c /usr/local/src/httpd-2.0.56/modules/mappers/mod_rewrite.c
# /usr/local/apache2/bin/apxs -i -a -c /usr/local/src/httpd-2.0.56/modules/その他諸々…
説明 
-i  … Apacheの所定の位置にインストール
-a … LoadModuleを追加する
-c … ソースファイル指定
]]> http://blog.netsket.com/ooishi/2009/01/apachehttpd.html http://blog.netsket.com/ooishi/2009/01/apachehttpd.html Server apache apxs dso httpd module Thu, 29 Jan 2009 10:51:40 +0900