本記事は、「誰のためのデザイン？」や「エモーショナル・デザイン」などの著書、TED Conferenceやその他多数の基調講演で世界的に有名なドン・ノーマン氏が、サンマリノ大学デザイン学士課程設置１０周年記念に寄せた記事です。 ここで書かれている大きなテーマは、デザインの未来と従来のデザイン教育とのギャップ、そして現代のデザイナーが直面するジレンマです。美しく快いものを作る技術としてのデザインか、思考方法としてのデザインか。私たちには両方が必要だけど、どのようにして両立させ、いかにしてその両方を担うことができる人物を育てることができるのか。大きな問いを投げかける、非常に読み応えのある記事です。本人及び記事掲載元から許可を得て、翻訳及び掲載しています。 元記事：The Future of Design: When You Come to a Fork in the Road, Take It

Bracketsがメジャーバージョンアップ 昨日、これまで小刻みなマイナーバージョンアップを繰り返し0.44までバージョンを重ねていたBracketsが1.0と、正式なバージョンアップを行いました。わーい！！確か私は0.14くらいから（2年近く経ってる？）使っているはずですが、開発には既に3年ほどかかっているそうです。 Brackets – A modern, open source code editor that understands web design. 今回はこれについてではなく（別途記事を書きます書きました→Bracketsだって激しく進化してますよ！メインエディターとして1年使ってみて）、この1.0と同時にリリースされたBrackets制作チーム肝いりの拡張機能、「Extarct for Brackets」の紹介をしたいと思います。これはまだまだ多いPSDカンプからのHTM

With over a decade of experience, we have the expertise to make for millions. We take ideas and form them into the perfect experience for brands and customers.

巷では、スマホは「手触り」が重要・・・って話が持ち上がりつつあるが、使い易さと気持ちよさを両方できる人材が不足している。広告Flash業界で培われたインタラクションのノウハウは、だんだんと失伝しつつあり、ビジュアルや動きをちゃんとコーディングできるスマホ系の人材なかなかいない。新しく勉強するパスもほとんどない。 そんなわけでTHE GUILDの社員研修として勉強会をすることに。目標は1年ぐらいでこの程度のモリモリ動くものを作れるようにすること。で、2年目に動きや手触りに、合理性や必然性、使い易さを付加できるとこまでもっていく。 第1回はインタラクティブの根幹となる乱数について。 1: 乱数とは ランダムな値を返す関数、機能。 乱数はインタラクティブ・プログラミングの根源。静的な絵とは根本に異なる、永遠に定着しない絵を作り出す。 インタラクティブなプログラミングでは、知識以上にその応用力が問

もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば scroll mousemove, touchmove devicemotion 辺りですよ。 で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？ そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？ 重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe

〈 この連載・企画は… 〉 地域を見つめることで新しい日本が見えてくる。 新しい視座で日本の地域を再発見していく人にインタビューする新ローカル論。 writer's profile Tomohiro Okusa 大草朋宏 おおくさ・ともひろ●エディター／ライター。東京生まれ、千葉育ち。自転車ですぐ東京都内に入れる立地に育ったため、青春時代の千葉で培われたものといえば、落花生への愛情でもなく、パワーライスクルーからの影響でもなく、都内への強く激しいコンプレックスのみ。いまだにそれがすべての原動力。 現場で答えを出していれば、デザインにNGはない。 日本の地域にある物産や観光をテーマにしたデザインワークを手がけ、 数多くのデザイン実績はもちろん、テレビや講演、インタビューなどに登場し、 “その道”の先導者として支持を得ている高知県在住の梅原真さん。 彼はグラフィック＆プロダクトデザインによって

ブランドエクスペリエンス表現手法の新しい流れ 「第1回　iBeaconでヒト／モノ／データをつなぐ」では、BLE（Bluetooth Low Energy）技術が可能にするブランドエクスペリエンスの新しいあり方を紹介しました。今回はよりブランドエクスペリエンスの体験／表現の部分に軸足を移したお話をさせていただきたいと思います。 企業は“どういったブランドエクスペリエンス”を提供すべきなのでしょうか？ その企業の商品やサービス、あるいは、企業価値を消費者に気づいてもらい、好きになってもらうこと、そして、その体験が生活者の間でシェアされ、ブランドファンと企業がつながっていくようなブランドエクスペリエンスを提供することが重要だと思います。そういったブランドエクスペリエンスを提供する手段として、より直感的にブランドの価値が伝わる「さわれるデジタル」ともいうべき手法が登場してきています。今回はそんな

こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること

地産地消！ここでしか飲めない「りんごビール」や「高校生開発メニュー」 などを用意した陸前高田のまち・人に寄り添ったカフェをつくりたい！ こんにちは、中田源と申します。私は北海道出身ですが、友人の被災をきっかけに陸前高田に移り住み活動をしております。復興支援グッズ「瓦Re:KEYHOLDER」のプロジェクトでは、READYFORを通してたくさんの方のご協力を頂きました！ありがとうございます。このプロジェクトと並行して、以前から私は、陸前高田にとって必要とされ継続して安定した新しいお仕事をつくることを目標にしていました。そんな想いから、2013年6月に今までの瓦Re:KEYHOLDERの売上の貯蓄を使い、陸前高田に皆が集れるカフェ「ハイカラごはん職人工房」をオープンしました。プレハブの仮設店舗として運営をしておりましたが、今では地元の雇用も増え10名程度のスタッフで運営できるようになりました。

こんにちは! ヨス（プロフィールはこちら）です。 今回はTwitterの技の紹介です。それは記事の中でのリンク先を「Twitterのつぶやき投稿ページ」に指定して、更にリプライ（@）とかハッシュタグ（#）を、あらかじめ指定しておく「Aタグの書き方」の紹介です!! なんかやこしくてすみません。 「Twitterのつぶやき」へのリンクにリプライやハッシュタグを付ける さて、Twitterのつぶやきへのリンクとはこんなやつです。 ここから好きなことをつぶやくのだ これは、リンク先に「 https://twitter.com/intent/tweet 」を入れることでできます。 リプライ（@）が付いた状態をリンク先にする方法 まずは、投稿ページに行ったときに最初から「リプライ（返信）」になっている方法です。 最初からリプライの例 タグはこんな感じになっています。 <a href="https://

清水淳子さんは、会議や講義をグラフィックで記録し発信するメディア『Tokyo Graphic Recorder』として活動しつつ、ヤフー社のUXデザイナーも務める。突出したクリエイターとなった彼女はかつて、いちデザイナーとして危機感に苛まれていた。その時取った行動とは？ 日常業務の疑問を追求することで、違うステージが現れた。 会議の議事録、パーティでのパフォーマンス、雑誌のコンテンツ、ジャーナリズム、ファシリテーション…。様々な意味合いで活動をする『Tokyo Graphic Recorder』の清水淳子さん。雑誌「Web Designing」や「ブレーン」などでも取り上げられ、ご存知の方も多いかと思う。 「言われたことをやっているだけで本当にいいのだろうか」という疑問を持つ、いちデザイナーだった彼女が『Tokyo Graphic Recorder』 兼 ヤフー社 UXデザイナーという唯一

ひっぽ @hippo3333 新しく1月から採用されたひとが僕の席の前にいるんですが、ハンカチを凄く丁寧に畳んだり、もの思いに耽るときは斜め上を見たり、座りながら脚をぶらぶらさせたりと、仕草がいちいち可愛くて小動物みたい。キュート！ ちなみに僕より年上のハゲ散らかしたおじさんです。 2011-01-06 17:08:22 ひっぽ @hippo3333 職場の歓迎会。1月に採用されたハゲ散らかしたおっさんが「僕、高所恐怖症で歩道橋渡れません！」と自己アピールしたら、女子社員から「カワイイ！」と大絶賛された。「僕っ子おじさん」として立場を同じくする俺のハートに、ライバル心という名の暗い炎が燃え上がるッ！ 2011-01-18 22:23:47

Webアニメーションを高速化するために知っておくべき10のこと（後編） 斉藤 祐也（株式会社リッチメディア） 前編から引き続き、後編でも最適化のために知っておきたいレンダリングプロセス、計測方法、そして最適化を妨げるよくあるアクシデントとその回避方法について紹介していきます。 アニメーションを高速化するために知っておきたいレンダリングプロセス ブラウザがどのようにウェブサイトを表示しているのかを知ることは、アニメーションだけに限らず、Webのパフォーマンス全体の高速化を行うために大切なステップです。 イスラエルの開発者であるTali Garsiel氏が公開した『How Browsers Work』は、HTML5 Rocksに転載され、複数の日本語訳も提供されている、ブラウザの内部動作を学ぶために読んでおきたいリソースの1つです。 そのリソースを参考に、レンダリングエンジンのメインフローにつ

（2014年9月1日追記） 本プロトタイピングツールは、以下のページにて正式名称「Handmock」としてご紹介しています。 Handmock: Mobile UI Design Prototyping Kit スマートフォンをはじめとするモバイル端末が急速に普及し、また数年前からの「モバイルファースト」の流れを受け、プロジェクトにおけるモバイルUIデザインの占める割合は高まる一方です。 しかしその設計、制作は、PCサイトのそれとも異なっており、デザインの現場ではスピーディーかつ効果的な設計方法の検討、プロセスの導入が必要とされています。コンセントが扱っているプロジェクトの現場でも同じです。 そこでコンセントでは半年ほど前から、モバイルファースト時代のモバイルUI設計プロトタイピングツールをプロトタイピングしています。 このツールは、独特の形状と機能をもった付箋紙と付属品がパッケージになっ

2012年11月5日から12月26日までフジテレビで不定期に放送されていた薄気味悪い番組『EVEの全て』。 例えば１～３話は以下の様なスケジュール。 2012年11月5日　月曜日　深夜1時10分から５分。 2012年11月13日　火曜日　深夜3時45分から7分。 2012年11月16日　金曜日　深夜2時5分から9分。 まるで時間はバラバラ。それでいて新聞のテレビ欄にすら掲載されていないため、全てを見るのはまさに不可能とまで呼ばれた番組がある。既に半年も前の事ですが、この番組、非常に現在のインターネットによる恐怖をきっちり表現していて面白かったのでご紹介したい。 番組は全16話だが、時間は全部で75分。お時間のあるときにでもどうぞ。 それはもっとも身近な恐怖 まず、最初に流れた放送がこれだ。完全な盗撮動画。 これだけ唐突に流れれば、誰もがこれは一体何なのか？ 番組欄にものってないけど、大丈夫

Google Analytics使ってますか？ 無料で使えるアクセス解析ツールとして定番なので使っている人は多いと思いますが、果たしてどこまで正しく使えていますか？ 個人的にとても便利で良く活用している「イベントトラッキング」について紹介します。 イベント・トラッキングってなに？ イベントという言葉に馴染みがない人が多いですよね。 Google Analyticsは”どのページが見られたか？”を解析するツールですが、他にも”ボタンをクリックした”とか”記事を1分以上見た”とか”動画を30秒以上見た”というアクションを計測することもできます。 個別のアクションのこと計測する事をイベント・トラッキングと言います。 Javascriptでイベントハンドリングとかしている人なら馴染みがあるでしょう。 計測するにはちょっとコツがあるのでやり方を紹介します。 イベント・トラッキングの始め方 まずは公式

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

新ブラウザ戦争点滅。グーグルがアップルのWebKitを離反、ChromeとOperaが独自レンダリングエンジンBlink採用へ2013.04.08 13:00 satomi blinkと言えばその昔ネット創生期にマイクロソフトvsネットスケープのブラウザ戦争でマイクロソフトが頑として対応しなかった点滅チカチカ要素...穏やかじゃないですね... グーグルが今Chromeで使ってるレンダリングエンジンWebKitの使用をやめ、モバイルもPCも独自のBlinkに乗り換えると発表しました。 ...と言われてもチンプンカンプンですが、これが重要な転機でして、レンダリングエンジンはウェブサイトのHTMLとかCSSとかJavascriptを咀嚼してレイアウトを決めるプログラムですから、その差が広がれば同じサイトでもブラウザごとに見え方が違ってきてしまうんざますよ。 なぜフォーク？ WebKitは現在C

まだライブにも一度も足を運んでいないが、書かずにはいられない。 先週買った。 KGY40Jr./コスプレイヤー＜初回限定生産盤＞ - TOWER RECORDS ONLINE まだタワレコと会場でしか売っていません。 先々週買いに行こうと思ってタワーレコード新宿店に立ち寄ったが、すでに品切れということで取り寄せてもらいました。 そ、そんなに人気なのかKGY40Jr。入荷数にもよると思うが、、。やっぱりアイドル文化というものは、都会でしか楽しめない部分は少なからずあるかもしれない。インタネットの普及により、地方とタイムラグはほとんどないと言うが、実感としては都会に住んでる情報感度の高い人から先に、その情報まで辿り着けないし、盛り上がりを実感できない。 アイドルは生身の人間で一カ所でしか活動できないしね。そういう意味ではやっぱAKBSKENMBHKT乃木坂は最強？ 肝心のKGY40Jrの５曲入