jQueryでRSSを取得しXMLパースしてリストで表示

RSSが同じドメインにある場合とRSSが同じドメインにない場合で設定が変わる

最近だとfeed代わりにしようすることが多いので外部ドメインが多いが javascriptだとクロスサイトドメインがあるのでその点をjquery’でクリアしたい

★参考サイト labs.yusukenakanishi.com：jQueryでRSSを取得しリストで表示デモ http://factory.yusukenakanishi.com/javascript/jquery/xml-parse/

OSX(Intel) Google Android用 SDKのインストール手順

Eclipseに、ADT(Android Development Toolkit)プラグインをインストールするだけで、

開発環境の出来上がり。

Androidのエミュレータを使いたかったので。

Eclipse + Android SDKに挑戦！

1. Eclipse 3.5 インストール

うちはsnow LeopardなのでEclipse Packageの上から3つ目にある

「Eclipse IDE for Java Developers (91 MB)」のMac Cocoa 64bitをダウンロード

b. ダウンロード完了後、パッケージを解凍

c. 解凍してできたフォルダ「Eclipse」をアプリケーションフォルダに移動

でとりあえず完成

ダウンロード→http://www.eclipse.org/downloads/

2. Eclipse 3.5 日本語化

a. ここから日本語pluginをダウンロードします。

「Pleiades本体ダウンロード」にある「最新版 1.3.1.I1」のリンクをクリックすると

Mergedocのリポジトリが開くので一番あたらしいRevisonの右側にある

「download」をクリック

b. ダウンロードしてできた「Pleiades」フォルダを開きます

c. 「Plugins」にはいっている「jp.sourceforge.mergedoc.pleiades」フォルダを

アプリケーション>Eclipse>Pluginsの中に移動

d. 同様に「features」にはいっている「jp.sourceforge.mergedoc.pleiades」フォルダを

アプリケーション>Eclipse>featuresの中に移動

e. アプリケーション>Eclipse>Eclipse.appの右コンテキストメニューから

「パッケージの内容を表示」を選択

f. Contents>MacOS>eclipse.iniをテキストエディットで開く

g. 最後の行に「-javaagent:../../../plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar」

を追加して保存

以上です。これでEclipse 3.5が日本語化されます。

pleiades_1.3.0.zip

http://mergedoc.sourceforge.jp/

↓

Pleiades エージェント指定。

日本語化の為に、eclipse.iniファイルの最後に、正しいパスで以下の１行を追加しておきます。

「-javaagent:/Applications/eclipse/plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar」

3. Android SDK インストール

1.http://developer.android.com/sdk/1.6_r1/からAndroid 1.5 SDKのMac OS X (intel)をダウンロードして解凍。

「android-sdk-mac_x86-1.6_r1」(2009/10/6現在のバージョン)フォルダをアプリケーション（/Applications）に移動しておく。

a. ターミナル起動してシェルから自分のユーザーディレクトリに

「.bash_profile」を作成。私はviで

「vi .bash_profile」

b.エディタに↓

「PATH=/Applications/android-sdk-mac_x86-1.6_r1/tools:$PATH」を入力

保存する（:w）

vi を終了する(:q)

c. 最後にターミナルを再起動して、シェルに「adb」と入力し

adbコマンドのhelpが表示されればPATHの設定は完了です。

※標準シェルがbash以外の方は各シェルの設定ファイルにPATHを設定してください。

4. Eclipse 3.5 の設定

いよいよ最後のステップです

a. Eclipseを起動します。

初回起動時はworkspaceの場所の設定ダイアログが表示されます。

問題なければデフォルトのままで、また今後この質問を表示しないにチェックしてOK

b.ヘルプ>新規ソフトウェアのインストール

c. 右上の「追加」ボタンをクリック

d. サイトの追加ポップアップが開くので

名前に「c」

ロケーションに「https://dl-ssl.google.com/android/eclipse/」

を入力してOK

e. 真ん中に「Developer Tools」が表示されたらチェックして次へ

f. 詳細なインストールはそのままで次へ

g. 使用許諾に同意して完了をクリックするとインストールがはじまります

※インストール中に「SecurityWarning」画面が表示されたら、「Details」ボタンをクリックして内容を確認し、

インストールを続行するには、「OK」ボタンをクリックします。

h. インストールが終わると再起動を促されますのでその通りに

i. 再起動後、Eclipse>環境設定を開きます

j. Androidを選択するとSDKのロケーションがみつからないといわれるので気にせずOK

k. SDKロケーションに

「/Applications/android-sdk-mac_x86-1.5_r3」入力して適用をクリック

m. ターゲットにandroid 1.1、1.5とGoogle APIsが表示されればOK

n. 「使用状況をGoogleに送信する」にチェクしたまま

ポップアップはProceedをクリックして消します

o. 最後にAndroidエミュレータの設定をおこないます。

画面上にある黒い携帯みたいなアイコン（AVD Manager）をクリック

p. Create AVDのところに

名前「HT-03A」

ターゲット「Android 1.5 - 1.5」

SDCard「64M」

Skin「Default (HVGA)」

と入力してCreate AVDをクリック

q. ワーニングは無視してOK

r. もうひとつ横画面用のAVDを

名前「HT-03A_V」

ターゲット「Android 1.5 - 1.5」

SDCard「64M」

Skin「HVGA-L」

と入力して作成します

参考url

http://teraroid.blog.so-net.ne.jp/2009-08-02

http://pastel.slmame.com/e644320.html

「MdN Design Interactive週間ランキング（01/17〜01/23）」 by. 編集部：ニュース&トピックス(COLUMN)

「MdN Design Interactive週間ランキング（01/17〜01/23）」 2010年01月26日 TEXT：編集部人気の高かった記事ランキングここでは、01/17〜01/23の間で人気の高かった記事をランキング形式でご紹介します。…

HTML5を日本語で議論するW3Cのグループ、日本で初めての会議

HTML5について日本語で議論するW3Cのグループ「HTML5 Japanese Interest Group」がスタート、そのInterest Groupのフェイス・ツー・フェイスミーティングが1月22日に慶應義塾大学 日吉キャンパスで開催されたそうです。

各ブラウザベンダ

オペラソフトウェア ダニエル・デイビス氏

Open Webという宗教へもっと入ってください、というのが私の肩書き「Webエバンジェリスト」。

モジラジャパン 加藤誠氏

私はコアデベロッパーとしてちゃんとコードを書いている人です。

マイクロソフト 五寳 匡郎氏

マイクロソフトがHTML5でいったい何を話せるの？ と思われていると思うが......でもこの会議には参加しないとまたマイクロソフトはだめだなと思われるし。そこでUSチームのデベロッパエバンジェリストと協力して資料を作った。

 グーグル 及川卓也氏

グーグルはGoogle Chromeというブラウザを作っているだけでなくWebkitにも貢献している。Webkit、まだプラットフォームごとに分かれているところがあるので、同じWebKitを使っているブラウザでも、Safariで動いてChromeで動かない機能というのもある。

だれでも参加可能みたいなので行きたいです。

海外デザイン事情：新着情報

第1回「Twitterの効果的な背景画像：事例と現行のプラクティス」 2009年10月20日翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：Effective Twitter Backgrounds: Examples and Curren…

[jquery]class名の取得

・classがある要素

$('div[class!=""]')

（「ある」＝「空でない」）
・classがない要素

$('div[class=""]')

（「ない」＝「空である」）

プラス情報

親・要素のclass名取得

var parentClass = $(this).parent().parent().attr("class");

そして複数のclass名から特定のclass名の取得

if(parentClass.match(/hoge/)){
alert("ある"+parentClass)
}else(
alert("ない"+parentClass)
)

ie-css3.js

IE5〜8をCCS3の疑似セレクタ対応にするスクリプトです。

これを待っていました。

coliss の記事

ie-css3.js のサイト

下記のCSSセレクタに非対応なIEを何とかしてくれます。

:nth-child
:nth-last-child
:nth-of-type
:nth-last-of-type
:first-child
:last-child
:only-child
:first-of-type
:last-of-type
:only-of-type
:empty

現在使用している IE8.js では、今現在IE8に非対応セレクタを追加することができません。

ただし、IE8.js には上記以外にもかなりの追加項目があり（だからIE6での動作が散漫）、

それらを丸々捨てるのも厳しい気がします。

IE8のみ ie-css3.js を使い、それ以下は IE8.js なのか、

共存させるのか。（多分コンフリクト起こしそうな）

どちらにしても色々テストしてみないといけないようです。

YouTubeが一部のビデオでHTML5をサポート

YouTubeが一部のビデオでHTML5をサポートの記事より

米国時間1/20YouTubeは一歩前進して、ユーザに実際にHTML5によるWebの閲覧を体験させてくれる。

一部のビデオを、プラグインなしで、HTML5のビデオ/オーディオ再生機能を使って視聴できるのだ。もちろんHTML5がなくてもビデオは見れるが、Flashなしでビデオを見てみたいと思っている人はそれができる。その機能は、 YouTubeのTestTubeというところへ行って onにする。ただし今のところHTML5の機能を実装しているブラウザはChrome、Safari、IE上のChromeFrameだけだから、このどれかを使うこと。なおこの機能はまだ実験段階なので、使えるようになるまで1〜2時間待たされることもある。

まだHTML5の仕様変更が続く中すばらしい一歩だとおもいます。

原文はこちら

YouTube Launches Limited HTML5 Support

リキッドテーブルをjqueryで作成

いろいろとjqueryプラグインがありますが、なかなかシンプルなものが無いので作りました。
テーブル内のセルの比率を固定して可変する。
要jquery です。

					<table id="listtable">
						<thead>
							<tr>
								<th id="ta_edit">　</th>
								<th id="ta_var1">可変1</th>
								<th id="ta_var2">可変2</th>
								<th id="ta_var3">可変3</th>

								<th id="ta_delete">　</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>000</td>
								<td>横幅：重み付け10</td>
								<td>横幅：重み付け20</td>
								<td>横幅：重み付け30</td>
								<td>000</td>
							</tr>
					</tbody>
					</table>