9月13日に金沢で WDF Vol.15 が開催されました。今回はポッドキャストでおなじみのたにぐちまことさん、神森 勉さん、そして初共演になる株式会社キノトロープの生田 昌弘さんとご一緒させていただきました。昨年はコンテンツに関する講演やワークショップをしてきましたが、今年は 1 月以来ストップしていました（最近はデザインプロセスの話が多かったです）。今回は久しぶりのコンテンツ関連の講演ということもあって「コンテンツとはなにか？」という原点に立ち返って話をしました。 「コンテンツ」と言うけど コンテンツとはなにか？と尋ねられたら「訪問者・利用者のためになる情報」と応える方がいると思います。確かに利用者のためでなければいけないわけですが、立場によってニュアンスが異なる場合があります。 PR やプロモーションでは、自分たちをアピールすることで、お客様に商品・サービスの魅力を伝えるということが

公開日 : 2014年7月31日 カテゴリー : アクセシビリティ / 情報設計 (IA) Web ページの中にナビゲーションメニューが複数あるというケースは珍しくありません。多くのサイトが、グローバルナビゲーション、ローカルナビゲーション、といった具合に、複数のナビゲーションメニューを持っていることでしょう。 これら複数のナビゲーションメニューは、ページレイアウトを見渡すことで、それぞれの役割を類推することができます。ページ最上部の共通ヘッダー内に並んでいるメニューはサイト全体のグローバルナビゲーション、メインコンテンツの横にもう少し細かな粒度で並んでいるメニューは (そのメインコンテンツが属するカテゴリーの) ローカルナビゲーション...といった感じです。 スクリーンリーダーユーザーにとっての課題 (ナビゲーションメニューの種類を推測する手間) ところが、Web ページ内の情報をシリア

こんにちは。Growth Seed編集部です。 ユーザーが検索エンジンをどのように活用しているのか、リアルな声を聞くためにアンケート調査を実施しました。 検索エンジンの利用頻度や、検索キーワードの種類、クリックする際に重要視している個所など、検索ユーザーの特徴をまとめた検索エンジン実態調査の一部を公開します。 調査期間 ： 2014年4月22日～ 5月13日 調査手法 ： インターネットリサーチ 調査対象 ： 当社メディアサイト「TALENT」会員 調査人数 ： 160人 調査属性 ： 10代～60代（男性45％・女性55％） 調査機関 ： 株式会社フルスピード ↓【無料DL】「SEO内部対策チェックシート」を無料ダウンロードする 設問1　Webサイトを閲覧する際、主に利用しているデバイスは？ デスクトップPCとノートPCが大多数を占め、スマートフォンの利用者は想定よりも少ない結果でした。

こんにちは。メディアサービスカンパニー制作部の佐仲です。 ヤフーではメインの業務に平行して、UIの実装に関するガイドラインを作成する「UI実装ガイドライン分科会」に所属しています。 今回は、その分科会の取り組みの一つとして昨年度発表した「ウェブアクセシビリティ方針」を中心にお話をしたいと思います。 ウェブアクセシビリティってなんだろう？ by Jil Wright on flickr. 今回の取り組みをご紹介する前に、ウェブアクセシビリティについて軽く触れておきたいと思います。 みなさんはウェブアクセシビリティと聞いて何を思い浮かべられるでしょうか？ 障がい者対応音声ブラウザへの対応上記のような言葉を思い浮かべることも多いかと思います。 私も今回の取り組みまでは「音声ブラウザへの対応」という認識でいました＾＾； もちろんこれらも間違いではありません。 ですが、ヤフーでは 「アクセシビリティ

安価でプログラミングをするスレより。このスレは１さんと２さんが主に会話をしています。Javaについての会話がとても有意義だったのでまとめてみました。挫折ポイントとして名高いオブジェクト指向も、このようにエヴァで例えるとすんなりと理解できそう！ １さんが２さんにJavaを教えるところからスタートします。 ちなみにけっこう長めのまとめ。Javaに興味ある人、Javaをお勉強中の人は何度か読み返すといいかもしれません(*･ω･*) 110: 1◆NaUNjCMHzs 2014/04/05(土)01:07:13 ID:n6jvIZNZZ どこまでできる？ 111: 2◆DTn7LrZ..DaI 2014/04/05(土)01:08:06 ID:XKWkZFm7A 何をだい？？ 112: 1◆NaUNjCMHzs 2014/04/05(土)01:08:29 ID:n6jvIZNZZ java 113

InfoQ Software Architects' Newsletter A monthly overview of things you need to know as an architect or aspiring architect. View an example

2013年4月5日 著 釣りっぽい見出しで言いたいことは言い切ってしまっているけど、繰り返します。Webサイトをあらゆるデバイスに対応させるには、アクセシビリティを確保するしかない。別の言い方をするなら、ビジュアルデザインがレスポンシブに設計・実装されていようといまいと、アクセシビリティを確保していないWebサイトは、マルチデバイスに対応しているとは言えない。自分はそう考えています。1ヶ月ほど前に、スマートフォンの次に来るものという記事で中島聡氏は次のように書きました： 人類が誕生して以来、人々は何万年もの間、歩く時は常にまっすぐ前を見て生活して来た。ところが、スマートフォン（もしくはiモードケータイ）の登場以来、スマートフォンの画面を見て過ごす時間が長くなってしまった。その分、自分の身の回りに注意を払わなくなり、ある意味「外界とのインターフェイスを遮断」した状態で暮らす時間が長くなってし

こんばんは、south37です。 最近はEffective JavaScriptを読んでるのですが、知らなかった事がポロポロ出てくるので、とても勉強になっています。これからはちょいちょい、そーやって勉強した事をまとめていけたらいいなと思います。 って事で、今日は関数定義の話をしたいと思います。 関数宣言と関数式 JavaScriptにおける関数定義には、大きく分けて3つの方法があります。 function文を使う方法(関数宣言) function演算子を使う方法(関数式) Functionコンストラクタを使う方法 1と2が一般的によく使われる方法ですね。 // 方法1 function multi(x, y) { return x * y; } // 方法2 var multi = function(x, y) { return x * y; }; // これも方法2 var multi

JavaScriptのプログラミングに関するTips集。 主に中級レベルの話題とノウハウを掲載する。 なお，JavaScript初級〜中級をクイズ形式で網羅的に学習するためには，下記のエントリを参照。 JavaScriptの動かないコード　　(JavaScriptエラー集) http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779 ※JavaScript以外のプログラミングについては，こちらを参照。 ピュアJSを極める： JavaScriptで，クラスを継承する方法　（複数のサブクラスから共通クラスのプロトタイプを参照する） JavaScriptでの例外設計　（throw，try-catch-finally構文のイメージと利用パターン） JavaScriptで，動的に追加されたイベントリスナの実行順序を保

スマートフォン対応やタブレット対応が必須の時代に、CMS（コンテンツ管理システム）はどうあるべきで、Web担当者は「ユーザーに価値をもたらすWebサイトやコンテンツ」をどう考え、デザインし、実装すべきなのか。 長谷川恭久氏がMovable Type（MT）の公式サイトを最新バージョンのリリースにあわせて大きくリニューアルした際の「コンテンツの根本改革」を、その背景にあるユーザー変化とCMSの関係とともに解説する。 CMSは「サイト管理ツール」から「コンテンツ管理システム」へ Movable Typeが見据えるマルチデバイスの世界筆者が進めたサイトリニューアルの考え方を解説する前に、その背景となった考え方を、 CMSの役割ユーザーの環境や行動の変化という観点から解説しておきます。 CMSのようでCMSではなかった時代「CMS（コンテンツ管理システム）」という言葉が企業Web担当者のなかで使わ

後藤隆昭 @ryu_ PDFは紙の資料をそのまま載せられ、かつ改竄しにくいという性格から各省庁で多用されてるけど、何がいけないの？どんな環境でも元のレイアウトを正確に再現できるという意味では優れものだし、今はスマホでもストレスなく読めるし、二次利用向きではないにせよテキストなら拾えるし。

結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ

はいこんにちは。最近なぜか風邪が治らないナカムラです。何食ったら健康になれるんでしょうか。誰か教えてください。 さて、サイトを作って！とザックリ投げっぱなされた依頼について、何を掲載するべきで何をどう設計するべきなのか。悩みますよねぇ・・・。 今回は日本ディレクション協会の人気講座「0からのWebディレクション講座：設計編」で、DCHSの高瀬さんが非常に分かりやすい見解と考えまとめ用のテンプレを公開してくれましたので紹介してみます。 以前からこのサイトでもその重要性についてブツブツ言っている感情設計についての考えとも重なる部分多めでしたので、両方読んでいただけると理解が深まるかもしれません。 感動設計テンプレート＆講演資料 ユーザーが感動するウェブサイトを実現するために必要な情報設計とは？ 高瀬さんいわく全てのWebサイト、サービスは「ユーザーを感動させるため」に存在しているし、そうあるべ

jeffcroft.com 2014.1.3のブログエントリ 2014.2.13追記。結び（diversify or die）を誤解してた Web Standards Killed the HTML Star – JeffCroft.com 「html/cssが得意なだけでは飯が食えない」という周知の事実について 「名人」としての活動歴（書籍、登壇）のある人が現状について書いたエントリ 「あの名人はいま」風で面白く読んだ 以下斜め読んだ内容 2003年にJeffrey Zeldman「Designing With Web Standards」を出版した頃の話 html/cssかくあるべし、と議論されてた レイアウトはtable要素でなくcssで 画像置換のテクニック。これはアクセシビリティを守るため semanticなマークアップ -　などなど カンファレンスも何度もあった。本を書いた人も

公開日 : 2013年12月27日 (2014年3月9日 更新) カテゴリー : アクセシビリティ / ユーザビリティ 「Web ユーザーのうち、JavaScript を無効にしている人はどのくらいいるのだろうか？」という話題は、Web サイトの制作や運営に関わる人の間では、以前から関心の高いところだと思います。海外でもこの話題を扱った記事は多く、Web 上で検索してみると、いろいろな記事が見つかります。 How many people browse with Javascript disabled? How many people are missing out on JavaScript enhancement? (イギリス政府「Government Digital Service」の記事) How many users have JavaScript disabled? (「Yaho

これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10

2. プロフィール • 竹内 真 / TAKEUCHI SHIN #singtacks – 創業企業＆所属 • 株式会社レイハウオリ 代表取締役社長（W3Cメンバー） • 株式会社ビズリーチ 取締役CTO • 株式会社ルクサ CTO – 主な運営サービス • • • • • 2 ビズリーチ http://www.bizreach.jp/ ルクサ http://luxa.jp/ RegionUp http://www.regionup.com/ codebreak; http://www.codebreak.com/ CareerTrek http://www.careertrek.com/ #singtacks supported by