この記事はWeb Accessibility Advent Calendar 2013のゲリラ投稿です。何か書いてみようかなーと色々思案し、ネタを思いついたところで投稿しようとしてアドベントカレンダーのページを開いたら全部枠が埋まっていたので何日目とか関係なく仕方なくゲリラ投稿します。 さて、Web Accessibilityということで非常に悩んだ物の、ブラウザエンジニアもどきを自称する私としては、本稿ではブラウザの空間ナビゲーションについて語ろうと思っています。 What is 空間ナビゲーション? キーボードを用いてページ中のフォーカスを移動する機能です。それだったらタブキーで出来るじゃねーかと思う方も沢山いらっしゃるかもしれませんが、矢印キーでフォーカスを移動できる機能です。 空間ナビゲーション - Opera Wikiの記述を引用してみましょう。 空間ナビゲーションとは、レンダリ

When it comes to writing without any obstructions, the choices are plenty. There are many users who prefer the good old visual editor — however, most of the time, writers and developers tend to struggle when writing proper text using HTML markup. Similarly, even though the visual editor is easy to use, it can appear limiting to many users. It is in cases such as these that Markdown comes in handy.

キッチン泡ハイターってスゴい汚れが落ちるらしいですよ！こんばんはLatinです。 さて、2013年も終わろうとしている訳ですが、今年のアドベントカレンダーも盛り上がっております。デザイナー・コーダー寄りで個人的に気になるアドベントカレンダーをまとめてみました。 デザインツール系 Fireworks Lover Advent Calendar 2013 UI Design Advent Calendar 2013 #LOVEFONT Advent Calendar 2013 X'mas Card Design Advent Calendar 2013 HTML/CSS Frontrend Advent Calendar 2013 HTML5 Advent Calendar 2013 CSS Property Advent Calendar 2013 WordPress/Movable Typ

国内最大手のジーンズメーカー、エドウインが11月26日に事業再生ADR（裁判以外の紛争解決）を申請した。エドウインは、昨年8月に投資に伴う200億円超に上る巨額の損失が発覚していた。 事業再生ADRは私的整理に位置付けられる措置で、倒産ではない。現時点でもエドウインの営業活動は継続している。しかしながら、これで国内の大手ジーンズナショナルブランド（NB）、特に5大ブランドと言われた各社は、リーバイ・ストラウス・ジャパンを除いてすべて経営破綻したことになる。「ジーンズ業界」という枠組みは本当に過去の遺物になってしまった。 リーバイス以外はすべて破綻 1990年代半ば頃までは、大手ナショナルブランドはジーンズ5大ブランドと呼ばれていた。エドウイン、リーバイス、ビッグジョン、ボブソン、ラングラーである。このうち、ラングラーを展開していたラングラージャパンは99年にVFジャパンとなったが、その翌年

WAI-ARIA をマークアップに取り入れるはじめの一歩として、まずは WAI-ARIA を既存のマークアップに取り入れる際に、扱いやすい項目についてピックアップしつつ、それぞれのサンプルソースを挙げながら紹介します。 この記事は、Web Accessibility Advent Calendar 2013、4日目の記事です。ベタな内容なのでもしかすると他の方とかぶるかもしれませんが、気にせずいきます。 とはいっても、WAI-ARIA の仕様をすべて詳細に取り上げるのは大変なので、まずは WAI-ARIA を既存のマークアップに取り入れる際に、扱いやすい項目についてピックアップしつつ、それぞれのサンプルソースを挙げながら、紹介してみたいと思います。まだ WAI-ARIA をマークアップに取り入れたことがない方が、初めて使うきっかけになれば幸いです。 WAI-ARIA の仕様は下記にあります

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

米Facebookは12月2日（現地時間）、ニュースフィードのコンテンツ表示の順番を決めているアルゴリズムの変更について説明した。 記事リンクの優先表示 自分あるいは「友達」がモバイル端末でニュースフィード上の記事リンク（The Atlanticなどのオンラインメディアの記事へのリンクを指すようだ）をタップすると、その記事リンクがニュースフィード（モバイルだけでなくデスクトップでも）上で優先的に表示されるようになる。Facebookは、一般的なユーザーはネット上で話題の画像へのリンクよりも記事リンクを好むことが調査の結果分かったのでこの変更を実施することにしたという。 さらに、ニュースフィード上の記事リンクをクリック（タップ）すると、その投稿の下に関連する記事リンクが最高3つまで表示されるようになる。メディアにとっては歓迎すべき機能だ。 同社によると、Facebookのニュースフィードから

こんにちは！ChatWork デザイン部の新免です。 ChatWork Advent Calendar4日目を担当します。 いきなりですが、先日弊社CTOの山本が公開した、デザイナーの強い味方「Phest（フェスト）」はご覧いただいたでしょうか？ 黒い画面を必要としない、静的サイトジェネレーターですが、静的サイトを生成するだけではなく、サイトマップの自動生成、SassやLESSのコンパイルなど面倒な作業もワンクリックでおこなってくれるので非常に助かります。 ChatWork社内でWebサイトを作る際に利用しているのですが、黒い画面とお友達になれていない自分には非常に強い味方になってくれています。 ということで、今回は静的サイトジェネレーター「Phest（フェスト）」の基本的な使い方について、ご紹介したいと思います。 なお、前回の記事でPhestの特徴やインストール方法など、詳しく記載してあ

こんにちは！ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します！ >>PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって？静的サイトジェネレーターとは、テンプレートなどプログラム的な処理を実行し、 HTML/JavaScript/CSS/画像などだけで構成された静的なWebサイトとして書き出すツールのことです。 Webサイトをつくる上で共通のヘッダやフッタなどは、PHPやSSIなどのinclude構文を使ったり、 そもそもWordpressなどのBlogやCMSなどを使って構築するケースが多いと思います。 静的サイトジェネレーターは、そういったシステムが必要な部分をあらかじ

Expired：掲載期限切れです この記事は，産経デジタル との契約の掲載期限（6ヶ月間）を過ぎましたので本サーバから削除しました。 このページは20秒後にITmedia ニュース トップページに自動的に切り替わります。

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ワークスアプリケーションズは11月29日、都内ホテルでCIOやITリーダーを対象にしたプライベートイベント「COMPANY FORUM 2013」を開催した。 基調講演で、Procter & Gamble（P&G）の最高情報責任者（CIO）、Filippo Passerini氏がビデオセッションに登壇した様子については記事で紹介した。ここでは、その後の講演で、経営戦略アプローチ「戦略ストーリー」の提案で知られる一橋大学大学院国際企業戦略研究科教授の楠木建氏が話した内容を伝える。 楠木氏は「戦略ストーリーを創るセンス」と題して、戦略ストーリーの考え方や「センス」との関係について解説。さまざまな比喩と巧みな話術で会場を沸かせた。 楠木氏によ

このblogに最後に投稿してからすでに長い時間が経ってしまいました。久しぶりの投稿となる今回は、Web Accessibility Advent Calendar 2013向けに、僕が一視覚障害者の立場で考えた、アクセシブルなWebでできること、そしてできないことについて書いてみたいと思います。 僕がWeb上で始めて買い物をしたのは1996年ころでした。それから10数年間、Webは僕にとっての大切な情報源であり、生活のあらゆる部分に影響を与えるライフラインのような存在であり続けています。様々な新しい技術が登場し、Webはどんどん視覚障害者の僕にとってもアクセシブルなものになり、日常生活に必要な多くのタスクをカバーできるようになってきたと言っても過言ではありません。 ニュースサイトやＳＮＳで情報を収集したり、生活に必要な買い物をしたり、銀行で講座の残高をチェックしたり家賃を振り込んだりと、W

住む場所も食べ物も、仕事も価値観も全く違うヤンキーとエリート。この現実は、「格差」という言葉ではもはや説明できない。すでに日本は、欧米のような「階級社会」の時代に突入しようとしている。 キラキラネームをつける 「このままだと日本はヤンキーだらけの国になってしまうに違いない、私はそう感じています」 と語るのは、書評家・ライターとして活躍する豊崎由美氏だ。豊崎氏は、もう10年ほど前からこの「1億総ヤンキー化」説を唱えているのだという。 「昔はどこの家にもそれなりに子どもがいました。しかしいまでは、子だくさんなのはヤンキー家庭だけで、普通の家庭やインテリの家庭は子どもを育てようとしない。やがて普通の家庭の子まで、ヤンキーだらけの世の中で生き残るために、自らヤンキー化することを選ぶでしょう。ますますヤンキーは増え、そうでない人は淘汰されてゆくのです」(豊崎氏) 格差社会の到来と言われて、もう何年が

エキスパートに関するメモ。〈新装版〉「経験知」を伝える技術（ドロシー・レナード＋ウォルター・スワップ著）の第3章から、多少の個人的解釈を含んだ要約。 まず、エキスパートの要件っぽいもの。 ●少なくとも10年以上の集中的な練習と経験を積んでいる ●経験とは、漫然としたものではなく、十分な振り返り、意識的な課題への取り組み、かつコーチの指導とフィードバックをもったもの ●豊富な経験のレパートリーをもつ ●システム全体に関する統合的理解がある ●経験に基づく高度に一般化された知識、抽象化された知恵をもつ エキスパートが具体的な状況に直面したときの表れ。 ●パターン認識能力が高い 初心者には分からない微妙な違いを識別し、 豊富な経験から適切なパターンを見出し、 客観的にものが見られる。 ●先読み能力が高い 少ない情報からでも大局をつかみ、 仮定の選択肢をさまざまに想定し、 先の展開を予測して可能性

One of my favorite quotes/phrases about responsive web design is this one by Luke Wroblewski: “Losing 80% of the screen space forces you to focus on the most important set of features for your customers” To me it really sums up what responsive web design is all about, and why the mobile first approach has forced us to focus on the really important feature of any webapp — its content! Another great