2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる! モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ (本家に直接リンクできるURLが無かったため、参照ページへリンクしています) haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 (5
こんばんは、五十川です。 ご存知の通り、5月以降に発売開始されたNTTドコモの携帯電話の殆どには、新しいiモードブラウザ 2.0が搭載されています。iモードブラウザの大幅な仕様の拡張はi-XHTMLの登場以来ということになりますが、iモードの登場から10年経って登場した新しいブラウザは、i-XHTMLのときよりも遥かに大きな、過去最大の変化を遂げています。 iモードブラウザ 2.0の詳細は、ドコモ公式のiモードブラウザ 2.0にまとめられています。以下では主要な変更点を確認していこうと思います。 キャッシュ容量拡大 1画面あたり読み込めるデータの最大量が、従来の100Kバイトから500Kバイトに、大幅に拡大されました。ご存知の通りiモードの場合この値は、画像などの外部リソースもすべてひっくるめた値ですが、iモードブラウザ 2.0では、新たにCSSファイルやJavaScriptファイルも外部
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース(以下UI)設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
はてなブックマーク(以下「はてブ」)がリニューアルされ、ブラウザからブックマークレットでブックマーク登録(以下「ブクマ登録」)しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。(この指示には従わなくてもブクマ登録はできる。) 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト(通常、はてな以外のサイト)上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。(ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。)
DNSの危機に対応を! 〜キャッシュ毒入れ新手法 Kaminsky Poisoning 〜(8/28 脅威についての説明追記) 2008年7月、セキュリティ技術者 Dan Kaminsky 氏が考案したDNSに対する新たな攻撃手法が明らかになり、8月6日、Kaminsky氏による発表がセキュリティ関連の国際会議 Black Hatで行われました。 これはDNSキャッシュサーバに偽の情報を注入(毒入れ/Poisoning)するものです。DNSは原理的にキャッシュへの毒入れ脆弱性を持ち合わせており、特に脆弱な実装のDNSサーバソフトウェアでは過去に何度か対応が図られてきました。今回あきらかになった手法は従来手法よりはるかに効率的に、状況によってはほぼ確実に毒入れができるというもので、大変危険なものです。 すでに攻撃コードも公開されており、被害も発生していることが報告されています。 まず、以下の
いちケータイサイトユーザとして気になったので 間違ってたら指摘お願いします。 docomo 2008年7月31日まで 新規契約者 ホワイトリスト方式フィルタリング 既存契約者 フィルタリングなし 2008 年8月1日から 新規契約者 ブラックリスト方式フィルタリング 既存契約者 フィルタリングなし 2008年4月28日にフィルタリング適用時期に関して見直す方針を発表してから、既存契約者のフィルタリングに関する具体的な日付は発表していない au 新規契約者 ホワイトリスト方式フィルタリング 既存契約者 フィルタリングなし 2008年4月28日にフィルタリング適用時期に関して見直す方針を発表してから、既存契約者のフィルタリングに関する具体的な日付は発表していない softbank 新規契約者 ブラックリスト方式フィルタリング 既存契約者 フィルタリングなし 2008年4月28日にフィルタリング
「中央公論」編集部の田中正敏さんからメールが届いた。「『ウェブ時代をゆく』を語る」をまとめてくださった田中さんである。 「グーグルに淘汰されない知的生産術」ですが、『読売新聞』書評同様、もしよろしければ販売期間終了後(5月9日)を目処にブログにて公開していただいても、と思います。非常に充実したお話でしたので、より多くの方の目に触れればと思う次第です。 ありがたい申し出をいただいたので、ここに全文を公開することにします。 「中央公論」五月号の「特集・知的整理法革命」(野口悠紀雄、梅田望夫、外山滋比古、佐藤優、勝間和代、茂木健一郎)という文脈で、田中さんの取材を受け、勉強や仕事の仕方について僕が二時間ほど話をした内容をもとに、彼が文章にまとめてくれたものです。 さすがにこのテーマだとほぼすべての人が、それぞれの観点からグーグルを論じていて面白かったです。 どうぞお楽しみください。 旧来の整理法
岩波書店の「広辞苑第六版」が2008年1月11日に発売される。広辞苑は1955年からの累計で1100万部を誇る、ベストセラー辞典。第六版は、1998年以来10年ぶりの改訂になる。この間、インターネットで無料検索できる「ネット辞書」に押され、時事用語辞典は「紙」からの撤退が目立った。そんな中、「広辞苑」はあくまで「紙」にこだわり、「紙で引く」ことの効用を説いている。 辞書を引く習慣づけで国語力アップ 2007年4月に文部科学省が全国の小学6年生と中学3年生の計221万人を対象に行った全国学力テスト。11月にその結果が発表され、いまの子どもは「応用力が弱い」「記述式が弱い」ことが明らかになった。 日本語力の低下を示すデータはまだある。独立行政法人のメディア教育開発センターが大学生の基礎学力を測定するためのプレースメントテストを実施した結果、私大生の2割、短大生の3人にひとりは日本語基礎力が中学
Webサイトで画像に埋め込んだ変形文字を入力させる「CAPTCHA」を活用し、書籍デジタル化を支援するプロジェクトが提唱された。 Webサイトでユーザー登録する際などに、画像に埋め込んだ変形文字を入力させる「CAPTCHA(Completely Automated Public Turing test to tell Computers and Humans Apart)。これを活用し、スパムを防止しながら書籍デジタル化を支援しようというプロジェクトを、米国の研究者が提唱した。 このプロジェクト「reCAPTCHA」は、米カーネギーメロン大学のコンピュータサイエンス校が取り組んでいる。CAPTCHAとは、コメントスパムなどを防止する目的で、機械には読み取れない画像の文字をユーザーに入力させるシステム(関連記事)。 研究チームの推計では、CAPTCHAが使われる回数は1日当たり約6000万回
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介(あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています)。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
11月30日に企業向けには出荷が始まったWindows Vista。そのVistaで,“文字化け”が起こるらしい。文字化けといっても,Webアクセス中にたまに見かける全く読めない文字の羅列になることはほとんどなく,その多くは似た文字が表示される程度である。ここでは,本来表示されるべき文字の形が少し違ったものが表示されるケースも“文字化け”として扱う。 Microsoftは,Windows 98日本語版の発売以来,Windows 2000,Windows Me,Windows XPまでCP932(本名はWindows Codepage 932,いわゆるMS漢字コード)とJIS X 0212をサポートしてきたが,最新のWindows VistaではJIS X 0213に乗り換えた。いや,乗り換えたというのは,ちょっと語弊がある。CP932とJIS X 0212に加えて,JIS X 0213もサ
Heads up! This page uses features your browser doesn’t support. Try a modern browser like Firefox or Chrome for the best experience. sidebar#close mouseup->tweet#update input->tweet#update keydown->tweet#update scroll@window->tweet#update" data-bookmark-id="/gettingreal"> `�s�U �q��U Getting Real The smarter, faster, easier way to build a successful web application Start reading →
Paul Graham / 青木靖 訳 2006年10月 最近やった講演の後のQ&Aで、スタートアップを失敗させるのは何かという質問をした人がいた。その場に立ったまま何秒か呆然としていた後、それが一種のひっかけ問題なことに気付いた。これはスタートアップを成功させるのは何かという質問と等価なのだ——失敗の原因となることをすべて避けるようにすれば、成功することができる——そしてこれはその場で答えるにはあまりに大きな問だった。 後になって、私はこの問題をそういう方向から見るのも有効かもしれないと思うようになった。すべきでないことをすべて並べたリストがあれば、それをただ逆にするだけで成功へのレシピに変えることができる。そしてこの形のリストの方が、実践する上で使いやすいかもしれない。やらなければならないことをいつも頭に入れておくよりは、何かやってはいけないことをしているときにそれと気付くというほうが
Windowsをデフォルト設定のまま動かすと,複数のポートがオープンする。自動的に複数のサービスが起動し,面倒な設定なしにさまざまなサービスを利用できる。しかしこれを放置しておくと,攻撃者の格好のターゲットになり得る。セキュリティ対策の基本は,必要なサービスと不要なサービスをきちんと見極め,不要なサービスを停止することだ。このためにも,Windowsがデフォルトでオープンしている代表的ポートの役割と危険性を知り,適切に設定しなくてはならない。 インターネット経由で,サーバのハード・ディスクの中身が丸見えになっている。しかも,いとも簡単にデータを改ざんし,削除できる――。こんなマヌケな設定のサーバはあるはずがないと思うだろう。ハード・ディスクの中身を意図的に外部に公開するような極端な設定をしていなければ,このようなことは起こらないように思える。 しかしWindowsでは,管理者が明示的にサー
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か? たぶん、どのサイトの setTimeout の説明を見て
昨夜行なった「シリコンバレー精神」刊行記念対談イベントの音声を取り急ぎ、アップします。吉岡弘隆さん(ミラクル・リナックス)をお招きしての、シリコンバレー精神とオープンソース思想を巡ってのトーク約一時間(ちなみに、ときどき会場から突っ込んでいる人はDan Kogaiさんです)。 まもなくYouTubeに映像もアップされます。 追記。以下、YouTube映像です。映像に伴う音がやや小さいので、パソコン側の音量を大きくしてお聞きください。 はじめに (1/9) http://youtube.com/watch?v=t2-Uk_cIctc エンジニアから見たシリコンバレー精神 (2/9) http://youtube.com/watch?v=TxUtXWBIyyo オープンソース体験 (3/9) http://youtube.com/watch?v=jlEsYXXVFgI 5年前を振り返って (4
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く