Adobe Experience Design（XD）を使ってアプリのプロトタイプを作ってみた先日発表された、Adobeのプロトタイピングツール、Adobe Experience Design（Adobe XD）。Sketchライクなシンプルなグラフィックツールです。なにやら面白そうだったので、早速つついてみました。デモとして、簡単にチャットアプリのプロトタイプを作ってみたので、使用感とともに紹介します。 Adobe XD Adobe Experience Design（Adobe XD）って何？Adobe XD はアプリや Web サイト等のデザインに使えるグラフィックツール。ただグラフィックが作成できるだけではなく、クリックやタップで次の画面に移動し、実際に動作しているようなプロトタイプも作成できます。 残念ながら今のところ Mac 専用ツールですが、今年中に Windows 版もリリ

2015年10月4日、チームラボ、LIG、IMJの3社の共催による「CREATOR’S KITCHEN」の第4弾が行われました。イベントの前半パートには、日米市場向けのBranding/Marketing会社「btrax」のCEO・Brandon K. Hill氏が登壇。ブランドン氏は、同社が拠点を構えるサンフランシスコのビジネスの現状と、クラウドソーシングの発達を背景に、今後企業に求められるサービスの付加価値について語りました。 Webデザインの仕事がない！　選択肢は「無職」か「起業」ブランドン K. ヒル氏（以下、ヒル）：こんにちは。猪子（寿之）さんと誕生日が一緒のブランドン・ヒルです。昨日、イベントやってたんですよ。 DC（David Collier氏）が予選1位（笑）。Japan Nightという、スタートアップのピッチコンテストで、12社プレゼンしました。全部英語なんですけど。4

グループチャットに振り回されている君へ：グループチャット「Basecamp」創業者が語る「リアルタイム/非同時」を使い分けるコツ Jason Friedさんは、BasecampのファウンダーでCEOです。「Getting Real」「Remote」、そしてニューヨーク・タイムズのベストセラーで日本でも話題になった「REWORK」（邦題：「小さなチーム、大きな仕事」）の著者でもあります。本稿は、もともとIncに投稿され、Mediumにも再掲された記事をご本人から許可を得て翻訳したものです。Twitterは、@jasonfriedでフォローできます。 君はこんなことになっていない？または、他者をこんな気持ちにさせていないだろうか？ グループチャットは、アジェンダのない、行き当たりばったりの参加者と共に参加する1日中続く会議のようなものだ。 2006年、僕たちは「Campfire」をリリースした

“改革が暴政の負担を軽くしてくれることは決してない。その負担を、単に別の誰かに負わせるだけだ。” George Bernard Shaw こんにちは、Slack。 これは簡単ではないでしょうが、最良の方法です。 君も僕も分かっているように、始まりは とてもすばらしかった のです。僕は爆発しそうなメールの受信箱と共に、君はEメールを過去のものにするという（とてもセクシーな）野望と共に。 ただ、結局のところ、僕らはお互いにとって良かったのかどうか、分からないのです。あるいは、もっと重要なことを言えば、そもそも君と関係を築いたことで、僕と他のものとの間でうまくいかなかったことが解決できたのかどうか、分かりません。 Eメールと僕は問題を抱えていたのを、誰もが知っています。Eメールは、全く新しい世界の活発な探求として始まり、あっという間に世間の期待を超えるレベルにまで拡大しました。僕が気づいた頃には

東大大学院で修士号を取得し、現在テレビ朝日に務める中国人女性・張予思さんが上梓した『革命とパンダ：日本人はなぜ中国のステレオタイプをつくりだすのか』(イースト・プレス刊)をめぐり、著者と社会学者・開沼博さんが語り合った［前編］は、予想以上に大きな反響を呼ぶものとなった。 日本の農協も欧州で「爆買い」していた時代があった 張 予思（以下、張）：『革命とパンダ』は、書店だと嫌中本と並んで置いてありますが、もちろんそういった本は中国人として嫌です。何がいちばん嫌かというと、中国人が書いている本もあることですね。むしろ中国人が書いているから説得力があるというふうに認識されているんでしょうけれども、そういう中国人はたぶん長く中国に帰っていない人たちだと思いますし、日本の空気を読んで、「こういう本が売れるんだろう」と書いているものがほとんどだと思います。 正直、私もパラパラ目次くらい読んで、もう腹が立

日中関係が戦後最悪と言われる中、日本人のステレオタイプな中国観の変遷を分析した新刊『革命とパンダ：日本人はなぜ中国のステレオタイプをつくりだすのか』（イースト・プレス刊）が、いま話題になっている。 著者の張予思さんは南京出身、中国からの留学生として東京大学大学院に入学し、この本のベースとなる修論を書き上げた。現在はテレビ朝日に務め、日々情報番組の取材に明け暮れている。 自分の本が「嫌中」に囲まれ、四面楚歌状態だった 開沼 博（以下、開沼）：張さんと僕は、もともと東京大学の学際情報学府の吉見俊哉ゼミでご一緒していました。先輩だと北田暁大さんなどがいるゼミです。ところで張さんの副指導の先生は誰だったんですか？ 張 予思（以下、張）：林香里先生ですね。 開沼：メディア論の林香里先生。そこで、いつからいつまで勉強してたんでしたっけ？ 張：私が吉見ゼミに入ったのは、2009年の10月です。外国人研究

これに類することは沢山の人が書いているし、私だって書いていそうだけれども、反復的になったって構わないから書いておく。 たぶん、昔インターネットをはじめた人が考えていた自由とは、「自分の表現したい事を、誰にも文句を言われることなく表現できる」自由だったのだと思う。少なくとも私がネットサーフィンしていて感じたのは、それだった。あとは「表現されているものを誰にも文句を言われることなく閲覧する自由」。世間に対する呪詛も、いかがわしいエロも、書いたって構わないし眺めたって構わない――「インターネットは自由だ」と言った時に多くのユーザーが無意識のうちに含意していたのは、表現するにせよ、閲覧するにせよ、そういった「誰にも文句を言われることがない」という修飾語のついた自由だった。イコールではないけれども「無責任」というレトリックにも近かったかもしれない。 現在もインターネットには表現の自由がある、と思う。

Web・アプリデザイナー必見！ Adobe Photoshop CCの「デザインスペース」を使った新しいワークフロー Adobe Photoshop CCに「デザインスペース」というWebとアプリケーションデザインに特化した機能があることをご存知でしょうか？　これは、既存のPhotoshopにおけるデザインワークフローを見直し、Webとアプリケーションデザイナーがより効率的にデザインをするためのワークフローを提供する新しいデザイン環境です。2015年6月にリリースされたPhotoshop CC 2015にて実装され、2015年12月1日のアップデートにより大幅にアップデートされました。本記事では、デザインスペースと標準のワークフローを比較しつつ、その特徴とメリットを紹介します。 ※2016年11月追記 「デザインスペース」機能は2016年11月2日にリリースされたPhotoshop CC

原文は「 https://github.com/bither/bither-android-lib/blob/master/REASON.md 」 なぜ iPhone の画像は Android の画像よりもずっと高品質なのか Android と iPhone との比較は多くの点で議論されており、どちらがより良いかは、Android の画像の質は iPhone とくらべてずっと劣るという点を除けば、未だ結論が出ていません。Facebook、Twitter、Instagram 等どれを使っていても、写真をとって、フィルタをかけて、ソーシャルネットワーク上に公開すると、いつも Android から投稿される写真は画質が劣化しています。しかし何故でしょう？ 私達は昨年の間調査をし、そしてついに、Google が犯したほんのちょっとしたミスが原因であることを突き止めました。それは本当にちょっとしたミ

本文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリーンサイズごとに文字サイズを指定していると思います。 ここで紹介するフォントサイズの指定方法はちょっと新しいアプローチで、最初にベースとなるフォントサイズを設定し、スクリーンサイズが大きくなるにつれ、Viewport Unit（ビューポートの単位）で加算してサイズを大きくします。 Viewport Unit Based Typography 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Viewport Unit（ビューポートの単位）とは？ フォントのサイズ指定のためのビューポートの使い方 他の文字の要素をビューポートで指定 縦のリズムとモジュラースケールをビューポートで指定 フォントサイズの指定の精度をアップする さらに精

先日の記事「フォントサイズの指定方法（翻訳版）」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。 これらの単位を使うことは「フォントサイズの指定方法」でフォントサイズに使うことを反対しましたが、レイアウトでは非常に役立つ単位です。 Viewport vs. Percentage Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ビューポートの単位(Viewport Units)とは 要素を幅いっぱいに指定 (% > vw) 要素を高さいっぱいに指定 (

「反日のクズ記者は出ていけ！」東京の有楽町にある日本外国特派員協会（FCCJ）は「Number 1 Shimbun（ナンバーワン・シンブン）」という英字誌を発行している。 この英字誌は、FCCJの会員である在日外国人記者などによって執筆・編集されている月刊誌だ。日本絡みの話題を、日本人とは違う視点で取り上げているため、著者もチェックしている雑誌の1つである。 その2016年1月号に、非常に興味深い記事が掲載された。英エコノミスト紙のデイビッド・マクニール記者によるその記事は、「In the valley of the trolls（トロールという敵だらけの世界で）」というタイトルで、日本の「Troll（トロール）」について触れたもの。トロールとは、インターネットなどで”荒らし”をしたり、個人攻撃をする行為を指すスラングだ。 この記事によると、日本の政治や経済、社会問題などを世界に向けて発信

公開日 : 2013年12月12日 (2014年12月7日 更新) カテゴリー : アクセシビリティ この記事は、「Web Accessibility Advent Calendar 2013」の12日目のエントリーです。Web アクセシビリティのトピックとしては些細な話かもしれませんが、「神は細部に宿る」という言葉もあることですし、アクセシビリティという大きなテーマを考えるひとつの要素として、触れたいと思います。 さて、JIS X8341-3:2010 には、下記の規定があります。 コンテンツ又は機能を損なうことなく、テキストを支援技術なしで200％までサイズ変更できなければならない。ただし、キャプション及び画像化された文字は除く。 注記1 サイズ変更は、ユーザーエージェントの初期設定を基準とする。200％は、幅及び高さを2倍にすることである。 出典 : JIS-X8341-3:2010

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

#日本語Webフォントを最適化 ##そもそもなぜ フォントはそもそも機種依存 欧米フォントは、字数が限られている為ファイルサイズがそもそも小さい約250KB。しかし、日本語は16MBとか。（orz）なので、欧米フォントのようにheadにリンクをはって、アクセスごとにまるごとダウンロードすると重すぎる ##んじゃどうするの ####GoogleとAdobeが無料フォント「Noto Sans」作ってくれました。（これで無料でできます） ##何が良くて、何が悪い ###メリット 全ての環境で統一したフォントで表示ができる ###デメリット ページ表示時の自前のフォントファイルダウンロード分の通信コストがかかる ##導入手順 まず「Noto Sans」をダウンロード サブセット化（普段使う文字だけ抜き出す） 各環境への対応のためにファイル形式を変える フォントをディレクトリーに設置し、CSSに@f

「Accelerated Mobile Pages」と呼ばれるGoogleが推し進めてきたプロジェクトですが、とうとう正式導入されることになりました。「Accelerated」は「加速される」という意味で、つまりモバイルページ高速化プロジェクト、といったところでしょうか。 まずは導入後のイメージを御覧ください。（英語ですが公式サイトのイメージよりもわかりやすいです） このように、検索結果にカルーセル形式で表示され、リンクをタップすると物凄いスピードでページが表示されます。 自分の携帯で試してみたい方は、下記URLのGoogle検索画面から「ニュース」というキーワードなどで検索してみてください。 http://g.co/ampdemo（※スマホからアクセスしてください） 既にTwitterやアメブロなど、様々なメディアがAMP対応を導入しています。 Googleが過去に発表してきた、モバイル

OpenStackのNWと物理の話 十場 裕、島貫 稔之 (株式会社サイバーエージェント) アジェンダ - ネットワーク --- NWの論理構成 --- Compute Node/物理サーバの構成 --- セキュリティ� - 事業部間の通信の制御 ------ 仮想マシンに対する通信の制御 --- L3 DSR導入の経緯と注意点 - ベアメタルプロビジョニング --- Ironicについて --- 弊社における利用例 --- 運用上の工夫 --- Availability Zone対応 --- ネットワーク構成 --- 管理ツールの開発 --- 運用して気づいた事

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ

倫理規範なのか　法規範なのか？ BPOの意見書発表から10日ほど時間が過ぎ、不当な「介入」「圧力」を指摘された公権力からの反論も一義的にはおおよそ出そろった感があります。 代表的なものをいくつか拾ってみましょう。 BPOが放送法の４条を「倫理規範」としたことに対して異論が目立ちます。 「放送法には規範性があり、違反があれば３ヶ月以内の業務停止命令ができる」（高市総務相） 「単なる倫理規定ではなく法規であり、これに違反しているのだから、担当官庁が法に則って対応するのは当然」「予算を国会で承認する責任がある国会議員が果たして事実を曲げているかどうかについて議論するというのは当然のこと」（10日の予算委員会での安倍首相発言） 「BPOは放送法を誤解している。NHKの調査報告書に放送法に抵触する点があったので必要な対応を行った」（菅官房長官） お互いの主張は一件平行線をたどっているように見え、日頃

This copy is for your personal, non-commercial use only. Distribution and use of this material are governed by our Subscriber Agreement and by copyright law. For non-personal use or to order multiple copies, please contact Dow Jones Reprints at 1-800-843-0008 or visit www.djreprints.com. http://jp.wsj.com/article/SB12090554170328684804804581079532601891172.html

a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

「うつ病は心の風邪」という比喩を耳にしたことがある人も多いだろう。その出自は私も知らないが、1990年代の後半には雑誌やメディアでもしばしば取り上げられていたと記憶している。もともとは「うつ病は（風邪のように）誰でもかかる可能性のある病気、苦しかったら躊躇せずに受診して欲しい」くらいの意味合いだったはずだ。 ところがその主旨が誤解され、「風邪のような軽い病気ではない」「患者の苦痛を軽視している」などの非難を浴びるようになった。実際、うつ病は治りにくい病気だ。一般的に治療期間も長いため社会生活上の支障も大きく、回復した後も再発防止のための治療や心配りが必要になる。風邪と同列に扱われたのでは患者も家族もたまったものではない。うつ病に苦しむ人に心ない発言をしたりネット上にカキコミをする者も出るに至ってはこのような比喩は一切やめてしまった方が良いと思う。 うつ病が「誰でもかかる可能性のある病気」で

フロントエンドのテクニカルディレクションに求められるスキル フロントエンドの多様化が進む中で昨今重要視されているのが「テクニカルディレクション」のスキルセットです。 会社の規模や職域、ビジネスモデルにより求められるスキルセットは異なりますが、中小のWeb制作会社を前提に話をいたします。 ディレクター/フロントエンドエンジニアの作業分担 ケースとしては以下のようなパターンが考えられます。 アサインされたディレクターがテクニカルディレクションを行い、フロントエンドエンジニアが実装を行う アサインされたフロントエンドエンジニアがテクニカルディレクションとフロントエンド実装を行う アサインされたSE/テクニカルディレクターがテクニカルディレクションを行い、フロントエンドエンジニアが実装を行う。 個人的には2のケースでアサインされることが一番多いですが、最近の案件では3のケースで1年ほどテクニカルデ

Backlogで行う課題管理の10のコツと、クライアントに伝えるべきこと 2012.11.28 | この方法お勧めです！ Backlog | プロジェクト管理 Qを観る前にネタバレ見てしまったYO（挨拶）！ どもども、ブルーです。 Web制作を生業にしていると、当然チームを組んで受託案件をこなすことがあるかと思います。会社員でもフリーランスでも同じでしょう。その様なとき、案件でこなすべきタスクの可視化や進捗管理にプロジェクト管理ツールを導入することも多いかと思います。今回は、その様なプロジェクト管理ツールのなかでも、WordPressコミュニティではWordCamp Osaka 2012やWordCamp KOBE 2011でもスポンサーとしてお馴染みのnulabさんのBacklogを題材に、Web制作の現場に即したタスク登録のコツについてご紹介したいと思います。 ちなみに、この記事はディ

こうして見てみると、一段階上のサイズが追加されたというよりも、xs と sm の間が細かくなったという感じですね。 flexboxのサポート $enable-flex: true;を設定することでflexbox Layoutが使用されるようになります。これにより、tableやfloatを使っていた様々なハックが改善されるとのこと。ただし、IE9はflexbox Layoutをサポートしておらず、IE10でも古い仕様にしか対応していないため、デフォルトではこのオプションはfalseになっています。 well, thumbnail, panel を廃止、card に統一 コンポーネントの well, thumbnail, panelがなくなり、cardに統一されました。 CSSリセットを Reboot というモジュールに統一 CSSリセットには、Bootstrap3ではNormalize.cs

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

MarvericksからやっとこさEl Capitanにしました。 フォントのレンダリングがシュッとしたりUIがカリッとしたり、色々と見た目がわかりやすくなっていて好印象です。 とそんななかOSをアップデートしてから表示が変になったとの報告があり、自分でも確認しました。 弊社のSlack太字の部分が明らかにデブっとしています。これがなんだか分からなく困っていた様子でした。 ということでCodepenにてヒラギノをフォント指定してリストを作りました。 Codepenのスクリーンショットいい感じですね。ただCSSではfont-weight: 0;が指定できないので表現出来なさそうです。 Slackで何故文字が太くなったかというと、Slack側のCSSで font-weight: 900; と指定されていることが原因でした。 日本語のウェイトが大体二つだったことにより発生していなかっただけで、実

多数のデバイスをサポートするためにレスポンシブデザインのチームが作成するサイトは1つだが、ユーザビリティを確実なものにするには、全デバイスでのコンテンツやデザイン、パフォーマンスを考慮する必要がある。 Responsive Web Design (RWD) and User Experience by Amy Schade on May 4, 2014 日本語版2014年6月4日公開 レスポンシブデザインの定義 レスポンシブWebデザイン（RWD）とは、Webサイトの外観を、それを見るために利用しているデバイスの画面サイズや向きに合わせて動的に変化させるWeb開発アプローチである。RWDは、ごく小さなスマホから巨大なデスクトップモニターまで、顧客が利用する多数のデバイス向けにデザインする、という課題に対する方策の1つといえる。 RWDはいわゆるブレイクポイントを利用して、サイトのレイアウト

3行で説明、flexboxとは CSS3から導入されたfloatに変わる新しいレイアウト方法です。 伸びたり並んだりします。 俺、flexboxのプロパティ何回ググるんだろう問題 flexboxのプロパティめっちゃ多いですね。正直覚えきれませんし、覚えるつもりもなくなってきます。それに、別に複雑なことをやりたいわけではないですね。 具体的には、下記のようなことができれば十分なんです。 リキッド2カラムレイアウト スティッキーフッタ（最下部に吸い付くフッタ） この程度のものであれば、覚えるべきflexbox関連のCSSプロパティの数も絞れそうです。 覚えておくべき３つのプロパティ display: flex flex: 1 flex-direction: column これだけでわりとこなせます。以下で、実例をもとに説明します。 2カラムレイアウト さて、よくある2カラムレイアウトです。 で

こんにちは、デザイン部所属の石橋です。 今はデザイナーをやりつつフロントエンドエンジニアをさせてもらってます。 そんな自分は2014年の5月にDMM.comラボへ来たんですが、入社時のスペックを以下に記します。 入社時のぼく HTML出来ます！（ただし<section>の使い方はぼんやり） CSS出来ます！（ただしスタイリングだけで設計は出来ない） jQuery出来ます！（ただし既存プラグイン実装に限る） おや…？ 「（フロントエンドってなんだろう…）」 「（JavaScriptとjQueryって何が違うんだろう…）」 やばい。 当時はいわゆる「コーディングがちょっとだけ得意なWebデザイナー」でした。 シンデレラストーリー プロローグ 弊社では一部のデザイナーも結構ガリガリとコーディングをするのですが、 入社時にまわりの能力の高さにちょっと本気で「ヤベェ所に来てしまった…」感がありました

タイトルは大げさです。割と当たり前の話です。 ハードディスクの整理中にRailscastsのメモが出てきまして 懐かしいなぁ、 Ryan Bates(@rbates)さん 元気かなぁと Twitterを覗いてみたところ How to write a Git commit message: http://t.co/D31dVh1lks— Ryan Bates (@rbates) 2015, 7月 28 なかなか興味深い記事をtweetされていました。 Git の commit messageに 規律をもたらそうぜ、ってのは どうやら日本人だけじゃないようです。 元記事( How to Write a Git Commit Message ) Introduction 著者の過去と現在のcommit logを対比しています。 一貫して、この緑と赤の対比が見やすいので、記事も読みやすいです。 ま

2015-07-07 日本人がRとLを区別できないのはローマ字のせい 英語 RとLの区別は英語学習において、多くの日本人がぶち当たる壁です。例えば、Right(右)とLight(軽い)はカタカナにすると同じ「ライト」になってしまいます。ややこしいですよね。リスニングでもRとLの区別は難しいと思います。 しかし、英語のネイティブスピーカーに聞いてみると、RとLは全く別の音で、間違えようがないといいます。これは舌や耳の構造が違うからではありません。 これには、日本人の頭の中にある思い込みが関係しています。その原因は、私たちが英語を習う前に習う、「ローマ字」にあります。 「らりるれろ」はRではない ローマ字では、「らりるれろ」はRa Ri Ru Re Ro と表記されます。 「ら行」の付く名前、例えば「りさ」とか「かおる」といった名前もRisa, Kaoruなど通常はRを使って表記されま

スマホやタブレット、その他の携帯型ゲームデバイスの出現により、子どもたちはこれまで以上に幼いときから、最新の技術に触れるようになりました。最早、赤ん坊の時からそうした技術に巻き込まれているといっても良いほどで、こうした状況は世界中で彼らの両親、開発者の双方にとって直面する大きな問題となりつつあります。 幼い子どもたちの関心はその両親にも強い影響力を及ぼしますし、子どもたちは今では早い時期から自分たちが消費者であるということ自覚し始めていると言われています。 このことは私たちにとって何を意味するのでしょう？　それは極めて簡単なことで、アプリやWebサイト、またはゲームにおけるユーザーテストというのが今まで以上に重要になったということです。 ですがここで一つ問題があります。UXデザイナーとして、私たちは多くの十代の若者や大人たちに対してユーザビリティテストを行うことが多く、そうした意味では非常

8月2日の早朝に放送された『はい！テレビ朝日です！』はテリー伊藤をゲストに迎え、「これからのバラエティ番組」をテーマにしながらも、テリー伊藤がテレビの世界に入ったきっかけや『天才・たけしの元気が出るテレビ!!』や『ねるとん紅鯨団』などの制作秘話を語っていた。 テリー伊藤は1968年に日本大学・経済学部に入学。折しも学生運動が盛んだった頃。テリーもそこに身を投じた。 しかし、投石が左目を直撃し大怪我を負ったことがきっかけで、学生運動から遠ざかり、遊びまくっていたという。周囲が就職活動を始めても、遊んでいたテリーは、当然のように就職に失敗し、バイト生活を余儀なくされた。 目標が見つからず、自分の進路に迷っていたテリーは、これまでの人生を振り返る。 大学時代にコンサートを自分で開いたんです。色んな大学の連中に出てもらって自分が司会やって、演出もやったんです。『そうだ、あの時、幕が閉まる時泣いたよ

新しい若者言葉（7語）まず最初に、皆さんに知ってもらいたいここ最近ホットになって来ている若者言葉を取り上げたいと思います。 既にかなりの頻度使われているものもあれば、これから流行るか流行らないか行く末を見守りたい若者言葉などそれぞれ含めてご紹介していきます！ ぴえんぽしゃけ弱いのぴえん pic.twitter.com/1SPbfLpDo9 — のぴ【おこさまぷれ〜と。】 (@nopiokopure) January 21, 2020 悲しいことがあったときに「（泣）」の意味で使われている言葉。2019年に一気に広まりSNSで定着している若者言葉ですね。 泣き声の「ぴえーん」が語源と言われています。響きが可愛く、使いやすい言葉なので普及率も高めです。 目をうるうるさせた顔の絵文字と一緒に使う人も多いです。「ぴえん」のイメージがその表情なのかなと思います（笑） 最高つぶやき回数：30,962回

海外のUIデザイナーの間で爆発的に広まっているデザインツール「Sketch 3」。本連載では、国内きってのUIデザイン集団であるグッドパッチのデザイナー陣が、Sketch 3によるUIデザインの方法を解説します。（編集部） Sketch 3は、オランダのボヘミアンコーディングが開発・販売しているMac OS専用のベクタードローイングツールです。日本ではIllustratorやPhotoshopに押されてまだマイナーな存在ですが、海外ではすでに多くのUIデザイナーが使用しています。グッドパッチでもほとんどのUIデザインはSketch 3を使用しています。 今回は、Sketch 3はどんなツールなのか、使う3つの理由と10の魅力をご紹介します。 1.安い Sketch 3は99ドル（1ドル120円とすると1万1800円）の買い切りソフトです。しかも1カ月間のフリートライアルがあるので、使い勝手

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

自分が最初に元の誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)（初版はPOETと呼ばれている*1 ）を読んだのは十数年前でした。4月に出たこの改訂版を読み返してみて、改めて感銘を受けました（そして内容をほとんど忘れていたのに気づきました）。 内容としては、エモーショナル・デザイン―微笑を誘うモノたちのために 、複雑さと共に暮らす―デザインの挑戦など後の書籍で検討された内容が盛り込まれて、ノーマン著作の集大成になっています。 自分がこの改訂版で注目しているのは、「6章デザイン思考」の追加です。 6章デザイン思考 正しい問題を発見するのがデザインである として、そのための手段としてデザイン思考が解説されます。 具体的にフレームワークとして取り上げられている人間中心デザインプロセスを見てみると、 観察→アイデア創出→プロトタイピング→テスト→観察… というサイクルになって

初めまして。アメリカからやってきたUIデザイナーのCorey（コーリー）です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日本のデザイン界ではSketchはそれほど使われてないかもしれませんが、海外ではSketchが大ブームになっています。 今回は私が最強なPhotoshopからSketchへ乗り換えた理由をお伝えします。 Sketchへ乗り換えた理由（Why I Use Sketch） http://bohemiancoding.com/sketch/ 1. UI Design中心 Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていま

iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

Service Design Sprints で MVS ジャーニーのワークがありますが、その作成過程がインタビューや観察から定性的分析を行う「KA 法」と共通する部分があると感じたので、そのあたりを整理してみようと思います。 MVS (Intention + Avatar) Service Design Sprints の詳細は、書籍『サービス・スタートアップ』を見ていただくとして、その中に「MVS ジャーニー」というワークがあります（ワークブックのダウンロード）。MVS ジャーニーとは、サービスとユーザーの流れを示したもので、いわゆる To Be の CJM と言うこともできます。この MVS を作成する過程で、書き出す内容に「Intention」と「Avatar」があります。 この場合、インテンションとは「意図」ですが、ユーザーが達成したい「What（何）」を指します。アバターとは、

作家・ライターとして活躍する小野美由紀さん。自身の半生を愚直に描き、話題を集めた著書『傷口から人生。 メンヘラが就活して失敗したら生きるのがおもしろくなった』には、身体をえぐるように鋭利で、ときに痛みをも感じさせる文章が綴られています。 多く寄せられている絶賛の声は、自分のカッコ悪さや恥部を堂々とさらけ出す小野さんの勇気や真の強さを讃えたものでしょう。行き過ぎた“教育ママ”から抑圧され、中3で自傷行為を始め、不登校になった小野さんは、きらびやかな大学生活になじめず、仮面浪人を経験。 その後、他人からよく見られたいあまりに、交換留学や世界一周1人旅、NPOでのボランティア、有名企業でのインターン、TOEIC950点など、いわゆる「ハイスペックな学生」として勝負できる武器を多く持ち、自信をつけたものの、わけあって「就活をやめる」選択をします。 そんな小野さんには「無職」だった時期もありました。

「もす！」という掛け声でお馴染みのタレント、ボビー・オロゴンさん。ナイジェリア出身で、『さんまのSUPERからくりTV』の街頭インタビューに出演後、そのキャラクターが買われて一躍スターの道へ。格闘家への挑戦や『Youは何しに日本へ？』でのナレーターとしての活躍などは有名ですが、なんと、そ...

小山 健（こやま けん） 会社員時代に描いていたブログまんが 「手足をのばしてパタパタする」が出版され、 その後、「死ぬ前に１回やっとこう」を たてつづけに出す。 「ほんとうのことを ほんとうのこととして描くまんが」と、 糸井重里もファンのひとり。 まんがに登場する「本人」は金髪だが、 実際のご本人は金髪ではない。 KOYAMA KEN Illustration web site ほぼ日刊イトイ新聞のウェブサイトを 最終的な「かたち」にしてくれる、 フロントエンドエンジニアを募集します。 どんなアイデアも、ことばも、ビジュアルも、 思いも、冗談も、商品も、情報も、 最終的には、ひとつの「かたち」にして、 読む人に届けなくてはなりません。 ほぼ日刊イトイ新聞をめぐるさまざまな総量は、 年々、大きくなっています。 やりたいことも、つくりたいことも、 発見したことも、試したいことも、 そして、そ

UXグラフツールは、製品やサービスを使ったユーザー体験を、グラフチャートにして分析するためのサポートツールです。 UXグラフツールを使うことで、製品やサービスを利用したエピソードの中でよい点・悪い点がわかりやすくなり、ユーザーがより満足できる体験を設計することができます。 １．体験エピソードの入力 ２．満足度グラフを操作 ３．PDFで保存・活用 UXグラフツール UXグラフβ版 Ver. 0.2 に移動します。ツールはご自由にご使用いただけます。 （for PC Win/Mac latest modern browser） お使いのブラウザは、Internet Explorer です。 UXグラフツールは、Internet Explorer には対応しておりません。 UXグラフツールが、Internet Explorer で使えない理由 Internet Explorerは、microso

PAL商店街はJR高円寺駅南口のアーケード商店街で、全長250メートル、約100店舗で構成される。「東京高円寺阿波おどり」発祥の商店街としても有名だ。 同商店街は家賃が高く古着店の開業は難しいとされていたが、3月9日現在で9店の古着店がある。2月にオープンした「BIG TIME」「SLUT」など、新品を販売する店舗を含めると2016年に入りアパレル店が3店オープンした。 中でも70年代のカントリーやフォークロアの商品をそろえる「gREEN DOT」はオープンから今年で14年目を迎える。ダメージがある場合の手直しや、日本人に合ったリサイズもスタッフが行う。店内は地中海の別荘をイメージし、インテリアやディスプレーにもこだわりを見せ、通信販売も人気だという。 同店に10年勤めた店長のともえさんは「昔はPALに古着店は一件も無かった。高円寺の玄関商店街とも呼べる通りに、古着店が増えるのはうれしいこ

ヤマハのトロンボーン「Xeno（ゼノ）　YSL-882O20TH」京セラが開発した人工宝石「京都オパール」を装飾に採用して高級感を出した。トロンボーン奏者の森岡

「デザインリサーチとはなんですか？」と聞かれることから、私の自己紹介が始まります。「文脈の理解と物語の構築をすること」と返答することもありますし、「言葉にならぬ『当たり前』を見つけることから始めるデザインです」なんて説明をする場合もあります。お答えした相手はほとんど頭の上にはてなマークが付いていることが多いので、まだまだ自分の言葉になっていないんだということを実感します。 事例を話すことで理解してもらえることがほとんどなのですが、そんな時間がない場合には困ってしまいます。逆に時間を持って疑似体験できる時には、ワークショップ形式でデザインリサーチャーを体験してもらっています。 デザインリサーチャーになるカレーライス・ワークショップ(所用時間:45分) 〈目的〉 デザインリサーチの役割や方法を理解すること 〈道具〉 ・A3くらいの用紙 ・太いペン 〈やり方〉 人数が多ければ3名以上でグループを