PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 デザイナーの横井です。こんにちは！ 猫飼いなのですが猫に顔をうずめるのが難しい季節になってまいりました（毛まみれ） 久しぶりのデザイン記事となりましたが、今日は弊社デザインチームが行ったAtomic Designのシステム化の紹介と失敗体験、そしてその道のりを、赤裸々にご紹介しちゃいたいと思います。 既に完成したデザインのコンポーネント化に悩んでいる方々の参考に、少しでもなれば幸いです。 初期のスペースマーケットデザイン ゴリゴリのPhotoshopデザインだった時代 弊社のメインサービスである、スペースマーケットのデザインは約3年前にリニューアルリリースされました。 当時は全てPhotoshopでデザインされ、１ページにつき１ファイル、スマートフォンもPCも別フ

html で リンクを新しいタブ(やウィンドウ)で開かせたい場合、target="_blank" を指定するが、 この使い方には落とし穴があるらしい。 www.jitbit.com リンクを開いた先の javascript から、開いた元のページを操作できてしまうとのこと。 気になったので確認してみた。 悪用のパターン insecure.html が最初に開くページで、ここに target="_blank" なリンクがある。 このリンクを押すと new_window.html を新しいタブで開く。 この new_window.html に javascript が仕込まれており、元ページを操作されるという話。 具体的には window.opener.location="./evil.html" と実行すると、元タブは evil.html に遷移する。 実際試してみたのが ここ。 リンクを開

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

今回は厚い胸板をつくる「腕立て伏せ」。Ｔシャツの似合う厚い胸板を作ることができます。バーベルやダンベルなどの道具も必要なし。丁寧にしっかり行えば5分で十分。さあ、テレビを見ながら、みんなで筋トレ始めましょう！ 歳のせいか、最近カラダがたるんできたな・・・と感じているアナタ。やろうやろうと思いながら先延ばしにしているアナタ。最新の科学的理論に裏打ちされた「効率的な筋トレ」で、かっこよく健康なボディーを最速で手に入れよう！自宅でテレビを観ながら出演者と一緒に汗を流す５分間の筋トレ番組です。 【放送情報】 NHK 総合 8月27日（月）、28日（火）、29日（水）、30日（木）夜11：50～ 「みんなで筋肉体操」http://www4.nhk.or.jp/P4975/ 「NHK_PRインタビュー『筋肉体操で、理想のボディーを手に入れよう！』」http://www6.nhk.or.jp/nh

今月は先月予告したとおり，「Nintendo Labo」の戦略的失敗について取り上げたいと思うが，その前に，先日行われたソニーの中期戦略説明会SONY IR DAY 2018についてお伝えしたい（関連記事）。その場で，SIEの小寺社長に質問する機会があったのだが，PSVRとスマートフォンゲームアプリが想定を下回り，学びがあったとの回答を得た。 以前からエース経済研究所では，まず，失敗を認めることがSIEの企業価値を長期的に向上させる第一歩と主張してきた。誤りを認めることは，とても勇気がいることである。公式の場で認めたことを大いに評価したい。 なお，音声アーカイブがソニーIRサイトにある。ぜひ，御聴取いただきたい（参考URL）。 本題に入ろう。4月20日に任天堂は，ダンボールを使った新しい遊び「Nintendo Labo」を発売した。 メディアクリエイトによる発売4週間のデータでは「バラエテ

最近、テクノロジー製品に興味が湧かない。正直、このレビューの仕事を受けたときも気乗りがしなかった。製品を開封しセットアップしたのは届いてから6週間後。「そろそろ、原稿を待つのは限界です」というメールが届いたためだ。しかし、セットアップし始めて2分で製品に惚れ込んだ。これはネットワークストレージの革命かもしれない。 開封2分後に走った衝撃 ITmediaの編集Gに「Synology（シノロジー）という面白いNAS（ネットワーク接続型HDD）があるのでレビューしませんか」と誘われたのは3月ごろだ。 NASというのは、HDD（やSSD）をパソコンに直接ではなく、家庭やオフィスのネットワークケーブルにつないで、同じネットワーク上のパソコンやスマートフォンから利用できるようにする製品のこと。言って見れば自前クラウドを作ってしまう製品だ。筆者宅でも現役のTime Capsuleがあり、その前にもいくつ

学び 【クリスマスの地獄絵図】ドミノピザ、予約注文がさばけず店舗は長蛇の列、数時間待ちの状況に…原因は予約システム？

飼っていた犬が死んだ。死んでしまった。 12歳のボーダーコリーで本当に本当に可愛くて、本当に本当に本当に大好きだった 中学生の時からずっと一緒だった。僕が家に帰ってくるといつだって尻尾を振って傍に来た。 僕が庭の段差に腰掛けると、必ず僕の隣に来て、足の上に頭を乗せるのだ。それがあの子の定位置だった。 ふさふさとしていて、手触りの良い愛犬を撫でながら、庭でぼーっと過ごすのが好きだった。 散歩の後、僕達は決まってそうしていた。暑い日も寒い日も、もう何年もそうやって過ごしていた。 二ヶ月前 様子がおかしくなったのは二ヶ月程前だった。 急に元気がなくなり、ご飯を食べなくなった。 様子を見ても一向に回復しないので病院にいったところ、「膵炎」という病気らしい。 膵液が膵臓内に逆流し、膵臓自体を消化することで生じる病気という事らしい。 簡単にいうと内蔵にダメージがあるのだ。 すぐに入院が決まった。 僕の

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

※バイラルとか2chまとめって本当にクズだなーと思う方だけどうぞ アナログ風神 photo by Raelene G 「風神雷神図」という紙本金地着色の屏風がある 描いたのは江戸時代の画家 俵屋宗達。 そして琳派の画家 尾形光琳は宗達の風神雷神と同じ屏風を描いた。 photo by sjrankin その輪郭線などは俵屋宗達のものを忠実にトレースしつつ、しかし周辺の雲や配置などを変え表情も異なる。 そして光琳と同じ琳派の画家 酒井抱一の描いた「風神雷神図屏風」 酒井のものは光琳を基にした模写と言われているがかなり酒井の独自な感覚が前面に出た作品にになっている。 どちらも実物を見たことがあるが、光琳の風神雷神の方が宗達より計算されている感じがして、酒井のものは少しコミカルささえある。 さてこの三隻の屏風は似ているどころか同じものを模写した作品。 今流行りの言葉で言うなら「パクリ」ということに

■■チョコレート、無念の思い出 ■■■勝見勝先生 ■■■影さんを悼む ■■2019年の新年所感 ■■■９年振りの台湾訪問と講演･展示会 ■■飯粒を残すような奴は出世しない！ ■■「写真撮影」への思い入れ ■■「コーポレート・アイデンティティ戦略」改訂版を刊行予定 ■我がオフィス(事務所)転々記 ■■■STRAMD、９年目を前に終了、さて次なる展開は？ ■■桑沢デザイン研究所以来の友人、坂本和正君逝く ■■■STRAMD第８期生修了、そして第９期生募集へ ■■９年目を迎えるSTRAMD(戦略経営デザイン) ■■王超鷹と中国の切り絵文化展、そしてPAOS上海のこと ■■盟友「木谷精吾」逝く ■イヌ型ロボット、AIBOから復活aiboへ ■■2018新年ご挨拶 ■■■「PAOSの次を創る」人材が欲しい ■ポルトガルの旅 ■■■「中西元男の世界」展を終えて ■■■｢中西元男の世界｣展 開催にあたっ

【佐野氏のエンブレムのどこが良かったか】が作成当初のタイトルです。 パクリ云々とは関係なく、佐野氏（というかプロのデザイナー）と 後からネット上に現れた”エンブレム”を並べてみることで、 エンブレムに求められるのはどういった機能であるかを探る、という形でまとめていました。 続きを読む

2012年7月12日のGoogle ウェブマスター向け公式ブログの記事「HTML と CSS のコーディングガイドライン」で紹介されていた「Google HTML/CSS Style Guide」に書いてあるコーディング方法と感想を紹介します。 Google HTML/CSS Style Guideの日本語翻訳 Google HTML/CSS Style Guideは英語なのでGoogle Chromeで翻訳して確認していたんですが、すでに翻訳してあるサイトがあったのでこちらも参考に両方を見て確認していきました。 Google HTML/CSS Style Guideを翻訳してある記事「Google HTML/CSS Style Guide」を適当に和訳してみたは、かなり助かり参考になりました。 それではGoogle HTML/CSS Style Guideに書いてあるHTMLとCSSのコ

「新型うつ」と呼ばれるものが、20代から30代の若手社員を中心に増えていると言われています。「新型うつ」の特徴はいくつか挙げられています。 たとえば、気分が沈み出社できないが、プライベートでは遊びに出かけているというもの。仕事でうまくいかないことがあると、上司や同僚の責任にするなど他罰的な傾向があるといったものです。「新型うつ」は「現代型うつ」と呼ばれることもあります。 まず、指摘しておきたいのは、「新型うつ」という言葉や概念は、病名や診断名といった医学の専門用語ではないことです。2007年ごろからメディアを中心に広まった言葉で、精神科医の香山リカさんが使い始めてから広がっていきました。 「増加する新型うつ」といったようなことが言われますが、「新型うつ」の増加を示す調査はありません。病名でも診断名でもないわけですから、調査がされたことがありません。また、この言葉は日本独自のもので、海外では

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

2015年02月05日18:00 俺が笑ったボケて貼っていくから見て Tweet 1: 以下、＼(^o^)／でVIPがお送りします 2015/02/05(木) 01:28:15.42 ID:JglBcaaud.net 転載元：http://viper.2ch.sc/test/read.cgi/news4vip/1423067295/ 現在「ボケて！」でランキング一位の大喜利ｗｗｗｗ http://blog.livedoor.jp/nwknews/archives/4819716.html お気に入りレベル星1から 59: 以下、＼(^o^)／でVIPがお送りします 2015/02/05(木) 01:56:57.92 ID:/iKLMV3f0.net >>1 感心したわ 7: 以下、＼(^o^)／でVIPがお送りします 2015/02/05(木) 01:30:03.53 ID:JglBcaa

個人でも商用でも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできるストックフォトサイトを紹介します。 27個のサイト、すべてクレジット表記やバックリンクの必要がないので、非常に利用しやすいと思います。