tag:blogger.com,1999:blog-10925282640417793372024-03-14T19:36:17.155+09:00京都マイプレスホームページ制作ブログUnknownnoreply@blogger.comBlogger135125tag:blogger.com,1999:blog-1092528264041779337.post-12879138898495758692015-11-26T18:27:00.000+09:002015-11-26T18:27:02.032+09:00Google+ 新UI がフィードバックに対応しアップデート!新しいGoogle+ UIに対するGoogle+ユーザーのフィードバックに対応し、<br />
Google+ 新UI がアップデートされ始めています。<br />
<br />
・ワイドスクリーンでの3列表示<br />
・コメントに返信する機能が復活<br />
<br />
上記の他、細かな部分も改良されています。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://m-y-p.com/blog-image/g-new-20151126.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://m-y-p.com/blog-image/g-new-20151126.gif" /></a></div>
<br />
今後もフィードバックを元に改良が進み、以前のUIより使いやすくなるのは間違いないかと思っております。<br />
<br />
via. (Google Luke Wroblewski, Thanks! )<br />
<a href="https://plus.google.com/u/0/+LukeWroblewski/posts/Z4FaDKCsdBj">https://plus.google.com/u/0/+LukeWroblewski/posts/Z4FaDKCsdBj</a><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-61812751622053022812014-09-10T10:39:00.002+09:002015-09-02T23:35:41.719+09:00iPhone6 と Apple Watch、2機で1想。革命の日<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYTNEqZf4MqdX1bBF4zX0b95VcwYR5OF31v8NsSB_a5_6Pt7dUA4izX_vsDx6rfjk2ZQxKytTTTLgnsUAJ7E9eNwDhAOPklBGUUYVzzw_5bq3JTYedZx4RuC1S4JyaPkgRHVHG3uYT8Bg/s1600/iphone6-apple-watch-revolution.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="365" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYTNEqZf4MqdX1bBF4zX0b95VcwYR5OF31v8NsSB_a5_6Pt7dUA4izX_vsDx6rfjk2ZQxKytTTTLgnsUAJ7E9eNwDhAOPklBGUUYVzzw_5bq3JTYedZx4RuC1S4JyaPkgRHVHG3uYT8Bg/s1600/iphone6-apple-watch-revolution.jpg" width="550" /></a></div>
<br />
本日の深夜、Appleから「革命」が発表されました。<br />
<br />
この時計、時計?… 私は買います!<br />
<br />
そう、これが今後の世界において時計の形です。<br />
<br />
近い未来のために、私は買うだけでいいんですね。<br />
<br />
<b>私の予測する未来では…</b><br />
<span style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 18px;">想像で書いてますので思い込みの部分はお許し下さい(^O^)/</span><br />
<span style="background-color: white; color: #404040; font-family: Roboto, arial, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
関連企業さんは大変ですね!<br />
この技術、他社のスマホ制作会社は、スグにおいかけて下さい。<br />
腕時計の会社では作れません。<br />
おいかけることで、スマホ制作会社は、<br />
見た目のデザイン力で類似の商品が売れるでしょう。<br />
<br />
腕時計の会社は、制作はできませんが、<br />
販売網としてのノウハウをまとめて下さい。<br />
早急にマニュアルを作成してください。<br />
このことで、会社は存続どころか、<br />
いま以上の収益をあげることになります。<br />
間口をいち早く開いて下さい…<br />
iPhoneの時のソフトバンクのように!<br />
まぁ、これは想像での笑い話として…(^O^;<br />
<br />
そして、時計ブランドとしては、<br />
健康を見守るセンサー部分において、<br />
何らかの技術が必要になるように思います。<br />
または、機能的なこの時計に対抗できるのは、<br />
ファッション性のあるデザインコンセプトで使い分け需要ですね。<br />
参考:<a href="http://kigaeru.jp/" target="_blank">ジュエリーウォッチ通販 KIGAERU-LIST</a><br />
<br />
つまりこの時計、<br />
今後の時計の「あたりまえ」を増やしてしまいました。<br />
<br />
・いまあなたは時刻を何で見てますか?<br />
スマホの方、多いですよね。<br />
無意識に見てるその時刻は、<br />
決して狂うことのない時計ですから!<br />
<br />
Appleの推奨するスマホサイズ、<br />
今回から、携帯の標準サイズの提案は、<br />
4.7インチでもいいですが、<br />
5.5インチで行きましょう!ということになります。<br />
<br />
しかも、iPhoneです。<br />
大半のユーザーがそのまま次のiPhoneを使う日は来るでしょう。<br />
<br />
つまり、「スマホの標準サイズは、Appleによって操作可能」です。<br />
<br />
そういう大きなスマホ時代が確実に来ます。<br />
そして2015年にApple Watchが販売された時、<br />
その大きなiPhoneを取り出して時刻を確認してた自分はこう思います。<br />
<br />
「Apple Watch… いいかもね!」って。<br />
<br />
そして、手首には、一時の狂いもない時刻が刻まれます。<br />
今まで時計をしてなかった方への需要が生まれてきます。<br />
<br />
そして「グランス」という機能により、<br />
時刻以上の情報ですら、一瞬で確認することになります。<br />
<br />
・あなたをより良く知るために…<br />
Appleはこの時計に、独自開発の心拍センサーを組み込んだんです。<br />
赤外線LEDと可視光LEDを使う特別に開発されたセンサー、<br />
そして心拍数を検知するための光センサーが埋め込まれており、<br />
1日中データの収集を行ってくれます。<br />
iPhoneのGPSとWi-Fiとの連動であなたを見守ります。<br />
<br />
・ご安心を!<br />
この時計は使いこなすのがむずかしい、最新のややこしい時計ではありません。<br />
最新のテクノロジーを感じさせずに、利用させてくれる時計なんです。<br />
<br />
例えば、現在スマホを使いこなす55歳位の方…<br />
10年後の未来はそんなスマホを使えるおじいさん、おばあさんが増えます。<br />
<br />
そして未来、これから、皆様が、<br />
おじいさん、おばあさんになった時…。<br />
<br />
心拍停止の危険な状態を誰よりも1番に知ってくれるのも、<br />
「Apple Watch」となるでしょう。<br />
そして、それを、さまざまな機関や、<br />
登録しておいた大切な人に知らせてくれます。<br />
操作は簡単、<br />
「私に何かあったら、あの人に知らせてね…」<br />
って、それをこの時計に託すだけ。<br />
あなたに付きっきりで約束を守ってくれるでしょう。<br />
<br />
他の例では、<br />
子どもが一定以上の速度で倒れるようなことがあれば、<br />
加速度センサーが感知してくれたり。<br />
<br />
つまりは、子どもからおばあさんまで使うでしょうね。<br />
<br />
あなたのことを知り、見守ってくれる時計。<br />
時計はあなたの「パートナー」となるでしょう。<br />
<br />
そんな、パートナーに何を求めるか…<br />
<br />
口がかたく、いざという時は助けてくれる。ですね。<br />
<br />
データ保護技術で、全世界的に信用のある会社、<br />
かつ、独自であり、<br />
セキュリティー技術力のある会社でないとできません。<br />
<br />
Apple、または、Googleですね。<br />
<br />
Appleに写真をあずけても、<br />
絶対に悪用しませんよね。サーバーの虚弱性も少ない。<br />
<br />
この面では、Googleが上!<br />
Googleは「安心」を武器に、<br />
どこまでこの「Apple Watch」に近づけられるか…<br />
<br />
Google Watch OS を搭載した、<br />
Googleに近いところから出るその時計では、<br />
アプリが簡単に搭載できることが売りになりそうですね。<br />
<br />
Appleが、唯一しないこと、<br />
法律のギリギリなアプリを出さない。<br />
Google Watch OS陣営からは、<br />
そんなアプリが審査にかかることなく出てくるかも?しれませんね。<br />
<br />
世の中、1社独占では、これほどの商品は出てこないので、GoogleにはAppleの良きライバルであり続けてもらいたいですね。さらに、すばらしい、Watch Maps なんて期待してます。<br />
<br />
最後に。<br />
Appleから、<a href="http://blog.m-y-p.com/2011/10/steve-jobs.html" target="_blank">スティーブジョブスの想いを引き継いだ One more thing</a>での「Apple Watch」登場。時間はかかりましたが、想いは守られてることが嬉しかったです。<br />
<br />
iPhone6 > <a href="http://www.apple.com/jp/iphone-6/" target="_blank">http://www.apple.com/jp/iphone-6/</a><br />
Apple Watch > <a href="http://www.apple.com/jp/watch/" target="_blank">http://www.apple.com/jp/watch/</a><br />
<br />
【追記】価格発表されました、、、価格高いので購入先延ばしです(汗<br />
<br />
<br /><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-67138409938477088682013-05-09T12:49:00.000+09:002013-05-09T18:39:10.002+09:00Blogger、Google+共有時のスニペット画像を投稿内画像優先に変更♪<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-K8QeX0wNr8g/UYsU-IDBRsI/AAAAAAAAejc/RQpUBdr8hn0/s1600/blogger-snipet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-K8QeX0wNr8g/UYsU-IDBRsI/AAAAAAAAejc/RQpUBdr8hn0/s1600/blogger-snipet.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Google Bloggerは、Google+に共有時の「スニペット画像」を og:imageで指定した画像よりも、投稿内にある画像を優先して表示するように変更したようです♪</div>
<div class="separator" style="clear: both; text-align: left;">
(自分のブログ2件と他3件で確認した情報になります。1件、まだog:imageが優先されてるブログもありますので、このあたり様子を見たいと思います)</div>
<br />
スニペットとは、ユーザーがGoogle+でコンテンツを共有したときに表示される、タイトル・画像・説明のことです。たとえば、このブログ記事の +1 ボタンを使用してそのページを共有すると、+1 スニペットは下記のように表示されます。<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;"><a href="https://plus.google.com/116174129635451094329/posts/hwBVs1bM1By" target="_blank">この記事の+1 ボタンから共有したGoogle+の投稿</a></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://plus.google.com/116174129635451094329/posts/hwBVs1bM1By" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0o7ShegQLVAzA03VcrtUwVSxeJ2I0xyIAjQZg4HLIum4Uq6pI2wkqculBftGMjn9ORPY9-aEg01FeL7C0fUTdf3gru16YAWFls1lwkAj6j6SBUcyAuvHrVITjUkSYoHBVuTssKletyc/s505/snipet-sample.jpg" /></a></div>
</div>
<br />
og:imageの指定がない場合、これまではブログ内に設置したブログ自体のタイトル画像が表示されてしまうので、しかたなくog:imageでロゴなどが選択されるようにしていた方も多いのではないでしょうか。<br />
<br />
私もその1人なのですが、記事内の画像をデフォルトで表示させるためには、タイトル画像を省略するなど、レイアウト自体の変更が必要でしたが、今回の変更で記事内の画像がデフォルトで指定されることにより、より記事をイメージしやすい画像をデフォルトで表示してくれます。schema.orgが優先されるかは今回は検証しておりませんが、私の環境的には記事内の画像が優先される嬉しい状態になりました。<br />
<br />
また、投稿時、BloggerからGoogle+へ共有する設定にされてる方も自動的に記事内の写真などが表示されますので、Google+にただ共有されてる記事の見た目も少しは良くなりますね。<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
<div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-42824528751857922672013-04-19T04:35:00.002+09:002013-04-19T04:35:17.538+09:00テストテスト<div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1092528264041779337.post-26968379884320557822013-02-07T10:27:00.000+09:002013-04-19T04:17:42.911+09:00ChromeブラウザーでAndroidの通知を受け取れます♪<b>ChromeブラウザーでAndroidの通知を受け取る方法について、</b><br />
<b>下記に手順をまとめておきます。</b><br />
<br />
<div style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em;">
1、Chromeに下記拡張「Android Desktop Notifications」をインストール<br />
Android Desktop Notifications > <a class="ot-anchor" data-mce-href="http://goo.gl/WcKiQ" href="http://goo.gl/WcKiQ" rel="nofollow" style="color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none;">http://goo.gl/WcKiQ</a><br />
2、Androidに下記アプリ「Desktop Notifications」をインストール<br />
Desktop Notifications > <a class="ot-anchor" data-mce-href="http://goo.gl/Nalhh" href="http://goo.gl/Nalhh" rel="nofollow" style="color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none;">http://goo.gl/Nalhh</a><br />
3、Androidに入れたDesktop Notificationsを起動させ、<br />
4、Open Accessibility Settingsに進み、<br />
5、Desktop NotificationsをONにする<br />
6、Android側でConnect codeを確認し、<br />
7、PCに戻りChrome拡張ツールバーアイコンをクリックしcode入力<br />
8、Android側で「Create Test Notification」タップして接続確認</div>
<div style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
<a data-mce-href="https://plus.google.com/photos/116174129635451094329/albums/5842015385666588481/5842015385010763698?authkey=CPOL4rnfx9OOFg" href="https://plus.google.com/photos/116174129635451094329/albums/5842015385666588481/5842015385010763698?authkey=CPOL4rnfx9OOFg" style="clear: left; color: #1b8be0; float: left; font-style: inherit; line-height: 1.625; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="" border="0" data-mce-src="https://lh4.googleusercontent.com/-4qsDl4uNZL4/URMCClPu97I/AAAAAAAAXoU/IDPrij2Snn8/chrome-android-Notifications.gif" data-mce-style="max-width: 97.5%; clear: both;" src="https://lh4.googleusercontent.com/-4qsDl4uNZL4/URMCClPu97I/AAAAAAAAXoU/IDPrij2Snn8/chrome-android-Notifications.gif" style="border: 1px solid rgb(221, 221, 221); clear: both; color: inherit; font-style: inherit; line-height: 1.625; max-width: 97.5%; padding: 6px;" /></a></div>
<div data-mce-style="clear: both;" style="clear: both; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em;">
<strong style="color: inherit; font-style: inherit; line-height: 1.625;">Google+:</strong> <a data-mce-href="https://plus.google.com/116174129635451094329/posts/9J3umCBHCur" href="https://plus.google.com/116174129635451094329/posts/9J3umCBHCur" style="color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none;" target="_new">View post on Google+</a></div>
<br />
Desktop NotificationsをONにした時、Android端末に、<br />
<blockquote class="tr_bq">
『Desktop Notificationsを有効にすると、入力したすべてのテキスト(パスワードを除く)が収集される可能性があります。これにはクレジットカード番号などの個人データも含まれます。タブレットの操作に関するデータも収集される可能性があります。』</blockquote>
と出ます。これに関するアプリ側の説明を一部抜粋しますと、<br />
<blockquote class="tr_bq">
『アプリがデータを転送するために安全な通信を使用しています。このアプリで収集されたデータは安全なデータベースに格納されています。データは、プライバシーと匿名性は維持されるような方法で格納されます。<br />
このアプリは、シュトゥットガルト大学(hcilab.org)におけるヒューマンコンピュータインタラクショングループの研究プロジェクトの一環として開発されています。収集されたデータのみであり、単に研究のみを目的として使用。それはデータを誤用または任意のユーザーを識別しようとしないが存在することが保証されます。ダウンロードして、このアプリを使用することで、サポートと私たちの研究に貢献しています。』</blockquote>
ということです。<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
<div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-63678065799065214832013-01-18T13:45:00.000+09:002013-01-18T17:41:44.775+09:00Google+あの人の友だちチェック!ブックマークレットG+友チェキ♪Google+一般公開で、関連度?貢献度?が高いユーザーを表示してくれる、<br />
<b><span style="font-size: large;">「My Google+ Best Friends」</span></b>というWEBサービスがあります。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6huvFVJ3Juw-wAv7HOyaLlSigH1i_35E6GFVZbX4_a7z3nhvNS5b_-znAqI0N2RGUR1xp7Hi3zszk4geAggxw0LmDFlOrjB0ZMzwBEGLN3Q_DcC3QaL9m6jHUfgvdUgTdGSqq6voow4/s1600/gplus-my%E2%88%92friends.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6huvFVJ3Juw-wAv7HOyaLlSigH1i_35E6GFVZbX4_a7z3nhvNS5b_-znAqI0N2RGUR1xp7Hi3zszk4geAggxw0LmDFlOrjB0ZMzwBEGLN3Q_DcC3QaL9m6jHUfgvdUgTdGSqq6voow4/s400/gplus-my%E2%88%92friends.jpg" width="400" /></a></div>
<br />
下記URL内に入力したGoogle+IDユーザーに対して、Google+一般公開において、関連度?貢献度?の高いユーザーを見ることができます。<br />
<b>自分の関連ユーザーを見ることも出来ますし、他のユーザーの方のも見れます。</b><br />
<br />
<span style="font-size: large;"><b><a href="http://www.googleplussuomi.com/mybestfriends/?googleid=110479310742964256734" target="_blank">このサービス制作者のMy Google+ Best Friends</a></b></span><br />
http://www.googleplussuomi.com/mybestfriends/?googleid=110479310742964256734<br />
(上記の21桁のGoogle+IDを見たいユーザーのGoogle+IDに変えるだけです)<br />
<br />
初回アクセス時は、表示までにおよそ1分近くかかります。<br />
空白ページで待たされるので、心づもりしてアクセスが必要です。<br />
<br />
<span style="font-size: large;"><b>これを簡単に見るためのブックマークレットを作成しました。
</b></span><br />
<br />
<div style="text-align: center;">
<a href="javascript:window.open('http://www.googleplussuomi.com/mybestfriends/?googleid='%20+%20encodeURIComponent(location.href.replace('https\:\/\/plus.google.com\/u\/0\/','').replace('https\:\/\/plus.google.com\/','').replace('\/\posts','').replace('\/\about','')));void(0);"><b><span style="font-size: x-large;">G+友チェキ</span></b></a>
</div>
<br />
<span style="font-size: large;"><b>手順</b></span><br />
1、上記の「G+友チェキ」をブラウザのツールバーにドラッグ&ドロップします<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1kE-q7yFKSx-YllpJ0dyV9cYoOW2KrrAqiDi_RRB15_jXn3nQy2vHu1EmBzinfJi4Lnif58ML9vOOyNRy-PeMqyl8GYxmKmb4Dxe4Wy-VXTLaSIia3pmWMKEl_9NJvbI_L5AzYUfD5A/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1kE-q7yFKSx-YllpJ0dyV9cYoOW2KrrAqiDi_RRB15_jXn3nQy2vHu1EmBzinfJi4Lnif58ML9vOOyNRy-PeMqyl8GYxmKmb4Dxe4Wy-VXTLaSIia3pmWMKEl_9NJvbI_L5AzYUfD5A/s1600/05.jpg" /></a></div>
<br />
2、見たいユーザーのGoogle+プロフィールページに移動します<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXA0JybHb7_5AvTDGshnhs3sK5-mJiRffWUDY26q2FW1wOEvsmXDMGAXltQqmHTHUicMNulNWBO3bf8xQLSBm0LbLUdwX9b5nM3KRYgKaCHEmXhA0t6JmQ1X80Nhm9F6c2k8_8a1WAQeU/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXA0JybHb7_5AvTDGshnhs3sK5-mJiRffWUDY26q2FW1wOEvsmXDMGAXltQqmHTHUicMNulNWBO3bf8xQLSBm0LbLUdwX9b5nM3KRYgKaCHEmXhA0t6JmQ1X80Nhm9F6c2k8_8a1WAQeU/s400/02.jpg" width="400" /></a></div>
<br />
3、ツールバーに登録したブックマークレット「G+友チェキ」をクリックします<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.m-y-p.com/img-blog/gplus-tomochechi.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.m-y-p.com/img-blog/gplus-tomochechi.gif" /></a></div>
<br />
以上です。<br />
初回確認ユーザーの場合、表示までに時間がかかります。<br />
別の作業をしながら待てるよう、別ウインドウで開くようにしております♪<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
<div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-1092528264041779337.post-81339878395035082872013-01-16T12:42:00.003+09:002013-01-16T13:34:53.778+09:00HootSuite→Google+ページ自動投稿で画像はどうなるかテスト中<div style="text-align: center;">
HootSuite→Google+ページ自動投稿で画像はどうなるかテスト中</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7OzhUn0Nc29npLhfrSjIdNTOvC4FRT3nWWY9Wln2VYbo7piln_tKWFCZnX9_qQuV1zLsSM-vJqVC6jnruYwfQkN63GKJTDetSln9E2ysNUuuUPLD0l-ZDDFBTSNu2v7VdQq48qVu-tn0/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7OzhUn0Nc29npLhfrSjIdNTOvC4FRT3nWWY9Wln2VYbo7piln_tKWFCZnX9_qQuV1zLsSM-vJqVC6jnruYwfQkN63GKJTDetSln9E2ysNUuuUPLD0l-ZDDFBTSNu2v7VdQq48qVu-tn0/s320/01.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
次は</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.m-y-p.com/img-blog/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://www.m-y-p.com/img-blog/02.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
次は</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-p4NFJcLQScE/UPYhWJKQcpI/AAAAAAAAVn8/e0sb31uv8hU/w497-h373/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://1.bp.blogspot.com/-p4NFJcLQScE/UPYhWJKQcpI/AAAAAAAAVn8/e0sb31uv8hU/w497-h373/03.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
以上</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
【追記】自動投稿された結果は下記でご覧になれます。</div>
<div class="separator" style="clear: both; text-align: center;">
↓</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://plus.google.com/106848461886262847178/posts/hT9pb8ULQqA" target="_blank">https://plus.google.com/106848461886262847178/posts/hT9pb8ULQqA</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-11794131639482072962013-01-16T11:42:00.001+09:002013-01-16T13:34:27.425+09:00HootSuite使用しRSSからGoogle+ページへの自動投稿テスト中<span style="color: #555555; font-family: arial, sans-serif; font-size: x-small;"><span style="line-height: 18px;">HootSuite使用しRSSからGoogle+ページへの自動投稿テスト中です。</span></span><br />
<span style="background-color: #f8f8f8; color: #555555; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<span style="background-color: #f8f8f8; color: #555555; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">HootSuiteは、去年7月時点でRSSからGoogle+ページへの自動投稿が可能でした。</span><br />
<span style="background-color: #f8f8f8; color: #555555; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">その機能は無料の範囲です。</span><br />
<a href="https://plus.google.com/u/0/116174129635451094329/posts/j3pdYJV2H77" target="_blank">https://plus.google.com/u/0/116174129635451094329/posts/j3pdYJV2H77</a><br />
<span style="background-color: #f8f8f8; color: #555555; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<span style="background-color: #f8f8f8; color: #555555; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">今も使えるか、テスト投稿してみましたが、最短でも1時間かかりますので、</span><br />
<span style="background-color: #f8f8f8; color: #555555; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">また何か結果わかりましたら、下記でコメント致します。</span><br />
<span style="color: #3366cc; font-family: arial, sans-serif;"><span style="line-height: 18px;"><a href="https://plus.google.com/106992842191057542394/posts/TYXT2zzyN7y" target="_blank">https://plus.google.com/106992842191057542394/posts/TYXT2zzyN7y</a></span></span><br />
<span style="color: #3366cc; font-family: arial, sans-serif;"><span style="line-height: 18px;"> </span></span><br />
<span style="background-color: #f8f8f8; color: #555555; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">【追記】自動投稿された結果は下記でご覧頂けます。</span><br />
<span style="color: #3366cc; font-family: arial, sans-serif; line-height: 18px;"><a href="https://plus.google.com/106848461886262847178/posts/G6afa3ZU9gW" target="_blank">https://plus.google.com/106848461886262847178/posts/G6afa3ZU9gW</a></span><br />
<span style="color: #3366cc; font-family: arial, sans-serif;"><span style="line-height: 18px;"><br /></span></span><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-10722320071062774032012-12-19T09:13:00.004+09:002013-04-20T10:47:47.201+09:00Google+とBloggerの新しい連動機能を公開されました!<meta content='https://lh4.googleusercontent.com/-utUmP-cwSTs/UNEEhBn-H9I/AAAAAAAATMc/09KRrKxJCMU/w497-h373/blogger-mention.gif' property='og:image'/><br />
<div class="eE Fp" style="background-color: white; font-family: arial, sans-serif; line-height: 18px; padding-bottom: 12px;">
<div class="wm VC Dq2JMd" style="min-height: 0px; overflow: hidden; padding: 0px;">
<b><span style="font-size: large;">Blogger投稿編集画面で、Google+のメンション挿入が可能に!</span></b><br />
<div style="font-size: 13px;">
<br /></div>
投稿後、Google+共有画面にメンションが自動で入ります♪<br />
<div style="font-size: 13px;">
<span style="color: #222222; font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: normal;">(「投稿後に共有のメッセージを表示する 」の設定をしてる場合)</span></div>
<div style="font-size: 13px;">
<br /></div>
</div>
<div class="wm VC Dq2JMd" style="font-size: 13px; min-height: 0px; overflow: hidden; padding: 0px;">
( <a class="g-profile" href="http://plus.google.com/116174129635451094329" target="_blank">+Yasuo Maeda</a> <a class="g-profile" href="http://plus.google.com/102493521432519923540" target="_blank">+京都WEB</a> 更新しました)<br />
<br /></div>
</div>
<div class="Ry" style="background-color: white; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">
<div class="dv Mm Zf" style="clear: both; line-height: 0; margin: 0px -17px; overflow: hidden; position: relative;">
<div class="Yj Fg FB" style="background-color: #f3f3f3; height: 300px; line-height: 0; max-height: 373px; max-width: 497px; min-height: 100px; overflow: hidden; position: relative;">
<img class="ev aG" src="https://lh4.googleusercontent.com/-utUmP-cwSTs/UNEEhBn-H9I/AAAAAAAATMc/09KRrKxJCMU/w497-h373/blogger-mention.gif" /><a class="Mn" href="https://plus.google.com/photos/116174129635451094329/albums/5823440753433283633/5823440758585040850?authkey=CNeb1KLN29fC6AE&sqi=100039948185787273509&sqsi=ae8143de-e842-4581-99e1-7588c0716a41" style="color: #3366cc; cursor: pointer; text-decoration: none;" target="_blank"></a><br />
<br />
<br /></div>
</div>
</div>
<br />
<br />
<br />
<b><span style="font-size: large;">検索から来られた方など、私のGoogle+【<a href="http://m-y-p.com/+" target="_blank">http://m-y-p.com/+</a>】<br />もヨロシクです♪</span></b><br />
<b><span style="font-size: large;">この投稿への「+1」など↓もヨロシクお願いします(^ ^)/</span></b><br />
<div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-69090916834836273262012-11-29T02:19:00.000+09:002012-11-29T02:19:49.934+09:00BloggerのGoogle+新フォロワーガジェットをWEBページに設置する方法♪昨日、BloggerとGoogle+の連携機能として新フォロワーガジェットが公開されました。(下記GIFアニメ参照/このブログの右上にも設置しております)<br />
<br />
<b>このガジェットをWEBページに任意のサイズで設置することに成功しましたので、設置方法をご紹介いたします。</b>
<br />
<br />
<center>
<span style="font-size: large;">
実際にWEBページに設置した<a href="http://gplus-j.com/followers.html" target="_blank">【デモページはコチラ】</a>です。</span><br /><br />
下記は実際に設置して表示させております。<br /><br />
<div class="g-plus" data-action="followers" data-height="180" data-href="https://plus.google.com/116174129635451094329" data-rel="author" data-width="520">
</div>
</center>
<br />
<br />
<b><span style="font-size: large;">【Google+ フォロワー ガジェット</span>(Followers Gadget)<span style="font-size: large;">の設置方法】</span></b><br />
<br />
<b>1、<code><head></code>内に以下のように設置します。</b><br />
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー<br />
<br />
<code>
<script type="text/javascript"><br />
window.___gcfg = {lang: 'ja'};<br />
<br />
(function() {<br />
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;<br />
po.src = 'https://apis.google.com/js/plusone.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);<br />
})();<br />
</script></code>
<br />
<br />
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー<br />
<br />
<br />
<br />
<b>2、表示させたい箇所に以下のように書きます。</b><br />
*21桁のGoogle+IDはあなたのIDに置き換えて設置してください。<br />
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー<br />
<br />
コチラは個人アカウントの場合
<br />
<br />
<code><div class="g-plus" data-action="followers" data-href="https://plus.google.com/116174129635451094329" data-width="520" data-height="360" data-rel="author"></div></code>
<br />
<br />
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー<br />
<br />
コチラはGoogle+ページアカウントの場合
<br />
<br />
<code><div class="g-plus" data-action="followers" data-href="https://plus.google.com/102493521432519923540" data-width="520" data-height="360" data-rel="publisher"></div></code>
<br />
<br />
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー<br />
<br />
以上です。<br />
横幅は「data-width」、縦の高さは「data-height」の数値を変更して調整して下さい。<br />
このサイズに応じて表示するフォロワーの人数が変化します。
<br />
<br />
<b><span style="font-size: large;">検索から来られた方など、私のGoogle+【<a href="http://m-y-p.com/+" target="_blank">http://m-y-p.com/+</a>】もヨロシクです♪</span></b><br />
<b><span style="font-size: large;">この投稿への「+1」など↓もヨロシクお願いします(^ ^)/</span></b><br />
<div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-69777849876614107852012-09-01T02:18:00.003+09:002012-09-01T02:43:34.606+09:00Bloggerの【Navbar】が一新!Google+の共有ボタン設置など♪<span style="background-color: white; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;">「管理画面>レイアウト>navbar編集」で非表示も可能になったりと、</span><br />
<span style="background-color: white; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"> 表示を消す方の多いBlogger Navbarですが、パワーアップしましたよ!</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_DVMvTrE8raAWeOxURg3OfmQot4VVcrcNlBB6b4eKeqzAD6wPX35WObBzbrJnd2HOorzGPg2O-U6_CMb2xN1TrgAYEJfbDTABwHtwd6MvowS-9lV345Xm8ftGMjaKC1WPChjfzOPvH2c/s1600/new-blogger-navbar-201209.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_DVMvTrE8raAWeOxURg3OfmQot4VVcrcNlBB6b4eKeqzAD6wPX35WObBzbrJnd2HOorzGPg2O-U6_CMb2xN1TrgAYEJfbDTABwHtwd6MvowS-9lV345Xm8ftGMjaKC1WPChjfzOPvH2c/s1600/new-blogger-navbar-201209.gif" /></a></div>
<span style="background-color: white; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<span style="font-family: arial, sans-serif;"><span style="line-height: 18px;">・Google+の共有ボタンが設置されました。</span></span><br />
<span style="font-family: arial, sans-serif;"><span style="line-height: 18px;">・その他から、メール・Facebook・Twitterへの共有が可能!</span></span><br />
<span style="font-family: arial, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span>
<span style="font-family: arial, sans-serif;"><span style="line-height: 18px;">表示してもいいかな!という感じになってきてますね。でも、</span></span><span style="font-family: arial, sans-serif; line-height: 18px;">私的には、下記2つの事項が気になるので、まだ非表示のままかな…という感じです(^ ^;</span><br />
<span style="font-family: arial, sans-serif; font-size: x-small; line-height: 18px;"><br /></span>
<span style="font-family: arial, sans-serif; line-height: 18px;">・</span><span style="font-family: arial, sans-serif;"><span style="line-height: 18px;">「次のブログ」の機能をなくしてほしい。</span></span><br />
<span style="font-family: arial, sans-serif;"><span style="line-height: 18px;">・ブロガーのマークを自分のファビコンに変更できるようにしてほしい。</span></span><br />
<span style="font-family: arial, sans-serif; font-size: x-small; line-height: 18px;"><br /></span>
<span style="font-family: arial, sans-serif; line-height: 18px;">特に、</span><span style="font-family: arial, sans-serif;"><span style="line-height: 18px;">今回「次のブログ」機能が残ってるのが残念です。</span></span><br />
<span style="font-family: arial, sans-serif;"><span style="line-height: 18px;">ブログを見て頂いてるBloggerのことを知らない方は、きっと「今見てるブログ投稿者の次の投稿が見れる」と思うのに対して、実際はクリックした時、ランダムに別のまったく関係のないBloggerユーザーのブログが表示される、というのは意味不明な動作のように思います。しかも英語圏の方のブログが表示されることが多いので…。</span></span><br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-47361081026843114022012-06-26T03:33:00.000+09:002012-06-30T11:57:38.800+09:00Google I/O基調講演のライブ中継と自分のGoogle+投稿をホームページやブログに設置できるガジェット登場!<b>Google I/O基調講演のライブ中継と自分のGoogle+投稿をホームページやブログに設置できるガジェット</b>がGoogleから公開されました。<br />
<br />
Google I/Oサイトのガジェット作成ページで簡単に作成できます。<br />
<br />
・基調講演のライブストリームが上部に表示されます。<br />
(2日後には基調講演のライブ映像が流れだす予定です)<br />
<br />
・下部には自分のGoogle+からリアルタイムで投稿を表示できます。<br />
<br />
・I/Oの速報を右半分に表示するかどうかも指定可能です。<br />
<br />
・ガジェットのサイズや色をカスタマイズできます。<br />
<br />
<span style="font-size: large;"><b>Google I/O Live Gadget Configurator</b></span><br />
<a href="https://developers.google.com/events/io/io-live-gadget-configurator" target="_blank">https://developers.google.com/events/io/io-live-gadget-configurator</a><br />
<br />
下記は実際にこのガジェットを使い設置しております。自分のブログなどに設置しておけばいつでも見れるので、少しI/Oイベントに参加した気分を味わえますよ♪<br />
<br />
※下部に表示されるGoogle+投稿内のリンクが、ガジェット内に表示されてしまいます。別ウインドウで表示するようにしてほしいところですね。<br />
<br />
<br />
<iframe src="https://developers.google.com/events/announce/googleio2012/116174129635451094329?title=Google%2B+Yasuo+Maeda+%E3%81%AE%E6%8A%95%E7%A8%BF&feedheight=300&barcolor=%23D4462B&linkcolor=%23205AAF&width=568&height=500" style="-khtml-box-shadow: 0 0px 20px #888; -moz-box-shadow: 0 0px 20px #888; -ms-box-shadow: 0 0px 20px #888; -o-box-shadow: 0 0px 20px #888; -webkit-box-shadow: 0 0px 20px #888; border: 0; box-shadow: 0 0px 20px #888; height: 800px; width: 568px;"></iframe><br />
<br />
<br />
I/Oイベント終了後、下半分だけのバージョンでこのガジェットを残してくれるかは、まだ未定のようですが、そうなれば、また使い道が出て来そうですね♪<br />
<br />
<span style="font-size: large;"><b>この投稿への</b><b>「+1」など<span class="Apple-style-span"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
<br />
<br /><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-31841243303651127502012-06-25T12:59:00.000+09:002013-03-15T01:35:32.209+09:00Google検索結果の著者表示(rel="author")でイラストのプロフィール画像でも表示させる方法!<b><span style="font-size: large;">方法は簡単です!</span>その前に下記を一読して頂ければ嬉しいです。 </b><br />
<br />
2011年11月に米国でスタートした<a href="http://googlewebmastercentral-ja.blogspot.jp/2011/11/blog-post_25.html" target="_blank">「Google検索結果に著者情報を表示する機能」</a>が、2012年6月15日より日本でも開始されましました。<br />
<br />
検索結果に著者情報が表示されるようになりました(Google Japan Blog)<br />
<a href="http://googlejapan.blogspot.jp/2012/06/blog-post_15.html" target="_blank">http://googlejapan.blogspot.jp/2012/06/blog-post_15.html</a><br />
<br />
この著者表示ですが、<b>Google+でプロフィール画像登録時に顔写真が認識されない状態で登録している場合、著者情報も表示されない</b>システムになっているようです。<br />
<br />
<b>ですが、以下の方法を使えば、</b><br />
<div style="text-align: center;">
<b><span style="font-size: large;">「イラストでもキャラクターでも登録が可能」</span>なのです。</b></div>
<br />
<b><span style="color: #0b5394;">【追記 2013年3月15日】</span></b><br />
Googleの変更により、現在この方法を使っても表示できなくなっております。<br />
<b><span style="color: #0b5394;">ーーーーーー 追記ココまで ーーーーー</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQr6zhhQ6Wz8W8tKj5ufVd3i460B_Ma9ahMbgyQfKnjof0U8FnzsqSuWwZP-bFRNRhHDtpsY9QYGG-AgXqv-PFle9NzplR47IStk6l-Pg0rPv2XNM0v-lU0uiOZ-1FeLRao5vqUyQy5PQ/s1600/rel-author01.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQr6zhhQ6Wz8W8tKj5ufVd3i460B_Ma9ahMbgyQfKnjof0U8FnzsqSuWwZP-bFRNRhHDtpsY9QYGG-AgXqv-PFle9NzplR47IStk6l-Pg0rPv2XNM0v-lU0uiOZ-1FeLRao5vqUyQy5PQ/s1600/rel-author01.gif" /></a></div>
<br />
<br />
<b>著者表示につきましては、下記Googleが公開している設定が基本的に必要となります。</b><br />
ウェブマスターツールのヘルプ「検索結果内の著者情報」<br />
<a href="http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986" target="_blank">http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986</a><br />
<br />
<br />
<span style="font-size: large;"><b>【設定される前にお読み頂きたいこと】</b></span><br />
<br />
この方法を使って著者表示に成功しても、Googleから正式な規約が公開され、イラストが禁止された場合など、せっかく覚えてもらったプロフィール画像を利用できなくなることがあるかもしれませんので、堂々と顔写真を使うのが良いのかもしれません。<br />
<br />
私の場合、利用しているキャラクターは自分で制作したキャラクターで、インターネットを始めた当初から私のインターネット上での交流用プロフィール画像として利用しております。Google+でも既に多くの方とこのキャラクターをプロフィール画像として交流させて頂いてますので、このような方法で掲載しております。<br />
<br />
<br />
<span style="font-size: large;"><b>【掲載する画像について】</b></span><br />
<br />
この方法を使っても使わなくても、実際に表示される掲載画像が以下のようなものは避けた方がいいですね。<br />
<br />
・他人の写真、芸能人、著名人の写真を使わない(例:AKBなど)<br />
・著作権のあるキャラクターやロゴを無断利用しない(例:ミッキーやGoogleロゴなど)<br />
・使って良い画像でも自分と認定しにくいものは使わない(例:初音ミクなど)<br />
・複数の方同士で同じ画像を登録しない(例:チームロゴ・会社ロゴなど)<br />
<br />
<br />
<span style="font-size: large;"><b>【Google検索の著者表示でイラスト画像表示に成功した時の手順】</b></span><br />
<br />
それでは、前置きが長くなりましたが、表示された時の状況をご説明します。<br />
<br />
2012年06月20日
「Yauso Maeda」で検索した時は、まだ表示されていませんでした。 <br />
この日に、あとでご紹介する方法を試してみました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-3DJdjcqkeqvp7Sfqw8C7EpOIfbcHphSZnwoU-CH83wSA5_MJJx0flnuEM_ypX92v2nenUBHXXRSQ3f6Gwf79oCLiy0S-WH4R6GpU2gBcCV1KIWtUvufKaSggXQhCLjx8WcwYyBlTEtY/s1600/rel-author02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-3DJdjcqkeqvp7Sfqw8C7EpOIfbcHphSZnwoU-CH83wSA5_MJJx0flnuEM_ypX92v2nenUBHXXRSQ3f6Gwf79oCLiy0S-WH4R6GpU2gBcCV1KIWtUvufKaSggXQhCLjx8WcwYyBlTEtY/s400/rel-author02.jpg" width="400" /></a></div>
<br />
<br />
2012年06月23日
同じく「blog.m-yp.com」や「Yauso Maeda」で検索したところ、下記の用に表示に成功してます。およそ3日で表示されました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI0igNAGbLs2b_U8RGWNINdBVaAXD8NMCUX395zGDnSNjSYz7ORQtqAbogHF37qTQ_emiOpZENAC_HBMWlAZeCTOTm3kvYAGysieff7e1J6dNAxmcnWuwtBUeRfB454Bm-FLu_MN_EoqQ/s1600/rel-author03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI0igNAGbLs2b_U8RGWNINdBVaAXD8NMCUX395zGDnSNjSYz7ORQtqAbogHF37qTQ_emiOpZENAC_HBMWlAZeCTOTm3kvYAGysieff7e1J6dNAxmcnWuwtBUeRfB454Bm-FLu_MN_EoqQ/s320/rel-author03.jpg" width="320" /></a></div>
<br />
<br />
友人に頼んで試してもらったところ違う環境でも表示されてることを確認できました。(別の知人はまだ反映されていませんでした)<br />
<br />
<br />
<b><span style="font-size: x-large;">変更したことは1点だけです。</span></b><br />
<br />
左が掲載される前のプロフィール画像で、右が掲載に成功したプロフィール画像です。見たところ、<b>そのままの画像を使って掲載できたように見えるでしょ?</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJSOkke-2zdPoOEWbyZ0g1lyZvC73yVklGCMKDrOfXVCzO6_XkQV-e3VtOutrfg2B9DjVAKduLfftqZ3gOmkp2pS9LGFwfi45GA6nLe49JlEIu_JCg70KbZLz3uArRVJDN24A8XDTlOA/s1600/rel-author05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJSOkke-2zdPoOEWbyZ0g1lyZvC73yVklGCMKDrOfXVCzO6_XkQV-e3VtOutrfg2B9DjVAKduLfftqZ3gOmkp2pS9LGFwfi45GA6nLe49JlEIu_JCg70KbZLz3uArRVJDN24A8XDTlOA/s1600/rel-author05.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzGSAj8EYo7PRiOl_zYnG5y8TRWQeuDnqnH9SedGexL53TbbFMlkhM9oKv0AVimlMXTafFtAnkQdS3YVTUBpVoespVyDUobN_tFq0x5o5PuSza7KDpbnTMTKwM-pktF9sOm-JPj45DB64/s1600/profile-20120625-1500a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzGSAj8EYo7PRiOl_zYnG5y8TRWQeuDnqnH9SedGexL53TbbFMlkhM9oKv0AVimlMXTafFtAnkQdS3YVTUBpVoespVyDUobN_tFq0x5o5PuSza7KDpbnTMTKwM-pktF9sOm-JPj45DB64/s320/profile-20120625-1500a.jpg" width="250" /></a></div>
<br />
<b>掲載に成功した右の画像をクリックして拡大してみて下さい。</b><br />
もうおわかり頂けたと思います♪ 要するにキャラクターは背景であり、プロフィール画像が小さい方ということです。(私は以下のタグ付けはしていません)<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Z0p88qzQFUGp2QztW4_mcIIRVXbF6uEs29KJIxLCra0zIQTr-QMUtgcILmd6RQQT9TwVNZ6w5TOVUA4MR0MAE-PvRhgQcu7fAdujlEGqFKWc7WifB7f7ln905iUF6bUIFr0kioWrti8/s1600/rel-author07-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Z0p88qzQFUGp2QztW4_mcIIRVXbF6uEs29KJIxLCra0zIQTr-QMUtgcILmd6RQQT9TwVNZ6w5TOVUA4MR0MAE-PvRhgQcu7fAdujlEGqFKWc7WifB7f7ln905iUF6bUIFr0kioWrti8/s1600/rel-author07-2.jpg" /></a></div>
<br />
<br />
<b><span style="font-size: large;">認識されたプロフィール画像について</span></b><br />
登録するプロフィール画像サイズは、本来ですと250×250ピクセルで登録できますが、私の場合、このプロフィール画像サイズ(ここではキャラクター… 背景ですね)を1500×1500ピクセルくらいに拡大し、そして46×68ピクセル位のプロフィール画像を邪魔にならないところに、色目や彩度を調整した上で設置しました。<br />
<br />
<br />
<b><span style="font-size: large;">認識される画像かどうかを確認する方法</span></b><br />
Google+の「プロフィールの写真変更」の操作で確認できます。下記、左が認識できなかった時、右が認識できた時の画面です。(クリックで拡大できます)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDFA-Mu30uDQWrZ5vcanMzHPD5X83PLZbERtZus736S5399HvBZlBpzUlF7qtI_7g_uIoOwHD_Uy7FegA3kMsfAsYxwbpJnzsa0T0sH9Qa2SiL48AzFWU9pdOjsUsyy1JnwWoikB6Vlk/s1600/rel-author10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDFA-Mu30uDQWrZ5vcanMzHPD5X83PLZbERtZus736S5399HvBZlBpzUlF7qtI_7g_uIoOwHD_Uy7FegA3kMsfAsYxwbpJnzsa0T0sH9Qa2SiL48AzFWU9pdOjsUsyy1JnwWoikB6Vlk/s200/rel-author10.jpg" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUSQ6CkgGLEU6AtvsFABHqT3ssv9H79SWrOptqLqh-wyHJVv-df6TNLIXul1B39NyJObqVN594l29c5sJzZx1l0Vacbq67F7ZQsFfSCUOckVEGByQHj7k0_3BRicPHwnbMf86A3gC3KM0/s1600/rel-author11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUSQ6CkgGLEU6AtvsFABHqT3ssv9H79SWrOptqLqh-wyHJVv-df6TNLIXul1B39NyJObqVN594l29c5sJzZx1l0Vacbq67F7ZQsFfSCUOckVEGByQHj7k0_3BRicPHwnbMf86A3gC3KM0/s200/rel-author11.jpg" width="200" /></a></div>
<br />
<br />
現在、Google+で非常に良い記事を書かれていたり、おもしろいネタや為になることなどを投稿され、たくさんのフォロワーがおられる方のプロフィール画像の多くがイラストなど、実写真でないものを利用されておられます。現に、<a href="https://plus.google.com/u/0/getstarted/follow" target="_blank">Googleのおすすめユーザー</a>にも実写真でない方も多いです。<br />
<br />
<b>Googleのおすすめユーザー</b><br />
<a href="https://plus.google.com/u/0/getstarted/follow" target="_blank">https://plus.google.com/u/0/getstarted/follow</a><br />
<br />
<br />
いくらプロフィール登録時に認識されるプロフィール画像であっても、掲載されてるものが芸能人など他人の写真では意味がありません。<br />
<br />
このようなことから、ぜひとも、<br />
<b><span style="font-size: large;">写真かイラストという区別ではなく、</span></b><br />
上記【掲載する画像について】で取り上げたような、<br />
<b><span style="font-size: large;">ルールを守っているか、いないか、</span></b><br />
を基準にしてプロフィール画像が掲載されるようにしてもらいたい、と思っております。<br />
<br />
賛否両論あるかと思いますが、問題提議にもなるので投稿しました。<br />
Googleさん、この方法に問題があれば元に戻しますのでご連絡下さい(^ ^;<br />
<br />
<span class="Apple-style-span" style="font-size: medium;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: medium;"><b>「+1」など<span class="Apple-style-span" style="font-size: medium;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
<br />
<br /><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-1092528264041779337.post-90456283627630194882012-06-20T12:25:00.001+09:002012-06-25T14:05:16.585+09:00テスト中。著者情報を表示「?rel=author」はGoogleプロフィール画像が重要Googleプロフィール画像が写真でない場合、表示しない。<br />
いろいろテスト。著者情報を表示テスト「?rel=author」<br />
<br />
以下にブログを書きました。<br />
<br />
<h3 class="post-title entry-title" style="color: #686666; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 18px; margin: 0px; position: relative;">
Google検索結果の著者表示(rel="author")で、</h3>
<h3 class="post-title entry-title" style="color: #686666; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 18px; margin: 0px; position: relative;">
イラストのプロフィール画像でも表示させる方法!</h3>
<a href="http://blog.m-y-p.com/2012/06/googlerelauthor.html" target="_blank">http://blog.m-y-p.com/2012/06/googlerelauthor.html</a><br /><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-18723586279997849332012-05-11T10:18:00.001+09:002012-06-25T10:00:13.482+09:00Google+ハングアウト オンエアのブログ埋込み中継テストGoogle+ハングアウト オンエアのブログ埋込み中継テストしています。<br />
<br />
<b>【追記】ライブ放送は終了いたしました。</b><br />
<br />
<iframe width="420" height="315" src="http://www.youtube.com/embed/dp_Mitecb2M" frameborder="0" allowfullscreen></iframe><br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-1062770253125809032012-04-18T01:10:00.000+09:002012-06-25T10:00:13.426+09:00Googleサーバーに置かれたアイコン直リンク142ケ♪ abc順<span style="background-color: white; font-family: Arial, sans-serif; line-height: 18px;">SNSやブログでGoogle関連の投稿をする時に役立つアイコンリンクです。</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-AIoGkYMEefs/T42MZTG3YJI/AAAAAAAAJ1o/W_k6KkYklEw/w497-h373/google-icon-link.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-AIoGkYMEefs/T42MZTG3YJI/AAAAAAAAJ1o/W_k6KkYklEw/w497-h373/google-icon-link.gif" /></a></div>
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">adsense <a href="http://www.google.com/images/icons/product/adsense-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/adsense-128.png" /> adsense http://www.google.com/images/icons/product/adsense-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">adwords <a href="http://www.google.com/images/icons/product/adwords-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/adwords-128.png" /> adwords http://www.google.com/images/icons/product/adwords-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">adwords_editor <a href="http://www.google.com/images/icons/product/adwords_editor-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/adwords_editor-128.png" /> adwords_editor http://www.google.com/images/icons/product/adwords_editor-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">adwords_express <a href="http://www.google.com/images/icons/product/adwords_express-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/adwords_express-128.png" /> adwords_express http://www.google.com/images/icons/product/adwords_express-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">affiliatenetwork <a href="http://www.google.com/images/icons/product/affiliatenetwork-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/affiliatenetwork-128.png" /> affiliatenetwork http://www.google.com/images/icons/product/affiliatenetwork-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">alerts <a href="http://www.google.com/images/icons/product/alerts-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/alerts-128.png" /> alerts http://www.google.com/images/icons/product/alerts-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">analytics <a href="http://www.google.com/images/icons/product/analytics-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/analytics-128.png" /> analytics http://www.google.com/images/icons/product/analytics-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">android <a href="http://www.google.com/images/icons/product/android-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/android-128.png" /> android http://www.google.com/images/icons/product/android-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">android_market <a href="http://www.google.com/images/icons/product/android_market-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/android_market-128.png" /> android_market http://www.google.com/images/icons/product/android_market-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">app_engine <a href="http://www.google.com/images/icons/product/app_engine-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/app_engine-128.png" /> app_engine http://www.google.com/images/icons/product/app_engine-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">apps <a href="http://www.google.com/images/icons/product/apps-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/apps-128.png" /> apps http://www.google.com/images/icons/product/apps-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">apps_marketplace <a href="http://www.google.com/images/icons/product/apps_marketplace-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/apps_marketplace-128.png" /> apps_marketplace http://www.google.com/images/icons/product/apps_marketplace-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">authenticator <a href="http://www.google.com/images/icons/product/authenticator-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/authenticator-128.png" /> authenticator http://www.google.com/images/icons/product/authenticator-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">blogger <a href="http://www.google.com/images/icons/product/blogger-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/blogger-128.png" /> blogger http://www.google.com/images/icons/product/blogger-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">blogs <a href="http://www.google.com/images/icons/product/blogs-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/blogs-128.png" /> blogs http://www.google.com/images/icons/product/blogs-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">bookmarks <a href="http://www.google.com/images/icons/product/bookmarks-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/bookmarks-128.png" /> bookmarks http://www.google.com/images/icons/product/bookmarks-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">books <a href="http://www.google.com/images/icons/product/books-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/books-128.png" /> books http://www.google.com/images/icons/product/books-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">boost <a href="http://www.google.com/images/icons/product/boost-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/boost-128.png" /> boost http://www.google.com/images/icons/product/boost-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">buzz <a href="http://www.google.com/images/icons/product/buzz-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/buzz-128.png" /> buzz http://www.google.com/images/icons/product/buzz-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">calendar <a href="http://www.google.com/images/icons/product/calendar-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/calendar-128.png" /> calendar http://www.google.com/images/icons/product/calendar-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">checkout <a href="http://www.google.com/images/icons/product/checkout-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/checkout-128.png" /> checkout http://www.google.com/images/icons/product/checkout-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">chinese_ime <a href="http://www.google.com/images/icons/product/chinese_ime-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/chinese_ime-128.png" /> chinese_ime http://www.google.com/images/icons/product/chinese_ime-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">chrome <a href="http://www.google.com/images/icons/product/chrome-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/chrome-128.png" /> chrome http://www.google.com/images/icons/product/chrome-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">chrome_web_store <a href="http://www.google.com/images/icons/product/chrome_web_store-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/chrome_web_store-128.png" /> chrome_web_store http://www.google.com/images/icons/product/chrome_web_store-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">chromium <a href="http://www.google.com/images/icons/product/chromium-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/chromium-128.png" /> chromium http://www.google.com/images/icons/product/chromium-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">chromium_web_store <a href="http://www.google.com/images/icons/product/chromium_web_store-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/chromium_web_store-128.png" /> chromium_web_store http://www.google.com/images/icons/product/chromium_web_store-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">classifieds <a href="http://www.google.com/images/icons/product/classifieds-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/classifieds-128.png" /> classifieds http://www.google.com/images/icons/product/classifieds-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">cloud_storage <a href="http://www.google.com/images/icons/product/cloud_storage-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/cloud_storage-128.png" /> cloud_storage http://www.google.com/images/icons/product/cloud_storage-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">cloudprint <a href="http://www.google.com/images/icons/product/cloudprint-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/cloudprint-128.png" /> cloudprint http://www.google.com/images/icons/product/cloudprint-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">code <a href="http://www.google.com/images/icons/product/code-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/code-128.png" /> code http://www.google.com/images/icons/product/code-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">consumer_surveys <a href="http://www.google.com/images/icons/product/consumer_surveys-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/consumer_surveys-128.png" /> consumer_surveys http://www.google.com/images/icons/product/consumer_surveys-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">contacts <a href="http://www.google.com/images/icons/product/contacts-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/contacts-128.png" /> contacts http://www.google.com/images/icons/product/contacts-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">customsearch <a href="http://www.google.com/images/icons/product/customsearch-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/customsearch-128.png" /> customsearch http://www.google.com/images/icons/product/customsearch-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">desktop <a href="http://www.google.com/images/icons/product/desktop-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/desktop-128.png" /> desktop http://www.google.com/images/icons/product/desktop-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">dictionary <a href="http://www.google.com/images/icons/product/dictionary-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/dictionary-128.png" /> dictionary http://www.google.com/images/icons/product/dictionary-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">directionsearch <a href="http://www.google.com/images/icons/product/directionsearch-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/directionsearch-128.png" /> directionsearch http://www.google.com/images/icons/product/directionsearch-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">directory <a href="http://www.google.com/images/icons/product/directory-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/directory-128.png" /> directory http://www.google.com/images/icons/product/directory-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">docs <a href="http://www.google.com/images/icons/product/docs-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/docs-128.png" /> docs http://www.google.com/images/icons/product/docs-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">docs_cloud_connect <a href="http://www.google.com/images/icons/product/docs_cloud_connect-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/docs_cloud_connect-128.png" /> docs_cloud_connect http://www.google.com/images/icons/product/docs_cloud_connect-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">drawings <a href="http://www.google.com/images/icons/product/drawings-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/drawings-128.png" /> drawings http://www.google.com/images/icons/product/drawings-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">earth <a href="http://www.google.com/images/icons/product/earth-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/earth-128.png" /> earth http://www.google.com/images/icons/product/earth-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">earth_client <a href="http://www.google.com/images/icons/product/earth_client-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/earth_client-128.png" /> earth_client http://www.google.com/images/icons/product/earth_client-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">earth_enterprise <a href="http://www.google.com/images/icons/product/earth_enterprise-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/earth_enterprise-128.png" /> earth_enterprise http://www.google.com/images/icons/product/earth_enterprise-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">earth_pro <a href="http://www.google.com/images/icons/product/earth_pro-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/earth_pro-128.png" /> earth_pro http://www.google.com/images/icons/product/earth_pro-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">earthbuilder <a href="http://www.google.com/images/icons/product/earthbuilder-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/earthbuilder-128.png" /> earthbuilder http://www.google.com/images/icons/product/earthbuilder-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">ebooks <a href="http://www.google.com/images/icons/product/ebooks-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/ebooks-128.png" /> ebooks http://www.google.com/images/icons/product/ebooks-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">emaily <a href="http://www.google.com/images/icons/product/emaily-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/emaily-128.png" /> emaily http://www.google.com/images/icons/product/emaily-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">engage <a href="http://www.google.com/images/icons/product/engage-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/engage-128.png" /> engage http://www.google.com/images/icons/product/engage-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">english_ime <a href="http://www.google.com/images/icons/product/english_ime-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/english_ime-128.png" /> english_ime http://www.google.com/images/icons/product/english_ime-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">enterprise_earth_maps <a href="http://www.google.com/images/icons/product/enterprise_earth_maps-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/enterprise_earth_maps-128.png" /> enterprise_earth_maps http://www.google.com/images/icons/product/enterprise_earth_maps-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">fastflip <a href="http://www.google.com/images/icons/product/fastflip-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/fastflip-128.png" /> fastflip http://www.google.com/images/icons/product/fastflip-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">finance <a href="http://www.google.com/images/icons/product/finance-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/finance-128.png" /> finance http://www.google.com/images/icons/product/finance-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">forms <a href="http://www.google.com/images/icons/product/forms-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/forms-128.png" /> forms http://www.google.com/images/icons/product/forms-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">freebase <a href="http://www.google.com/images/icons/product/freebase-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/freebase-128.png" /> freebase http://www.google.com/images/icons/product/freebase-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">fusion_tables <a href="http://www.google.com/images/icons/product/fusion_tables-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/fusion_tables-128.png" /> fusion_tables http://www.google.com/images/icons/product/fusion_tables-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">gdn <a href="http://www.google.com/images/icons/product/gdn-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/gdn-128.png" /> gdn http://www.google.com/images/icons/product/gdn-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">goo_gl <a href="http://www.google.com/images/icons/product/goo_gl-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/goo_gl-128.png" /> goo_gl http://www.google.com/images/icons/product/goo_gl-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">goog411 <a href="http://www.google.com/images/icons/product/goog411-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/goog411-128.png" /> goog411 http://www.google.com/images/icons/product/goog411-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">google_favicon <a href="http://www.google.com/images/icons/product/google_favicon-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/google_favicon-128.png" /> google_favicon http://www.google.com/images/icons/product/google_favicon-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">google_generic <a href="http://www.google.com/images/icons/product/google_generic-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/google_generic-128.png" /> google_generic http://www.google.com/images/icons/product/google_generic-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">googlemail <a href="http://www.google.com/images/icons/product/googlemail-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/googlemail-128.png" /> googlemail http://www.google.com/images/icons/product/googlemail-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">googlemail_offline <a href="http://www.google.com/images/icons/product/googlemail_offline-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/googlemail_offline-128.png" /> googlemail_offline http://www.google.com/images/icons/product/googlemail_offline-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">gplus <a href="http://www.google.com/images/icons/product/gplus-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/gplus-128.png" /> gplus http://www.google.com/images/icons/product/gplus-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">groups <a href="http://www.google.com/images/icons/product/groups-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/groups-128.png" /> groups http://www.google.com/images/icons/product/groups-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">guru <a href="http://www.google.com/images/icons/product/guru-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/guru-128.png" /> guru http://www.google.com/images/icons/product/guru-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">gwt <a href="http://www.google.com/images/icons/product/gwt-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/gwt-128.png" /> gwt http://www.google.com/images/icons/product/gwt-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">gwt_designer <a href="http://www.google.com/images/icons/product/gwt_designer-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/gwt_designer-128.png" /> gwt_designer http://www.google.com/images/icons/product/gwt_designer-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">health <a href="http://www.google.com/images/icons/product/health-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/health-128.png" /> health http://www.google.com/images/icons/product/health-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">help <a href="http://www.google.com/images/icons/product/help-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/help-128.png" /> help http://www.google.com/images/icons/product/help-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">ideas <a href="http://www.google.com/images/icons/product/ideas-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/ideas-128.png" /> ideas http://www.google.com/images/icons/product/ideas-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">igoogle <a href="http://www.google.com/images/icons/product/igoogle-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/igoogle-128.png" /> igoogle http://www.google.com/images/icons/product/igoogle-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">images <a href="http://www.google.com/images/icons/product/images-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/images-128.png" /> images http://www.google.com/images/icons/product/images-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">ime_base <a href="http://www.google.com/images/icons/product/ime_base-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/ime_base-128.png" /> ime_base http://www.google.com/images/icons/product/ime_base-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">ime_jp <a href="http://www.google.com/images/icons/product/ime_jp-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/ime_jp-128.png" /> ime_jp http://www.google.com/images/icons/product/ime_jp-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">ime_open_source <a href="http://www.google.com/images/icons/product/ime_open_source-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/ime_open_source-128.png" /> ime_open_source http://www.google.com/images/icons/product/ime_open_source-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">interactive_media_ads <a href="http://www.google.com/images/icons/product/interactive_media_ads-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/interactive_media_ads-128.png" /> interactive_media_ads http://www.google.com/images/icons/product/interactive_media_ads-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">knol <a href="http://www.google.com/images/icons/product/knol-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/knol-128.png" /> knol http://www.google.com/images/icons/product/knol-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">labs <a href="http://www.google.com/images/icons/product/labs-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/labs-128.png" /> labs http://www.google.com/images/icons/product/labs-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">latitude <a href="http://www.google.com/images/icons/product/latitude-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/latitude-128.png" /> latitude http://www.google.com/images/icons/product/latitude-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">mapmaker <a href="http://www.google.com/images/icons/product/mapmaker-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/mapmaker-128.png" /> mapmaker http://www.google.com/images/icons/product/mapmaker-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">maps <a href="http://www.google.com/images/icons/product/maps-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/maps-128.png" /> maps http://www.google.com/images/icons/product/maps-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">maps_for_mobile <a href="http://www.google.com/images/icons/product/maps_for_mobile-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/maps_for_mobile-128.png" /> maps_for_mobile http://www.google.com/images/icons/product/maps_for_mobile-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">mobile <a href="http://www.google.com/images/icons/product/mobile-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/mobile-128.png" /> mobile http://www.google.com/images/icons/product/mobile-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">mobile_app <a href="http://www.google.com/images/icons/product/mobile_app-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/mobile_app-128.png" /> mobile_app http://www.google.com/images/icons/product/mobile_app-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">moderator <a href="http://www.google.com/images/icons/product/moderator-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/moderator-128.png" /> moderator http://www.google.com/images/icons/product/moderator-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">music <a href="http://www.google.com/images/icons/product/music-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/music-128.png" /> music http://www.google.com/images/icons/product/music-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">mydevices <a href="http://www.google.com/images/icons/product/mydevices-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/mydevices-128.png" /> mydevices http://www.google.com/images/icons/product/mydevices-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">news <a href="http://www.google.com/images/icons/product/news-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/news-128.png" /> news http://www.google.com/images/icons/product/news-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">notebook <a href="http://www.google.com/images/icons/product/notebook-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/notebook-128.png" /> notebook http://www.google.com/images/icons/product/notebook-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">offers <a href="http://www.google.com/images/icons/product/offers-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/offers-128.png" /> offers http://www.google.com/images/icons/product/offers-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">open_source_programs <a href="http://www.google.com/images/icons/product/open_source_programs-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/open_source_programs-128.png" /> open_source_programs http://www.google.com/images/icons/product/open_source_programs-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">orkut <a href="http://www.google.com/images/icons/product/orkut-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/orkut-128.png" /> orkut http://www.google.com/images/icons/product/orkut-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">pack <a href="http://www.google.com/images/icons/product/pack-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/pack-128.png" /> pack http://www.google.com/images/icons/product/pack-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">pagespeed <a href="http://www.google.com/images/icons/product/pagespeed-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/pagespeed-128.png" /> pagespeed http://www.google.com/images/icons/product/pagespeed-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">panoramio <a href="http://www.google.com/images/icons/product/panoramio-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/panoramio-128.png" /> panoramio http://www.google.com/images/icons/product/panoramio-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">partner_programs <a href="http://www.google.com/images/icons/product/partner_programs-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/partner_programs-128.png" /> partner_programs http://www.google.com/images/icons/product/partner_programs-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">partner_search <a href="http://www.google.com/images/icons/product/partner_search-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/partner_search-128.png" /> partner_search http://www.google.com/images/icons/product/partner_search-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">patents <a href="http://www.google.com/images/icons/product/patents-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/patents-128.png" /> patents http://www.google.com/images/icons/product/patents-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">peoplemode <a href="http://www.google.com/images/icons/product/peoplemode-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/peoplemode-128.png" /> peoplemode http://www.google.com/images/icons/product/peoplemode-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">photos <a href="http://www.google.com/images/icons/product/photos-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/photos-128.png" /> photos http://www.google.com/images/icons/product/photos-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">picasa <a href="http://www.google.com/images/icons/product/picasa-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/picasa-128.png" /> picasa http://www.google.com/images/icons/product/picasa-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">picnik <a href="http://www.google.com/images/icons/product/picnik-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/picnik-128.png" /> picnik http://www.google.com/images/icons/product/picnik-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">places <a href="http://www.google.com/images/icons/product/places-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/places-128.png" /> places http://www.google.com/images/icons/product/places-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">playn <a href="http://www.google.com/images/icons/product/playn-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/playn-128.png" /> playn http://www.google.com/images/icons/product/playn-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">plusone <a href="http://www.google.com/images/icons/product/plusone-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/plusone-128.png" /> plusone http://www.google.com/images/icons/product/plusone-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">plusone_resting <a href="http://www.google.com/images/icons/product/plusone_resting-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/plusone_resting-128.png" /> plusone_resting http://www.google.com/images/icons/product/plusone_resting-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">postini <a href="http://www.google.com/images/icons/product/postini-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/postini-128.png" /> postini http://www.google.com/images/icons/product/postini-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">presentations <a href="http://www.google.com/images/icons/product/presentations-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/presentations-128.png" /> presentations http://www.google.com/images/icons/product/presentations-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">projecthosting <a href="http://www.google.com/images/icons/product/projecthosting-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/projecthosting-128.png" /> projecthosting http://www.google.com/images/icons/product/projecthosting-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">qna <a href="http://www.google.com/images/icons/product/qna-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/qna-128.png" /> qna http://www.google.com/images/icons/product/qna-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">reader <a href="http://www.google.com/images/icons/product/reader-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/reader-128.png" /> reader http://www.google.com/images/icons/product/reader-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">recipe_search <a href="http://www.google.com/images/icons/product/recipe_search-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/recipe_search-128.png" /> recipe_search http://www.google.com/images/icons/product/recipe_search-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">research <a href="http://www.google.com/images/icons/product/research-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/research-128.png" /> research http://www.google.com/images/icons/product/research-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">scholar <a href="http://www.google.com/images/icons/product/scholar-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/scholar-128.png" /> scholar http://www.google.com/images/icons/product/scholar-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">search <a href="http://www.google.com/images/icons/product/search-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/search-128.png" /> search http://www.google.com/images/icons/product/search-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">search_for_mobile <a href="http://www.google.com/images/icons/product/search_for_mobile-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/search_for_mobile-128.png" /> search_for_mobile http://www.google.com/images/icons/product/search_for_mobile-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">search_pointer <a href="http://www.google.com/images/icons/product/search_pointer-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/search_pointer-128.png" /> search_pointer http://www.google.com/images/icons/product/search_pointer-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">shopping <a href="http://www.google.com/images/icons/product/shopping-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/shopping-128.png" /> shopping http://www.google.com/images/icons/product/shopping-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">shortlinks <a href="http://www.google.com/images/icons/product/shortlinks-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/shortlinks-128.png" /> shortlinks http://www.google.com/images/icons/product/shortlinks-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">sidewiki <a href="http://www.google.com/images/icons/product/sidewiki-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/sidewiki-128.png" /> sidewiki http://www.google.com/images/icons/product/sidewiki-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">sites <a href="http://www.google.com/images/icons/product/sites-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/sites-128.png" /> sites http://www.google.com/images/icons/product/sites-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">sitesearch <a href="http://www.google.com/images/icons/product/sitesearch-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/sitesearch-128.png" /> sitesearch http://www.google.com/images/icons/product/sitesearch-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">sms <a href="http://www.google.com/images/icons/product/sms-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/sms-128.png" /> sms http://www.google.com/images/icons/product/sms-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">spreadsheets <a href="http://www.google.com/images/icons/product/spreadsheets-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/spreadsheets-128.png" /> spreadsheets http://www.google.com/images/icons/product/spreadsheets-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">statement <a href="http://www.google.com/images/icons/product/statement-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/statement-128.png" /> statement http://www.google.com/images/icons/product/statement-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">talk <a href="http://www.google.com/images/icons/product/talk-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/talk-128.png" /> talk http://www.google.com/images/icons/product/talk-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">tasks <a href="http://www.google.com/images/icons/product/tasks-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/tasks-128.png" /> tasks http://www.google.com/images/icons/product/tasks-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">toolbar <a href="http://www.google.com/images/icons/product/toolbar-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/toolbar-128.png" /> toolbar http://www.google.com/images/icons/product/toolbar-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">transit <a href="http://www.google.com/images/icons/product/transit-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/transit-128.png" /> transit http://www.google.com/images/icons/product/transit-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">translate <a href="http://www.google.com/images/icons/product/translate-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/translate-128.png" /> translate http://www.google.com/images/icons/product/translate-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">tvads <a href="http://www.google.com/images/icons/product/tvads-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/tvads-128.png" /> tvads http://www.google.com/images/icons/product/tvads-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">v8 <a href="http://www.google.com/images/icons/product/v8-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/v8-128.png" /> v8 http://www.google.com/images/icons/product/v8-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">vault <a href="http://www.google.com/images/icons/product/vault-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/vault-128.png" /> vault http://www.google.com/images/icons/product/vault-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">videos <a href="http://www.google.com/images/icons/product/videos-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/videos-128.png" /> videos http://www.google.com/images/icons/product/videos-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">voice <a href="http://www.google.com/images/icons/product/voice-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/voice-128.png" /> voice http://www.google.com/images/icons/product/voice-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">wallet <a href="http://www.google.com/images/icons/product/wallet-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/wallet-128.png" /> wallet http://www.google.com/images/icons/product/wallet-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">wave <a href="http://www.google.com/images/icons/product/wave-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/wave-128.png" /> wave http://www.google.com/images/icons/product/wave-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">webelements <a href="http://www.google.com/images/icons/product/webelements-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/webelements-128.png" /> webelements http://www.google.com/images/icons/product/webelements-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">webmaster_tools <a href="http://www.google.com/images/icons/product/webmaster_tools-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/webmaster_tools-128.png" /> webmaster_tools http://www.google.com/images/icons/product/webmaster_tools-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">websearchfeatures <a href="http://www.google.com/images/icons/product/websearchfeatures-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/websearchfeatures-128.png" /> websearchfeatures http://www.google.com/images/icons/product/websearchfeatures-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">website_optimizer <a href="http://www.google.com/images/icons/product/website_optimizer-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/website_optimizer-128.png" /> website_optimizer http://www.google.com/images/icons/product/website_optimizer-128.png</a></span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">youtube <a href="http://www.google.com/images/icons/product/youtube-128.png" target="_blank"><img border="0" width="16px" height="16px" src="http://www.google.com/images/icons/product/youtube-128.png" /> youtube http://www.google.com/images/icons/product/youtube-128.png</a></span><br />
<br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">Thanks! via Google Icons</span><br />
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;"><a href="https://plus.google.com/112336388186547313112/posts/8bHvxPUyzhh" target="_blank">https://plus.google.com/112336388186547313112/posts/8bHvxPUyzhh</a></span><br /> <br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br /><br /><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-34146626862932250002012-04-08T01:03:00.000+09:002012-04-08T01:03:41.805+09:00ホームページ製作事例(ネットショップ関連)を追加マイプレス製作の<a href="http://www.kyotoweb.jp/c-example.html">ホームページ製作事例(ネットショップ関連)</a>を追加しました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.kyotoweb.jp/c-example.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img border="0" height="200" src="http://www.kyotoweb.jp/img-c-example/201204.jpg" width="300" /></a></div><a href="http://www.nagomishop.net/" target="_blank">なごみのお店</a> 様<br />
http://www.nagomishop.net/<br />
<br />
【制作のポイント】<br />
実店舗「ナチュラルセラピーサロンなごみ」を運営されておられ、通販サイトとお店の関わりを考えてプランを考えました。制作に携わり、販売されてる商品がただ単に販売するためのものではなく、1つ1つ吟味されたものだと実感しました。ネットショップも「この商品を取り扱ってるこのお店で施術を受けたい…」と思って頂けるようデザインや内容などを考えて構成しております。<br />
<br />
ぜひ、ご覧ください。<div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-11109833700271966542012-04-02T23:55:00.007+09:002012-06-25T10:00:13.435+09:00Google ChromeがG+で公開したWebページ書き換えイタズラの方法♪Google ChromeがGoogle+ページで公開したWebページ書き換えイタズラの方法♪<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.m-y-p.com/img-blog/web-kakikae-itazura.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="http://www.m-y-p.com/img-blog/web-kakikae-itazura.gif" width="400" /></a></div><br />
<div style="text-align: center;"><span style="font-size: large;"><b>下記ブックマークレット(Bookmarklet)を使います。</b></span></div><center><div style="text-align: -webkit-auto;"><br />
</div><span class="Apple-style-span" style="font-size: x-large;"><b> <a href="javascript:document.body.contentEditable='true'; document.designMode='on'; void 0">Edit!</a></b></span></center><br />
<br />
1、上記リンク「Edit!」をツールバーにドラッグするだけです。<br />
<br />
2、Webページを書き換えたいサイトに訪問し、そのブックマークをクリックすれば、<br />
ホームページに文字入力したり画像を挿入したり・移動したりできます。<br />
<br />
3、ただし、もちろん本当にサイトの内容を書き換える訳ではないので、ご安心を(^ ^)/<br />
<br />
ブラウザは、Chrome・Firefox・Safari・Operaで試してみましたが、すべて使えました。<br />
<br />
この方法は、本日(現地時間エイプリルフール)にGoogle ChromeのGoogle+ページで公開されていたものを、簡単に試せるようにブックマークレット化したものです。情報ソースは下記。<br />
<a href="https://plus.google.com/100585555255542998765/posts/9MLLZpAh2mr">https://plus.google.com/100585555255542998765/posts/9MLLZpAh2mr</a><br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>↓</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」もヨロシクお願いします(^ ^)/♪</b></span><br />
 <div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-12028538991545396822012-03-22T08:40:00.001+09:002012-06-25T10:00:13.444+09:00Google+投稿前にURLの鮮度や共有状況チェック!3点セット+1♪Google+での投稿記事内容には「新しいサービスを見つけた時」「新しいツールの紹介」「おもしろいブログ記事を見つけた時」「ニュース記事」「おもしろい画像・かわいい画像を見つけた時」、などなど他にもいろいろあることと思います。<br />
<br />
新しい記事でなくても引用などで共有することは、もちろんあるのですが、<br />
<b>いざGoogle+に投稿する時に</b>「これって新しいサービス?」「新しいツール?」「既出しまくってないかな?」「もしかして古い?」など、考えたことがある方は<b>下記の方法でチェック</b>してみてはいかがでしょうか(^ ^)/<br />
<br />
名付けて<span class="Apple-style-span" style="font-size: large;"><b>「投稿前にURLの鮮度や共有状況チェックする3点セット♪」</b></span><br />
<center>(3つともブックマークレットもございます♪)</center><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.m-y-p.com/img-blog/whats-new-gplus2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="http://www.m-y-p.com/img-blog/whats-new-gplus2.gif" width="320" /></a></div><br />
<hr /><br />
<span class="Apple-style-span" style="font-size: large;"><b>1、Is It Old?</b></span> <a href="http://isitold.com/" target="_blank">http://isitold.com/</a><br />
古いか新しいか、Twitterでいつ頃・何回くらいツブやかれたかなどの指標を表示。<br />
<br />
ブックマークレット→ <a href="javascript:(function(){var%20w=480;var%20h=380;var%20x=Number((window.screen.width-w)/2);var%20y=Number((window.screen.height-h)/2);window.open('http://isitold.com/results?url='+encodeURIComponent(location.href));})();">1=IsItOld?</a><br />
<span class="Apple-style-span" style="font-size: x-small;">(ツールバーにドラッグ&ドロップしてお使い頂けます)</span><br />
<br />
<hr /><br />
<span class="Apple-style-span" style="font-size: large;"><b>2、Google+の検索機能を使ってタイトルで検索</b></span><br />
<br />
ブックマークレット→ <a href="javascript:(function(){var%20w=480;var%20h=380;var%20x=Number((window.screen.width-w)/2);var%20y=Number((window.screen.height-h)/2);window.open('https://plus.google.com/u/0/s/'+document.title);})();">2=G+検索</a><br />
<span class="Apple-style-span" style="font-size: x-small;">(ツールバーにドラッグ&ドロップしてお使い頂けます)</span><br />
<br />
<hr /><br />
<span class="Apple-style-span" style="font-size: large;"><b>3、Google+のRipplesを使ってGoogle+での共有状況を確認</b></span><br />
このブックマークレットは、ブログでもどこでもRipples調査できます♪<br />
<br />
ブックマークレット→ <a href="javascript:(function(){var%20w=480;var%20h=380;var%20x=Number((window.screen.width-w)/2);var%20y=Number((window.screen.height-h)/2);window.open('https://plus.google.com/u/0/ripple/details?url='+encodeURIComponent(location.href));})();">3=Ripples</a><br />
<span class="Apple-style-span" style="font-size: x-small;">(ツールバーにドラッグ&ドロップしてお使い頂けます)</span><br />
<br />
<hr /><br />
<span class="Apple-style-span" style="font-size: large;"><b>画像投稿時に+1…</b></span><br />
<br />
おもしろい画像を発見した時など、自分が見たことない画像もWEB上で去年に話題になっていたり、Google+上でも定期的に何度も投稿されてる画像などがありますので、Googleのイメージ検索で1度検索してチェックします。<br />
<br />
<b>Google画像検索</b> <a href="http://www.google.com/imghp?hl=ja" target="_blank">http://www.google.com/imghp?hl=ja</a><br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
 <div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-64454117888317691932012-02-11T13:51:00.000+09:002012-06-25T10:00:13.665+09:00Google+アンケート結果をリアルタイムでグラフに反映させる方法♪<script src="http://parts.blog.livedoor.jp/js/prettify.js" type="text/javascript">
</script><link href="http://parts.blog.livedoor.jp/css/prettify.css" rel="stylesheet" type="text/css"></link>Googleドキュメントに<a href="https://plus.google.com/116174129635451094329/posts/CijdRHVQ86U" target="_blank">Google+への直接共有ボタンが設置</a>され、1つの利用法としてアンケートとしての使い方が注目されています。Googleドキュメントフォームから共有するとオリジナルのスニペット付きで共有されるため、一見してアンケートだとわかるのがイイですね。<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfiH3XxF_e_zt49fSULLnKeSBdmyIR7pvVZfv1R_jlr6Zje2UynhUHd0GYXYPsmczXflepAwtlkWhw6MZhQ-Jiq_N4vhD30_gxjtuCH2ezaxrKYLjnw1fMZvLsTJuUSiaURP6vUWqfDk/s1600/realtime-reserch-rogo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfiH3XxF_e_zt49fSULLnKeSBdmyIR7pvVZfv1R_jlr6Zje2UynhUHd0GYXYPsmczXflepAwtlkWhw6MZhQ-Jiq_N4vhD30_gxjtuCH2ezaxrKYLjnw1fMZvLsTJuUSiaURP6vUWqfDk/s400/realtime-reserch-rogo.jpg" width="200" /></a></div><br />
集計結果はGoogleのスプレッドシートに反映され結果を共有することもできます。こちらは共有ボタンはありませんが、<b>「Google+」のテキストリンクから共有ボックスを開く</b>ことができます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiED4q8K0WpILn_0JBBLPIol1ZOHj6E3Kej5P5Wcp6KmG40y4Ele5RjJLcBCf6LE8mDLZ1GjrdXsMiRS5RRVaXP38aRjkh56O8fhJ4dgekxIzM_xk9vOjkQGuOsCctlCpWx16XQ_EHdtMQ/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiED4q8K0WpILn_0JBBLPIol1ZOHj6E3Kej5P5Wcp6KmG40y4Ele5RjJLcBCf6LE8mDLZ1GjrdXsMiRS5RRVaXP38aRjkh56O8fhJ4dgekxIzM_xk9vOjkQGuOsCctlCpWx16XQ_EHdtMQ/s400/01.jpg" width="400" /></a></div><br />
この集計結果スプレッドシート内に、グラフを設置する機能はあるのですが、<b>後から投稿されるアンケート内容もリアルタイムに反映させることに成功</b>したので、その方法についてまとめておきます。<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.m-y-p.com/img-blog/realtime-reserch-glaf3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.m-y-p.com/img-blog/realtime-reserch-glaf3.gif" width="360" /></a></div><br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>Googleが無料で用意してくれてる「スプリクトエディタ」を使用</b></span><br />
<br />
以前は有料アカウントでしかGoogle Apps Scriptは使えなかったのですが、現在は無料アカウントでもメニューから気軽に使えるようになっています。「有料が無料に…」こういうの大好きですw<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>今回制作したスプリクトの動作</b></span><br />
<br />
<b>下記アンケートフォームで回答すると…</b><br />
<a href="https://docs.google.com/spreadsheet/viewform?formkey=dGtLcExMS0VDeFAxTG5oZmlndmxMNkE6MQ" target="_blank">https://docs.google.com/spreadsheet/viewform?formkey=dGtLcExMS0VDeFAxTG5oZmlndmxMNkE6MQ</a><br />
↓<br />
<b>下記の集計結果に設置した円グラフに、投票内容がリアルタイムで反映されます♪</b><br />
<a href="https://docs.google.com/spreadsheet/ccc?key=0AtzBCThxsGuhdGtLcExMS0VDeFAxTG5oZmlndmxMNkE" target="_blank">https://docs.google.com/spreadsheet/ccc?key=0AtzBCThxsGuhdGtLcExMS0VDeFAxTG5oZmlndmxMNkE</a><br />
<br />
<br />
<b><span class="Apple-style-span" style="font-size: x-large;">導入手順</span></b><br />
<br />
<b>1、アンケートフォームや集計結果スプレッドシートの編集を行います。</b><br />
(この部分の方法は省略させていただきます)<br />
<br />
<b>2、メニューのツールから「スプリクトエディタ」を選択します。</b><br />
(新しい投稿行に計算式を自動で挿入するためのスプリクトになります)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdl5oyXdk2x7ll8hkCo0a8RmAh2ZAON9J4be1kuznyGUn3eCF850qnYob7gcIwL0pN10JyPuiG2A4vs_5o-CrQ4L8EiXM5s_au_-RRf22zw6wEb0h1w36rf7G0fmOE5KsyzF1H0y9ImZw/s1600/02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdl5oyXdk2x7ll8hkCo0a8RmAh2ZAON9J4be1kuznyGUn3eCF850qnYob7gcIwL0pN10JyPuiG2A4vs_5o-CrQ4L8EiXM5s_au_-RRf22zw6wEb0h1w36rf7G0fmOE5KsyzF1H0y9ImZw/s400/02.jpg" width="400" /></a></div><br />
<br />
<b>3、下記の場所に実行したいスプリクトを書きます。</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBtdoaeq0S1Na_UBiHSzNGVv9fyCGv1yGzf0UVLPu5JJY1-IKlOqavsjL1SrdFoPh-ekebZp3MGYH07oifAOho1DPCWRzpmhU63s3uq-GSTX3WRvb1QHgRIN6HaU3Ij1DuY3ZvRoq-1fk/s1600/03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBtdoaeq0S1Na_UBiHSzNGVv9fyCGv1yGzf0UVLPu5JJY1-IKlOqavsjL1SrdFoPh-ekebZp3MGYH07oifAOho1DPCWRzpmhU63s3uq-GSTX3WRvb1QHgRIN6HaU3Ij1DuY3ZvRoq-1fk/s400/03.jpg" width="400" /></a></div><br />
<b>↓下記が、今回制作したスプリクトのソースになります。</b><br />
<pre class="prettyprint" style="width: 470px;">var sitteita_COL = 6; // 知らなかったの判定式挿入位置
var siranakatta_COL = 7; // 知っていたの判定式挿入位置
var mitakotoaru_COL = 8; // 見たことあったの判定式挿入位置
// 6、7、8、の数字は、列番号F、G、H、の意味になります
function updateCalculation() {
// 左端のシートを集計シートと定義する
// 左端のシートのオブジェクトを取得する
var s_latest = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0];
// 左端のシートでデータが書かれている現在の行数(新投稿行)を取得する
var maxRow = s_latest.getLastRow();
var maxRowB = s_latest.getLastRow();
// 知っていたの判定計算式を埋め込む
s_latest.getRange(maxRow, sitteita_COL).setFormula('=if(B'+maxRowB+'="知らなかった",1,0)');
// 知らなかったの判定計算式を埋め込む
s_latest.getRange(maxRow, siranakatta_COL).setFormula('=if(B'+maxRowB+'="知っていた",1,0)');
// 見たことあるの判定計算式を埋め込む
s_latest.getRange(maxRow, mitakotoaru_COL).setFormula('=if(B'+maxRowB+'="見たことあった",1,0)');
}
</pre><br />
<b>4、メニューにあるトリガーから「現在のスプリクトのトリガー」を選択</b><br />
(このスプリクトが実行されるタイミングを指定するためです)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq57qQKWtMNjEI1AcHQlP1GflzWE1we-5QYqypUVfgvpKu_lj63w6CGDJTIjRs9BabJyfpKAZHei7IC2wOwP1KDTZdXqXNe_21TMtYpV3k98IEI39KRCcENeTC6nwE3S9eGENoV7vMa6A/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq57qQKWtMNjEI1AcHQlP1GflzWE1we-5QYqypUVfgvpKu_lj63w6CGDJTIjRs9BabJyfpKAZHei7IC2wOwP1KDTZdXqXNe_21TMtYpV3k98IEI39KRCcENeTC6nwE3S9eGENoV7vMa6A/s400/04.jpg" width="400" /></a></div><br />
<br />
<b>5、EventsのFrom spreadsheet右のプルダウンを「On from submit」にします。</b><br />
(アンケート投稿された時に、このスプリクトが動作します)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQuVs8PcRMItFesx3Bd0ALzNN8lFg9qQD5P5Ej8bbc9OER5CdwS_CIsYH2hMMizzTqs91t-tIxxggLjWDcEpo28OTXHmgsJVXAYRriiSvTz8AiglKp_HoD0aQXnNErE_ZZKKN9-YnjFU0/s1600/05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQuVs8PcRMItFesx3Bd0ALzNN8lFg9qQD5P5Ej8bbc9OER5CdwS_CIsYH2hMMizzTqs91t-tIxxggLjWDcEpo28OTXHmgsJVXAYRriiSvTz8AiglKp_HoD0aQXnNErE_ZZKKN9-YnjFU0/s400/05.jpg" width="400" /></a></div><br />
<br />
<b>以上で、リアルタイムに反映されるグラフの完成です。</b><br />
<br />
グラフの種類は、デフォルトでいろいろ用意されており、スプリクトとの組み合わせでイロイロなリアルタイムなグラフ制作ができそうですね。<b>いろいろな利用方法が出てくるのが楽しみ</b>ですので、ぜひ制作された際にはご報告頂ければ嬉しいです。<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
 <div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-75428150795272117452012-02-01T14:02:00.001+09:002012-06-25T10:00:13.691+09:00Google+「必死で見つけたGoogle関連情報シリーズ」2012年1月版<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIv2infi1bSwrqySZ_Z4EMVZAesCn0myyl54VgGCX8SmVzvenud21znOJR16yd8FgIO-oPvtmyl4yldyWOMWVJwKpp4bC60m7YEwrk1Kej1IFvQ4ryXiEaFiVl1CqI2gJmSkmhd8XBWY/s1600/hisshi-201201.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="120" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIv2infi1bSwrqySZ_Z4EMVZAesCn0myyl54VgGCX8SmVzvenud21znOJR16yd8FgIO-oPvtmyl4yldyWOMWVJwKpp4bC60m7YEwrk1Kej1IFvQ4ryXiEaFiVl1CqI2gJmSkmhd8XBWY/s400/hisshi-201201.jpg" /></a></div><br />
1月は「Google+ユーザー数が9000万人に到達した」とGoogleのCEOである<a href="https://plus.google.com/106189723444098348646" target="_blank">Larry Page</a>氏が発表されました。加速して一般的になりつつある「<a href="https://plus.google.com/" target="_blank">Google+</a>」。<br />
<br />
私の主観になりますが、デスクトップ機での機能や動作、使用感・楽しさなど、他のSNSとは一線を画していると思っております。もちろん、使用する用途によって他のSNSの方が向いていることも多々あるのですが…。<br />
<br />
ただ、スマートフォンでの操作感は、他のSNSより遥かに劣っていると思っておりました。それが、昨日1月最終日に、Google+の日本ユーザーの方が、「スマートフォン用のGoogle+アプリを作成するための事前アンケート」を公開されました。日本から使いやすいGoogle+スマートフォン用アプリが登場したら嬉しいですよね!<br />
<br />
アンケートフォームは下記よりアクセスできます。<br />
<a href="https://plus.google.com/116174129635451094329/posts/CBb26WJYx3A" target="_blank">https://plus.google.com/116174129635451094329/posts/CBb26WJYx3A</a><br />
<br />
日々進化するGoogle+やGoogle関連情報。<br />
私が1月に必死で見つけたGoogle関連情報のまとめを公開いたします♪<br />
(実際の使い方等をGIFアニメなどを交え、Google+より情報発信しております)<br />
<br />
<hr /><br />
<div style="text-align: center;"><b>Google+「必死で見つけたGoogle関連情報シリーズ」2012年1月版</b></div><br />
<hr /><br />
2012/01/02<br />
<span class="Apple-style-span" style="font-size: large;"><b>YouTubeをウインドウ左下固定で視聴できるChrome拡張♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/AERrQ2wYQnY" target="_blank">https://plus.google.com/116174129635451094329/posts/AERrQ2wYQnY</a><br />
<br />
2012/01/05<br />
<span class="Apple-style-span" style="font-size: large;"><b>YouTubeの公開地域外の見れない動画を見れるChrome拡張♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/DyaPC9A8jTP" target="_blank">https://plus.google.com/116174129635451094329/posts/DyaPC9A8jTP</a><br />
<br />
2012/01/05<br />
<span class="Apple-style-span" style="font-size: large;"><b>Chromeのスタートページを便利にしてくれるChrome拡張♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/Ga7M78wyvs4" target="_blank">https://plus.google.com/116174129635451094329/posts/Ga7M78wyvs4</a><br />
<br />
2012/01/09<br />
<span class="Apple-style-span" style="font-size: large;"><b>AKB以外のGoogle+を楽しむためのツールやサービスのご紹介♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/CuMPGrEDu4V" target="_blank">https://plus.google.com/116174129635451094329/posts/CuMPGrEDu4V</a><br />
<br />
2012/01/09<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+内のYouTube動画を簡単ダウンロードできるChrome拡張♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/8C5Kd3nX3SJ" target="_blank">https://plus.google.com/116174129635451094329/posts/8C5Kd3nX3SJ</a><br />
<br />
2012/01/11<br />
<span class="Apple-style-span" style="font-size: large;"><b>+CircleCount Google Maps上でフォロワーを視覚化する新機能公開♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/b9thpKu5mpv" target="_blank">https://plus.google.com/116174129635451094329/posts/b9thpKu5mpv</a><br />
<br />
2012/01/11<br />
<span class="Apple-style-span" style="font-size: large;"><b>新しくなるGoogle検索「Search, plus Your World」を発表♪</b></span><br />
<a href="https://plus.google.com/u/0/116174129635451094329/posts/QStw3WHGk71" target="_blank">https://plus.google.com/116174129635451094329/posts/QStw3WHGk71</a><br />
<br />
2012/01/13<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+ Sparksの最新記事を共有してきてくれる自動botです♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/NGFyhXzAA8q" target="_blank">https://plus.google.com/116174129635451094329/posts/NGFyhXzAA8q</a><br />
<br />
2012/01/17<br />
<span class="Apple-style-span" style="font-size: large;"><b>CircleCount.comの分析を手軽に見れるChrome拡張でました♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/DMvXbQVnv6r" target="_blank">https://plus.google.com/116174129635451094329/posts/DMvXbQVnv6r</a><br />
<br />
2012/01/18<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+右上の「Google+の設定」にサービス項目追加♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/gFcygKL32Tf" target="_blank">https://plus.google.com/116174129635451094329/posts/gFcygKL32Tf</a><br />
<br />
2012/01/18<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+で投稿写真にテキストを簡単に追加する機能公開♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/ixQvv9N6CLv" target="_blank">https://plus.google.com/116174129635451094329/posts/ixQvv9N6CLv</a><br />
<br />
2012/01/18<br />
<span class="Apple-style-span" style="font-size: large;"><b>ハッシュタグのオートコンプリートきました♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/27u1K4ee16J" target="_blank">https://plus.google.com/116174129635451094329/posts/27u1K4ee16J</a><br />
<br />
2012/01/19<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google「ごちそうフォト」再開しました♪</b></span><br />
<a href="https://plus.google.com/u/0/116174129635451094329/posts/PwJtA9cKn4p" target="_blank">https://plus.google.com/116174129635451094329/posts/PwJtA9cKn4p</a><br />
<br />
2012/01/19<br />
<span class="Apple-style-span" style="font-size: large;"><b>socialstatistics.com 公認のフォロワー数分析Chrome拡張♪</b></span><br />
(2012年バージョンです)<br />
<a href="https://plus.google.com/116174129635451094329/posts/XyogpyBhjmU" target="_blank">https://plus.google.com/116174129635451094329/posts/XyogpyBhjmU</a><br />
<br />
2012/01/19<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+投稿BOXから直接「動画を撮影」して投稿可能に♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/Rhz6HZd9ijW" target="_blank">https://plus.google.com/116174129635451094329/posts/Rhz6HZd9ijW</a><br />
<br />
2012/01/19<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+の新機能「仮名:ディスカッション ストリーム」♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/itnYxazvKvm" target="_blank">https://plus.google.com/116174129635451094329/posts/itnYxazvKvm</a><br />
<br />
2012/01/19<br />
<span class="Apple-style-span" style="font-size: large;"><b>「Google ごちそうフォト」ジャンル別に投票が可能に♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/YN14kLfSysN" target="_blank">https://plus.google.com/116174129635451094329/posts/YN14kLfSysN</a><br />
<br />
2012/01/20<br />
<span class="Apple-style-span" style="font-size: large;"><b>Googleマップで地名検索するとピンクで囲われます♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/deHpUey6E4j" target="_blank">https://plus.google.com/116174129635451094329/posts/deHpUey6E4j</a><br />
<br />
2012/01/20<br />
<span class="Apple-style-span" style="font-size: large;"><b>あなたのサークル</b></span>での共有に関する新機能♪<br />
<span class="Apple-style-span" style="font-size: large;"><b>通常サークルとフォローしてるだけサークルを区別可能に♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/VYGv2XASkLb" target="_blank">https://plus.google.com/116174129635451094329/posts/VYGv2XASkLb</a><br />
<br />
2012/01/21<br />
<span class="Apple-style-span" style="font-size: large;"><b>google.com の検索結果に「Ask on Google+」新機能♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/btdWaf3Y3cz" target="_blank">https://plus.google.com/116174129635451094329/posts/btdWaf3Y3cz</a><br />
<br />
2012/01/24<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+プロフィール名をニックネーム付きに変更できます♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/QNKvewf2kPG" target="_blank">https://plus.google.com/116174129635451094329/posts/QNKvewf2kPG</a><br />
<br />
2012/01/25<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+ページの公式ページを示す確認済バッジ申請可能に♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/6xcSQi3H9m5" target="_blank">https://plus.google.com/116174129635451094329/posts/6xcSQi3H9m5</a><br />
<br />
2012/01/25<br />
<span class="Apple-style-span" style="font-size: large;"><b>新機能!自分のサークルからの上位コンテンツ週間報告♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/eJq3udEHb5b" target="_blank">https://plus.google.com/116174129635451094329/posts/eJq3udEHb5b</a><br />
<br />
2012/01/25<br />
<span class="Apple-style-span" style="font-size: large;"><b>GoogleのBloggerダッシュボードに「+1」カウント表示♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/HpoUqozTgDR" target="_blank">https://plus.google.com/116174129635451094329/posts/HpoUqozTgDR</a><br />
<br />
2012/01/26<br />
<span class="Apple-style-span" style="font-size: large;"><b>スニペット付きプロフィールの検索&コンプリート方法♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/MCV1oD8sFDW" target="_blank">https://plus.google.com/116174129635451094329/posts/MCV1oD8sFDW</a><br />
<br />
2012/01/27<br />
<span class="Apple-style-span" style="font-size: large;"><b>自分の投稿記事関連のGoogle検索ページ公開方法♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/R2JL9c26pNa" target="_blank">https://plus.google.com/116174129635451094329/posts/R2JL9c26pNa</a><br />
<br />
2012/01/27<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+共有用URL発見!共有に関する新機能の前触れかな?</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/De25jrmzLsx" target="_blank">https://plus.google.com/116174129635451094329/posts/De25jrmzLsx</a><br />
<br />
2012/01/27<br />
<span class="Apple-style-span" style="font-size: large;"><b>新Google+共有ボタンSafariとChrome・Firefox対応の設置方法公開♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/fkUE3VtX3hs" target="_blank">https://plus.google.com/116174129635451094329/posts/fkUE3VtX3hs</a><br />
<br />
2012/01/27<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+ページ用の純正Newバッヂ♪</b></span>(プレビュー版)<br />
<a href="https://plus.google.com/116174129635451094329/posts/EiaqSX67A41" target="_blank">https://plus.google.com/116174129635451094329/posts/EiaqSX67A41</a><br />
<br />
2012/01/29<br />
Google Earth v6.2のダウンロード方法♪<br />
<span class="Apple-style-span" style="font-size: large;"><b>v6.2から直接Google+にスクリーンショットを共有できます(^ ^)/</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/fTEj5EausQH" target="_blank">https://plus.google.com/116174129635451094329/posts/fTEj5EausQH</a><br />
<br />
2012/01/29<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+から、各種共有・画像拡大・分析リンク・コメントまで♪</b></span><br />
(これはスゴイ!Google+究極のChrome拡張ボタンにリニューアル)<br />
<a href="https://plus.google.com/116174129635451094329/posts/CkGyZjerbq9" target="_blank">https://plus.google.com/116174129635451094329/posts/CkGyZjerbq9</a><br />
<br />
2012/01/30<br />
<span class="Apple-style-span" style="font-size: large;"><b>YouTubeの動画エディターが新しくなりました♪</b></span><br />
<a href="https://plus.google.com/116174129635451094329/posts/cTWgwksxawW" target="_blank">https://plus.google.com/116174129635451094329/posts/cTWgwksxawW</a><br />
<br />
2012/01/31<br />
<span class="Apple-style-span" style="font-size: large;"><b>Google+ページのみ1クリックで「フォロー中」サークル</b></span><br />
自動で追加されるよう、ボタンの動作が変更されました♪<br />
<a href="https://plus.google.com/116174129635451094329/posts/YMsDy2SELZ6" target="_blank">https://plus.google.com/116174129635451094329/posts/YMsDy2SELZ6</a><br />
<br />
<hr /><br />
以上、2012年1月版でした(^ ^)/<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
 <div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-39748362387621086792012-01-27T04:53:00.113+09:002012-06-25T10:00:13.580+09:00Google+共有ボタンChromeとFirefoxにも最適な設置方法公開♪Google+の共有用URLを発見したので、それを応用して実際にオリジナルのGoogle+共有ボタンを設置しました。その方法を公開します♪<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.m-y-p.com/img-gplus/original-gplus-share2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="http://www.m-y-p.com/img-gplus/original-gplus-share2.gif" width="370" /></a></div><br />
工夫したポイントは、SafariだけはGoogle側で最適なウインドウサイズで別ウインドウとして開くので問題ないのですが、Chrome・Firefoxに関しては別のタブとして開いてしまいます。この部分をjavascriptのwindow.openなどで工夫しSafariと同じような動作にしております。つまり、<br />
<span class="Apple-style-span" style="font-size: large;"><b>Safari・Chrome・Firefox対応のGoogle+共有ボタン</b></span>ということです。<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>動作は下記リンクで試してみて下さい。</b></span><br />
<br />
<a href="javascript:void(0);" onclick="window.open('https://plus.google.com/share?url=https://plus.google.com/116174129635451094329', 'mypress', 'width=432, height=385, menubar=no, toolbar=no, scrollbars=yes');">Google+でYasuo Maedaを共有</a> ←クリック<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>ソースコードは以下のようにしております。</b></span><br />
<code><br />
<a href="javascript:void(0);" onclick="window.open('https://plus.google.com/share?url=https://plus.google.com/116174129635451094329', 'mypress', 'width=432, height=385, menubar=no, toolbar=no, scrollbars=yes');">Google+でYasuo Maedaを共有</a><br />
</code><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.m-y-p.com/img-gplus/original-gplus-share3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="563" src="http://www.m-y-p.com/img-gplus/original-gplus-share3.png" width="512" /></a></div><span class="Apple-style-span" style="font-size: large;"><b>さらにボタンを画像パターンで作成しました。</b></span>下記も実際に動作します。<br />
Google+のボタンのように、オンマウス時の色を微妙に少しだけ変えてます(^ ^)/<br />
<br />
<center><br />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<a href="javascript:void(0);" onclick="window.open('https://plus.google.com/share?url=https://plus.google.com/116174129635451094329', 'mywindow4', 'width=432, height=385, menubar=no, toolbar=no, scrollbars=yes');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image30','','http://www.m-y-p.com/img-gplus/g-share-b_ov.png',1)"><img src="http://www.m-y-p.com/img-gplus/g-share-b.png" alt="Google+でYasuo Maedaを共有" name="Image30" width="108" height="29" border="0" id="Image30" /></a>
<br/><br/>
<a href="http://www.m-y-p.com/img-gplus/g-share-b-yasuo-maeda.zip">【画像のダウンロードはココをクリック】</a><br/><br/>
</center>
<span class="Apple-style-span" style="font-size: large;"><b>この共有ボタン画像は、個人・商用ともにフリー</b></span>とさせて頂きますので、ご自由にお使いください。(角の丸みも透過png形式ですので、どんな背景にでも綺麗に設置できると思います)<br/><br/>
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br/>
 <br/><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-26386726929277577702012-01-27T01:58:00.001+09:002012-06-25T10:00:13.507+09:00SNSなどの自分の投稿関連限定のGoogle検索ページ公開方法♪今回、ご紹介する裏技を使えば、自分のGoogle+を始め、Googleアカウントに接続している他サービスのアカウント(例:Google+と連動済みのブログなど)を含め、<b>ウェブ上で共有している自分に関連するコンテンツに限定した検索</b>をできるページへのアクセスが可能となります。自分に関するスニペット付きです。<br />
<br />
<b>下記は、Googleアカウントと他サービスのアカウントを接続するページ</b><br />
<a href="https://profiles.google.com/connectedaccounts" target="_blank">https://profiles.google.com/connectedaccounts</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9mojM1SqufHgLdexNNsQBJZlTQmUNn5MMFN9Xr4eg9l8PFJrXwvt5RPUvaMDJhyphenhyphen0z02xZv79UTD0jujzJbFOUzEZa0ndpMxIGI5R5xrHuvNVdAVOrHxF-c82ibiSo5e5Z0KuCFci3jE/s1600/completing-profile100.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9mojM1SqufHgLdexNNsQBJZlTQmUNn5MMFN9Xr4eg9l8PFJrXwvt5RPUvaMDJhyphenhyphen0z02xZv79UTD0jujzJbFOUzEZa0ndpMxIGI5R5xrHuvNVdAVOrHxF-c82ibiSo5e5Z0KuCFci3jE/s400/completing-profile100.png" width="400" /></a></div><br />
<span class="Apple-style-span" style="font-size: large;"><b>方法は簡単です♪ </b></span><br />
<br />
・下記URLのGoogle+IDをあなたのものに変更<br />
・下記URL最後のq=の後をあなたのプロフィール名に変更<br />
<br />
<a href="https://www.google.com/webhp?hl=en&tbs=ppl_ids:--116174129635451094329-,ppl_nps:Yasuo+Maeda" target="_blank">https://www.google.com/webhp?hl=en&tbs=ppl_ids:--116174129635451094329-,ppl_nps:Yasuo+Maeda</a><br />
<br />
以上です(^ ^)/<br />
<br />
<br />
このままだとURLが長く使いずらいので、GoogleのURL短縮サービスで短くしました。<br />
<br />
<b>私に関連するSNSやブログ記事からの検索</b>→ <a href="http://goo.gl/TN585" target="_blank">http://goo.gl/TN585</a><br />
↓<br />
<b>Google URL Shortener(URL短縮サービス)</b>→ <a href="http://goo.gl/" target="_blank">http://goo.gl/</a><br />
(作成したURLリンクのアクセス分析が出来る、Googleによる優れた短縮サービスです)<br />
<br />
<b>リンクをクリックすると下記のような「Yasuo Maeda」関連検索ページが開きます。</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0DVEcXGei1lURFgKVEecq_v72GDVGKaabBzlFys_wsxBqwl9zIpIu4pOuAuEG8k138G1ykxjC-ZVyYh6Oa56e-MlmZW-H31lXCIFOdiKEXcViMyv_u90EiD7O_Pg_RAQ1b2kxA96PjHE/s1600/profile-search-gplus02.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="187" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0DVEcXGei1lURFgKVEecq_v72GDVGKaabBzlFys_wsxBqwl9zIpIu4pOuAuEG8k138G1ykxjC-ZVyYh6Oa56e-MlmZW-H31lXCIFOdiKEXcViMyv_u90EiD7O_Pg_RAQ1b2kxA96PjHE/s400/profile-search-gplus02.png" /></a></div><br />
現在Googleの英語圏のみのサービスなのですが、上記方法ならこのサービスが日本に来る前に使えます。早速、Google+プロフィールの基本情報ページ「私関連のSNS検索」というリンクを設置してみました(^ ^)/<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLC4eyOhBXQjEEPpYORyI_k6yPBVStmNNzGRoIwC5hqLGsnHSFTW1uCVRbTX8PO_7mFLBp1DdlA_ST_HdadqJ2mw2MoSz6ZDNs4Z4uc34X08cmZwyuf454N6boLUVBvordmKG05qBC6Q/s1600/profile-search-gplus.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="235" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLC4eyOhBXQjEEPpYORyI_k6yPBVStmNNzGRoIwC5hqLGsnHSFTW1uCVRbTX8PO_7mFLBp1DdlA_ST_HdadqJ2mw2MoSz6ZDNs4Z4uc34X08cmZwyuf454N6boLUVBvordmKG05qBC6Q/s400/profile-search-gplus.jpg" /></a></div><br />
実際に「<a href="https://www.google.com/webhp?hl=en&tbs=ppl_ids:--116174129635451094329-,ppl_nps:Yasuo+Maeda#sclient=psy-ab&hl=en&safe=off&site=webhp&tbs=ppl_ids:--116174129635451094329-%2Cppl_nps%3AYasuo+Maeda&source=hp&q=プロフィール&pbx=1&oq=プロフィール&aq=f&aqi=&aql=&gs_sm=e&gs_upl=23898l25798l0l26638l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=bfd296f2a8b39c9&biw=1090&bih=1197" target="_blank">プロフィール</a>」というキーワードで検索してみると…<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8t2moSZ19wPVAbjcgQklK4FUPmT4t_e4IqOBQLSfELD7pCwHWaGLKT_IE0DB37dtoUDKVIsFkrf2Frx7zmiRvgqVCeN-596J3jnmoWv4W2KcZhPn4Z8wQC2L3DsTxxAsNOs4GtgKTxTU/s1600/profile-search-gplus05.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="208" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8t2moSZ19wPVAbjcgQklK4FUPmT4t_e4IqOBQLSfELD7pCwHWaGLKT_IE0DB37dtoUDKVIsFkrf2Frx7zmiRvgqVCeN-596J3jnmoWv4W2KcZhPn4Z8wQC2L3DsTxxAsNOs4GtgKTxTU/s400/profile-search-gplus05.jpg" /></a></div><br />
Googleアカウントに接続するしてるブログやGoogle+の記事などから検索されてるのがわかります。Google+でコメント頂いた方のプロフィール名や文章も表示されます。<br />
<br />
<br />
あとは、検索で見つけてもらいやすくするため、プロフィールをコンプリートさせます。<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>プロフィールをコンプリートするのに必要な事項</b></span><br />
<br />
下記はプロフィールを100%にコンプリートさせてる操作の動画です。<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.m-y-p.com/img-blog/completing-profile3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://www.m-y-p.com/img-blog/completing-profile3.gif" width="370" /></a></div><br />
プロフィールの入力項目中、自慢できること・職業・連絡先(自宅)・連絡先(仕事)・パートナー関係・広げたい関係・性別・他の名前に関しては限定公開でも100%になりますが、プロフィール写真・キャッチフレーズ・住んだことのある地域・職歴・学歴・スクラップブックの6項目は入力及び一般公開しないと100%にはなりません。<br />
<br />
ただ、限定公開でも右上に「Limited」と記載され95%にはなりました。このパーセンテージは検索される際に関連する6項目について何%項目が埋めているかのコンプリート率という意味のようで、85%であっても95%であってもスニペット付きプロフィールはちゃんと表示可能です。<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyeMJFNtUE1eukX8zkNXvAWm4FExZMwX0qv2DO_o89DH4EsN-HG71MF5L8hsQvgS5C0ARu2fDHOLEthenwODtJ-WwmpRKcWus1ZzaSJOAvvEQstR3Ctl-4BM5J6Xusk2XhxsWbC3o3gTE/s1600/completing-profile95.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyeMJFNtUE1eukX8zkNXvAWm4FExZMwX0qv2DO_o89DH4EsN-HG71MF5L8hsQvgS5C0ARu2fDHOLEthenwODtJ-WwmpRKcWus1ZzaSJOAvvEQstR3Ctl-4BM5J6Xusk2XhxsWbC3o3gTE/s400/completing-profile95.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh1-1h-AH3Uo9dIJSSR1gMmndEeFbp5p-Mvu3THhKwiKHRD7zbLkZt6lAvMj_GqFC0fJWQubzeUcES3BB8dGZLKrhdN-ZSWcN0IgYknlLDb-MZomV-bygZKaVI062_1zmz6d8eE0W5ytM/s1600/completing-profile100.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="203" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh1-1h-AH3Uo9dIJSSR1gMmndEeFbp5p-Mvu3THhKwiKHRD7zbLkZt6lAvMj_GqFC0fJWQubzeUcES3BB8dGZLKrhdN-ZSWcN0IgYknlLDb-MZomV-bygZKaVI062_1zmz6d8eE0W5ytM/s400/completing-profile100.png" /></a></div><br />
Googleに関する記事で「確かYasuo Maedaが書いてたなぁ…」って時は、コチラより検索してみて下さい→ <b><a href="https://www.google.com/webhp?hl=en&tbs=ppl_ids:--116174129635451094329-,ppl_nps:Yasuo+Maeda" target="_blank">【Yasuo MaedaのGoogle+を中心とした投稿記事検索】</a></b><br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>この投稿への</b></span><span class="Apple-style-span" style="font-size: large;"><b>「+1」など<span class="Apple-style-span" style="font-size: large;"><b>↓</b></span>もヨロシクお願いします(^ ^)/♪</b></span><br />
 <div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-8718418233138065772012-01-03T04:01:00.000+09:002012-01-03T04:01:20.849+09:002012年を迎える花火「London」編2012年を迎える花火「London」編<br />
<iframe width="560" height="315" src="http://www.youtube-nocookie.com/embed/J--WBdwnyvI?rel=0" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1092528264041779337.post-59668406327319174872012-01-03T04:00:00.001+09:002012-01-03T04:00:22.054+09:002012年を迎える花火「Sydney」編2012年を迎える花火「Sydney」編<br />
<iframe width="560" height="315" src="http://www.youtube-nocookie.com/embed/sU71K1Fjs5Y?rel=0" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><a href="http://www.m-y-p.com/web.html">京都マイプレスのホームページ制作</a><a href="http://blog.m-y-p.com/">担当者ブログ</a></div>Unknownnoreply@blogger.com0