他人に教えてあげたり、何かをしてあげたりしてばかりの「お人よし」はビジネスで損をする、と思われがちですが、意外にもお人よしには成功者が多いようです！成功しているお人よしが用いているコミュニケーション術を、 『GIVE & TAKE』という本が教えてくれます。 人間の相互関係には、常に与えるより多くを受け取ろうとする テイカー、受け取る以上に与えようとする ギバー、与える事と受け取る事のバランスをとろうとする マッチャーの3タイプが存在します。著者が注目しているギバーは、まず 人脈作りの点においてテイカー、マッチャーと大きく異なるそう。 テイカーとマッチャーがつながりを作る時は、近い将来自分を助けてくれそうな人に的を絞るもの。しかしこの基準のマイナス面は、受け取る側が自分が操作されているように感じること。また助けてくれそうな人にだけ与えるために、ネットワークが非常に狭いものになる、という欠点

誰もが関心を持つ年収分布ですが，官庁統計では，おおむね100万円刻みの分布が示されています。200万円台は何人，300万円台は何人，・・・1500万円以上は何人，というデータです。 これをグラフ化するとなると，各階級が全体に占める割合（％）を出し，それらをつないだ折れ線を描くのが普通でしょう。これがいわゆる，年収分布曲線です。 しかし，多くの属性の分布を比較しようという場合，何本もの曲線を描くことになります。たとえば，20～50代の5歳刻みの年収分布を比べる場合，8本の曲線を盛り込むことになり，非常に見づらくなります。グチャグチャです。 私は，この難点をクリアする技法として，面グラフによる表現を思いつきました。いくつかの事例を見ていただきましょう。まずは，男性有業者の年収分布の変化図です。 どうでしょう。年齢層ごとの年収分布を上から俯瞰する図法です。「失われた20年」と形容される，90年代

In earlier days, we had browsers that did not feature tabbed browsing, but today when you look at all browsers available, we can see that all browsers offer that. Being a programmer, I normally have 10-15 tabs open at a time, sometime this numbers goes above 25-30. Why This API? Earlier, it was not possible to determine which tab is active and which was not, but with the help of the HTML5 Visibili

アクセシビリティを考えたドロップダウンメニューを実装する多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは `tab` キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います！ こちらの Gif 画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常の HTML と CSS を使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみにこのブログのナビゲーションメ