Memo

覚え書き

[Ajax] Google AJAX Feed APIでRSSを表示する

by

Google Ajax APIシリーズ記事その３はFeedについて。
RSS表示に関しては前にPHPで表示する方法を書きましたが、Magpie RSSだとページをPHPにする必要がありました。
Google AJAX Feed APIを利用すると、javascriptファイルを読み込むだけでhtmlファイルに外部のRSSを表示させることが出来ます。
なんでか妙にマイナーな気がするのはきっと難しそうに見えるからに違いないと思い、３ステップで使えるようにしてみた。
ZIPも用意してみたのでお試しあれ！

※Mapはこの記事、Searchはこの記事で解説しています。

続きを読む

[memo] 中国　ＩＴソースコード強制開示強行へ

by

あまりにポカーンなニュースだったので晒しage。

中国、ＩＴソースコード強制開示強行へ…国際問題化の懸念

制度は、中国で生産・販売する外国製の情報技術（ＩＴ）製品について、製品を制御するソフトウエアの設計図である「ソースコード」の開示をメーカーに強制 するものだ。中国当局の職員が日本を訪れ製品をチェックする手続きも含まれる。拒否すれば、その製品の現地生産・販売や対中輸出ができなくなる。

どの先進国も採用していない異例の制度で、非接触ＩＣカードやデジタル複写機、金融機関向けの現金自動預け払い機（ＡＴＭ）システムなど、日本企業が得意な製品も幅広く開示対象になる可能性がある。

中国側は、ソフトの欠陥を狙ったコンピューターウイルスの侵入防止などを制度導入の目的に挙げる。しかし、ソースコードが分かればＩＣカードやＡＴＭなどの暗号情報を解読するきっかけとなる。企業の損失につながるだけでなく、国家機密の漏洩(ろうえい)につながる可能性もあるため日米欧の政府が強く反発。日本の経済界も昨秋、中国側に強い懸念を伝えた。

あれ？海賊版の本場はどこの国でしたっけ？ｗ
ＦＦ１１、リネージュ、ラグナロクオンラインなどのＭＭＯ経験者なら、どこの国のファーマーやアカウントハッカーが多いのかもご存知でしょう…
参考»FF１１のハッキング対策説明サイト

戦闘機の設計を盗もうとしたり、納品した製品が偽者だったりといったことをしちゃうお国柄。
こちらのブログのＩＴ三面ニュースの記事をみているとこの強行姿勢に通じるものを感じる。

続きはソースコードって何ぞ？？という人への説明

続きを読む

ホームページビルダーv13でXHTML+CSSコーディング

by

安価なオーサリングソフトとして超王道なホームページビルダー（笑）でいつもやってるコーディングは出来るのか？
実際やってみたら案の定残念な感じだったので、これは酷いと思ったところを列挙してみる。
なお、触ったのはver13体験版で製品版ではありません。

続きを読む

[google] Google AJAX Search API でサイト内検索結果をページ内に表示する

by

Googleのカスタム検索エンジンの検索ボックスと検索結果をページ内に埋め込む方法（オーバーレイではない）について。
Mapと同じくSearchもAPIで色々することが出来ます。

GoogleSearchAPI

サイト内検索の検索ボックスをサイトに埋め込むのは、登録した時に作成されるコードを埋め込むだけなので簡単ですが
APIを利用する場合はJavascriptとAPIの仕様が分かってないとややこしいので、分からない人向けに説明を書いてみた。
この記事では、サイト内検索の検索ボックスと検索結果をAPIを利用して既存ページに埋め込む初歩についてまとめてます。
更に詳しいカスタマイズ方法 についてはDeveloper’s Guideなどを参照してください。

続きを読む

[IE] Internet Explorer 8 ドキュメント互換性モードの指定について

by

IE6のドキュメントタイプで表示が変わる互換性モードに頭を抱えたWeb業界の人は多かろうと思いますが、IE8で更に上位版が出たそうです。
でもIE6で悪行を働いた標準・互換モードの変更動作とは違い、IE8で導入されたドキュメント互換性は、
IEがページを表示する際に使用する特定のレンダリングモードの選択を可能にするもので、従来のDOCTYPEの変わりに
新しくMETA要素の X-UA-Compatible　により操作が可能に。

簡単にまとめると

IE8だと表示が崩れる…IE7なら崩れないのに…orz
▼
METAタグでIE7モードで表示するよう指示
▼
IE8がその指示に従ってIE7っぽくレンダリング
▼
ｳﾏｰ(ﾟдﾟ)

ということらしい。

その場合のMETAタグは次のようになる（Emulate IE7 互換性モードを指定）

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

このメタタグはヘッダーの一番上（titleや他のmetaよりも上）に置かなければならない。

その他のcontent 属性値

  • IE=EmulateIE5　→　Internet Explorer 5 の動作を模倣
  • IE=edge　→　使用できる最高のモードを使用
  • IE=EmulateIE8も使用可能
<meta http-equiv="X-UA-Compatible" content="IE=4"/>   <!-- IE5 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=7.5"/> <!-- IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=100"/> <!-- IE8 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=a"/>   <!-- IE5 mode -->

各モードをセミコロンで区切って複数のドキュメント モードを指定することも可能らしい。
特定の互換性モードを除外する使い方も可能だが、推奨はされていない。

例：IE7 モードを除外

<meta http-equiv="X-UA-Compatible" content="IE=5; IE=8" />

一見便利そうだけど…用途がわからん……

※公式ドキュメントはこちら

でもやっぱりメインで確認するのはIE6なんだろうな、っていう。

続きを読む

[Ajax]prototype、jQuery、mootoolsのプラグイン仕様比較

by

Ajaxフレームワークのプラグインの仕様比較と作成方法について。
個人的によく使うprototype、jQuery、mootoolsのプラグインテンプレートとサンプルソースをそれぞれ載せてます。

短いソースならベタ書きでも悪くはないけど、使いまわしが効いたり、衝突が起きなかったりと
大掛かりなものになればなるほどメリットはあるので、よく使うなら覚えておいて損はないと思う。
でもプラグインを作ること自体はそう難しくなくても、理解するのが大変なんだよな。
どれか１つ把握してたら応用で他のも作れるようになるはず。ソースは私。

なお、適当に書いたサンプルソースは全て
「IDで指定した要素の文字色をオプションで指定した色に変える」という内容です。
また、あえてメソッドを動作させるようにしています。

ソースの説明書き加えた

mootools (ver1.2)

まず個人的に一番気に入ってるmootoolsから。
mootoolsのプラグインは特に決まった書式などは無く、Classで作成されているものが多いです。
Classという名前の通りPHPやJAVA等のクラスとほぼ同じ仕様なのでとっつきやすいと思われる。

続きを読む

[XHTML]WebサイトのOOP

by

Webサイトはオブジェクトの集合体。
CSSもオブジェクト指向。

オブジェクトの集合なら、命名規則やデザインパターン作っておけば再利用はしやすくなる筈。
WebSiteでもOOP（Object Oriented Programming）的なこと出来る？
…となんとなく考えた事を適当に羅列してるメモです。まとまり皆無。思考ダダ漏れ注意。

Class

  1. Header -> #header
  2. Sidebar(Menu) -> #sidebar
  3. Contents -> #contents,#wrapper,#container
  4. Form ->#form,#contact
  5. Fotoer ->#footer

Method

  • List (UL,OL,DL) -> #menu,#navi,#navigation,#globalnavi
  • Headering Title (H1～H6) -> #page-title,#sitename,#content-title
  • Text Section -> div.post , div.section , div.entry
  • Buttons (input type=”button”,button tag, block style Ancher)　-> #submit,#reset
  • Input (form elements)
  • Copyright (address) -> #copyright
  • Image (floating style, ancher style)
  • Table

Property

  • Inlines (strong,em,tt,code…etc)
  • Blocks (div,p,address,blockquote…etc)
  • String (plain text)

4BOXとか5BOXとかのレイアウトテンプレートは中身が空のクラス、つまりこんな状態です。

class Header {
}

続きを読む

Trac & XAMPP & Dreamweaver & Aptana & SVN

by

ローカルにTrac入れたりDreamweaverにSVNエクステンション入れたりしたメモ。
ついでにAptanaStudio1.2も入れてみた。（PC変えたから新規）

Tracのローカルインストール（windows）

Tracはメジャーかつフリーなプロジェクト管理ツール。
Trac？なんぞそれ→WordPressのTrac
タスク管理だけならxfy Plannerもよさげ（主に見た目が）だけど、
バージョン管理が便利だと思う。あとチケット機能も。
こういうのは自前で入れるよりGoogleCodeとかSourceForge.jpとか使う方が楽なので
公開しても問題ないものならサービス利用してもいい。

既にXAMPPがインストール済みでも後からTrackを入れることは出来た。
Tracのセルフインスコは果てしなく面倒くさそうなので迷わずTrac Lightningを選択する。

ダウンロード後、Trac Lightningのインストーラーを起動してインストールする。
完了したら再起動が必要になるので事前にXAMPP含め他のアプリは止めておくと良い。

続きを読む

wordpress2.1.3から2.6.3にバージョンアップしてみたメモ

by

このブログの時のように5分では終わらなかったので、適当に作業メモを残すことにした。
2.1.3はMEの一番普及してるバージョン（だと思っている）だから使ってる人も多いのでは無かろうか。
私の場合はゲーム用ブログがそれで、幸いコアには手を入れてないものの、自作テーマとプラグインで結構弄ってある。

思い立ったが吉日。詳しいwordpressのアップグレード方法はCODEXに任せるとして、
とりあえずデータベースをエクスポートした。これは忘れちゃいけない。
プラグインとか使ってる場合はwordpressのとプラグインのテーブルを別にエクスポートする方がいい。
また、サイズが大きくなるとインポートで弾かれる可能性が高まるので、wordpressのテーブルそのものも分割エクスポートしといた方が何かと安全だったりもする。サイズの大きいテーブルは単体エクスポートがオススメ。
エクスポートの前にはテーブルの最適化をやっておく。

面倒臭がって無駄に大きなsqlファイルを作ったりすると、インポートで失敗して涙目になるので
上記のことは気をつけた方がいいな、と今書きながら思った。バックアップで手抜きするのは良くない。

続きを読む

Immortal Cities：Nile Online

by

NileOnlineは名前の通り古代エジプトが舞台の都市建設シュミレーション。ブラウザだけで遊べる。
ソース元は４亀です。
都市建設シムに目が無いので即登録してみた。

Immortal Cities：Nile Online

ブラウザで遊べるゲームはFlashが多いけど、このゲームはAjaxでした。
使われてるフレームワークはprototypeとscriptaculous、画面はXHTMLなのでAjax勉強中なら参考になることは多いかもしれない。
もしFireFoxで遊ぶならFireBugはOFFの方がいいです。

対応ブラウザはFirefox, Opera, IE8, Safari, Chrome。
色々と足引っ張るIE6はおろか7すら切るとは潔い。

以下、適当な説明。

続きを読む

Google純正ブラウザGoogle Chrome(BETA)提供開始

by

なんとあのGoogleがブラウザ出しましたよ。新し物好きなので早速入れてみた。

GoogleChrome(BETA)

まだBETAらしいので問題も色々とある様子。
このエントリーはGoogle Chromeでよく見るサイトを回りつつ気づいた事や、見かけた情報などのメモです。

ダウンロードしたらとりあえず、文字エンコードの設定で自動検出にチェック入れると良いと思った。
起動・動作はかなりキビキビしてます。機能がシンプルだからかもしれませんが。
表示スピードはSafariやFirefox3と同じくらいですが、Google関連の表示がやたら速く感じます。気のせいかな…

続きを読む

iPhone購入適正度チェックシート

by

iPhone買おうかどうしようか迷ってる人向けに、購入検討用チェックシートを適当に考えてみた。100点満点。
質問が多く、他の携帯と大きく違う機能や、環境に関するポイントのまとめにもなってるんじゃないかな。

mixiのiPhoneコミュ、2chの各iPhoneスレ、ソフトバンク公式サイト、ニュースサイト、
個人の使用レポートなど参考にした。間違った情報があったらごめんなさい。

ソフトバンク公式サイト
Apple公式サイト
ASCII.jp iPhone 3G 最速レビュー

買った後の経験ふまえて色々追加
ガラケー＝ガラパゴスケータイ［名詞］日本人（主に若い世代）用に向けて特化した、本来ついてなくてもいいだろうという機能を搭載したケータイを指す。携帯と書かない事に注意。

1.本体依存の機能

カメラはズーム・フラッシュなしで２００万画素。動画撮影は出来ない。
ワンセグの受信は一切出来ない。
初期状態ではYoutubeの動画再生に対応。ストアで購入した動画も再生可能。
Orbというフリーソフト入れるとインターネットTVや動画サイトの動画再生が可能。

●ワンセグ
デフォルトでワンセグの受信が出来ないというのは同じだが、オプション次第で見れるようになった。
有名な所ではTV&バッテリーというのが出ています。

●カメラ・動画
3GSで画素数は300万にUPし動画撮影に対応。
旧型3Gの場合は動画撮影アプリを入れればそれなりな動画が撮れるようになる。
カメラアプリがかなり豊富。画素数は低いが表現は幅広く、高性能カメラでは取れない絵が撮れるトイカメラ的な利点が。
動画サイトは対応アプリによりほぼ網羅され、動画そのもののダウンロードも可能。
動画をダウンロードする際はWifi回線を使いたい。

●メモリーカード・外部保存機能
メモリーカードスロットは無いから使えません。
でも不自由さはない。PCサイトブラウジングが出来るのでストレージサービスの利用が出来るし、
DropBox、Evernote、Files、GoodReaderなどのファイル管理アプリも出ています。
iPhoneとPC間のファイル転送はBonjourで可能。
SMSやMMSの保存はソフトバンクのサービス依存になる所が大きいけど、これもまたアプリでカバーできてしまうし、
Webサービスのメールなら今は1Gとかザラなので、保存容量を心配する必要はまずない。
バックアップは基本的にPCになるから、必要性を感じることはあんまりないかも。

●修理とバッテリー
バッテリー交換が高いってのは有名な話。なんだけど、修理・交換してくれるサービスは結構あったりする。
加入時に資金的余裕があれば、AppleCare Protection Planに入っておいた方がいい。
Apple信者なら何も言わずショップにお任せという手を取るだろうから、交換で1万取られようが問題ないだろうと思う(笑)
あとは完全自己責任で自力交換するとかケース一体型の大容量バッテリーを使って凌ぐって手もあるかな。

  • この仕様で不満は感じない（+10）
  • オプションを買えばやれるのなら買います or 自力で修理できます（+9）
  • カメラが力不足な気がするが印刷用途じゃないから問題ない（+8）
  • 困ったらその時考える。とにかく欲しい（+7）
  • 他の周辺機器でカバーできると思う（+6）
  • カメラとかオプションはどうでもいいけど、保障や修理の値段が気になる（+5）
  • デジカメを持っていないし携帯の写真をよく使うから300万画素では困る（+4）
  • 動画撮りたいんですよね…（+3）
  • ワンセグ目的でアクオス携帯買った俺はどうしたら・・・（+2）
  • バッテリーの劣化が早そうなのに値段が高い。自分で交換したい（+1）
  • この仕様では買えない（+0）

続きを読む