2017-09-14思考とデザインスキル 〜メドレー TechLunch〜はじめまして！最近みるみる太りだしてはいるものの、まだ機は熟していないとダイエットの時期をぐっと堪えている開発本部イケメン担当のデザイナー・小山です。 メドレーでは TechLunch という社内勉強会を実施しているのですが、前田に引き続き私も発表する機会をいただきましたので、その内容を紹介させていただきます。テーマは「思考とデザインスキル」です。発表資料は記事の最後をご覧ください。 テーマに入るまえに…みなさん『黄金比』ってご存知ですか？ 黄金比は美しいとされる物の形に共通してみられる比率で、古くから絵画や彫刻、建築などに使われています。デザイナーであれば、一度以上は使ったことあるのではないでしょうか？私もデザイナーなので何度も使っています。 ただ使ってはいるものの、なぜ美しくなるのか上手く説明ができません。当たり

すぐ隣で仕事をしている人が、こんなことを言っていた。 「なんで自分にはこんなに集中力がないんだろう？仕事をはじめても３０分で耐えられなくなってしまう。昨日の夜は溜まっていた仕事になかなか手がつけられず、つい朝まで寝てしまった。」 私は答えた。 「科学的には、「とりあえず、5分でも10分でもやってみる」とやる気が出るらしいですよ。」 参考：どうにもやる気がおこらない時、やる気を出せる技術。 「やる気」は脳の研究分野の1つでもあり、科学的なアプローチも進められてきた。 脳科学者の池谷裕二氏は著書の中で、「やる気」について言及しており、「何かを始める」と、側坐核という脳の部位が活性化し、やる気が出るとしている。 これはつまり「気分」「マインド」が先ではなく、「行動することでやる気が出る」という、従来のイメージと逆の主張だ。 確かに個人的にこれは思い当たるフシが数多くあり、「やる気がでない」と言う

9年ぶりのJ1復帰を目指すジェフユナイテッド千葉は、今季、いままでにない大改革を進めている。 エスナイデル新監督が率いるチームは、極端なまでのハイラインで守り、猛烈なハイプレスをかけ続ける。前にも後ろにも、とにかく走るのだ。夏場でも、その運動量が落ちることはない。なぜ、そこまで走れるのか――。 監督は「そこにミステリーはない」と言葉に力を込める。厳しいフィジカルトレーニングを課しているのは想像に難くないが、それだけではない。強度の高い練習をこなす体作りから見直し、徹底して食事改善に取り組んでいるのだ。 現役時代、イタリアのユベントス、スペインのレアル・マドリーなど、欧州の名門クラブでプレーしてきた元アルゼンチン代表にとっては、当たり前のことを当たり前にしているだけだという。 脂身、濃い味、白米が並ぶ食事に監督があ然。 きっかけは、シーズン開幕前の沖縄キャンプだった。 「なぜこんなに味付けが

2017/9/7 12:20　 野口学 2009年にオープンした広島東洋カープの新本拠地、MAZDA Zoom-Zoom スタジアム広島（マツダスタジアム）。訪れた者なら誰もが魅了されるこの異空間は、日本のこれまでのスタジアムの概念を覆すようなアプローチによってつくられた。「スタジアム・アリーナを核としたまちづくり」が経済産業省を中心に進められるなど、今やスポーツの域を超えて大きな注目を浴びているスタジアム・アリーナ建設。今回、マツダスタジアムの設計に関わった株式会社スポーツファシリティ研究所代表取締役の上林功氏が、同スタジアムに隠された知られざる特徴と、未来のスタジアム・アリーナ建設のヒントを明かした――。（取材・文＝野口学） 後編はこちらマツダスタジアムは人の意欲を喚起させるスタジアム　マツダスタジアムはオープン以来、これまで非常に数多くのファンが足を運んでいる。初年度となる2009年

素晴らしいオープンワールドゲームならいくらでもある。「The Elder Scrolls V: Skyrim」、「ウィッチャー3 ワイルドハント」、「グランド・セフト・オートV」、「Fallout 4」など、巧妙に作り込まれた膨大なスケールのゲームは特に海外のタイトルが多いように思う。それらと比べても遜色のない国産タイトル「ゼルダの伝説 ブレス オブ ザ ワイルド」（以下、BotW）だが、他のオープンワールドゲームより優れている点があるとすれば、バグの少なさなのではないだろうか。僕はハイラルの世界を150時間以上冒険しているが、バグらしいバグに遭遇したのは片手で数えられる程度の回数しかないのだ。 では、なぜBotWはこんなにもバグが少ないのか。「何年も入念に開発してきたからだ」とか「細かいところを丁寧に作り込む日本人の職人魂が備わっているから」とか、そんな理由でも片付けられそうな気がするが

今年になって人工知能、AIが取り入れられたWeb制作関連のサービスがどんどんリリースされています。フォントの組み合わせをAIで、カラーの組み合わせをAIで、サイトのリデザインをAIで、自動化することができ、自分にはない知識を引き出して効率的に作業することができます。 今回紹介するのはサイトのブランド、ロゴやスタイルガイドを数クリックするだけで作成できてしまうオンラインサービスです。そのまま使ってもよし、カスタマイズも可能なので、ベースとしても利用できます。

22 important things to check for logo design, thinking for creating design guidelines. 9月にロゴデザインのワークショップをやることになりまして、対象者に向けて予習の意味も兼ね、久々のデザインエントリーです。 「長く使える」「様々な用途に使える」「時を重ねてその精度が増す」「デザイン担当者の負担が少ない」「関わるクリエイターの創作意欲が湧く」「複数のデザイン関係者が扱いやすい」… などなど「ブランドデザイン担当者」として、また普段は「デザインガイドラインなど作成している立場」から特に重要な「ロゴデザインのポイント」だけをざっと書き出してみました（個別のエントリーはまた後日ということで）。 まず、最初は東京オリンピックなどでも話題になった「知財」「意匠系」のポイントからです。それではどうぞ。 <知財・意匠系

「この単位、なんだ？初めて見た・・・」 CSSが初めに登場してからかなりの時間が経過していますが、CSSに触れている経験が長いひとでも、一度はこのように思ったことがあるのではないでしょうか。 CSS歴10年以上の方でも*「長さの指定にはpxしか使わない」*という人も珍しくはありません。 実際、CSSは小さな仕様変更を繰り返しており、W3Cの草案作成・勧告といった正式なプロセスを経て便利な単位やプロパティは続々と追加されています。 CSSにおいて、単位を操ることができれば、デザインやレイアウトを行う上でかなり幅が広がることになります。 これから紹介するように、CSSにはすでにさまざまな単位がありますが、知らなかったがために回り道をしてしまっていた、あるいは知っていたらもっと短く書けるコードも多く存在します。 今回は、あまり知られていないけれど知ると得するCSSの単位をまとめていきます。 単位

thやtdなどに指定するわけではなく、そのままtableに対して『table-layout: fixed;』を設定してしまいます。 これですぐに均等配置になります。 ちなみにtableのデフォルトは『table-layout: auto;』なので、例えばレスポンシブでスマートフォン用のサイズになった時に元に戻したいというときはこちらを指定してください。 画像を丸く切り抜きたい アイコン画像などを丸く切り抜きたいときに使える小技です。 DEMO

はたらくみんなのための働き方改革。 もっと楽しくなるはずなのに、 楽しめないのはなぜだろう。 もっと歓迎したいのに、 盛り上がらないのはなぜだろう。 風が変わりはじめた今だから 少し考えてみませんか？

イケア効果という認知バイアス 自分で作ったものだからこそ、特別な感情を抱いてしまいます。だからこそ成果物が否定されると、自分自身が否定されたかのように聞こえてしまうことがあります。自分は自分。成果物は成果物と切り分けて聞き入れるべきですし、話し手も成果物の課題に対してきちんとフィードバックをしたほうが良いでしょう。しかし、実際はそう簡単にはいきませんし、たとえ話し手が上手なフィードバックをしていたとしても、上手に受け入れられない場合があります。 人は自分で作ったものに対して特別は感情を抱いてしまうのは、デザイナーだけではありません。自分で作ったものに本来以上の価値を与えてしまう認知バイアスで、誰でも持っているものです。こうした状態を「IKEA effect（イケア効果）」と呼ぶことがあります。 IKEA の家具は組み立て前の状態で販売されており、組み立てるのは購入者です。コスト削減のための

…を読んで感じたことが数日twitterに溢れていたけれど140文字をいくつ重ねても仕方ないと感じたので、"破壊"（或いは、記事中では"分断"）について自分が活動の中で感じたことをまとめることにしました。ちなみに、こういう記事もあるみたいなので、#FUZEというメディアの芸風として加味してみないといかんと思いました。 ■田中宗一郎さんと子供の私とクラブ　いきなりですが、私は日本に数多いるタナソーさん（敬愛を込めてそう呼ばせていただきます）の子供です。ご本人の好む好まざるに関わらず。高校生～大学生にかけて、雑誌「ロッキングオン」と「スヌーザー」を養分に育ち、タナソーさんがライナーノーツを書いたアルバムを電車の中で聴きながら学校に通っていた、"フツ―"の音楽好きの子供でした。 だから、タナソーさんには未だに憧れがあるし、この人の言うことは正し…くはなくとも一定の説得力があるという刷り込みもあり

私が携わっているサービス「ペライチ」のロゴをリデザインしました。 今回のロゴができあがるまでの流れをまとめてみました。 背景 現在、私の勤めている会社は、誰でも簡単にwebページが作成できる「ペライチ」というサービスを開発、運営しています。会社の社名は株式会社ホットスタートアップでしたが、2017年の5月25日に株式会社ペライチに変えました。これは「ペライチ」というサービスが認知されてきたこと、社名をサービス名と同じにすることで今まで以上にこのサービスに全力を注ぐという決意の現れでもあります。 この社名変更を機にロゴも刷新することになり、デザイナーの私がこのプロジェクトに任命されました。 競合調査 始めに競合のロゴ調査から始めました。他社のロゴのイメージやどんなモチーフを使ってるかを調べたり、業種別・ロゴのテイスト別にポジショニングマップなどを作成し、その中でペライチのロゴが目指す方向を定

習得れば家具も作れる! 自宅で本格DIYを実現してくれるCNC加工ロボット「Cubiio」を使ってみた

インターネット広告費は年々高騰傾向にあり、いかに多くのユーザーを集客するか、日々頭を悩ませる方も多いのではないでしょうか。 一方で、集客したユーザーにコンバージョン（CV、購買やお問い合わせ、資料ダウンロードなど）してもらうための施策、つまりサイトの分析と改善にお金と労力をかけられている会社はどのくらいいるでしょうか。 今回は国内13,000サイト以上の導入実績があるサイト分析＆改善ツール「Juicer」をご紹介しつつ、Webサイトの分析、改善を行うために知っておくべきポイントを紹介します。 サイト分析＆改善活動の重要性とは Webサイトで成果をあげるためには、集客を増やすこと、集客したユーザーのCV率を向上させること、主にこの2つに注力する必要があります。 しかし、広告には多くの予算が投じられる一方、その受け皿となるサイトには特に施策が行なわれていない、というケースが多く見られます。集客

優秀な子供の才能を開花させるために 5000人の天才児を45年間追跡してわかった、親が知るべき「8ヵ条」と「4つのポイント」 うちの子供は、どうすればもっと賢くなるのだろうか。子供の才能を見つけて、それを伸ばすには、何をすればいいのか。そもそも英才教育って、熱心に取り組むべきことなのか──。そんなことが気になる親にとって、傾聴に値する研究が続々と発表されている。 「生まれか育ちか」論争の終わり 膨大な「天才研究」の成果をまとめて世界的なベストセラーとなった『天才を考察する』という本がある。著者のデイビッド・シェンクは、同書で「天才児を産むのは、遺伝子と環境の相互作用である」と主張。「生まれか育ちか」論争に意味はなく、親が適切な教育を施すことで子供の才能を伸ばすことができる、と説いたのだ。 「誰にでも天才になるポテンシャルはある」と書くシェンクは、マイケル・ジョーダンからモーツァルトまで多彩

3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than Ever) You Might Not Need jQuery 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 現在のブラウザ事情 jQueryに替わる、JavaScriptの選択肢 マイクロライブラリの台頭 IE9への対応はポリフィルで NodeListの反復 jQueryは遅いのか？ jQueryについて私が嫌いなもの $なしでは生きていけない？ 現在のブラウザ事情 jQueryが2006年にリリースされてから、DOMとブラウザのAPIは飛躍的に向上しています。2013年に「You Might Not Ne