Material Designを最速で使いこなす｜池内健一
Material Designを使いこなすための最速の手順を紹介します。最近UIデザインを始めた方、iOSアプリのデザインはしていたけどAndroidのデザインも行う必要になった方、WebサービスでMaterial Designを使ってみたい方、Androidエンジニアでデザイン方面ももっと知りたい方などは参考にしてみてください。 Material DesignとはMaterial DesignとはGoogleが構築したUIデザインフレームワークです。Androidだけでなく、WebやiOSのデザインにも活用できます。 ざっくりとした内容は「Material Designとは」でググってみてください。基本理念をわかりやすく解説している記事が並んでいます。この段階ではなんとなくMaterial Designってこんなんだなって理解したら十分です。 それではガイドラインを読み込む前に、まずは準
フロントエンドのコンポーネント設計に立ち向かう - Qiita
ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をする際の指針を言語化しようというのが本記事の目的です。同じように悩まれている方にも何らか示唆を提供することができたら嬉しいです。 想定読者 「コンポーネント設計？なにそれ？おいしいの？」という方 初めてコンポーネント設計でアプリ作ってみたけど、本当にこれでいいのか自信の無い方 はじめに: "コンポーネント"とは まず最初に"コンポーネント"という言葉についてですが、ここでは「GUIのパーツをモジュー
伊藤万理華×福島真希『はじまりか、』 - 青春ゾンビ
昨年末に開催された個展「伊藤万理華の脳内博覧会」にて公開されたショートムービー『はじまりか、』がYouTube上で閲覧が可能となった。掛け値なしに素晴らしい8分30秒なのだ。伊藤万理華によるファンやメンバーに対するストレートな愛のメッセージをして*1、「彼女のファンには感涙ものだろう」という感想もわかるのだけども、この『はじまりか、』という作品はなにかもっとこう普遍的な魅力を兼ね添えていやしないだろうか。乃木坂46というグループにまったく興味がないという方にもぜひともご覧いただき、この感動を分かち合いたく思い、少しだけ言葉を添えたい。 まずは、伊藤万理華というアイドルのヒストリーを少しだけ記しておく。2011年の乃木坂46結成当時からのメンバーであり、2017年末をもってグループを卒業している。人気メンバーと言ってしまっていいと思うのだが、おそらく乃木坂46ファン以外には、顔と名前が一致し
外国人からみて日本の民主主義は絶滅寸前だ
日本のメディアはここのところ、森友学園スキャンダルが世界における日本のイメージに影響を与えるのではないかと懸念している。テレビの政治番組では、海外の新聞数紙に掲載された記事を引用しており、そこには仏ル・フィガロ紙に掲載された筆者の記事も含まれていた。 だが実のところ、森友スキャンダルは外国の報道機関ではほとんど取り上げられていない。この事件を特に取り上げた記事は昨年1年で12本というところだろうか。筆者が見つけた記事では、米ニューヨーク・タイムズ紙で1年に2本、ワシントンポスト紙で1本だった。 日本の国会は「老人ホーム」さながら 自分に関して言うと、ル・フィガロの編集者になぜこの事件に関する記事が重要なのかを丁寧に説明したうえで、掲載してくれないかと頼み込まなければならなかったくらいだ。今日、もしニューヨークやパリの街頭で森友に関するアンケートを行ったとしても、99％の人が、それが何なのか
情報設計（IA）の解釈とWebサイト:UX Days Tokyo 2016
ツイート IAのInformation(情報)の解釈が要 今年はアビー・コバートさんが来日することもありIAの内容が含まれます。 IAとは、infomation architecture（インフォメーションアーキテクチャ）の略で日本語で訳されると情報設計になります。アーキテクトや設計という言葉は、単純に情報を整理整頓することと捉えがちです。 しかし、アビーさんはIAの情報という言葉の捉え方がポイントだと解説しています。 アビーさんの書籍「今日からはじめる情報設計」や彼女のウェブサイトでも紹介していますが、情報の設計だけでなく、ユーザーがどのように思い、考え、感じるのかを含めたものが、 ”情報設計の情報” と説明しています。 コンテンツとデーターが情報ではない 彼女はイラストを用いてIAにおける「Information:情報」について解説しています。 上記のジャム、ジェリーはコンテンツです。
「Atomic Design & Design Systems」をお話させて頂きました | よりデザイン
DMM.com ラボさまの社内勉強会にお声がけ頂き、「Atomic Design & Design Systems」というテーマでお話させて頂きました。 当日の構成 勉強会のテーマがAtomic Designについてだったので、前半はGUILDさん勉強会でお話させて頂いた内容を少し持ってきました。 後半ではAtomic Designの視点をもう少し広げて、Design System（毎回デザインシステム表記とどっちにしようか悩む）全般について、僕が調べたり考えたことをまとめました。 と言っても自分は何かしらのデザインシステムを取り入れたり実践したりと言った経験はありません。そのため、内容のほとんどは海外の事例や記事の引用・意訳になります。Design Systemについてまとまった情報が知りたい！という方には有益かと思いますが、基本的なことは知ってるよーという方にはあまりお役に立てないと思
渡邊恵太研究室 | 明治大学 | 総合数理学部 | 先端メディアサイエンス学科 | keitalab
インタラクションデザイン、Human Computer Interactionの研究室です。
Autoprefixerが進化してCSS GridのIE 11対応がバリ楽になった（2017年〜2018年） - Qiita
CSS Gridは便利なレイアウト手法ですが、IE 11にも対応する場合はベンダープレフィックスの付与や古い記法への対応が必要です。ベンダープレフィックスの付与や古い記法への対応を自動で行うのがAutoprefixerなのですが、2017年から2018年にかけてIE 11向けのGrid対応が大きく向上したことをご存知でしょうか？ 最近のAutoprefixerを使えば、次のようなメリットがあります。 IE 11向けに手動で書いていた-ms-grid-column-span、-ms-grid-row-spanを手動で書かなくてよい IE 11で非対応のgrid-template-areas、grid-areaを変換可能 gap（旧名grid-gap）をIE 11向けに書き出し可能 repeat()をIE 11向けの旧仕様で出力可能 ▲ AutoprefixerによるCSS GridのIE 1
山田尚子監督インタビュー | 『リズと青い鳥』公式サイト
監督を務めるとなったときのお気持ちをお聞かせください。 原作のプロットを読んだときに、武田先生の持ち味、本質が薫る題材だと思いました。とても日常的ながらもなかなか題材として取り上げないような新鮮な切り口が印象深くて。原作の持つ、透明な、作り物ではない空気感を映像にしてみたいと思いました。 シリーズ演出として『ユーフォ』シリーズと共にやって来たので、この作品をとてもよく知っているからこそ、原作から、今回のような切り口もあるんじゃないかと思いました。そういったことをシリーズの石原監督やスタッフのみんなと話し合いまして、この映画を制作させていただけることになったんです。 今回は集団ではなく個を描くお話なので、小さな変化を積み重ねることを大事にしたいと思いました。 物語の中心となる、みぞれと希美についてお聞かせください。 希美は明るくて元気で、音楽が大好きでフルートを吹いている活発な女の子です。そ
90年代後半～2010年代の男子高校生の生態が的確すぎて「わかりみが深い」「○○も追加で」と楽しむ皆さん
リンク 20th.excite.co.jp エキサイト20周年企画｜あぁ、我らが愛しの「JK制服20年史」 ルーズソックス、ミニスカ、シュシュ、スポーツリュック…時代とともにめまぐるしく移り変わるJKの制服カルチャー。その着こなしとライフスタイルは歴代のJKが自らの手で切り開いてきたもの。愛を込めて称賛を贈る、JK制服20年史。 20 users 191
デザインと研究｜萩原 修 はぎわら しゅう
デザインと研究の関係が気になっています。もちろん、デザインしたモノや、デザインのプロセス、デザインの歴史なども研究対象ですが、気になっているのは、何かをデザインするための研究です。 美大で、デザインを学んだ自分にとって、デザインは課題に対して、どういう答え、どういう造形を、導きだせばいいのかを試行錯誤することだと考えていて、あまり、研究という感覚は、身についていませんでした。 ところが、美大ではない工学部や社会学部出身のデザイナーと話をしていると、デザインをするために、こういうリサーチをしましたとか、検証して分析した結果とか、デザインするための研究に近い説明をうけることが多くなりました。 考えてみると、デザインするためには、自分の感覚で、カタチにすることも大事ですが、それ以上に誰のために、どんな目的でデザインするかが重要であり、そのためには、その裏付けが必要になります。それがない美しいだけ
mojimo - ちょうどいい文字を、ちょうどいい価格で
mojimoとは？ ちょうどいい文字を ちょうどいい価格で 「mojimo（もじも）」は、フォントワークスが提案する、フォントの新しいサービスです。 「ちょうどいい文字を、ちょうどいい価格で」をコンセプトに、 特定の用途ごとに最適な書体、最適な価格を実現しました。 定額制プランでご提供します。 あなたにぴったりフィットする ちょうどいい書体をパックにしました 人それぞれ、目的やシーンによって、文字の表現は異なります。 表現したいことが違うのに、みんな同じフォントでは、表現の幅も狭まります。 いまあなたが作ろうとしているもの、伝えたいことに最適なフォントのみを 目的ごとにセレクトし、専用のパックにしました。 定額制で、 好きなときだけ、好きなものだけ。 これまでフォントは、「プロのためのもの」というイメージが強くありました。 mojimoは、目的に合った最適なフォントを、使いやすい価格帯でご
ぬいぐるみ用スピーカーを買ってもらったら、双子の育児がグッと楽になった話（寄稿：ウラク） - ソレドコ
こんにちは、ウラクです。2015年、26歳のとき双子の姉弟を出産し、Instagramでは双子の成長を記録した育児日記を投稿しています。現在2歳となったムスメ、ムスコの育児は大変でもありますが、家族や周りの人にも支えられ日々奮闘しています。 今回は、義兄が双子に買ってくれた、ぬいぐるみ用スピーカー「Pechat（ペチャット）」について書きたいと思います。 ペチャットは、ぬいぐるみにつけるとまるでぬいぐるみがしゃべっているようになる、というボタン型のスピーカー。 ぬいぐるみにつける、ボタン型のスピーカーです これが、とっても頼もしいんです。 hb.afl.rakuten.co.jp 双子、しゃべるぬいぐるみに興奮 いきなりぬいぐるみが話しかけてきたら恐怖ですよね。 ビビりな2人にはどうだろう。 びっくりして怖がるかな？ と思いきや…… めちゃくちゃ感動していました。キラキラと目を輝かせて。こ
短期間でUI改善の糸口を発見する！ヒューリスティック評価の手法とポイント｜Goodpatch Blog グッドパッチブログ
グッドパッチでは、これまで多くの企業の新規事業立ち上げやWebサービス、アプリのリニューアルを支援してきました。そしてその多くは数ヶ月の期間がかかり、大規模のプロジェクトでは1年を超えることもあります。実際にサービスを運営されている方からは「UI/UXが大事なのは理解しているけど、予算的にフルリニューアルは難しい」「UI/UXといっても何をしていいのかわからない」といった声をよく聞きます。 そのようなニーズにお応えして、グッドパッチでは短期間で実施できる『Quick Design Install Projects』というサービスをご提供しています。今回はその中でも最短で実施可能な「UI/UXフィードバック」でも用いているヒューリスティック評価の手法をご紹介できればと思います。サービスのUI上の課題を短期間で、かつユーザー視点で導き出し、迅速なUI改善を実現しましょう。 ヒューリスティック評
リクルートのサービス改善とこれからの進化
こんにちは。サービスデザイン部インタラクションデザイングループの立石です。 インタラクションデザイングループは、リクルートの各事業会社が運営するサービスに対して、インタラクションデザイン・IA（情報設計）・UI設計という側面から、サービス改善や新規立ち上げを支援しています。 今現在、私たちが行っている業務の中でも、多くを占めるのが、既存サービス改善です。 リクルートグループでは、様々な領域のネットサービスを展開していますが、私たちは、既に運用されているそれらのネットサービスのUX・UI改善を常におこなっています。 また、私たちは、それらをおこなうためにPDS改善のプロセスを型化し、それを利用して数多くの改善を成し遂げてきました。 しかしながら、改善を繰り返していくことによって新たな課題も見えてきています。 今回は、私たちインタラクションデザイングループのサービス改善について、これからの取り
技術的夫妻。trelloで家事スクラムを始める｜macheri｜note
こんにちは！デザイナーのまちえり（@macheri_me）です。 今回は開発スキームを家事に取り入れてみたことついてご紹介します。 最強の家事時短＆家事分担法を思いつきました。 家事をスムーズに、喧嘩なく分担したいと思ったらtrelloを使った家事スクラムで見える化しよう 夫婦だけでなく、一人暮らしにもオススメしたい家事ハック ● 共同生活(夫婦/同棲カップル/ルームシェアなど) ・共働きで家事にあまり時間が取れない人 ・今の家事分担に不満、家事分担で喧嘩が絶えない人 ●一人暮らし ・家事があまり得意ではない人 ・できるだけスムーズに、効率的に家事を行いたい人スクラムの師匠いけこ氏（@imaikeko）が書いた記事、家事とスクラムに強く共感し、実際にtrelloを使ってスクラム家事をやってみました。 はじめに：嫁は激怒した。必ず、かの自由奔放な夫に家事をさせようと決意した。夫・エンジニア、
「先輩のExcelグラフ、ダサいですね」とデザイナーが言ってきたので教えを請うたら恋が始まった
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 社内・社外向け問わず、資料作りで大活躍するのが Excelのグラフ。 Excelのデフォルト機能でさくっと作ったグラフでも結構いい感じに仕上がるので、「俺の資料、結構イケてるじゃん」と思っていました。 ところがある日の残業中、私が翌日の会議用資料の最終見直しをしていた時のことです。 私の後ろを通りかかったデザイナーのP子さんがぼそっとつぶやいた一言が、グサッと胸に刺さりました。 ※P子さんはこんな感
たった3週間でいい感じのデザイナーを3人採用した方法とは？ - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ
みなさま、新年明けましておめでとうございます。 UXデザイングループ マネージャーのアタラシです。個人的に2017年は良い一年でした。UXデザイングループやデザインプロセスに多くの変化があり、やっとサービスをデザインをする基盤ができてきました。2018年は、もっと良くなる気がしてます。 さて、そんなことより、デザイナーの中途採用の話ですよ。みなさんの会社では、どうしてますか？ いま、各企業におけるデザイナーニーズの高まりは凄まじいものがあり、デザイナーの価値はぐんぐん高まっている状態と言えます。需要に対して供給が追いついていないため、採用活動の難易度も上がっています。 「デザイナーじゃない人が採用担当者になり、なんとなく面接して、スキルセットの違うデザイナーを高い報酬で迎え入れてしまった・・・」 ちゃんとやらないと、こういうことも十分起こり得ます。こわい。 でも、そんな中。私たちは、201
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ディズニー・プログラミング学習教材「テクノロジア魔法学校」
advent calendar カテゴリーの記事一覧 - development log
