::: 一色政彦 WEB SITE :::

「関連記事」を自動生成するサービス－ #BLOG

2008-06-23T04:35:31Z

Webサイトの価値を計る指標として「直帰率」（＝1ページ見ただけでサイトを離れる閲覧者の確率）がありますが、実際にWebサイトの訪問者に次々とページを読んでもらうには、自サイト内のほかのページへの誘導が欠かせません。そこで使われるのが「関連記事」の一覧です。関連記事の一覧とは、現在のページに関連性の高いページへのリンクが一覧表示されるものです。検索エンジンなどから「この情報を知りたい」という明確な目的を持ってやって来た閲覧者に、まさにその目的に関連する記事の一覧が提示されることになり、閲覧者にとっても有益で、サイトで情報を公開する人にとっても（PV面で）良い手法だと思います。このような関連記事は手動で作成することも可能ですが、労力を省くために機械で自動生成するサービスがいくつかあります。そこで、現在、世に出ている「関連記事生成サービス」をいくつか紹介します。]]> 関連記事推薦エンジン　Hotate 　実績：朝日新聞社（「こんな記事も」の部分）（例） ●＜サービス型（Javascript）＞ミツエーリンクス　mediajam LinkMaker 　実績：カナコロ（神奈川新聞ローカルニュース）（例） ●＜サービス型（Javascript）＞カンレン.えんとりーず　実績：ブログ関連に多数（例） ●＜インストール型（Linux／Windows）＞ Hyper Estraier 検索エンジンの類似検索結果の活用　実績：higuchi.com（例）おもしろそうなサービスがあれば随時追加していきます。

メソッドのシグネチャ（signature）とメソッドの構文（syntax）の違い－ IT+

2008-06-16T16:01:04Z

メソッドの「シグネチャ」（signature）という用語は、メソッドの定義を示す際によく使われる用語ですが、厳密な意味を考えると、この用語を使用する際には注意を要します。シグネチャは、プログラミング言語設計の用語で、言語ごとに明確な意味が定義されているからです。その意味を正しく把握したうえで「シグネチャ」という用語を使う必要があるのです。一方の「構文」（syntax）という用語は、より汎用的な意味で使われます。単に「ソースコード上にどのように文字が配列されているか」という表記方法を表しているだけなので、プログラミング言語ごとに意味合いが異なるわけではありません。従って、無難にメソッドの定義について言及したい場合は、「メソッド構文」という用語を使った方がよいと思います。以下ではメソッドの「シグネチャ」についてもう少し詳しく解説しましょう。 ]]> ●メソッドのシグネチャの一般的な意味シグネチャとは日本語にすると「署名」などの意味ですが、一般的なプログラミング言語（特にオブジェクト指向言語）におけるシグネチャも正にそういう意味で、唯一無二であることを示すためのもの（＝メソッドの署名）です。1つのメソッドは基本的に1つのシグネチャを持っています。このようにシグネチャを持つことで、それぞれのメソッドがコンパイラなどで明確に区別できるわけです。このシグネチャには、一般的には、「メソッド名」「パラメータ数と順序、パラメータの型」「戻り値の型」が含まれると考えられています。なお当然ながら、JavaやC#などで文の終わりを示す「;」はシグネチャには含めません。しかしここで注意が必要です。実際には、現在の大半のプログラミング言語（Java言語やC#／VB言語、C++言語など）では「戻り値の型（return type）」をシグネチャに含めないからです。 ●C#／VB言語におけるメソッドのシグネチャの意味 特にC#／VB言語の場合、「戻り値の型」に関するシグネチャの事情は少し複雑です。C#／VB 言語は CLR（Common Language Runtime）の CTS（Common Type System）および CLS（Common Language Specification）というの共通言語仕様の上に設計されています。つまり「C#／VB 言語＝CTS＆CLS」ではありません。実は、CTS＆CLSはさまざまな言語をサポートするために、より広範な機能を持っており、なんとシグネチャに「戻り値の型」を含めています。CTS＆CLSが含めているのにC#／VB言語は含めていないわけですが、これはC#／VB言語の設計者が意図的に含めなかったわけです（恐らくその方が言語的に美しいと考えたからです）。では、C#／VB言語で、「戻り値の型」がシグネチャに含まれていないことを証明しましょう。次のコードは「戻り値の型」のみが異なる2つのSampleメソッドをC#／VB言語で記述したものです。これらコンパイルするとコンパイルするとエラーになってしまいます。

【C#】 int Sample(int arg) { return arg; } string Sample(int arg) { return arg.ToString; } // エラー内容：'Sample' と呼ばれるメンバを同じパラメータの型で既に定義しています。

【VB】 Function Sample(ByVal arg As Integer) As Integer Return arg End Function Function Sample(ByVal arg As Integer) As String Return arg.ToString End Function ' エラー内容：「Public Function Sample(arg As Integer) As Integer」と「Public Function Sample(arg As Integer) As String」では、戻り値の型のみが異なるため、お互いをオーバーロードすることはできません。

両方のエラー内容を見ると分かるように、「戻り値の型」のみが異なるメソッドが複数存在するために、エラーとなっています。エラーになるのは、これらのメソッドが同じシグネチャ（署名）を持っていると、コンパイラに見なされたからです。つまり上記2つのメソッドはまったく同じ、以下のシグネチャを持っています。

【C#】 Sample(int arg)

【VB】 Sample(ByVal arg As Integer)

つまりC#／VB言語の「メソッドのシグネチャ」という表現を使った場合は、上記のようにしか書けないのです。次の表記のように「戻り値の型」を含めてメソッドの定義を書き表したい場合は、「メソッドの構文」という表現が妥当です。

【C#】 int Sample(int arg)

【VB】 Function Sample(ByVal arg As Integer) As Integer

ちなみに、シグネチャに「パラメータ数と順序、パラメータの型」が含まれているおかげで、「メソッド名」が同じで「パラメータ数と順序、パラメータの型」が異なる複数のオーバーロードメソッドが作成可能です。【参考資料】 Wikipedia：Method signature MSDN Forum：Return type as part of a method's signature

ハッカソンとは（Hackathonとは）－ IT+

2008-06-14T09:20:45Z

ハッカソン（Hackathon：Hack-a-thon）とは、とある開発テーマの技術に興味のあるプログラマーたちが、会議室やソファーがある場所などにノートPC持参で集まり、みんなで一緒にソフトウェアをハックしまくって楽しみ、最後に開発したアプリケーションやサービスを参加者全員の前でプレゼンするという、いわばギークのためのお祭りイベントです。ハッカソンの期間はだいたい1日中が普通で、長ければ合宿などで数日から1週間もある場合があります。ハッカソンという用語は、「Hack」と「Marathon」を合わせた造語で、米国で1999年あたりから使われ出し、まず OpenBSD が開いたイベントで使われ、次に Sun の JavaOne conference イベントで使われたそうです。その後、2000年に PHP の開発イベントで、2001年に FreeBSD、2002年に Apache と、徐々にさまざまなイベントで使われるようになりました。ちなみに、ハッカソンと同様のイベントの用語として、「CodeFest」（コードフェスト）や「Sprint」（スプリント）などがあります。ちなみに Google のカンファレンスでは「Code Lab」（コードラボ）と呼ばれています。ハッカソンの意義は、単にハックしている時間にあるのではなく、多くの人々が一緒に、自分らがしたいことをしたいようにハックする「特別な時間」にあります。通常、参加者は興味テーマごとにいくつかのグループ（5人程度）に分かれて、各グループ内でアイデアを出し合いながら画期的なアプリケーションを作成したり、資料となる開発手順ドキュメントなどを見ながら黙々とサンプルアプリケーションを作ったりします。各グループ内で「ああだ」「こうだ」とやり合うことで、テーマ技術に対するおもしろい発見や気づきがもらえたり、これまで抱えていた疑問が解消したりと、1人でハックするだけの行為にはないメリットがあります。こうやってみんなで考えたものが、革新的なサービスやアプリケーションを開発するためのの新たなプロジェクトの誕生につながったりすることも考えられます。つまり「3人寄れば文殊の知恵」（Two heads are better than one.）というわけです。日本でもここ最近ハッカソンが開かれて盛り上がる例が増えてきました。そのレポート記事へのリンクを以下に紹介します。]]> ITpro：写真で見る，“噂”の「Googleハッカソン」　Google Developer Day 2008 Japan の 1 セッションとして行われた Android ハッカソンの様子。 ●IT+：Google App Engine コードラボ（Hackathon）レポート　Google Developer Day 2008 Japan の 1 セッションとして行われた Google App Engine ハッカソンの様子。 ●MovableType.jp：Movable Type Hack-a-thon を開催しました　Movable Type で行われたハッカソンの様子。 ●YouTube：Working at Google 東京 - 賀澤秀人: ソフトウェアエンジニア　Google の人材募集で、仕事のおもしろさの 1 つとして、ハッカソンという独自のプログラミング合宿が紹介されている。

Google App Engine コードラボ（Hackathon）レポート－ IT+

2008-06-10T12:59:58Z

本日の Google Developer Day 2008 Japan の午後は、Google App Engine コードラボ（Hackathon）に参加しました。20～30名ぐらいの参加者がいました。まず最初の30～60分が、課題の Google App Engine アプリケーションである「Wiki」のコード内容の説明でした。　・セッションで使った資料（A progressive example of developing a Wiki with Google App Engine）その後、「残りの3時間で、この Wiki を拡張するか、独自の Google App Engine アプリケーションを構築せよ」とのことで、それぞれ個人で黙々と、もしくは数名で協力したりしながら、ときには Google 社員のアドバイスを受け、それぞれが思いのままにアプリケーションを開発しました。そして、5時あたりから開発したアプリケーションのプレゼンを開始しました。プレゼンは希望者だけだったので8名ぐらいが発表していたと思います。次の写真はその風景です。ちなみに僕は、独自アプリケーションの開発を選択しました。今回作成したのは、GData API（＝ Google のサービスからデータを取得、設定するためのAPI）を Google App Engine アプリケーション内で使うというもの。具体的には、Google カレンダ（Google Calendar）のイベント情報を Web ページにテキストで列挙し、またテキストでイベントを一括設定するというものです。しかし残念ながら 3 時間という時間制限のなかで、不慣れな Python 言語と GData API の活用とあって、一括設定まではすすみませんでした。しかしできたところまでをみんなの前でプレゼンさせてもらいました。質問もあり、興味を持ってもらえた人もいるようで良かったです。今回作成したアプリケーションについてもう少し詳しく説明しましょう。]]> gdata-python-client（Google Data APIs Python Client Library）実際に GData API を使って Google カレンダからデータを取得するには、セキュリティの問題があります。例えばもし、このアプリケーションが悪意のあるアプリケーションであれば、好き勝手に Google カレンダの情報を取得、改ざんできることになってしまいます。このため、GData はいくつかの認証手段が用意されています。今回は AuthSub という認証を使いました（※たぶん Google App Engine では、いまのところ AuthSub しか使えないと思います）。Python 言語による AuthSub については、次のサイトで説明されています。　・API Developer's Guide: Python しかし今回は gdata-python-client ライブラリを使っています。このライブラリによる実装方法は次のサイト（日本語）で説明されています（帰り際、この記事の翻訳をした人と直接お話をしました。あらためて「どうもありがとうございます」）。　・Google App Engine 上で認証が必要な Google Data Feeds を取得する方法ちなみに Google App Engine 技術の日本語情報は次のサイトに載るようです。　・Google グループ：Google-App-Engine-Japan では、実際に AuthSub で認証が働くとどうなるのでしょうか？これは実際に見てもらった方が早いので、今回作成したサンプルアプリケーションの動作を追いながら確認してみましょう。次の画面は、わたしが作ったアプリケーションのトップページです。［Show Google Calendar with Auth］というリンクをクリックします。これにより Google サイトによる認証が走ります。次の画面のように、「http://localhost」のサイトが、Google サービスの「http://www.google.com/calendar/feeds/」にアクセスしようとしているが、許可するかどうか、を利用者に問い合わせます。ここで［アクセスを許可］ボタンがクリックされると、初めて GData API によるデータ取得が成功します。実際に［アクセスを許可］ボタンがクリックすると、次の画面のように Google カレンダに登録されているイベント情報を列挙します。未来から過去に向かってソートしてみました（※このキャプチャ画像は、途中を切っているので下の方の表示が変です）。下部のテキスト入力欄に「2008-06-10 イベント」のような形式で複数行入力して［Add Events］ボタンをクリックすれば一括でカレンダを設定できます。が、そこまで実装する前に時間切れになってしまいました。 ----- # ちなみにほぼすべて英語で、通訳なしでした。英語もっとできるようにならないとダメだね。。。 # 1つだけ英語で質問してみました。「Google App Engine Launcher （Mac OS X 用のみ）は、Windows 向けに提供する予定はないの？」って聞いてみたけど、「あれは Google 社員が「20％時間」を使って作っており、Google 社員はほとんど Mac を使っている。ほら周りのみんなも Mac が多いじゃん」って。確かに。Windows 使いの Google 社員の「20％時間」に期待するしかないでしょうか。でもあの程度のアプリケーションなら .NET で簡単に作れると思いますけど。

Google Developer Day 2008 Japan の風景－ IT+

2008-06-10T12:12:34Z

本日開催されたGoogle Developer Day 2008 Japan で撮影したいくかの写真を掲載します（画質が悪いですが……）。朝一の5Fに置かれていた丸くてカラフルなイスです。みんな基調講演に行っているので人っ子一人いません。その脇にあるショーケース。Googleをモチーフとしたいろんなオブジェが飾られています。基調講演が始まる直前の風景。中央にカラフルな立方体が積み上げられていてGoogleらしい。基調講演中の外でもこのような映像が流れておりのんびりと受けられます。

Google App Engineの次期機能－ IT+

2008-06-10T08:02:31Z

Google Developer Day 2008 で 12 時からあった「Google App Engine 概要」のセッションで、次に搭載を考えている機能がいくつか示されたので紹介します（※ネットでの情報収集により細かく修正しました）。　・日本の電話キャリア（docomo、AU）に国際SMSが送信されない件で、両企業とやり取りをしており、近々に対応できる見通し　・ほかの言語への対応（現時点で詳細は明らかにできない）　・追加容量の購入（……いまってまだ買えないんだっけ？！）　・大容量データのアップロード、ダウンロードのサポート（例えばビデオなどのデータらしい）　・オフライン処理（Gearsみたいな機能ということではなく、決めた時間にバッチ処理を走らせたりする機能みたい＝「定刻にメールを送りたいという機能は実装できないなぁ」と考えていたのでこれはいいね）まだプレリリース版であることを強調していました。でもできるだけ早く完成版を提供できるように努力するらしいです。また、Web 開発を始めるときにはマシンや環境などいろいろな準備が必要で、そのハードルの高さが Web アプリを開発して展開しようとするときの妨げになっている。Google App Engine なら無料でスタートして気軽に Web 開発に踏み出せると言ってました。

Google Developer Day 2008 基調講演レポート－ IT+

2008-06-10T03:05:12Z

メインフレーム→パーソナルコンピュータ→インターネット（現在）という流れがあり、インターネットをGoogleは「クラウド」と呼んでいます。しかし、グローバルにリーチしているWebアプリケーションはごくわずかで、さまざまな課題があります。そこでGoogleは以下の3つの“C”の問題を解決していきたいと考えています。　1. Client（クライアント）をよりパワフルに　2. Connectivity（コネクティビティ）をユビキタスに　3. Cloud（クラウド）をよりアクセスしやすくすべてオープンにすることでこれらの問題解決を図りたい。具体的には、オープンプラットフォームを採用することで、アプリがリッチになり、多くのユーザーを獲得し、利用頻度が増大し、広告収入が得られる、というエコシステムを構築していきたいと考えています。それを実現するためのテクノロジが以下です。　1. Gears：クライアント（ブラウザ）をよりパワフルに　2. Android：コネクティビティをユビキタスに　3. Google App Engine：クラウドをよりアクセスしやすくこれらに以下の試みも加えようとしています。　4. 容易な開発　→ Googleのサービスを活用する。例：GDataやAJAX APIs/Controls 　5. ソーシャルウェブ　→ 既存製品のソーシャル化。例：iGooogle、Google Maps 　→ ソーシャルAPI。例：OpenSocial、Social Graph、Friend Conncect 上記以外で新しいもしくは改善されたテクノロジについては以下があります。 ●Web デザイナーや一般ユーザー向けのテクノロジ　・Google Maps API for Flash 　・Google Earth API 　・RESTful対応（Chart API、Google Static Maps API、AJAX APIs） ●開発者向けのテクノロジ：　・Google Web Toolkit 最後に4つ目の“C”としてCommunity（コミュニティ）の活性化が挙げられていました。

Tech·Ed 2008 のセッションタイトル－ IT+

2008-06-09T09:05:50Z

Tech·Ed 2008 のテクニカルセッションのタイトルセッションはジャンルごとに、次の6つの「トラック」（Track）に分けられています。【トラック群】 Track 1 : 次世代プラットフォーム Track 2 : 開発プラットフォームとユーザーエクスペリエンス Track 3 : Office system とユニファイドコミュニケーション Track 4 : 運用管理、セキュリティ、仮想化 Track 5 : アプリケーションプラットフォーム Track 6 : モバイル & エンべデッド開発このうち「Track 2 : 開発プラットフォームとユーザーエクスペリエンス」のセッションタイトルは以下のような感じ。]]> こうやって全体を見てみると、.NET Framework 3.5 関連の技術（WCF、WF、WPF、Expression、ASP.NET AJAXなど）とその拡張技術（Visual Studio 2008 SP1、.NET Framework 3.5 SP1、ADO.NET Data Services、ASP.NET MVC Framework、Entity Frameworkなど）が中心で、それにRIA技術（Silverlight 2、軽量言語など）と、あとはアーキテクト＆マネージャ関連（開発プロセス、Team System、ALM、Software Factories、クラウドなど）と実用技術（サーバーサイド開発、データベース開発、マイグレーション）があるという感じですね。【セッション群（一部のみ）】 ●Visual Studio 2008 Service Pack 1 概要 ●.NET to .NET マイグレーション～ .NET Framework 1.x から最新環境への移行のために～ ●進化する Visual Studio Team System! コードネーム "Rosario" ●LINQ & Entity Framework ～プレミアムデモンストレーション～ ●WCF / WF を活用した実践的アプリケーションの開発 ●ADO.NET Data Services 的な生活 (プロジェクト "Astoria") ●Visual Studio によるデータベース開発 (仮) ●Windows フォーム開発者に捧ぐ WPF への移行～ビジネスアプリケーションにもユーザーエクスペリエンスを! ～ ●Visual Studio と Expression で「開発」するエンタープライズ WPF アプリケーション ●.NET Framework によるサーバーサイド開発 (仮) ●アプリケーションライフサイクル～その全貌と狙い ●.NET 開発における開発プロセス (仮) ●Visual Studio Team System によるコード品質の向上～テスト、パフォーマンス、メトリックス～ ●ソフトウェア開発におけるユーザーエクスペリエンス戦略～ユーザーエクスペリエンスは製品の一部ではない、製品がユーザーエクスペリエンスの一部なのだ～ ●RIA で差別化するための Silverlight 2 開発 ●Silverlight 2 から Web サービスや多様なデータストアを利用する - Working with Data and Web Services in Silverlight 2 ●.NET Framework 3.5 SP1 における ASP.NET AJAX 新機能とパフォーマンスの最適化 ●ASP.NET MVC Framework 概説～ .NET Web アプリケーション開発のパラレルワールド!? ～ ●.NET における軽量言語 ●クラウドコンピューティングに対応する次世代アーキテクチャ設計法 ●Software Factories ～ GAT および GAX (仮) ●WCF / WF を使用した拡張

コードラボを楽しもう！（Google Developer Day 2008）－ IT+

2008-06-04T15:37:37Z

Google Developer Day 2008 Japan では、「コードラボ」セッションが開催されます。コードラボ（Code Labo）とは、テーマとする技術に関心を持つセッション参加者がいくつかのグループ（5人程度）に分かれ、グループ内でアイデアを出し合いながら画期的なアプリケーションを作成したり、資料となる開発手順ドキュメントを見ながら黙々とサンプルアプリケーションを作ったりする自由形式のセッションで、最後に開発したアプリケーションをセッション参加者全員の前でプレゼンします。グループ内で「ああだ」「こうだ」とやり合うことで、テーマ技術に対するおもしろい発見や気づきがもらえたり、これまで抱えていた疑問が解消したりと、通常のセッションにはないメリットがあります。このような形式のセッション（イベント）は、一般的には「ハッカソン」（Hackathon：Hack-a-thon：「Hack」と「Marathon」を合わせた造語）と呼ばれています。ちなみに僕は米国 Microsoft 開催の PDC もしくは TechEd か何かのカンファレンスで行われたハッカソンに一度参加したことがありますが（「コードを持って帰っていい」ということで USB メモリがプレゼントされました）、日本で開催されるTech・Edなどのカンファレンスではいままで一度もハッカソンは開かれていないと思います（ぜひやってみてほしいとは思いますが……）。脱線しましたが、今回のGoogle Developer Day 2008 Japan では、次の3つのテクノロジをテーマとしたコードラボが開かれます（※詳しくは「Google Developer Day 2008 セッションプログラム」を参照してください）。 ]]> ●コードラボセッション : ‘Google App Engine’ Gregor Hohpe （グレゴーホーペ）ソフトウェアエンジニア / エンジニアリングアンバサダー鵜飼文敏（うかいふみとし）ソフトウェアエンジニア Google App Engine を使えば、大規模システムを Google のシステム上に配置することができます。 500MB までのストレージ、十分なネットワーク帯域、月間500万ページビューに耐えるCPU。これらのシステムを無料で使用できる Google App Engine を実際に体験してみましょう。本ラボでは、参加者の方が App Engine 用のアプリケーション構築を体験することができます。ご自身の Laptop PC をお持ちになること、事前に必要なソフトウェアのインストールを済まされておくこと、Python プログラミングの知識があること、当日作るアプリケーションのアイデアがあること、などが参加の条件となります。コードラボは、参加者が開発作業を行うので、当然ながら、ある程度プログラミングできなければなりません（Google App Engine なら Python 言語は使いこなせないとつらいでしょう）。また、ある程度何を作るかなどのアイデアを持っていないと、その場で考えなければならなくなり大変です。まぁ、（たぶん用意されている）開発手順書どおりに作るだけでももちろんいいんですが、それではちょっと味気ないですよね。何か考えておこうと思います。今回はノート PC 持参なので、Google App Engine 開発環境を事前に構築しておく必要がありますが、その代わり、コードラボの時間内で開発作業がスムーズに進むようにあらかじめ基本部分は構築しておき、コードラボでは拡張部分を開発していくという手法も取れるみたいです。

久々にサイトを改造中－ ::: 一色政彦 WEB SITE :::

2008-06-01T20:35:18Z

2年ぶりぐらいになりますが、サイトを改造中です。今風な機能を付け足そうと考えているのと、ブログスタイルから脱却しようと考えています。あと、古い記事の削除など、整理も行う予定です。 6月いっぱいでの完了を目指していますが、本格的な作業は6月後半ぐらいからになります。すみませんが、中途半端な状態のところがあります。ご了承くださいませ。

このサイトは準備中です。－ MyView

2008-06-01T11:16:55Z

準備中です。

idやclassなしでテキストボックスやsubmitボタンにCSSを適用するには？－ #BLOG

2008-06-01T08:11:30Z

Webページの閲覧者に検索やコメントを入力、送信してもらうには、Webページ上にテキストボックス（＝テキスト入力枠）や submit ボタン（＝［送信］ボタンや［検索］ボタン）などの要素（以降、まとめて「コントロール要素」と呼びます）を配置します。しかし、これらのコントロール要素はサイトのデザインと必ずしもマッチしていないことがあり、よりサイトに合ったデザインに変更したい場合があります。このようなときには（基本的に）CSSを使います（この記事ではCSSの使い方の説明は割愛します）。コントロール要素にCSSを適用するには、まずは目的のコントロール要素を特定する必要があります。これを行うためには、通常、そのコントロール要素にid属性もしくはclass属性を付け、それを利用します。例えば、次のようなHTMLコードで、submit ボタンが配置されているとします。

この場合、次のようなCSSコードにより、submit ボタンのデザイン内容をカスタマイズできます。

#search-box input#search_submit { ＜デザイン内容の変更するコード＞ }

このCSSでは、 id属性（#）が「search-box」の内部（＝半角スペース）にある「input」要素で、しかもid属性（#）が「search_submit」の要素 というふうに、コントロール要素を特定しているわけです（ちなみにclass属性の場合は「#」の代わりに、「.」を使います）。通常はこれで問題ないわけですが、事情によりid属性やclass属性が使えない場合があります。例えば、Google AdSenseの検索コードを使っている場合には、コード内容の改変が禁止されているため、id属性やclass属性が使えないことがあります。そのような場合に、目的のコントロール要素を特定して、CSSを適用する方法を紹介します。その方法とは]]> 要素のtype属性を使う方法です。

* ただし、Internet Explorer 6 では動作しません。以下のブラウザでは動作することを確認できました。　１．Microsoft Internet Explorer 7 以降　２．Firefox 2.0 以降　３．Safari 3.1.1 以降 ※OSはWindowsを使って検証しています。

具体例を示しましょう。次の画面はCSSが適用されていない状態です。テキストボックスの枠が短く、ボタンが標準のままです。このWebページのHTMLコードには、次のように、テキストボックスとsubmit ボタンが記述されています。

このコードを見ると、id属性やclass属性がありません。なので、冒頭で示した方法ではデザインを変更できません。そこでtype属性を使います。CSSに次のようなコードを記述します。

#search-box input[type="text"] { margin: 0; padding: 0; width: 210px; } #search-box input[type="submit"] { background-color: #000000; border-bottom: 2px solid #666666; border-left: 2px solid #CCCCCC; border-right: 2px solid #666666; border-top: 2px solid #CCCCCC; color: #FFFFFF; font-family: "ＭＳＰゴシック", "平成角ゴシック", verdana, arial, sans-serif; font-size: small; font-weight: normal; margin: 0; padding: 0; text-align: center; vertical-align: baseline; width: 50px; }

このCSSにあるボタンの方のコードでは、 id属性（#）が「search-box」の内部（＝半角スペース）にある「input」要素で、しかもtype属性（[type="<値>"]）の値が「submit」の要素 というふうにして、コントロール要素を特定を特定しています。このようにid属性やclass属性以外を指定したいときは input[type="submit"] 要素名[属性名="<値>"] と指定すればよいわけです。この手法は「属性セレクタ」と呼ばれます。このCSSにより、テキストボックスの枠は固定幅で長くなり、ボタンのデザインが変更されます。なお、要素のname属性を使っても同様の処理が可能です。その場合、先ほどのHTMLコードではname属性は「sa」となっていたので、下記のようなCSSコードになります。

#search-box input[name="sa"] { ＜デザイン内容の変更するコード＞ }

しかし、name属性の値が変更された場合に、再度修正が必要になる可能性があり、前述のtype属性を使う方法よりも変更に弱くなってしまいます。なお、以上で説明した方法は、Windows XP上のInternet Explorer 7、Firefox 2.0、Safari 3.1で試したので、大半のブラウザがサポートしていると思いますが、必ずしもすべてのブラウザがサポートしているとは限りませんので、その点、ご注意ください。

PDC2008のセッションタイトル（日本語版）－ IT+

2008-05-29T14:43:41Z

PDC 2008 公式サイトのセッション概要以下は、2008年5月29日時点で、簡単に訳した抄訳です。とりあえずタイトルだけです。こうやって全体を見てみると、クラウド、ビルディングブロックサービス、Windows Live プラットフォーム、Silverlightなどなど、次世代 Web 技術が中心みたいですね。【セッション群】]]> ●クラウドサービス開発者の1日 ●ビルディングブロックサービス概要 ●ワークフローサービス詳細 ●クラウド向けサービスの設計 ●ビルディングブロックサービスのアーキテクチャ ●CRM／Dynamics：ビジネスアプリケーションの開発 ●詳解： Internet Explorer 8 の新レンダリングエンジン ●詳解： Silverlight グラフィックスパイプライン ●初めてのクラウドサービスの開発と展開 ●Data Services を活用したアプリケーションの開発 ●Server Core 向け .NET および ASP.NET での開発 ●Live プラットフォーム： Mesh アプリケーションの構築 ●Live プラットフォーム： Mesh サービスアーキテクチャ詳解 ●Live プラットフォーム：新しい開発者サービスとAPI群 ●論理キューイング： Sync Services による非常時接続クライアントの開発 ●Office ビジネスアプリケーション：強化された展開機能 ●クラウドの中でスケール可能かつ利用可能なストレージ ●Silverlight：ビジネスアプリケーションの構築 ●Silverlight：モバイル端末向けの開発 ●SQL Server 2008：大規模 Web アプリケーションおよびサービスの開発 ●Team Foundation Server： Microsoft における利用方法 ●徹底解剖： COM 相互運用（COM Interop）の詳細 ●徹底解剖： SQL Server Data Services（SSDS）の構築 ●徹底解剖：クラウドの中のストレージのアーキテクチャ ●ユニファイドコミュニケーション：将来像 ●Visual Studio Team System：ソフトウェアの診断とサービスの品質 ●Windows 7：グラフィックス詳細 ●Windows 7：電力効率とバッテリー寿命の最適化 ●Windows 7：タッチコンピューティング ●Windows 7：ネイティブコードで Web サービス ●Windows Mobile：場所、場所、場所 ●Windows Mobile：端末向け Web 開発の最適化 ●WPF：拡張可能なビットマップ効果、ピクセルシェーダ、そして WPF グラフィックスの未来

Google App Engineの入場規制が解除され一般公開！－ IT+

2008-05-29T05:41:50Z

昨日の記事で「まだ分からない」と書いたGoogle App Engineの Web アプリケーションホスティングサービスへの入場規制ですが、ついに解除され、一般に公開されたようです。料金体系は昨日示したものと変わらないようです。とりあえず使ってみたい場合も「ストレージの使用量が500Mbytesまで」で「月500万ページビュー（分のCPUと帯域幅）を超えるまで」は無料で使えるようです。実際に「Google App Engineのホスティングページ」にログインしてみた結果、次のようにちゃんと使用できる状態でログインできました！ただし、「Google App Engine FAQ : Carriers currently experiencing issues」によると、次のように書かれており、docomoとAUが国際SMSを受け取れないので使えないらしいです。

We are currently experiencing issues sending SMS messages to the following carriers: * Japan - DoCoMo * Japan - KDDI

Google Gearsが“Gears”に名称変更－ IT+

2008-05-29T05:01:56Z

米国サンフランシスコで開発者向けイベント「Google I/O」が開催中（2008/5/28-29）で、Google Earthに関するものなど、いくつかの新機能などのニュースが発表されています。その中で、Google Gearsについての発表もあったようです。 1つが、「Google Gears」という名称を単に「Gears」と呼ぶようにした、という話。この意図は、「Gearsがオープンなプロジェクトで、Googleだけのものではない」ということを明確にしたいということのようです。もう1つが、「GearsのデータベースAPIが強化されたよ」という話。GearsはクライアントにSQLiteデータベースエンジンをインストールしますが、その拡張機能である「ft2」をサポートして高速全文検索が可能になったということです。【参考にしたサイト】・マイコミ：「Google Gears」から「Gears」へ、オフラインDB機能をさらに強化・TechCrunch Japanese：MySpaceがGoogle Gearsでメッセージ処理、Facebookにお手本示す

::: 一色政彦 WEB SITE :::

「関連記事」を自動生成するサービス － #BLOG

メソッドのシグネチャ（signature）とメソッドの構文（syntax）の違い － IT+

ハッカソンとは（Hackathonとは） － IT+

Google App Engine コード ラボ （Hackathon）レポート － IT+

Google Developer Day 2008 Japan の風景 － IT+

Google App Engineの次期機能 － IT+

Google Developer Day 2008 基調講演レポート － IT+

Tech·Ed 2008 のセッション タイトル － IT+

コード ラボを楽しもう！（Google Developer Day 2008） － IT+

久々にサイトを改造中 － ::: 一色政彦 WEB SITE :::

このサイトは準備中です。 － MyView

idやclassなしでテキストボックスやsubmitボタンにCSSを適用するには？ － #BLOG

PDC2008のセッション タイトル（日本語版） － IT+

Google App Engineの入場規制が解除され一般公開！ － IT+

Google Gearsが“Gears”に名称変更 － IT+