Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示する だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。 今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。 jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう（ぜひ試していただきたい）。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使え
ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル（label）やボタン（button）に、クリック可能であることが分かるようにスタイルシートで設定します。 例： <textarea name="code" class="css" cols="60" rows="5"> label, butto
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22～33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
まとめです。SEOスペシャリスト11名が見ているサイトを、勝手に集計させて頂きました。 実は、Yahoo!ログールでは、登録したサイトを誰に見られているか、という足跡帳とともに、その登録者が見たサイトがわかるおでかけ帳というデータも公開されているのです。 （例えば、こちらは当管理人のおでかけ帳＞＞おでかけ帳:Yahoo!ログール ※要Yahoo!ログイン） そこで、はてなブックマークやSphinnJapanなどで著名なSEOスペシャリストの方達がおでかけしているサイトを集計してみました。なお情報は2009年6月時点でのものです、ご注意下さい。 SEOスペシャリスト11名を勝手に選出、その集計方法 http://blog.sphinn.jp/ http://a2i.jp/category/topics http://web-tan.forum.impressrd.jp/list/all/27
はてなブックマークでは、料理についての記事が多く登場します。手軽に作れる角煮、お母さんが工夫して作ったかわいいお弁当、美味しいチャーハンの作り方、などなど。でも、そんな中に時折混じってくる記事に、「再現レシピ」なるジャンルの記事があります。 「再現レシピ」――冷静に考えると、これは随分と変なジャンルではないでしょうか。だって、これに挑む人々は、料理を美味しくすることよりも、手軽に作ることよりも、何よりもまずオリジナルの料理を忠実にコピーすることにこそ創意工夫の情熱を傾けるわけですから。なんだか普通の料理とは方向性が違う気がします。 そして、そんな彼らの情熱には、謎に満ちた犯行現場から真実を再現しようとする無謀な名探偵を見ているような、ちょっとしたドキドキ感があるのも事実ですね。今回は、そんな「再現レシピ」の中から、「外食産業」のレシピを再現した記事を紹介しようと思います。 まずは吉野家 日
はじめに 前回は、多くのユーザーが普段から扱っているであろうWindows環境を「Amazon EC2」のインスタンス上で構築する方法や、構築したWindows環境で日本語を利用できるようにする方法を紹介しました。 今回は、Amazon Web Servicesが展開するCDN（Contents Delivery Network）サービス「Amazon CloudFront」を使った、高速ネットワークによるコンテンツ配信の実現方法を紹介していきます。 今までの記事 第1回 「AWSの概要と登録手順」 第2回 「Amazon S3を使いこなしてみよう」 第3回 「Amazon EC2を動かしてみよう」 第4回 「Amazon EC2を実践的に使ってみよう」 第5回 「Amazon EBSを活用してデータをバックアップしてみよう」 第5回 付録 「クラウドとサーバーを同期できる便利ツール「S3
ミニチュア模型の効用プロトタイプは「試作品」と訳されることが多い。しかし私は「試用品」といった方が適切ではないかと考えている。試作品と言うと「制作者が試しに作ってみる」という意味に捉えられがちだが、本当はプロトタイプとは「ユーザーに試しに使ってもらう」ために作るものだからだ。 ここで、たとえ話として、家を建てる場面を考えてみよう。レンガ・木材・コクリートといった素材が、大工などの建築技術者の手によって加工されて組み上げられ、まず家の骨組みができ上がる。さらに屋根や壁が施工され、最後に内装や電気工事を施して家は完成する。しかし、実際には、工事を始める前に建築家が設計図を描いている。その際に建築家は厚紙やスチレンボードを使ってさまざまなミニチュア模型を作ることがある。このような建築模型は、設計の妥当性を検証するとともに、クライアントに見せて、さらに具体的な要望を引き出すために利用される。 模型
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く