Tech Any*Any » サイト制作 http://tech.any2.net Mac や Web のあんなこと、こんなこと。 Tue, 22 Nov 2011 09:12:45 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 Google Apps に Google+ を追加する http://tech.any2.net/item/1490.html http://tech.any2.net/item/1490.html#comments Wed, 02 Nov 2011 02:34:48 +0000 yo2 http://tech.any2.net/?p=1490 一般の Google アカウントではすでに公開されていた Google+ が Google Apps アカウントでも利用できるようになりました。Google+ の利用を開始するには Google Apps のコントロールパネルにログインをして、次の手順を行います。

  1. トップメニューの [組織とユーザー] をクリックします。
  2. 左の列で、Google+ を利用したい組織が選択されていることを確認します。
  3. [ サービス ] タブをクリックします。
  4. Google トークとPicasa ウェブ アルバムがオンになっていることを確認します。
    オンになっていない場合はオンにします。
  5. Google+ をオンにします。
  6. [変更] ボタンをクリックします。
Google Apps アカウントのユーザーが Google+ に参加すると、Google カレンダーや Google ドキュメントのトップメニューに Google+ のリンクが表示されます。
]]> http://tech.any2.net/item/1490.html/feed 0 iOS 5 – Safari の “リーダー” が殺すもの http://tech.any2.net/item/1488.html http://tech.any2.net/item/1488.html#comments Thu, 13 Oct 2011 13:49:26 +0000 yo2 http://tech.any2.net/?p=1488 iOS 5 がようやくリリースされたので、自分の iPhone をバージョンアップ。仕事でウェブサイトの制作もする自分が気になった新機能は Safari の “リーダー”。

この “リーダー” という機能は、すでに Mac OS X の Safari には搭載済みでしたが、実際あまり使っていませんでした。「そりゃ、PC 向けに作られたサイトをわざわざ [リーダー] ボタンを押して読まない」と今にして思うのです。

そこで、iOS 5 の Safari に “リーダー” 登場。インストールして使うまでは全く気にも留めていませんでしたが、実際に使ってみると PC 用のサイト、特に PC 用のブログを読むのが凄く快適に！iPhone の狭い画面に記事が読みやすいフォントサイズで目一杯表示されます。

つまり “リーダー” とは、PC 向けに作られたインターネット上にある無数の情報資源 (ウェブサイト) を、小さく狭いモニターしかもてない端末で快適に読むための Apple が導きだした解の一つなのではないでしょうか。もちろん、フリックによるスクロールやピンチによる拡大・縮小も解なのでしょう。

で、その解を知っている Apple はわざわざスマートフォン用の自社サイトを作らないのかなと。Mac OS X の Safari の “リーダー” がテストくらいに思えちゃいます。

ここで気になったのがスマートフォン向けのサイト。たしかに今までは PC サイトよりもスマートフォン向けのサイトの方が格段に読みやすかった。当たり前ですよね、スマートフォン向けですから。しかし、”リーダー”　の登場で、わざわざスマートフォン向けにサイトを作らなくてもよくなっちゃいました。(ただし、ウェブアプリサイトは別でしょうが。)

いつか、iOS に追いつけ追い越せで Android のブラウザにも “リーダー” のような搭載されれば、「スマートフォン向けのサイトとは何だったのか…」となってしまうのでしょうか…。

]]> http://tech.any2.net/item/1488.html/feed 0 中国の検索サイト http://tech.any2.net/item/1378.html http://tech.any2.net/item/1378.html#comments Wed, 02 Feb 2011 07:34:07 +0000 yo2 http://tech.any2.net/?p=1378 主な中国の検索サイトをピックアップしてみました。

  • 百度 (Baidu)
    domain:["http://" を抜いたアドレス] で被リンクを調べられます。また、site:["http://" を抜いたアドレス] でインデックス数を調べられます。
  • 谷歌 (Google)
  • 中国雅虎 (Yahoo)
  • 搜狗
    link:["http://" を抜いたアドレス] で被リンクを調べられます。また、site:["http://" を抜いたアドレス] でインデックス数を調べられます。
  • 有道 (Youdao)
  • 中搜
  • 易搜 (Yisou)
  • 拓普 (Tasap)
    REMOTE_HOST: pc0.zz.ha.cn
    USER_AGENT: Tasapspider/0.9 (http://www.tasap.com)

他に載せるべき中国の検索サイトがありましたら、コメントください。

]]> http://tech.any2.net/item/1378.html/feed 0 SVG のテキストオブジェクトの強制改行 http://tech.any2.net/item/1471.html http://tech.any2.net/item/1471.html#comments Fri, 24 Sep 2010 03:45:23 +0000 yo2 http://tech.any2.net/?p=1471 HTML (XHTML) で強制改行する場合は、<br /> タグを使いますが、SVG のテキストオブジェクトで強制改行するには、<tbreak /> タグを使います。

]]> http://tech.any2.net/item/1471.html/feed 0 Podfeed を使うと iTunes で二重登録される http://tech.any2.net/item/1417.html http://tech.any2.net/item/1417.html#comments Sat, 27 Feb 2010 05:00:29 +0000 yo2 http://tech.any2.net/?p=1417 @Nifty が提供している Podfeed を使う事で、ブログの RSS をポッドキャスト用の RSS に変換することができます。また同時に Podcasting Juice の番組登録をすればランキングに参加できます。

しかし、ある時点から Podfeed を介した RSS を iTunes に登録をすると、Podcast (番組) が二重に表示されてしまいました。

詳しい原因はわかりませんが、RSS に新しい記事(番組)の追加以外の変更があると二重に表示されるようです。二重に表示された場合は、同じブログの RSS で Podfeed に再度登録することで解決できました。

Podfeed を介した RSS で iTunes Store に登録されていて、iTunes Store 経由で Podcast を購読した場合は、Podfeed の再登録から二重表示が解消されるまでに少し時間がかかりました。

]]> http://tech.any2.net/item/1417.html/feed 0 Windows Gadget を配布するときの注意 http://tech.any2.net/item/1409.html http://tech.any2.net/item/1409.html#comments Sat, 10 Oct 2009 11:40:25 +0000 yo2 http://tech.any2.net/?p=1409 Windows ガジェットは HTML や CSS、画像などガジェットに必要なファイルを一つにファイルに ZIP 圧縮し、拡張子を zip から gadget に変更したファイルです。そのため、ガジェットファイルをそのまま Web サーバーにアップロードして、ダウンロード配布すると、拡張子が zip になってダウンロードされてしまう場合があります。

そこで、.htaccess に次の一行を追加することで拡張子を gadget のままダウンロードさせることができます。

AddType application/x-windows-gadget gadget
]]> http://tech.any2.net/item/1409.html/feed 0 ID や Class の命名規則 http://tech.any2.net/item/1384.html http://tech.any2.net/item/1384.html#comments Tue, 01 Sep 2009 13:36:19 +0000 yo2 http://tech.any2.net/?p=1384 デザインがしっかりしていてメジャーかなと思われるサイトの ID や Class の命名規則を調べてみました。

パスカルケース

可読性が高い反面、大文字と小文字を使うのでタイプミスによるバグが出やすくなるかもしれません。

例 : HeaderMenu

キャメルケース

JavaScript などプログラムで良く使用する命名規則なのでプログラマーの方が選ぶ傾向にあるようです。パスカルケースと同様、大文字と小文字を使うのでタイプミスによるバグが出やすくなるかもしれません。

例 : headerMenu

スネークケース

アンダースコア(アンダーライン)で単語が分かれるので、可読性は高いです。また、小文字しか使用しないのでタイプミスも起こりにくいです。ただし、一部の古いブラウザ(IE4やNN4など)では未対応です。

例 : header_menu

ハイフン (-)

ハイフンで単語が分かれるので、可読性は高いです。また、小文字しか使用しないのでタイプミスも起こりにくいです。デザイナーが選ぶ傾向にあるようです。ただし、ハイフンはプログラムでは減算演算子になるので、プログラムと連携する際は若干の注意が必要かもしれません。

例 : header-menu

すべて小文字

単語が分かれないので可読性は低いです。ただし、小文字しか使用しないのでタイプミスは起こりにくいです。

例 : headermenu

みなさんは、どんな命名規則を使用していますか？また、他に掲載すべきサイトの ID や Class の命名規則があればコメントください。

]]> http://tech.any2.net/item/1384.html/feed 0 携帯のブックマーク(お気に入り)に追加タグ http://tech.any2.net/item/1358.html http://tech.any2.net/item/1358.html#comments Thu, 05 Feb 2009 02:48:44 +0000 yo2 http://tech.any2.net/?p=1358 携帯で検索やブログのリンクからアクセスするとき、検索サイトやブログサービスによってゲートウェイを通す場合があります。ゲートウェイを通してアクセスされると、アドレスが長くなってしまうためにブックマーク(お気に入り)に追加できなくなることがあります。

そのため、携帯サイトへブックマーク(お気に入り)に追加するリンクを掲載しておくと携帯サイトのユーザビリティがあがります。ブックマーク(お気に入り)に追加タグは次のとおりです。

<a href="device:home/bookmark?url=[アドレス]&title=[タイトル]">ブックマーク</a>

アドレスとタイトルは URL エンコードが必要です。

]]> http://tech.any2.net/item/1358.html/feed 0 携帯の無料ブログの外部リンク http://tech.any2.net/item/1287.html http://tech.any2.net/item/1287.html#comments Wed, 07 Jan 2009 09:11:02 +0000 yo2 http://tech.any2.net/item/1287.html livedoor や ameblo などの無料ブログは携帯からの閲覧に対応しています。そこで、無料ブログの記事内に書かれた外部リンクの対応を調べてみました。

livedoor ブログ

携帯で記事内の外部リンクをクリックすると、リンク先を表示してよいかどうか確認するページが表示されます。

アドレス : ディレクトリ (blog.livedoor.jp/***)

文字コード : EUC-JP

ameblo

外部リンクはタグが削除されて、クリックできません。(当然外部リンク先を表示できません。)

アドレス : ディレクトリ (ameblo.jp/***)

文字コード : UTF-8

ココログ

携帯で記事内の外部リンクをクリックすると、リンク先を表示してよいかどうか確認するページが表示されます。

アドレス : サブドメイン (***.cocolog-nifty.com/blog/)

文字コード : UTF-8

yaplog

特に問題なくリンク先が表示されます。

アドレス : ディレクトリ (yaplog.jp/***) (PC と同じアドレス)

文字コード : Shift_JIS

JUGEM

特に問題なくリンク先が表示されます。記事のアドレスが動的(?eid=***)になります。

アドレス : サブディレクトリ (***.jugem.jp)

文字コード : EUC-JP

FC2

FC2のゲートウェイを通して表示されます。

アドレス : サブドメイン (***.blog**.fc2.com)

文字コード : EUC-JP

はてな

はてなのゲートウェイを通して表示されます。

アドレス : ディレクトリ (d.hatena.ne.jp/***)

文字コード : Shift_JIS

Blogger

携帯サイト用に変換されないため、外部リンクもそのままです。ただし、head に書いた CSS が表示されるため、携帯での閲覧に向いていません。

アドレス : サブドメイン (***.blogspot.com)

文字コード : UTF-8

Yahoo! ブログ

携帯サイト用に変換されないため、外部リンクもそのままです。ただし、head に書いた CSS が表示されるため、携帯での閲覧に向いていません。

アドレス : ディレクトリ (blogs.yahoo.co.jp/***)

文字コード : EUC-JP

So-net ブログ

携帯で記事内の外部リンクをクリックすると、リンク先を表示してよいかどうか確認するページが表示されます。

アドレス : サブドメイン (***.blog.so-net.ne.jp)

文字コード : UTF-8

エキサイトブログ

特に問題なくリンク先が表示されます。

アドレス : サブディレクトリ (mblog.excite.co.jp/user/***) (PC : ***.exblog.jp)

文字コード : Shift JIS (PC は UTF-8)

ウェブリブログ

携帯で記事内の外部リンクをクリックすると、リンク先を表示してよいかどうか確認するページが表示されます。

アドレス : ディレクトリ (m.webry.info/at/***) (PC はサブドメイン (***.at.webry.info))

文字コード : Shift JIS

DTI ブログ

特に問題なくリンク先が表示されます。

アドレス : サブドメイン (***.*.dtiblog.com) (PC と同じアドレス)

文字コード : EUC-JP

Seesaa ブログ

特に問題なくリンク先が表示されます。

アドレス : サブドメイン (***.seesaa.net) ただし記事ページのアドレスは PC と異なります。

文字コード : Shift JIS

ドリコムブログ

特に問題なくリンク先が表示されます。

アドレス : サブドメイン (***.blog.drecom.jp/m) (PC (***.blog.drecom.jp))

文字コード : Shift JIS

はてなダイアリー

はてなのゲートウェイを通して表示されます。

アドレス : サブディレクトリ (d.hatena.ne.jp/***)

文字コード : Shift JIS (PC は EUC-JP)

]]> http://tech.any2.net/item/1287.html/feed 0 Gmail (Google Apps) で Bad Request Error 400 http://tech.any2.net/item/1314.html http://tech.any2.net/item/1314.html#comments Wed, 24 Dec 2008 02:22:53 +0000 yo2 http://tech.any2.net/?p=1314 12/24 11:00 頃から Gmail にアクセスすると、Bad Request Error 400 が発生してメールボックスのページにアクセスできません。

<HTML>
<HEAD>
<TITLE>Bad Request</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<H1>Bad Request</H1>
<H2>Error 400</H2>
</BODY>
</HTML>

ブラウザからのリクエストに問題があるようなので、ブラウザの Cookie を削除してから、再ログインすると問題なくメールが表示されるようになりました。

]]> http://tech.any2.net/item/1314.html/feed 0