2017年2月28日、渋谷DOTSで行われた「Service Design Night vol.4」で発表した、デザイナーのキャリアパスとスキルアップについてのお話です。 Read less

こんにちは。デザイナーのたかはし（@tmtgtk）です。かれこれ社会人8年目のデザイナーとなりました。広告制作会社からスタートし、事業会社、スタートアップを数社渡り歩いた僕が、何らかの知見をシェアできないかなと思い立ち、初めてnoteを書いてみようと思います。 いきなりですが、デザイナーのみなさん、「デザインレビュー」って普段どうしてますか？ ・上司に見てもらいフィードバックしてもらう・デザインチームの複数人で集まってスクリーン見ながら・エンジニアさんやディレクターさん含めたプロジェクトメンバーで・デザイナーが自分ひとりなので、誰もレビューしてくれない…などなど、様々なケースがあるかと思います。一方、デザインレビューのよくある問題で、 ・その都度上司の言うことが変わる・その時の参加メンバーによってツッコミどころが全然違う（立場が上だったり声の大きい人の意見が通りがち）・エンジニアさんやディ

たまには本業の話も書いてみる。 私の本業は、「メディア運営」「記事広告」「コンテンツ制作」、そして、それらの「拡散」の4つである。 10年以上もやっていたコンサルティングを本業とせず、なぜメディアをやっているかというと、webの素晴らしさに感銘を受けたからだ。 「こんなにwebには力があるのか」 と圧倒された。 何と言っても、webは名もなき個人の意見が、時に何百万人に届く。これは驚くべきことで、まさに「個が力を持つ」時代だ。 特に「拡散」という現象が、私にとっては非常に興味深い研究の対象だった。 そんなわけで、5年ほど前と比べて、様々なメディアに寄稿したり、集客したりと、手伝いをすることがとても多くなり、今に至る。 さて、PRはそれぐらいにして、そんな中で考えざるをえないのが、 「書く」というスキルについてだ。 「書く」は、ここ10年ほどでかなり重要なスキルとなった。 なぜか。 まず、w

Demoを見る HTML <ul id="btn"> <li data-group="all" class="active alpha">ALL</li> <li data-group="red" class="alpha">RED</li> <li data-group="blue" class="alpha">BLUE</li> <li data-group="green" class="alpha">GREEN</li> <li data-group="yellow" class="alpha">YELLOW</li> </ul> <ul id="animationList"> <li data-groups='["red"]'><span class="red">RED</span></li> <li data-groups='["yellow"]'><span class="ye

ウェブサイトやグラフィック制作をより快適にし、生産性をアップさせてくれるChrome拡張機能をまとめてご紹介します。ウェブ制作に携わる、すべての人にオススメです。 便利なオンラインツールを一緒に活用して、自分だけの爆速Web制作スタイルを目指しませんか。 What Font ウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。これまではFirebug や Webkitなどを利用していましたが、What Font を使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。 Fontface Ninja Fontface Ninja は、ウェブサイトで使われているフォントをカーソルを合わせるだけで確認できるだけでなく、その場で購入までできます。ウェブデザイナーは持っておきたい拡張機能のひとつ。 Window Resizer Window

何度か書いていますが、しんざきはシステム関係の仕事をしており、今はそんな大きくないチームの責任者です。自分でも色々作業しますが、一応マネジメントもする立場です。 今とはまた違うチームにいた頃、チームの統合・再編成が行われたことが何回かありました。 チームメンバーは増えたり減ったりしますが、大体毎度、新しいメンバーを何人かは見ることになります。 当たり前のことですが、知らないメンバーと一緒にやっていく際には、まずその人にどんなタスクを振るか、どうタスクを振るかを考えないといけません。 何か新しい技術に触れていくならどのようにスキルのキャッチアップをしてもらうか考えないといけませんし、引き継ぎがあるなら引き継ぎの計画を立てなくてはいけません。 だからチームの再編成の時には、本格的に仕事を始める前に、それぞれのメンバー、及びそれぞれのメンバーの以前の上司に必ず面談とヒアリングをします。いや、別に

「何十年かけてもこの人には敵わない」。そんな頭がいい人に一度は出会ったことがあるのではないでしょうか。 頭がいい人たちの特徴を覚えて、正しい方法を実践することで誰でも頭がいい人になれます。 本記事では、頭がいい人の特徴をご紹介するので、賢いビジネスパーソンを目指しましょう。 頭がいい人には、冷静に物事を把握し、効率的に進める力が備わっている 頭がいい人になるためには、4つのコツがある 頭がいい人のコミュニケーションの秘訣は、誰でも取り組める工夫にあった 頭がいい人の仕事術には、ルールがあり、努力すれば習得できる 本当に頭がいい人の7つの特徴「頭がいい人」の7つの特徴をご紹介します。あなたの周囲にいる頭がいい人を思い浮かべながら、その人の特徴と照らし合わせてみてください。 好奇心旺盛頭がいい人は「好奇心旺盛」です。 例えば、街中に新しいお店があれば「何あれ？ 面白そう！」と実際に店に入ってみ

目標達成や思考整理の為のテクニックには様々なものがあります。 Amazonで探せば、目標管理術を説いた書籍は山のように見つかりますし、インターネットで検索してもまた同じ。どのテクニックが自分に合っていて、確実に目標達成という成果をあげることができるのか、よくわからず迷ってしまいますよね。 また、実際に試してみたとしても、本などで紹介されていた通りに目標達成できたという人は、そう多くないと思います。それは、本などでテクニックを知ったところまでは良くても、その情報が書かれた本を読んだり少し考えたりするだけで、満足してしまうから。十分な実践のレベルにまで到達できていないのです。 でももう、そんな失敗とはお別れしませんか？ 今回は紙とペンがあればだれでもでき、あの大谷翔平投手も高校生時代に実践し、160km/hを投げられるようになったという超実践型の目標達成メソッドをご紹介します。仕事にも勉強にも

スタートアップの有能な経営者や、大手企業の上級管理職など、大きな仕事を試みる人たちが抱えている最も大きな課題の1つは、「人材の確保」である。 自分の事業のために働いてくれる多数の協力者を探すことなく、成功をおさめることはできない。だから、仕事の話には必ず「いい人はいないかね」という話がついて回る。 問題は、有能な人は圧倒的に絶対数が少ないことだ。実際、「よい人材の確保ができないので、事業の成長が遅れている」といったことは日常茶飯事である。 だが一方で、疑問も残る。 それは、「いい人とは一体、どのような人なのだろうか」という疑問だ。 「いい人」は非常に抽象的な表現であり、今ひとつ実感を伴わない。私も「いい人」が何を示すのか、永らく疑問だった。 だが最近、「いい人」に共通する1つの重要な資質を発見した。 それは「野心」である。 いい人は、「野心」が大きく、その質が高い。 野心を所持していること

どうも！今回は仕事ネタ。 「今でしょ！」というフレーズでおなじみ、東進ハイスクール講師の林修先生についてです。 林先生の著書を数冊読みましたので、先生の仕事の流儀をいくつかピックアップして紹介したいと思います。 最近はバラエティ番組に引っ張りだこですが、伊達に人気になっていません。 さすが！と頷ける内容がたくさんです。 仕事で迷ったりしたときに、林先生の流儀を思い出してみてください。 そもそも林先生ってどんな人！？ 自分が不運だと思う人は、向いていない仕事をしていないか疑うべき 優秀な人間は環境に不満を言わない 権威トレンドをおさえろ！！ 何かに負けるとき、原因は主に三つ 将来を見据えた逆算をすべき まとめ そもそも林先生ってどんな人！？ 林修 生年月日： 1965年9月2日 (51歳) 生まれ： 愛知県 名古屋市 身長： 175 cm 学歴： 東京大学 (1988年卒) 東大出身の予備校

フォームの入力中に途中で離脱されないようにするには、アラートを出すことが効果的です。 ぼくは途中でよくフォーム入力を諦めることがあるのですが、アラートを出されるとたびたび引き止められて、ページを離脱するのを踏みとどまります。 なので個人的にはこのアラートはすごい力を持っていると思ってます。 ※このページにコードを仕込んであります。リロードしたりブラウザバックで戻ったりしてみてください。 beforeunloadイベントを使う ブラウザの window オブジェクトには onbeforeunload というイベントが用意されています。 このイベントハンドラに関数を設定すればよいのです。 window のリソースの unload 直前に発生するイベントに対応する処理を設定します。 文書が未だ可視状態であり、イベントが未だキャンセル可能 (event.preventDefault) なタイミング

出典：plansplans.com 年頃の若い娘を持つお父さんなら、娘が夜飲み歩くことはとても心配な事だと思います。多くのお父さんは「飲みに行くな！」と抑えつけてしまいそうなものですが、あるお父さんは「娘を連れ飲み歩く」という選択をしました。その選択の意図が感動的で、カッコイイ！そんなエピソードがネット上で話題になっています。 ▼こちらのツイートが拡散されました。 こんなお父さんがいいな 夜遊びいくな！タバコ吸うな！ 変な友達と遊ぶな！つって 束縛して縛る親よりは 夜遊びに行ってもちゃんと 自分で帰ってこられる範囲で 遊べ、とかこういうことしたら こうなるんだぞ、とかを 教えてくれる親がいい pic.twitter.com/2RgOXE4FAb — 九州美人 (@kyusyugirl1) 2015, 11月 24 こちらのツイートで話題になっていますが、この文章は2007年にmixiの「日

2015/11/21 生き方としあわせ, 就活・起業, 構造, プロセスと結果 こんにちは、森一貴です。 今日は、本気で誰かが幸せになればいいな、と思って記事を書きます。やりたいことがない、と悩んでいる就活生や社会人、教育などの領域で人を後押しする人などに読んでいただけたら、と思います。 さて、世の中、やりたいことがないと生きづらい世の中だなあ、と思っています。 学校では「将来なにがしたいのかな？人生設計してみよう！」 就活では「ウチでなにがしたいの？」 働いていれば「最終的な君自身のゴールを考えるんだ！」 なにそれ。ほっといてくれよ、と思う。やりたいことなんてない。幸せに生きられたらそれでいいのに。やりたいことがない。それじゃ、だめなんだろうか？ このことについて考えるとき、僕は僕自身の就活を思い出す。「君と話してても、ウチでやりたいことがイマイチ見えてこないんだよね～」と祈られる日々。

ウェルク問題で盛り上がっているので、 現状インターネットメディアを自称するほとんどの会社がやっていることは、実質メディア運営ではなく、検索エンジンを占拠するビジネスである 検索エンジン占拠ビジネスにおいては、コンテンツにお金をかける、特に一記事にコストを掛けることは経済的に不合理である と考えている理由について、気分転換がてら書いていきます。 最初に断っておくと、これから書くことはメディア運営をしている一個人の感想であると同時に、メディア運営者の一人として自分も完全にブーメラン案件であり、誰が正義とか悪いとかそういうことを話したくて書くわけではありません。 よくも悪くもインターネットというのはこういう仕組みになっているので、短期的な経済的成功だけを目指すのであれば、ウェルクを始めとする昨今のキュレーションサイトのようなやり方は合理的である というの旨の話となります。 今回のウェルク炎上で比

人物と背景を合成したい場合、予め人物の背景を透明にしたままでPNG画像保存をしておくことで、さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます。 関連記事 ⇒ これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。 しかし、背景の色によっては合成したい画像がうまくなじまず、”カスカス”してしまう部分が出てくることがあるので、ここではカスカスさせることなく、うまく背景になじませるテクニックを解説します。（動画は最下部です↓） Photoshopを使っている人であれば、ブログのヘッダーデザインをする際などに、かなり役立つテクニックなので覚えておいて損はないと思います。 背景が透明なPNG画像があるとバリエーションを作るのがとても簡単！例えば、このような白い背景のヘッダーデザインをしてみます。 背景が透明なP

さて、たまには「まとめ記事」みたいなものも書いてみたいと思います。テーマは視点の高い人はどんなふうに物事を見ているか。長い霞ヶ関勤務での経験や、ビジネスエグゼクティブなどいろんな視点の高い人を間近で見てきて観察してきた結果のまとめです。 それでは、早速いってみましょう。 １．時間軸が長い 視点の高い人は、拙速に結果を得ようとはしません。種をまいてから収穫までの時間軸が長く、時間はかかってもより大きな結果が出せる方法で物事を仕組んでいきます。 部下に失敗をさせることで奮起を促し、失敗を起点にして部下の成長につなげていくよう関わりをデザインするなど日常茶飯事です。このほか「え、そんなところから物事が始まっていたの」と驚くこともしばしば。 視点の高い人の行動一つ一つは大きなストーリーの中で必ずなんらかの意味を持っています。 ２．視界に入っている人数が多い 視点の高い人は視界に入っている人の数が多

電通の新入社員が自殺して、超過勤務による労災が認定されたという出来事が、メディアで連日取り上げられている。若くして人生を諦めてしまった女性社員の無念と、ご家族の心痛と、友人や同僚たちの動揺を思うと、僕の心も穏やかではいられない。 僕は二〇〇一年に電通に入社し、十五年目で退職するまで関西支社に勤めていた。だから、去年の新入社員だった彼女とは勤務地も違えば、ほとんど入れ違いになっているため直接の知己ではない。だから、彼女の個人的なことに関しては何も知らないので、語るべきを持たない。 しかし、電通という会社、広告業界という特殊な世界については、少し知っていることがある。 この件に関して、加えてこの春に話題になっていた五輪招致にまつわる贈賄疑惑、続くインターネットの空広告の不祥事についても、電通を擁護する気はない。 但し、まず明確にしておきたいのは、電通はメディアの支配者でも、日本国の影の主権者で

今回は年間800杯以上のラーメンを食す筆者が、新宿周辺でオススメのラーメンをご紹介します。新宿のラーメン情報なら、これを見れば間違いない。新宿駅に加え新宿御苑前や新宿三丁目のラーメン店もカバーしており、新宿にお務めの方などは勿論、たくさんのラーメン好きの参考になること間違いなし。完全に筆者の主観ですが、今回紹介する新宿のラーメン店には5段階でオススメ度もつけてます。 情報は記事掲載時点のものです。施設によって営業時間の変更や休業などの可能性があります。おでかけの際には公式HP等で事前にご確認ください。また、当サイトではアフィリエイトプログラムを利用しており、ご紹介するお出かけスポットや商品に、アフィリエイトリンクを設置している場合があります。RETRIPでは引き続き、行き先探しに役立つおでかけ情報を提供していきます。