海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた

2023/10/15 75 users トグルボタン figma コーディング プロ Xアカウント

FigmaのXアカウントがおしゃれなトグルボタンを公開していて、「コーディング泣かせだ」との声を見かけたので、改めて自分でコーディングしてみようと思い書いてみました。 デザイナに作れよ！って言われれば作るよ。だってぷろだもん。https://t.co/HF6afHhfzm https://t.co/IXl7iufv7v pic.twitter.com/T4x4uV7tKX — ... 続きを読む

「あれ実は私なんです」タグに、ゲーム業界の裏話が大集結。誰もが知ってるアレの、誰も知らないエピソード  - AUTOMATON

2022/04/14 123 users AUTOMATON 事象 起源 発祥 裏話

国内Twitterにて、「 #あれ実は私なんです」とのハッシュタグが流行している。同タグでは、誰もが知ってはいるものの、その起源についてはあまり知られていなかった事象が集合。その作者や発祥となった人物が名乗りを上げるといったブームが巻き起こっている。アニメの名シーンの原画担当者や、人気のおもちゃのデザイナ... 続きを読む

［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021 － Publickey

2021/05/18 408 users Publickey パーソナルカラー カラーパレット 適用

Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、新しいデザインフレームワーク「Material You」を発表しました。 Material Youでは、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナ... 続きを読む

【Webデザイナー必見】インスピレーションやデザインの学習にオススメなサイト19選 | コードラン | プログラミングスクール 比較・口コミサイト

2019/11/14 51 users プログラミングスクール インスピレーション デザイナー 必見

これからデザイナー、フロントエンドエンジニアを目指す方必見！(もちろんすでにデザイナ、フロントエンドエンジニアの方も) デザインする上でのインスペレーションや、Web上での実装方法、注意点、お役立ちTipsなどなど。 デザインに関する情報を発信しているメディア、個人ブログをまとめました。 自分の興味関心にあ... 続きを読む

最近のDMMのフロントエンドの動向とその先について - yamaScrapbox

2019/05/08 275 users Event twitter.com CTO室 エンジニア 去年

https://dmm.connpass.com/event/125120/ 最近のDMMのフロントエンドの動向とその先について Twitter.icon https://twitter.com/ur_uha CTO室 千葉弘太郎 デザイナ => エンジニア 1. 体制とフロントエンドの関わり 去年より変化してきた 事業部制 CTO室は何をしているか？ 事業部支援 制度支援 啓蒙活動 炎上対応など SR... 続きを読む

ロゴの自動生成サービス「Free Logo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。｜榊原昌彦｜note

2018/08/27 993 users 榊原昌彦 Note 反響 ロゴ ツイート

ロゴの自動生成サービス「Free Logo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。 このツイートをしたところ、大きな反響をいただきまして、かるく解説記事を書いておきます。 どういうサービスなの？オンラインでネットショッピングをつくることができる有名サ... 続きを読む

React Component 視点でのアトミックデザインの解釈といくつかの疑問 - mizchi's blog

2018/06/07 129 users React Component アトミックデザイン 解釈

2018 - 06 - 07 React Component 視点でのアトミックデザインの解釈といくつかの疑問 フロントエンドの中でも、JS書く プログラマ と、 CSS を書く マークアップ と、デザインカンプを作るデザイナで、 コンポーネント という概念がズレる。だいたいこれらが一人だったり兼任だったりで1~2レイヤーの開発ステップになるが、完全分業だったり人が多くなると混乱の元になる。 誰か... 続きを読む

ちょっとクセのある明朝体がトレンド、2018年のフォント事情 | CAREER HACK

2018/04/09 52 users 明朝体 モリサワ CAREER HACK クセ フォント

2018-04-10 2018年、最近のフォント事情について解説。特に明朝体に関して「ちょっとクセのあるもの」がトレンドに。富田哲良さん（モリサワ）、細川絵理さん（DMM.comラボ）によるトークセッションの模様をお届けする。 みなさん、どれだけフォントのことを意識できていますか？ ※2018年2月に開催された「Creative X #1 session 5C × 文字『デザイナに知ってほしい文字... 続きを読む

Alignment and Autonomyな組織づくり - クックパッド開発者ブログ

2017/10/11 122 users 勝間 組織づくり クックパッド開発者ブログ 年初 ディレクター

2017 - 10 - 11 Alignment and Autonomyな組織づくり はじめに サービス開発部部長の勝間( @ryo_katsuma )です。 普段は、エンジニア、デザイナ、ディレクターを含む様々な職種のメンバーのマネジメントを行っています。 今日は、私の部署における組織づくりの取り組みについてお話いたします。 背景 現在、私が所属しているサービス開発部は、年初の組織改編時に発足... 続きを読む

デザイナが選んだ！デザインがうまくなりたい人へオススメの本16選 - ベーコンさんの世界ブログ

2017/07/27 178 users Tweet ベーコン 独学 デザイナー スポンサーリンク

2017 - 07 - 27 デザイナが選んだ！デザインがうまくなりたい人へオススメの本16選 デザイン スポンサーリンク Tweet デザイナーのベーコンです。 僕はこんな記事を書いているだけあってデザイン本を買うのが好きです。 www.baconjapan.com デザインがうまくなりたい人へ、おすすめの本を紹介していきます。 初心者デザイナーや、エンジニアさん、独学でやってたけど基礎を学びた... 続きを読む

意見を持つ — To Phantasien — Medium

2015/11/18 236 users モック medium 一筋縄 プログラマ 定例ミーティング

意見を持つ今のチームのプログラマたちは、製品の機能や UX に意見を持っている。UX デザイナがおらず PM もおとなしいプログラマ中心のプロジェクトから来た自分は、アプリやサービスの世界でデザイナや PM がどう物事を決めるのか、そこにプログラマがどう絡むのかに興味を持っていた。どうも一筋縄でない。定例ミーティングではデザイナのモックを前にプログラマたちが細かいレイアウトや動きを議論している。各... 続きを読む

意見を持つ — To Phantasien — Medium

2015/11/17 236 users モック medium 一筋縄 プログラマ 定例ミーティング

意見を持つ今のチームのプログラマたちは、製品の機能や UX に意見を持っている。UX デザイナがおらず PM もおとなしいプログラマ中心のプロジェクトから来た自分は、アプリやサービスの世界でデザイナや PM がどう物事を決めるのか、そこにプログラマがどう絡むのかに興味を持っていた。どうも一筋縄でない。定例ミーティングではデザイナのモックを前にプログラマたちが細かいレイアウトや動きを議論している。各... 続きを読む

デザイナになりたい人におすすめの本５選 | nanapi [ナナピ]

2015/11/13 65 users nanapi 研哉 グラフィックデザイナー 本質 ナナピ

はじめに デザインって何だろう？ グラフィックデザイン、プロダクトデザイン、映像デザイン、サウンドデザイン、服飾デザイン。まだまだ沢山のデザインが見つかりそうですね。 どの分野のデザイナを目指しているにしても、これは読んでおいて損はない、デザインの本質について触れている本を紹介します。 デザインのデザイン（原 研哉） グラフィックデザイナーの著者が、デザインとはいったい何なのかを問いかけ、色々な事... 続きを読む

ニュース - 「こんなもの、おもちゃだ」と批判されるのが破壊的イノベーション：ITpro

2015/08/18 154 users ITpro イノベーション 既存 ころ 経営学者

「既存の顧客からみると性能が低下した製品に思えるのが破壊的イノベーションだ。このため、破壊的イノベーションの製品が出始めのころは『こんなものはおもちゃだ』と呼ばれることが少なくない」。 関西学院大学専門職大学院経営戦略研究科の玉田俊平太教授（写真1）は2015年8月8日、慶應義塾大学大学院システムデザイン・マネジメント研究科（慶應SDM）が開催した公開講座「デザインと経営の未来：経営学者とデザイナ... 続きを読む

「Splatoon(スプラトゥーン)」のイカしたデザインのひみつ(前編) (1) プレイヤーキャラ「イカ」にこめられたデザイン面の"ひみつ" | マイナビニュース

2015/08/05 456 users プレイヤーキャラ Splatoon マリオ ゼルダ インク

任天堂のWii Uソフト「Splatoon(スプラトゥーン)」。発売から1カ月ほどで世界累計販売本数が100万本を突破するなど、非常に勢いのあるスタートを切った同社の新規タイトルは、「マリオ」「ゼルダ」などの歴史あるゲームタイトルと比べると「やんちゃ」に映るキャラクターデザインや、インクの鮮やかな色選びなど、ビジュアル面にも目を惹くものがある。 また、筆者自身、このゲームを始めたある知人のデザイナ... 続きを読む

ペパボのフロントエンドスタンダード

2014/11/26 619 users ペパボ altJS フロントエンド 途方 文書

フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 もくじ JavaScript と altJS 以下、... 続きを読む

重要視されるためのデザイナーの条件 : could

2014/11/06 238 users could 啓蒙 LSD LAB 内輪受け テクノロジー

デザイン考え方 重要視されるためのデザイナーの条件 UI だけに限らずデザインの価値が認められない理由のひとつとして、デザイナーが啓蒙のためのデザインをしていないというのは少なからずあると思います。ダイナミックでスピード感溢れる開発プロセスについていけるアプローチが必要です。 内輪受けは止めにしようではないか LSD LAB で公開されている UIデザイナー不要説は、テクノロジーと付き合うデザイナ... 続きを読む

エンジニアリングとして考える株式投資 | fladdict

2014/10/30 69 users ロジカル fladdict ファイナンシャルプランナー 自力

デザイナとかエンジニアたるもの、「人生において確実にあがる方法」をデザイン／開発して、自ら実験台となって証明することは神聖な義務であると思うなど。 社長になると、将来のことまぁ色々考えなければならないわけです。メンドクせえ。 とりあえず、投資や資産運用という概念を、自分なりに咀嚼してみたメモ。自力でロジカルに考えた結果、以下のような結論になった。とりあえずファイナンシャルプランナーとか、株式投資の... 続きを読む

ランサーズで提案し、キャンセルになったデザインが使われている - 沖縄ホームページ制作工房「株式会社wEVA」社長日誌

2014/08/19 1058 users ランサーズ ポートフォリオ さい センス 株式会社wEVA

2014-08-19 ランサーズで提案し、キャンセルになったデザインが使われている Web制作 GW過ぎぐらいに開始になり、いろいろとデザインを提示させていただいたのですが、クライアントさんが気に入らなかったようで「デザイナのセンスが無い」などといろいろ言われたのでお断りさせていただき、ボツデザインとしてポートフォリオに載せていたページデザインが勝手に使われているのを発見。 顔が見えない相手のサイ... 続きを読む

マニア必見。デヴィット・リンチの映画『デューン/砂の惑星』試作版の写真 : カラパイア

2014/02/23 83 users 着想 デヴィッド スケッチ デヴィット・リンチ監督 リンチ

デヴィット・リンチ監督の代表作、1984年公開の映画、『デューン/砂の惑星』の製作に参加したプロダクション・デザイナーのロン・ミラーはこれまで非公開だった自身が所有している、試作版のプロット写真や画像を、もっと見たいというファンのために公開した。この映画が始めの着想からどのように発展して完成に至ったかがよくわかるものとなっている。 まずは何千というスケッチの一部。 これらのほとんどは優秀なデザイナ... 続きを読む

デザイナがエンジニアリング（プログラム）を学ぶコツ | fladdict

2014/02/11 212 users グラフィック 理系 系統 融合 テクノロジー

最近、色々な方と「表現とエンジニアリングの融合」について、お話を伺ったりしたことからのまとめ。 なぜ表現者はテクノロジーを学習するのが苦手か 表現とエンジニアリングができるハイブリッドな製作者は、理系あるいはエンジニア出身の人間が多い。逆にアーティストや（グラフィック）デザイナーのバックグラウンドから、ハイブリッド型へと移行する人は相対的に少ない。 基本的には、エンジニアのほうが「系統立てて学習す... 続きを読む

プレビュー至上主義 - cmu12

2014/01/18 135 users レスポンシブ 河村 プログラマ テストファースト 最終成果物

creators_meetup 「プレビュー至上主義」 プログラマが「テストファースト」を唱えるなら、デザイナが主張すべきは何? それが「プレビュー至上主義」。書くより先に見る、書きながら見る、しかもほぼ最終成果物に近い形で。 河村 奨 (かわむらつとむ) 好きなことはなしていいらしい。なにはなそう? レスポンシブ、インブラウザデザイン、脱Photoshopの波など、ここ数年、色々ありました。それ... 続きを読む

Railsの逆を行く、デザイナと開発者が協力するためのScala Liftフレームワーク - Qiita [キータ]

2014/01/03 142 users Lift Scala キータ フレームワーク Rails

最近のフレームワーク、っていうとどれもRailsと似たような感じで実装言語が違うだけでしょ？という感じですが、Liftはそんな中完全に逆を行ってます。 その思想は他の言語でも通用するはずなので、ぜひScalaなんぞ知らんという方も読んでいただければと思います。 Liftの特徴 公式な特徴はホームページに記載されていますが、個人的にプッシュしたいのは以下点です。これらは、Templatingに詳しく... 続きを読む

CSS拡張メタ言語「Sass」の概要と導入手順 （1/3）：CodeZine

2013/12/12 92 users CodeZine Sass Compass オイシックス 実例

本連載では、CSSの拡張言語であるSassの導入と、Sassを利用したメジャーなCSSフレームワークの1つであるCompassの導入をサンプルを交えて紹介し、最終的には実際にオイシックスで利用しているCSSをSassで書き直した際の実例をご紹介します はじめに　CompassはSassを拡張したツール集で、CSSのフレームワークといわれています。大手企業でも導入されていて、オイシックスでもデザイナ... 続きを読む

本当にあったプログラマとデザイナの怖くない話 in Fukuoka.php Vol.11 - けんごのお屋敷

2013/11/27 63 users Uｓｔｒｅａｍ プログラマ PHP Fukuoka.php

Fukuoka.php Vol.11 に参加してきました。 リンク先にもあるように今回は NO PHP DAY ということで Fukuoka.php という名前を冠しながらも、誰一人として PHP の話をしなかったという珍しい勉強会でした。残念ながらUstreamの中継はなかったためオープンにはなりませんでしたが、いろいろと勉強になってたくさんインプットができたイベントでした。素晴らしい発表の数々... 続きを読む