https://developer.smartnews.com/blog/categories/affordance/ Recent content in Affordance on SmartNews Engineering Blog Hugo -- gohugo.io Tue, 30 Jul 2013 09:30:09 +0900 https://developer.smartnews.com/blog/2013/07/30/affordance/ Tue, 30 Jul 2013 09:30:09 +0900 https://developer.smartnews.com/blog/2013/07/30/affordance/ <p>突然ですが、ちょっとしたクイズです。 下の文章の中にはリンクが１つあるのですが、それはどこにあるでしょうか？</p> <p style="font-size:small;border:1px solid #cccccc;padding:10px;">あの<span style="color:#1122cc;text-decoration:underline;">イーハトーヴォ</span>のすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られた<a style="color:#000000;font-weight:normal;text-decoration:none;" href="http://ja.wikipedia.org/wiki/%E7%9B%9B%E5%B2%A1%E5%B8%82">モリーオ市</a>、郊外のぎらぎらひかる草の波。</p> <p>どうでしょう。思ったところがリンクではなく、なかなか本当のリンクを見つけることができなかったかと思います。</p> <p>もちろん、普通はこんなおかしな表現はせずに、次のように表現するでしょう。</p> <p style="font-size:small;border:1px solid #cccccc;padding:10px;">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られた<a style="color:#1122cc;font-weight:normal;" href="http://ja.wikipedia.org/wiki/%E7%9B%9B%E5%B2%A1%E5%B8%82">モリーオ市</a>、郊外のぎらぎらひかる草の波。</p> <p>これらのことは《アフォーダンス》という言葉を使って次のように表すことができます。</p> <p>　最初の文章　：　リンクのアフォーダンスを正しく認識できない例 　次の文章　　：　リンクのアフォーダンスを正しく認識できる例</p> <p>この記事では、iOS / Android アプリ開発においても重要な考え方の１つとなっている、アフォーダンスという概念をお話ししたいと思います。</p>