いっしきまさひこBLOG

AI・機械学習関連、Web制作関連、プログラミング関連、旅行記録などなど。一色政彦。

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

cssdesignlogo.jpgWebページの閲覧者に検索やコメントを入力、送信してもらうには、Webページ上にテキストボックス(=テキスト入力枠)や submit ボタン(=[送信]ボタンや[検索]ボタン)などの<input>要素(以降、まとめて「コントロール要素」と呼びます)を配置します。しかし、これらのコントロール要素はサイトのデザインと必ずしもマッチしていないことがあり、よりサイトに合ったデザインに変更したい場合があります。このようなときには(基本的に)CSSを使います(この記事ではCSSの使い方の説明は割愛します)。

コントロール要素にCSSを適用するには、まずは目的のコントロール要素を特定する必要があります。これを行うためには、通常、そのコントロール要素にid属性もしくはclass属性を付け、それを利用します。

例えば、次のようなHTMLコードで、submit ボタンが配置されているとします。

<div id="search-box">

  <input type="submit" name="sa" value=" 検索" id="search_submit"></input>

</id>

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

  <デザイン内容の変更するコード>

}

このCSSでは、

  id属性(#)が「search-box」の内部(=半角スペース)にある「input」要素で、しかもid属性(#)が「search_submit」の要素

というふうに、コントロール要素を特定しているわけです(ちなみにclass属性の場合は「#」の代わりに、「.」を使います)。

通常はこれで問題ないわけですが、事情によりid属性やclass属性が使えない場合があります。例えば、Google AdSenseの検索コードを使っている場合には、コード内容の改変が禁止されているため、id属性やclass属性が使えないことがあります。

そのような場合に、目的のコントロール要素を特定して、CSSを適用する方法を紹介します。

その方法とは

続きを読む

PDC2008のセッション タイトル(日本語版)

PDC(Professional Developers Conference) 2008Microsoftの次世代技術を扱う開発者向けのカンファレンス「PDC(Professional Developers Conference) 2008」が、2008年10月26日(日)~30日(木)の5日間、米国ロサンゼルス コンベンション センターで開催予定です。そのセッション概要が公開されているようなので、それについて日本語への翻訳という形で紹介します。

PDC 2008 公式サイトのセッション概要

以下は、2008年5月29日時点で、簡単に訳した抄訳です。とりあえずタイトルだけです。

こうやって全体を見てみると、クラウド、ビルディング ブロック サービス、Windows Live プラットフォーム、Silverlightなどなど、次世代 Web 技術が中心みたいですね。

【セッション群】

続きを読む

Google App Engineの入場規制が解除され一般公開!

Google App Engine昨日の記事で「まだ分からない」と書いたGoogle App Engineの Web アプリケーション ホスティング サービスへの入場規制ですが、ついに解除され、一般に公開されたようです。

料金体系は昨日示したものと変わらないようです。とりあえず使ってみたい場合も「ストレージの使用量が500Mbytesまで」で「月500万ページ ビュー(分のCPUと帯域幅)を超えるまで」は無料で使えるようです。

実際に「Google App Engineのホスティング ページ」にログインしてみた結果、次のようにちゃんと使用できる状態でログインできました!

googleappenginelogin01.gif

ただし、「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”に名称変更

Google Gears米国サンフランシスコで開発者向けイベント「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にお手本示す

もうすぐGoogle I/Oが開催

Google I/Oあと6時間ほどで、米国サンフランシスコで開発者向けイベント「Google I/O」が開催されます。開催は2008年6月28日~29日の2日間で、8:00 am開場、9:30 amスタートみたいです。全世界から3000人が集まるようで、Googleとしては史上最大の開発イベントになるのではないでしょうか。

そのGoogle I/Oで紹介されるであろう内容が、早くも記事として上がってきました。

 ・TechCrunch:明日Google I/Oに開発者3000人が集結。中身はこれだ

これによると、僕が関心があるGoogle App Engineについても新発表がいくつか行われそうです。

例えば……

続きを読む

パラメータと引数の違い

パラメータ&引数パラメータ(parameter)と引数(argument)はよく同じものとして使われますが、実際には違いがあります(わたしも混同していました……)。まぁパラメータと引数(ひきすう)は混同して使っても、意思疎通にそれほど影響出ていないので問題ないと思いますが、でもきちんと使い分けできた方がスマートかもと思いました。

その違いは簡単に言えば、次のようになるみたいです。

 ・メソッド(や関数)に定義されているのは「パラメータ」(もしくは「パラメータ変数」)。

 ・メソッド(や関数)に定義されたすべてのパラメータ群は「パラメータ リスト」と呼びます。

 ・メソッド(や関数)のパラメータに渡された値*1は「引数」(「パラメータ値」との言い換えも可能)。

 ・メソッド(や関数)のパラメータ群に渡されたすべての値群は「引数リスト」と呼びます。

パラメータは変数名という名前がありますが、引数は変数値もしくは定数やリテラルなので名前がありません。

*1<高度> 厳密には「値」(Value)というよりも「式」(Expression)。式はオペランドと演算子を組み合わせたもの。例えば「a + 2」という式では、変数値「a」や定数「2」がオペランド、「+」が演算子です。具体例は後述の *2 で書いています。

コード例で示すと以下のような感じです。

続きを読む

オフラインでGoogleドキュメントを利用するには?

Google ドキュメントGoogleがオンラインで提供するオフィス アプリである「Google Docs」(日本語では「Googleドキュメント」)が、最近ついにGoogle Gearsというオフライン機能に対応しました。これにより、インターネットに接続していないときでも、文書作成や表計算などが行えるようになっています。

現在、Googleドキュメントでは「文書」「スプレッドシート」「プレゼンテーション」が提供されています。これはMicrosoft Officeでいうところの「Word」「Excel」「PowerPoint」に相当するものです。このうち、「文書」は完全にオフライン機能に対応し、オフラインで編集することが可能です。「スプレッドシート」と「プレゼンテーション」は表示のみで編集できません。

そこで以下では、Googleドキュメントの「文書」をオフラインで利用する方法を紹介します。

続きを読む