ダイエットのシソーラス。
ダイエットでの検索結果を表示しています
貼りとは？｜ ウノウラボ Unoh Labs: ブログパーツ貼り付けタグのまとめ＋Googleガジェット＠はてな
[ 1138] ウノウラボ Unoh Labs: ブログパーツ貼り付けタグのまとめ＋Googleガジェット＠はてな
[引用サイト] http://labs.unoh.net/2007/08/google_1.html
| ブラウザだけでネットワーク対戦ゲームができる無料ゲームポータル「プラッシュ」をβ公開しました »
ウェブサービスのブログパーツを提供しようと思ったときに、ブログサービスによっては利用可能なHTMLタグが制限されていて、ブログパーツの貼り付けタグをどういったものにするべきか悩む場合があります。そこでいくつかのブログサービスについて、ブログパーツ類の扱いがどうなっているかサクっと調べてみました。大雑把な調査なので、間違ってたりするかもしれません。お気づきの点があれば訂正させていただきますので、お気軽に突っ込んでいただければ幸いです。
まずは、ブログパーツの多くで利用されているFlashオブジェクトを表示するHTMLタグの選択肢としては、OBJECT/EMBED、SCRIPT、そしてIFRAMEがあると思いますが、以下はこれらのタグが各ブログサービスで利用できるかどうか（裏技による例外は除く）の一覧表です。
ごらんの通りこれらのタグは、一部例外を除き少なくとも上表にあるブログサービスでは、すべてOKかすべてNGかのどちらかで、つまりこれらのひとつがNGなら他のタグもNGであるようなので、どのタグを選択するか、ブログサービス側の制限を考慮して悩む必要はないようです。
そうするとFlashオブジェクトの表示は、「Internet ExplorerでのActiveXコントロールのアクティブ化問題」を考慮するなら、OBJECTタグを直接記述するのは避けて、JavaScriptで行ったほうがよいのかなと。
貼り付けコードはブログの投稿設定などに影響されないように配慮しておく必要があります。特に、サイドバーだけではなく記事本文中にも貼り付けられることを想定している場合は、以下の設定は、殆どのブログサービスで記事本文の投稿についてはデフォルトでONの筈なので、こうした設定に影響を受けないものであるか要確認です。
また、稀な例ですが、記事本文ではタグ自体はOKでも属性がNGというブログサービスがありました（入力は可能で保存もされていますが、ウェブブラウザへの出力時に除去されます）。どうやらここでは、ID属性はとにかくNGのようなので、例えば、貼り付けコード中にID属性を付けたDIV要素があって、それをJavaScriptから操作するといったコードは正常に動作しません。
HTMLタグとしてのOBJECT/EMBEDは使用できませんが、記事本文の投稿に「Wiki文法」を使用する場合は、以下のような記述でFlashオブジェクトを挿入できます（サイドバーでは利用できません）。
Flashオブジェクトを挿入する際の記述は、以前は非公式のembed記法が知られていましたが、現在は新たに追加された公式のitem記法を使用します（embed記法も引き続き使用可能です）。
Wiki文法を記述する場合は、記事の新規投稿時に「Wiki文法使用」をチェックしておく必要があります。このチェックを付けずに投稿してしまった記事は、以降の編集時にWiki文法を使用することはできません。またWiki文法を使用する記事で、HTMLタグを併用することはできません。
ココログや、typepad.jp及びTypePad ASPを利用した各ブログサービス、それにtypepad.comでは、以下の例のようなHTMLフォームで貼り付けコードをPOSTすることで、各ブログサービスの管理画面でブログパーツ（TypePadでは「ウィジェット」と呼ばれます）が簡単に設定できる仕組みが用意されています。
ブログサービスによってPOST先のURLが異なる場合があるものの、ウィジェットAPI Keyも含めてそれ以外は基本的に同じなので、合計20近くのブログサービスにまとめて対応できます（ただしTypePad ASPを利用したすべてのサービスがこの仕組みをサポートしているわけではありません）。
自分のはてなダイアリーにブログパーツを設置できるようになりました、ということで、はてなが許可したものについては、従来禁止されていたHTMLタグがそのまま挿入できるようになりました。そしてその「はてなが許可したもの」の中にGoogleガジェットが含まれているため、事実上あらゆブログパーツが利用できるようになっています。
既存のブログパーツをGoogleガジェット化すると、はてなダイアリーはもちろん、iGoogleやGoogleデスクトップなどにも貼り付けることができるようになります。ブログパーツのガジェット化は（凝ったことをしなければ）非常に簡単なので、ガジェットをまだ提供していなければ、この機会に検討するといいかもしれません。
これはガジェットXMLの最小構成ですが、多くのブログパーツはこれだけでイケると思います。ただしGoogleガジェットでは、その本体はIFRAME内に表示されるので、ブログパーツにリンクが設定してある場合、リンクターゲットを変更する必要があるかもしれません。
iGoogleなどではこのXMLのURLを指定してガジェットを追加します。はてなダイアリーなど、Google以外のウェブページで利用する（Googleでは「シンジケーション」と呼ばれます）には、XMLのURLとその他のパラメータをクエリーストリングに含めた、gmodules.comのURLをSRC属性値に指定したSCRIPTタグを貼り付けます。
ガジェットXMLのロケーションは任意ですが、このXMLを取得しにやってくるのはエンドユーザのウェブブラウザではなく、Google Readerなどと同じFeedfetcherロボットなので、XMLはこのロボットがアクセス可能なロケーションに配置する必要があります。つまり、localhostや認証が必要なURLはNGです。なお、Feedfetcherはrobots.txtを無視するので、robots.txtによるアクセス制限については配慮する必要はありません。
はてなダイアリーなどへのGoogleガジェットの貼り付けコードは以下のようなものになりますが、はてなダイアリーに貼り付ける場合、コードの内容には注意が必要です。
はてなダイアリーでは、貼り付けられたコードがGoogleガジェットのものであるか検証が行われますが、現時点ではこの検証は非常に厳格（？）です。
上の例では、SCRIPT要素にTYPE属性が欠落していますが、これを付け足したコードは、現時点ではGoogleガジェットのものとはみなしてくれません。また、クエリーストリングに指定するパラメータは下表の通りですが、これがこの順番通りに並んでいないと、やはりNGとなります。パラメータが足りなくてもダメです。
ガジェットXMLのURL。この値はエンコードしてはいけませんマジで。エンコードされてると、現時点のはてなダイアリーではGoogleガジェットのコードとはみなしてくれません。
この使い途は後述します。このパラメータは無しでもOKです。up_なんとかを複数指定する場合はここに（「url」と「synd」の間に）並べます。
ガジェットの本体を表示するIFRAME要素の幅（ピクセル値）。本来は数値の他に「auto」を指定して、幅を親要素のものに揃えられますが、これが「auto」だと、現時点のはてなダイアリーではGoogleガジェットのコードとはみなしてくれません。
ガジェットの上部に表示されるガジェットのタイトル。日本語文字が含まれる場合、現時点のはてなダイアリーではIE6で文字化けます。
この、現時点でのはてなダイアリーの貼り付けコードの検証は、ガジェットディレクトリから「自分のウェブページに追加」ボタンをクリックして遷移するページ（http://gmodules.com/ig/creator?〜）で取得する貼り付けコードの構成に則ったものでないとダメ、という仕様のようです。
IFRAMEの横幅に「auto」を指定できないのは、単純にこのページの「幅」入力欄に数値以外は入力できない（正確に言うと入力はできますが「NaN」と表示されますｗ）ためだと思われ、同様にTYPE属性が欠落していなければならないのも、XMLのURLをエンコードしてはいけないのも、単純にここで表示される貼り付けコードがそうなっているからなのだろうなと。なので、「ここでscriptは使用出来ません」とか怒られた場合は、ここのコードと見比べてみるのが吉です。
ブログパーツによっては、設定に応じてその動作を変更する必要がある場合に、あらかじめその設定値を貼り付けコードに含めている場合があると思います。しかしGoogleガジェットではXMLをホスティングする必要があるため、同じ方法は採り難く、別の仕組みが必要になります。
もちろんXMLをホスティングするサーバが、XMLの内容を動的に出力してもよいのですが、Googleガジェット自体にこうした仕組みが用意されており、これを利用すればXMLは静的なもので済ませられます。
iGoogleにこのガジェットを追加すると、「Name」入力欄と、「ガジェットは必要な設定がすべて完了するまで表示できません」というメッセージが表示されます。名前を入力すると「Hello (入力した名前)」と表示されます。
はてなダイアリーなどでは、貼り付けタグ中のクエリーストリングに、「up_myname=(表示したい名前)」を追加すると、「Hello (表示したい名前)」と表示されます。
ガジェットXMLのUserPref要素は、ユーザの設定値を指定できるようにするためのもので、そのname属性値に合致する入力値やクエリーパラメータ（「up_(name属性値)」キーの値）が格納されます。その値は、上の例にあるように、「__UP_(name属性値)__」という記述やGoogleガジェットのJavaScript ライブラリを使って取得できます。これを利用して、ガジェットの動作を動的に変更することができるというわけです。
UserPref要素を利用した設定変更時の動作確認は、iGoogleでやったほうがいいっぽい。そしてiGoogleでの動作確認ではデベロッパー ガジェットはマストアイテム。
いったん取得されたガジェットXMLは1〜2時間程度のサイクルでキャッシュされます。開発時にキャッシュを無効にする方法は以下。
シンジケーションの場合はクエリーストリングに「nocache=1」を追加する（でも、はてなダイアリーではもちろんNG）。
ウノウラボはウノウ株式会社のエンジニア／デザイナーによる大小のアウトプットを行っていく場です。現在ウノウは絶賛人材募集中です。詳細は求人ページへ。
次の投稿は「ブラウザだけでネットワーク対戦ゲームができる無料ゲームポータル「プラッシュ」をβ公開しました」です。
他にも多くのエントリーがあります。メインページやアーカイブページも見てください。
貼りとは？｜ 小粋空間: Google マップの貼り付け用 HTML を valid にする
[ 1139] 小粋空間: Google マップの貼り付け用 HTML を valid にする
[引用サイト] http://www.koikikukan.com/archives/2007/08/23-012323.php
Google マップをブログ等に貼り付ける「埋め込み HTML」の提供が開始されましたが、その HTML を valid にするスクリプトを公開します。
埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします（スクリーンショット右上）。
上のテキストエリアに Google マップ埋め込み用 HTML を貼り付けて、 object または iframe + object のボタンをクリックすると下のテキストエリアに valid な HTML が表示されますので、それをブログ等に貼り付けてください。
object 要素だけではどうもクロスブラウザにならないようです（IE で正常に表示されない等）ので、現状では iframe + object（条件付きコメント利用）を推奨します。
Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過するツリー表示 JavaScript 「dTree」詳解dTree によるサブカテゴリーリスト for Movable TypeHighSlide JS と prototype.js の競合を解消するHighSlide JS の onclick 属性を JavaScript で登録するSlider によるフォントサイズ変更でアクセシビリティを向上させるコメント投稿時にフォームボタンをグレーアウトする for Movable TypeSlider の利用方法Highslide JS でサムネイル画像を拡大表示するJavaScript で文字をトリミングする（改善版）JavaScript で文字をトリミングするBlogPeople 等のリンクリストによる表示の遅延を解消する（その1：JavaScript編）ドラッグ＆ドロップできるサイドメニューの折りたたみ（その2：ブログへの適用）ドラッグ＆ドロップできるサイドメニューの折りたたみ（その1：基本設定）カレンダースクリプト不具合のお知らせサイドバーの折りたたみブログタイトルを分割してCSSで異なるスタイルを設定する表示するデータを周期的に切り替える商品リンクをランダムに切り替える
このブログは重複トラックバック防止プラグインにより、同一エントリーに対する同一のトラックバックは登録されないようにしています（記事のタイトルまたは記事の概要が異なる場合は登録されます）。
昨日エントリーした、Google Mapをブログに貼る件。なにやらhtmlの内... [続きを読む]
≫ GoogleMap埋め込みをvalidに行いたいの巻 from エクステリア明日香：スタッフルーム
≫ GoogleマップがHTMLのコピー&ペーストで貼り付け可能に from ウェブのあれこれ格納庫
Google マップが HTML を貼り付けるだけで自サイト内に表示できるよう... [続きを読む]
Googleマップの地図自体をブログに貼付けるのは、私の知識では問題が有り全然無理で、しかたなく諦めていました。しかし最近になって、Google マップの... [続きを読む]
Googleマップがブログやホームページに簡単に貼付けが出来るようになりました... [続きを読む]
≫ Google Mapに新機能が追加 from 栃木事務機 栃木県 ホームページ制作 WEBコンサルティング 福島県
Google マップがHTMLタグの記述で、ブログに張り付けが可能になりました... [続きを読む]
貼りとは？｜ 中国では切手の貼り方でメッセージを伝える!? | エキサイトニュース
[ 1140] 中国では切手の貼り方でメッセージを伝える!? | エキサイトニュース
[引用サイト] http://www.excite.co.jp/News/bit/00091188201596.html
（上）右斜め→「あなたが好き」は、花と蝶に囲まれた乙女な絵柄で。（中）2枚の切手を離して斜めに貼る→「2人きりで、話したいのですが……」。こんな手紙が送られてきたら、ドキッとしそう？（下）3枚の切手を並べて逆さまに貼る→「愛してる、結婚しよう！」。3種類のお花柄を、プロポーズのブーケ代わりに
中国の文化に詳しい友達がいるのだが、先日彼女からこんなおもしろい話を聞いた。ハガキや封筒に切手を貼る際、日本ではまっすぐに貼るのがあたりまえと思っているが、中国では貼り方で相手へのメッセージを伝えるという場合があるらしい。中国では切手のことを「郵票」というそうだが、たとえばこんなふう。右斜め→「あなたが好き」逆さま→「もう怒らないから許して」左斜め→「ごめんなさい、私が間違っていました」2枚の切手を離して貼る→「嫉妬しています」2枚の切手を離して斜めに貼る→「2人きりで、話したいのですが…」3枚の切手を並べて貼る→「もう、愛してないの？」3枚の切手を並べて逆さまに貼る→「愛してる、結婚しよう！」などなど。メールの普及で郵便を出す機会も減ってきているとは思うが、なかなかロマンチックで粋な風習。ダイレクトに言葉で伝えるのではなく、モノで間接的に伝えるのってなんか風情があってイイですよね。切手の絵柄などもぴったりなものをチョイスしたら、さらに効果倍増！ かもしれません。たとえば「嫉妬しています」は、防災週間などの炎モチーフの切手にしてみるとか……どうでしょう？というわけで実際に手持ちのレトロな切手でやってみたところ、そこそこ大きめの封筒を使わないと、ふつうの縦長の封筒だと2〜3枚並べて貼るのはキビシイかも……と思いました。さらに、友達の話では中国の人同士だと意思疎通はスムーズだが、たとえば中国の方と外国人の遠距離恋愛だった場合など、切手を逆さまに貼ったり、思いっきり斜めになっていたりすると「切手の貼り方も知らないの？」とか「なんか乱雑で、テキトーな人……」と、せっかくのメッセージが単なる悪印象になってしまう場合もあるので注意が必要、とのこと。あらかじめそういう話をふっておいて、忘れた頃に切手メッセージを送ってみる……というのが最も効果的かもしれません。そういえば、日本でもいよいよ秋から郵政民営化が実施されますね。最近はポストカードですらメール便等で送れるので、切手を貼る機会はますます減りつつあるのかもしれない。しかしだからこそ、わざわざ手書きでメッセージを書いて、切手を貼ってポストに入れる、という行為にはよほどの想いがそこに込められているとみていいのでは。秋はなんとなく手紙を書きたくなる季節。たまには改まった気持ちで、大切な人にメールではなく手紙を書いてみてはいかがでしょう？ もちろん、切手メッセージつきで。（野崎 泉）
[08月29日] 豚の丸焼きの置き方にもメッセージがあるくらいだし [ ぴんかるにっき ] at 00:43:11
エキサイトブログユーザーならブックマークレット機能を利用してこのページにトラックバックできます。
貼りとは？｜ 貼り忘れた写真館
[ 1141] 貼り忘れた写真館
[引用サイト] http://www.houkou.net/
仕様変更、データ削除、ページ閉鎖、荒らし行為の判断、IPアドレス公開などは管理人の独断で行います。
異議は一切受け付けません。同意できない方はプレイされないようにお願い致します。
動作の不具合などありましたらメール（htmlメールは不可）にご連絡下さい。 相互リンクも受付中。
画像や音楽には著作権があります。転用できませんのでご注意下さい。持ち出し禁止。
ゲームリンクを一新しました。HP運営者は貼り忘れた写真館の無料ゲームにリンクする事ができます。
戦略ＲＰＧ＆シュミレーション系の無料ゲームです。国や部隊を作ったり、他のプレイヤーと連携して戦略に参加できるなど、リアルタイムネットゲームならではの無限の戦略性を生み出しています。
MMOシミュレーションゲーム。あなたは１武将となり全国を統一するために立ち上がります。ノンシナリオシステムなので史実にとらわれずプレイヤーが自由にシナリオを描くことが可能です。あなたは君主となって国を統治するもよし、君主の片腕となって活躍するもあなた次第。
他のキャラクターとの対戦で経験値をためてレベルＵＰ。多人数同時参加型RPG（MMORPG）の気分がブラウザで楽しめるハマリ度満点な無料オンラインゲーム。
おなじみの三国志武将が無限に存在！１２４に分かれた領地の争奪戦！中国全土をあなたの手中に！完全リアルタイムで他のプレイヤーと覇を競い合おう！
「箱庭諸島」は、一人ひとつの島を持ちその島を開発していくオンラインゲームです。平和なんてありえない！？生き残りを賭けた熱い戦いがここに・・・コマンド更新型・都市開発系・無料ゲームの決定版！
戦国大名になって領土を広げ、天下統一を目指すリアルタイムオンライン国盗りゲーム。これも完全・無料ゲーム。
この世界で名のある冒険家を目指すか、海賊として名を馳せるか、商人として富を築くか、それはあなたの自由です。
定番ダビスタ風競走馬育成無料ゲーム。他の参加者と競い、最強オーナーの称号を手に入れよう。レースではたくさんの人が同時に参加しているオンラインゲームならではの構成が・・・。
この物語は英雄と大富豪、その他多くの勇者、商人達の幾千年にもわたる壮大な歴史の叙事詩である。死ぬな生きろ
ペットと冒険したり、合成したり図鑑を集めたり！のシンプルＲＰＧ。
ペット育成ゲーム｢ぺットルーム｣はネット上で、一匹のペットを育てる無料ゲーム。皆で一匹のペットを育てよう！誰が一番なつかれるかな？
店長になろう♪ アイテムを販売・作成したりの店舗経営シミュレーション！
人気の某番組のゲーム版！？トップページの楽しいチャット「あび屋」さんのお財布と連動して遊ぶと楽しさ◎
マルチエンディング恋愛アドベンチャーゲームがここに登場。 主人公は小さな田舎街の若者。ある日ふらりと街にあらわれた傭兵トゥダスに出会い、子供の頃から憧れていた冒険の旅への想いを熱くさせる。
真夏の長崎、逃げる女に追う男。『葬王』という名の宝をめぐって、街中で繰り広げられる女子大生とチャイニーズマフィアの追跡劇！まったく雰囲気の異なる二人の主人公と、彼らを中心に展開する二つのストーリー。それらが干渉し合い、一つの目的へと加速する。
無尽蔵に拡大する世界、垂れ流される情報の波、不自然に歪曲する妄想、断絶されて行く関係性。意味を持たない価値観、画一化される個の情操。新世紀への盲執的渇望、進化する事への諦観。全てが繁雑に繋がり撹拌して薄れ往く中で、その男は真実だけを求めて往くことができるのだろうか？
色々なスキルを覚え、コマンド入力式の戦闘を行う。ダンジョン探索編もあり。無料オンラインゲーム。
次のコマンドが待ち遠しい冒険もののオンラインゲーム。定期更新型ＲＰＧ。仲間とパーティを組んで冒険に出かけよう。
コミュニケーションが大事なマルチプレイRPG...のおかげでカップル続出の噂が？
毎日まったりゆっくり楽しみながら植物を育てていくCGIゲームです。植物に水を与えるように、一日一回ちょっとだけ植物の面倒を見れば
きちんと育ち、約一週間で開花します。交配を重ねて、植物図鑑と同じ植物を集めてください。
検索サイトやランキングサイトは排除して表示しますので、個人サイト中心の構成になると思います。また、個人サイトを応援するため、１日ごとにフォーマットします。
現在かな〜りお得！ １日５，６アクセスでランクインできますので、かなりのアクセスアップが期待できるでしょう。