Tech Any*Any
Mac や Web のあんなこと、こんなこと。

サイト制作

MySQL で4バイト UTF-8 の文字を保存する

2013/12/30

MySQL で文字コードを UTF-8 すると符号化した文字が3バイト以下には対応しますが、4バイトになると文字がなくなってしまいます。UTF-8 で 4バイトになる文字は次のとおりです。
(さらに…)

オープングラフタグ

2013/10/11

必須なプロパティ

og:type

“website” や “blog”、”video.movie” のようにオブジェクトのタイプを指定します。

og:title

オブジェクトのタイトルを指定します。

og:image

ロゴなどのオブジェクトを代表する画像の URL を指定します。

og:url

正規化した URL を指定します。

有用なページ

ウェブマスターツールのコンテンツ キーワード

2013/04/20

Google のウェブマスターツールを利用すると、最適化のコンテンツ キーワードでサイト全体で使用している単語の一覧と使用している回数が表示されます。使用している単語や使用回数で、サイト全体の傾向や文章のくせなどを知ることができます。

重要度は使用回数に比例しているようで、ショッピングサイトでは “税込” などの重要でない単語が高い重要度で評価されてしまいます。

(さらに…)

ウェブサイトの Retina ディスプレイ対応

2013/03/18

Retina ディスプレイを始めとして、Pixel Ratio が1を超えるディスプレイを採用したデバイスが増えてきました。デバイス (OS やアプリケーション) 側で拡大をして表示されますが、うまく拡大してもらえないとぼやけた表示になってしまいます。

そこで、Retina ディスプレイなどの Pixel Ratio が1を超えるディスプレイでもきれいに画像が表示されるための対策を挙げてみます。 (さらに…)

Internet Explorer で画像をきれいに縮小して表示する

2013/03/16

画像を width, height 属性や CSS を使って、実際のサイズより縮小して表示すると Internet Explorer ではきれいに縮小してくれません。しかし、Internet Explorer 7 以降では、CSS で縮小方法にバイキュービック法を指定することで、きれいに縮小させることができます。

img {
	-ms-interpolation-mode: -bicubic;
}

MAMP の設定ファイル

2013/01/28

MAMP 2.1.1 の設定ファイルは次のフォルダーにあります。

Apache – httpd.conf

/Applications/MAMP/conf/apache/httpd.conf

MySQL – my.cnf

/Applications/MAMP/Library/support-files/my-large.cnf
/Applications/MAMP/Library/support-files/my-medium.cnf
/Applications/MAMP/Library/support-files/my-small.cnf

PHP – php.ini

/Applications/MAMP/conf/php5.4.4/php.ini

日本語と中国語の記号

2013/01/24

日本語と簡体中国語、繁体中国語では記号が違います。

  日本語 簡体中国語 繁体中国語
句点
読点
中黒点
スラッシュ / /
カギカッコ 「 」 “ ” or 《 》 “ ” or 《 》
二重カギカッコ 『 』 “ ” or 《 》 “ ” or 《 》
注釈 * *
郵便記号 邮编: 郵編:

1ページに複数の言語が入ると、記号が正しく表示されないので、lang 属性を指定したタグで言語を指定する必要があります。

Google Apps に Google+ を追加する

2011/11/02

一般の Google アカウントではすでに公開されていた Google+ が Google Apps アカウントでも利用できるようになりました。Google+ の利用を開始するには Google Apps のコントロールパネルにログインをして、次の手順を行います。

  1. トップメニューの [組織とユーザー] をクリックします。
  2. 左の列で、Google+ を利用したい組織が選択されていることを確認します。
  3. [ サービス ] タブをクリックします。
  4. Google トークとPicasa ウェブ アルバムがオンになっていることを確認します。
    オンになっていない場合はオンにします。
  5. Google+ をオンにします。
  6. [変更] ボタンをクリックします。
Google Apps アカウントのユーザーが Google+ に参加すると、Google カレンダーや Google ドキュメントのトップメニューに Google+ のリンクが表示されます。

iOS 5 – Safari の “リーダー” が殺すもの

2011/10/13

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 のブラウザにも “リーダー” のような搭載されれば、「スマートフォン向けのサイトとは何だったのか…」となってしまうのでしょうか…。

中国の検索サイト

2011/02/02

主な中国の検索サイトをピックアップしてみました。

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

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