ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り

2011/01/24 551 users ウノウラボ 気配り iPhone iPhone向け 工夫

yamaokaです。 だいぶiPhoneやAndroidといったスマートフォン向けのwebページを作ることが増えてきたのではないでしょうか。ちょっとした気配りで使いやすくなるケースもあるかなと思うので、いくつか使えそうな工夫について書いてみたいと思います。 ただし、今回はiPhone向けです。 タップされた場所をハイライトする iPhoneのSafariでは「-webkit-tap-highlig... 続きを読む

ウノウラボ Unoh Labs: MySQLのチューニングのためのデータの集め方

2010/08/13 389 users ウノウラボ MySQL チューニング Unoh Labs 古株

いつの間にか会社で古株になったyamaokaです。 webアプリケーションのバックエンドにMySQLを使っている場合、 クエリ（SQL）のチューニングをする必要がありますよね。 皆さんはチューニングの計画をどのように立てていますか。 もちろん、既に明らかに重いことが想定されているページがあれば、 その処理で使われているクエリを中心にEXPLAINなどを使って解析していけばいいと思います。 でもそう... 続きを読む

ウノウラボ Unoh Labs: Macでのスクリーンショットの撮り方まとめ

2008/09/24 342 users ウノウラボ Unoh Labs Command Mac 備忘録

yamaokaです。 Mac（Mac OS X）でスクリーンショットを撮る方法についてまとめてみます。いつも忘れてしまうので個人的な備忘録だったりしますが、同じことで悩んでしまう方にとって少しでも参考になれば幸いです。 「Command + Shift + 3」を押下 単純に画面全体のキャプチャ画像が必要な場合に使います。ショートカットキーを押した瞬間、デスクトップに画面全体のキャプチャ画像が保存... 続きを読む

ウノウラボ Unoh Labs: CSSを書くときに使っているツールの紹介

2008/08/06 263 users ウノウラボ CSS Unoh Labs inspect ツール

yamaokaです。 今回は、ぼくが普段CSSを書くときに使っているツールを紹介します。 Firebug 入手先: Firebug :: Firefox Add-ons Firebug posted by (C)フォト蔵 もはやJavaScriptの開発には欠かせなくなった感のあるFirebugですが、CSSを書くのにも使えます。 ボックス要素を調査（inspect）、CSSを書き換えてレイアウト... 続きを読む

ウノウラボ Unoh Labs: 画像の遅延読み込み

2008/01/17 300 users ウノウラボ Unoh Labs 遅延読み 大半 手法

yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべ... 続きを読む

ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

2007/07/12 264 users ウノウラボ navigation Unoh Labs 矢印

yamaokaです。 水平方向に並んだナビゲーションを作る場合、 皆さんはどのようにマークアップされているでしょうか。 とりあえず必要な項目を羅列してみましょう。 それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="ar... 続きを読む

ウノウラボ Unoh Labs: Feedcreatorのご紹介

2007/06/06 153 users ウノウラボ SourceForge.net Smarty

yamaokaです。 PHPでRSSフィードを出力する場合、 皆さんはどうされているでしょうか。 Smartyなどの テンプレートエンジンを利用して自前で組み立てるのもいいですが、 RSSフィード生成用のライブラリを使うと便利です。 Feedcreatorは、 SourceForge.netで 開発されているPHPのRSSフィード生成ライブラリです。 FeedCreator.class.phpを ... 続きを読む

ウノウラボ Unoh Labs: PHPによるテキストファイルへのロギング

2007/05/10 237 users ロギング ウノウラボ Unoh Labs PHP 関数

yamaokaです。 PHPでwebアプリケーションを作成するとき、 皆さんはロギング（ログの出力）をどうされているでしょうか。 今回は、テキストファイルへロギングする方法をいくつか紹介したいと思います。 error_log関数 syslog関数 PEAR::Log log4php Zend_Log error_log関数 PHPでは、標準の関数として error_log関数が用意されています。 ... 続きを読む

ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

2007/04/03 270 users Elastic ウノウラボ Unoh Labs レイアウト

yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？　 「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウ... 続きを読む

ウノウラボ Unoh Labs: 日本語とPHP

2007/03/05 128 users ウノウラボ symfony Unoh Labs PHP 日本語

yamaokaです。 PHPで日本語を扱う場合、mbstringモジュールを利用する場合が多いと思います。 日本語に特有の機能（カタカナの全角/半角変換など）も備わっていて、とても便利です。 しかし、日本以外ではmbstringモジュールはあまり利用されていないようです。 代わりに利用されているのがiconvモジュールで、 最近話題のフレームワーク、symfonyでも 国際化の機能を実現するために... 続きを読む

ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する

2007/02/05 123 users ウノウラボ PNG intern Unoh Labs IE6

yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Intern... 続きを読む