システム開発のアイロベックス　フィード

IE6 Background Flicker

Thu, 11 Mar 2010 13:24:51 +0900

みなさん、こんにちは。

通常、ブラウザは画像を読み込むとローカルの一時フォルダにファイルを格納し、
次に同じ画像を読み込むときはその一時フォルダに格納されているファイルを
読み込んで表示します。
（いわゆるキャッシュと呼ばれるものです）

しかし、Internet Explorer 6(以下IE6)の場合、背景画像に限ってですが、
キャッシュを読み込まず、同じ画像でも毎回インターネットを介して
画像にアクセスしてしまうというバグが存在します。

このバグの影響で、他のブラウザでは問題なく表示されている画面が、
IE6で表示すると背景画像だけがなかなか表示されなかったり、
表示するたびに背景画像がチラつくといった現象が起こります。

このバグは通称、IE6 Background Flicker と呼ばれています。

回避策は、CSSを使う方法とJavaScriptを使う方法の大きく２つあります。
以下にそれぞれのコードを載せます。

■JavaScriptで回避する

try {
  document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}

■CSS(スタイルシート)で回避する

* html{
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

document.execCommandの記述がカギになります。
どちらも同じ効果ですが、JavaScriptを使ったほうが処理速度は速くなります。

【MT 】別ブログの記事を表示する　カスタムフィールドで絞る

Thu, 11 Mar 2010 07:27:00 +0900

カスタムフィールドは、ブログ記事作成画面に追加される項目です。テキストボックス、チェックボックス、ラジオボタン、画像など任意の項目を追加できます。今回は別のブログからブログ同士共通で持っているカスタムフィールド項目で絞って記事を表示させたいという場合の記述方法を紹介します。＜状況＞・ブログAは商品紹介ブログである。・ブログBは会社情報ブログである。・ブログAに商品を扱っている会社の情報を掲載したい。＜対応法＞・会社idを入力するためのカスタムフィールドを追加する。・ブログAとブログBの記事登録時に各会社にあわせた会社idを振り分ける。・会社idでブログAとブログBの情報を結びつける。 MT上の対応例）・変数をセットする。・ブログBとブログAの会社番号が等しければ会社情報を表示する。 -----------------------------------------------------------------------------------

企業名	<$MTEntryTitle$>
所在地

----------------------------------------------------------------------------------- MT構築を一度行ってから、参考本を見返すとまた違った視点で見ることができます。 MTタグリファレンスを使いこなせるようになれば、かなり楽にMT構築できます。

【Oracle】自律型トランザクションについて

Mon, 08 Mar 2010 15:12:59 +0900

みなさん、こんにちは。

自律型トランザクションというのは親のトランザクションとは別に、
子供だけでトランザクションを終わらせたい時に使うことが出来ます。

早速、例を挙げます。

■ 用意するテーブル

-- 自律型トランザクションによりデータが登録されるテーブル
CREATE TABLE TABLE1 (COLUMN1 VARCHAR2(40))

-- ロールバックによりデータが登録されないテーブル
CREATE TABLE TABLE2 (COLUMN1 VARCHAR2(40))

■ 用意するプロシージャ

CREATE OR REPLACE PROCEDURE PROCEDURE1
IS
  --これにより自律型トランザクションが使用できます
  PRAGMA AUTONOMOUS_TRANSACTION;
BEGIN
  INSERT INTO TABLE1 VALUES ('これは登録されます');
  COMMIT;
EXCEPTION WHEN OTHERS THEN
  ROLLBACK;
END;

上記のテーブルとプロシージャを作成した後に、次の処理を実行してください。

DECLARE
  ROWCOUNT NUMBER;
BEGIN
  --このINSERT文で親のトランザクションが開始されます
  INSERT INTO TABLE2 VALUES ('これはロールバックされます'); 

  --プロシージャ内でトランザクションが完結します
  PROCEDURE1;

  --TABLE2への登録のみロールバックされます
  ROLLBACK;

  SELECT COUNT(*) INTO ROWCOUNT FROM TABLE1;
  DBMS_OUTPUT.PUT_LINE('TABLE1の件数：' || ROWCOUNT);

  SELECT COUNT(*) INTO ROWCOUNT FROM TABLE2;
  DBMS_OUTPUT.PUT_LINE('TABLE2の件数：' || ROWCOUNT);
END;

TABLE1の件数：1
TABLE2の件数：0

と表示されますね。

詳細はOracleのサイトをご覧下さい。

健康について真剣に考える

Mon, 08 Mar 2010 12:00:00 +0900

最近、スポーツクラブに通いだしました。かれこれ２年ほど前に一度通っていたのですが、仕事が忙しくなるとあっという間に怠けて行かなくなりました。現在は、以前と同じスポーツクラブの別店舗に通っています。何となく同じ店舗だと挫折した悔しさを思い出してしまうので、心機一転、新しくオープンした別店舗に決めました。そこで思ったのは、中高年の率が大変高いという事です。前回通っていたスポーツクラブは、マンションが立ち並ぶような住宅街にあったのですが、今回は乗り換えをするようなターミナル駅にあります。私は住宅街にある方が年齢層が高いイメージを持っていましたが、逆だったのでビックリしました。もしかしたら、時間帯や高齢化も関係しているのかもしれません。そうだとしても、暫く運動を怠けていた自分よりも楽しそうに輝いている中高年の方々を見ると負けず嫌いな性格が災いしてか、非常に悔しい気持ちで一杯になります。数時間軽い運動をするだけで食欲も進み、体も軽くなり、夜も熟睡できるので年齢問わず一度嵌るとやみつきになるのは間違いありません。もともと学生の頃はバリバリのスポーツウーマンだったので、ちょっと鍛えないとここまで筋肉はなくなっていくのかとお風呂に入るたびに青ざめて怯えています。今までの遅い食事や、寝なくても大丈夫と過信していた睡眠、若いから手を抜いても影響ないと思っていた運動をやっと見直す気持ちになりました。ライバルは元気な中高年です！私は健康は財産だと思います。実家の両親はスポーツクラブには行っていませんが、恥ずかしながら私よりも健康な生活を送っています。何度か病気もしているので尚更気を使っているのでしょう。朝早く起きて、手作りの野菜ジュースを作って飲み、食事には食べ合わせにも気を使い、天候が悪い日以外は近くの運動公園に散歩しに出掛けます。年齢のせいもあるかもしれませんが、ムダな夜更かしはしていません。両親のおかげで元々かなりの健康体なので、親の健康話を聞く度に奮起してこれからは自分の力で健康を維持していきたいと思います。まずは、自分にとっての食事・運動・睡眠の黄金バランスを確立することが目標です。健康であれば何でも挑戦できるので、自信を持って「健康です」と言えるキラキラ輝けるようなスーパー中高年を目指して頑張りたいと思います。

オプティマイジングWebサイト

Fri, 05 Mar 2010 10:00:00 +0900

この本は、ちょっと奇妙なツクリをしている。前半である第一部は『SEO的なオンラインマーケティング』として企業のホームページを検索ランキングで上位に持っていくための SEO（検索エンジン最適化）の手法、効果的なクリックレートを出すためのページ構成の最適化等について、かなり懇切丁寧に書かれている。中には英語でこそ有効で、日本語にそのまま読み替えるのは難しいと思われる内容もないではないが、どれも現時点で最新手法であることには間違いない。企業のホームページのコンテンツのメンテナンスをしている者にとっては大いに役に立つ内容だろうと思う。

今から始めるTwitter

Thu, 04 Mar 2010 21:52:34 +0900

最近ビジネス活用などの本も発行され、活気づいているTwitterですが、気になって見てみると、 RTやらQTやらと謎の単語が存在して、「こりゃわからん！」と思ったものの、今更聴くのも恥ずかしい・・・。と思ってしまい結局使っていないという方がいるのではないでしょうか。そんな方のために、Twitterでの会話を読むために必要な、いくつかの専門用語や操作方法などを紹介したいと思います。＜専門用語＞ ・Tweet(ツイート) 　Twitterの１つ１つの呟きの事を指す言葉です。 ・Follow(フォロー) 　他のユーザーの呟きを自分の画面で見るために行う事で、　相手のページの呟き欄の上にある「フォローする」というボタンを押せば完了です。　これを行うことで自分から相手のページを見に行かなくても、　ログインすれば自分のホーム画面に相手のツイートが表示されます。 ・TL(タイムライン) 　自分のホームにフォローした人たちの発言が並んでいますか？それがTLです。　フォローした人たちの発言が時系列に表示される事から、こう呼ばれています。 ・Follower(フォロワー) 　自分をフォローしてくれている人たちの事です。　　Twitterを始めて、色々な人をフォローしていると、　メールで「○○さんにフォローされました」という通知が来ると思います。　それが来たら「フォローされている」のページを見てください。　メールで紹介された人が表示されています。　これは貴方の発言をみたいと思ってフォローしてくれた人のリストです。 ・相互フォロー 　だんだんフォロワーが増えてくると、自分はフォローしていなくても、　貴方の発言に興味をもってフォローしてくれる人が出てきます。　相手のツイートを見に行くと、自分の興味がある事をツイートしていて、　これからも見たいと思ってフォローしたとします。　このようにお互いにフォローしている状態の事を相互フォローと言います。 ・Reply(リプライ) 　Twitterに慣れてきて色々とツイートをしていると、　フォロワーが返事をしてくれる事があります。　右メニューのホームの下に@自分のIDというリンクがありますので、　そこをクリックすると、自分に対する(関わる)返信の一覧が表示されます。　これらの特定の人に向けた返信のツイートをリプライと呼びます。　リプライの仕方は簡単です「@返信したい相手のID　お返事」でOKです。　相手のIDは自分で入力しなくても、返事をしたい発言にマウスを持って行けば、　右下に返信と表示されますので、あとは返事を追記してください。　気になったツイートには積極的にリプライすると相手も喜びますし、　そのリプライを元にさらにフォロワーが広がる事があります。 ・RT(リツイート) 　ツイートを見ていると「発言 RT @誰かのID 発言」というツイートが時々あります。　このRTはReTweetの略で、誰かの発言をもっと多くの人に広めたいときに使います。　初めて見るとどれが誰の発言なのか混乱すると思いますが、　RTの前後で区切られると考えれば簡単です。　RTの前の発言は、今表示されている人の発言です。　RTの後は@"誰かのID"が発言した発言です。　RTは内容によってはさらにRTされることがあります。　例）　「発言　RT @誰か発言 RT @誰か２発言２・・・」　この場合も上記と同じようにRTで区切れば、どれが誰の発言なのかわかります。 ・公式RT 　上記RTはユーザ発祥の発言方法です(以降非公式RTと呼びます)が、　これを元にTwitterが公式に導入したのが公式RTです。　時々自分のTLにフォローした覚えの無い人の発言が表示される事があります。　これが公式RTで、ツイートの末尾をよく見ると「○○がリツイート」と表示されています。　（○○さんは貴方がフォローしている人です）　非公式RTは自分の発言を含めたりするので、　非公式RTを見た人には非公式RTを行った人の発言として表示されます。　これは１つ問題を含んでいて、相手の発言を故意に書き換えることで、　本来言っていないはずの発言を、さも相手が発言したように見せる事が出来てしまいます。　（一般的に改変RTと呼ばれています。）　　これに対して公式RTは自分のフォロワー達にたいして、　元の発言者の表示のまま再発信できますので、改変を防ぐことが可能です。　使い方は、公式RTしたい発言にマウスのカーソルを合わせると、　返信の横に「リツイート」というボタンがありますので、それを押せば完了です。 ・DM(ダイレクトメッセージ) 　たまにフォロワーの方からDMを送りましたとリプライを受けることがあります。　DMとは自分にしか見えない相手の発言の事で、　他の人は見て欲しくないプライベートな会話をTwitter上で行うことが出来ます。　DMを貰った際には登録時のメールアドレスにも通知が来ますので、　必ず内容を確認しましょう。　自分からDMを送る場合は右メニューのダイレクトメッセージをクリックして、　DMのページを開き、「～にダイレクトメッセージを送る」のドロップダウンリストから、　送りたい相手を選んでメッセージをツイートしてください。　なお、相手がDMしてきた際に返事を普通のリプライで返さないように気を付けましょう。　ちなみにDMはフォロワーにのみ送信出来ます。　自分が一方的にフォローしている相手には送信出来ません。次回はTwitterの機能を使ってよりTLを見やすくする方法などを紹介します。

Excelで表紙・目次にはページ番号を振らない方法

Thu, 04 Mar 2010 21:51:09 +0900

先日、Excelで表紙・目次にはページ番号を振りたくないけれど、資料の内容のページには番号を振りたい、ということがありました。とても簡単でしたのでご紹介します。まず、以下の方法でページ番号を振る、振らないを設定できます。表紙、目次、内容とシートを分けます。次に内容のシートのみ、ページ設定で「ヘッダー/フッター」タブを選択し「フッターの編集」で、ページ番号を挿入します。またもし、ページ番号の開始を2ページからにしたい、などという場合には、「ページ」タブを選択し、「先頭ページ番号」にページの開始番号を入力します。これで表紙、目次にはページ番号が表示されずに内容のページのみページ番号が振られるようになります。

いちばんやさしいソフトウェアテストの本

Mon, 01 Mar 2010 17:30:00 +0900

業務で単体テストを行う際に購入しました。内容としてはソフトウェアテストとはどのような事を行うのかという内容が広く浅く書かれています。実務でソフトウェアテストの経験のある方には基本過ぎて勉強にはなりません。本書の魅力は、本書の冒頭に書かれている通り、極力専門用語を使用しないようにし、使用する際には充分な説明を加えている点です。技術書というより読み物として魅力があります。本文も短めなので飽きる前に読みきることが出来ます。「基本過ぎて勉強にはなりません」と前述しましたが、私はこの本を読み、基本をもう一度見直すことで、自分の知識の間違っている知識を再確認出来ました。個人的には「第６章　先輩たちの勘所」のアドバイスがとても興味深かったです。はじめてソフトウェアのテストを行う方、IT業界に興味のある方におすすめの本です。

機種変更しました。

Mon, 01 Mar 2010 12:00:00 +0900

つい先日、携帯の機種変更をしました。ここ10年ほどずっと同じメーカーの機種を使っていたのですが、一昨年に開発から撤退されてしまったため、今回は初めて使うメーカーに変更しました。とりあえず、まあ基本は同じだろうと、変更当日の夜に少しだけマニュアルをざっと流し読みしする程度で使い始めました。何とかなるだろうと2,3日使っていると、思わぬところで躓きました。撥音（小さい「つ」）の打ち方が分からないのです。小さい「や」「ゆ」「よ」なども同じです。元の機種では、「大小」ボタンが割り当てられていたので「つ」を打った際に「大小」ボタンを打てば良かったのです。単語にすれば変換ボタンを押せばなんとか出る場合もありましたが「ちぇっ」とかちょっとした感情を打とうにも変換されません。マニュアルで探せば良いのでしょうが、マニュアルは一度読んだら家に置きっぱなしで、持ち歩いたりしないので必要な時に手元にありません。キーボードはローマ字打ちの私ですが、携帯はかな入力にしています。この際、携帯もローマ字に変更するか？と一瞬悩んだくらいです。しかし、ようやく方法が分かりました。「た」「ち」「つ」「て」「と」の次が「っ」でした。た行を一巡させればよかったのですね。。。あ行や、や行も同じでした。これは多分元の機種も同じようにできたと思うのですが、この一巡という作業がまた面倒で、元の機種では、逆から回る機能もありました。つまり、「た」を打った次に「と」にすることができたのです。「っ」かな？一巡するのかぁ、と少し面倒に感じていた矢先に、とうとう見つけました。「*」ボタンのところに「A/a」という表示です。「つ」と打って「*」を押せば、「っ」と変換できました。やはりちゃんと用意されているのですね。この他に改行ボタンや句読点が元とは少しずつずれた箇所にあります。このためやたらと打ち間違えが多く、メールを打つのに一苦労しています。とても些細なことのようですが、いつも使い慣れていたものがなくなってしまうのはほんとに困ってしまうものです。たとえあったとしてもほんの1箇所横にずれただけでこんなにも使い勝手が悪くなってしまうということを実感しました。できればどの機種でも同じキー操作に統一してくれないかしらと感じた次第です。ちなみに、後から気付いたのですが、マニュアルは持ち歩けませんが携帯メニューの中に、「使いかたナビ」というヘルプ機能があったのでした。入力方法もちゃんと記載されていました。プログラマならヘルプを読めと叱られるところでしたね。

iPhoneとツイッターで会社は儲かる (マイコミ新書)

Thu, 25 Feb 2010 10:25:23 +0900

今話題のTwitterやクラウドコンピューティングなど、最新のITを使った社内のシステムやコミュニケーションの構築について。導入するしないに関わらずIT業界で仕事をする人なら、頭の隅に置いておくとよい事が紹介されています。

JavaプログラムでExcelやWordファイルを操作する

Tue, 23 Feb 2010 09:51:45 +0900

「Jakarta POI」を用いると、Javaプログラムにおいて、Excelファイルのデータのやりとりや、Excel帳票を作成することができます。直接データをやりとりするため、CSVなどの余計なファイルを作成する必要がありません。 POIはフリーライブラリです。以下のサイトからダウンロードすることが出来ます。 http://poi.apache.org/ プログラムでExcelを操作するというと、VBAをイメージしますが、使用感が少し異なります。まず、セルを指定するとき、VBAでは Range("A1").Select と一行で任意のセルを指定することができますが、 POIでセルを指定するには、

HSSFRow row = sheet.getRow(行番号); HSSFCell cell = row.getCell((short)列番号);

というように、行を指定した後に列を指定する必要があります。新しくセルを作る場合は、

HSSFRow row = sheet.createRow(行番号); HSSFCell cell = row.createCell((short)列番号);

とします。既に値の入っている行やセルをcreateRowやcreateCellで指定すると、値が書き換えられてしまうので、注意してください。また、POIはセルをコピーするメソッドが用意されておらず、コピー元のセルの値とスタイルをコピーし、コピー先にそれらを貼り付ける方法でコピーを行います。このように、VBAと比べると、コードを記述するのにひと手間が必要です。

「おやっ」と思わせる

Mon, 22 Feb 2010 12:00:00 +0900

「あっ！"みなみさん"、親知らず抜いたんですってー？」私が毎晩通っているジムでコーチに話しかけられました。元気いっぱいの満面の笑顔です（ジムのコーチはいつも元気）。「あっ、はい。。。そうなんです。。。良く知ってますねー」（なんで知ってるんだ？）人見知りの私（ホント？）は、そのコーチとは、今まで殆ど話をしたこともなく、いきなり話しかけられたので少々驚きました。多分、数日前に別のコーチと雑談していた内容を伝え聞いたのでしょう。殆ど初対面に近い関係でしたので「みなみさん」と名前を呼ばれると嬉しいものです。実は、丁度その時期、とあるセミナーに参加したのがキッカケで、私も「面識のない人を名前で呼んでみる」というほんの些細な課題（というか楽しみ）を個人的に持っていました。仕事上、名刺交換させていただいた方々は勿論ですが、例えば、飲み屋の店員さんとか。。。タクシー運転手とか。。。（名札ついてるし。。。）呼んだからって、どうなる訳でもないんですが、相手にしてみれば「おやっ」と思うし、やはり嬉しいものですよ。私は、この「おやっ」と思わせることが、仕事においては大事だと感じています。ただ単に課題をこなすだけ、言われたことをやるだけ、期待に応えるだけ、ではなく、期待以上の何かを感じさせたい。特異なことを常にやるということではありません。名前を呼ぶなんざ、ほんの些細なことですが、全ての基本はこういうところにある。そんなことを思っている矢先のことでした。さすが、顧客満足度No.1 のスポーツクラブだからか、どうかわかりませんが、その辺りの顧客心理というか、人間関係というか、良くわかってらっしゃるようで、いつも関心することが多いです。「おやっ」と思わせるには、まず相手の気持ちが想像できなければなりません。話をしている聞き手のことを考える。この記事を読んで下さっている読み手のことを考える。ＳＥらしく、システム設計に置き換えるならば。。。 システムを利用する人の気持ちを考える。 誰がどんな場面でどのようにそのシステムを使うのか？出来るだけ具体的なシュチュエーションを思い浮かべる。想像力を駆使して、シュミレーション出来るようになれば、その人の「気持ち」も感じ易くなり、よりシンプルで使いやすい、システムを提供できるはず。。。。。。というようなことを思いつつ、日々筋トレに励んでいます。しかし、あの満面の笑顔だけは、とても真似できそうにない。。。

tableタグで囲った枠線が表示されない

Fri, 19 Feb 2010 22:12:21 +0900

複数ブラウザ対応の紙芝居を作成時、IEでは正しく表示されているのに、 FirefoxやNetscapeでテーブルの枠線がでない場合がありました。対応策としてCSSで調整する事にしました。例）明細の左の枠線が表示されない場合（Firefox） ①tableタグに対してmargin-left:3px; ②divタグに対してmargin-left:-3px; 少しずつ左右に位置をずらすことで枠線が表示されるようになりました。

JavaScriptの文字列自動エンコード

Thu, 18 Feb 2010 09:40:00 +0900

JavaScriptでの文字の扱いというのは非常に難しいもので、複数の種類のブラウザに対応させようとしたとたん、いきなり思ってもみなかったところでハマったりする。最近 Webサービスもどき Ajaxもどきからデータを取得して加工しようとして JavaScriptで行なわれる文字列の自動エンコードでハマった。その例を物凄く簡略化すると、以下のようになる。






 img src="hoge"

 img src="<%= hoge2 %>"

 img src='<%= "hoge3" %>'

 

 ">

 '>

これを、いろいろなブラウザで実行してみると・・・。 IE8 Firefox3.6 Chrome4.0 Safari3.2 Opera10.10 おまけ IE6 （OSは IE8のみ Windows7、その他は WindowsXPです） JavaScriptの実装が個々のブラウザによって違うため、『>』がそのまま来てみたり %3Eになったり > になったり、『<』は変換されるが『>』は変換されなかったり。『<』～『>』で囲まれている間だけ違う変換がされたり。・・・もう、いろいろ。お気をつけあそばせ。こういうのを乗り越えてこそ、Webアプリケーション開発です。

JavaのShift_JISの扱いにはご注意を!!

Tue, 16 Feb 2010 18:37:12 +0900

7,8年前にjavaで構築されたWindowsのWEBアプリケーションを機能追加改修後、新サーバにリプレイスするという案件に携わりました。その際にShift_JISの文字コードの扱い方についてハマったのでここでご紹介したいと思います。アプリの改修作業中に、ふと気付いたのですが、機種依存文字が?で表示(文字化け)していました。 Windowsの機種依存文字による文字化けが起きる可能性として考えられるのは、エンコーディングがWindows-31Jで行なわれていないことが原因として挙げられるため、今回もエンコーディングの指定が間違っているのだと考えていました。調査したところやはり、エンコーディングの指定がShift_JISとなっており、 Windows-31jではありませんでした。そこで、昔から文字化けが起きているのだろうと思い、旧サーバにて確認をしたところ、予想とは異なり、旧サーバでは機種依存文字が正常に表示されていました。この問題に気付いた当初、旧サーバと新サーバにて、何故そのような違いがでるのか理解できず、頭をかかえていました。しばらくして、いろいろと調査したところ、 JavaにおいてShift_JISは、バージョンの違いによって、扱い方が変わるということを知りました。 Shift_JISは、・JDK 1.2～1.4.0 では、Windows-31Jとして扱われる・JDK 1.4.1 以降では、Shift_JISとして扱われるとのこと。旧サーバ・新サーバのJDKのバージョンを調べたところ、旧サーバのバージョンは、JDK 1.3、新サーバのバージョンは、JDK 1.6でした。上記理由により、旧サーバでは機種依存文字が正常に表示されていたが、新サーバでは正常に表示できなかったようです。新サーバのエンコーディングの設定を Windows-31Jに設定したところ、機種依存文字は文字化けせず正常に表示させることができました。今回は知っていればすぐに解決できるような問題に、随分と悩み、時間をかけてしまいました。今後、Javaに関わらず実行環境のバージョンの違いというものについてより意識したいと思います。

システム開発のアイロベックス フィード