UIUXデザイングループのグループ長を担当させていただいている小田と申します。 一般公開はしていないのですが、モノタロウも一貫したデザインや操作性でウェブサイトを提供するためデザインシステムを作り、現状のサイトに適用しています。 今回はモノタロウのデザインシステムのお話をしたいと思います。 デザインシステムの始まり これは数年前の話です。 何年も運営しているサイトだとよくある話ですが、見た目のスタイルが分散していき、その分のコードが積み重なっていき開発の負荷になります。 また、スタイルが分散していると使っている側のユーザーも、この機能はどういう機能なのかを理解する事に時間がかかります。 サービスの品質を上げるPDCAを早く回す為に土台（図1）を整える必要性があり、スタイルを統一したデザインシステムを構築して、ページに適用していくことが目標になりました。 分散していたスタイル： 作成したボタ
建物の外壁からタイルが落下する事故が散見されている。経年劣化や施工不良など要因は個々の事例ごとに異なるものの、落下したタイルが通行者などに当たれば、取り返しがつかない。過去には外壁タイルの落下による死傷事故も起こっている。 本連載では、「一級建築士矩子の設計思考」（鬼ノ仁／日本文芸社）のキャラクターを使って新規に書き下ろしたイラストとともに、建築の「危ないデザイン」を振り返る。 前述の外壁タイルは、建物に高級感を与えるなど建築の意匠を構成する上で重要な役割を担う。マンションなどを中心に採用事例は今も多い。 一方、大阪地方裁判所判事（当時）の高嶋卓氏が「判例タイムズ」の2017年9月号に寄せた論文によると、大阪地裁で建築関係訴訟を専門で扱う第10民事部における未処理の事件数の5～8％は、外壁タイルの瑕疵に関する事案となっている。そこで今回は、老朽化した建物の増加とともに、これから発生数が増え
俺は大学時代の後輩が小説家になったことで頭おかしくなってきてる。 よく漫画にある「一歩後ろをついてきてると思ってた相手が、自分の知らないところで滅茶苦茶鍛えていて実際には自分の知らない世界で大差をつけられていた」みたいなストーリーをな、自分の身で味わってる。 同じサークルの仲良しグループの一人だからLINEやTwitterでブロックすることも出来ないし、ミュートしてるのがバレても気まずいから一応呟きは既読してるんだが、目が滑って半分ぐらいしか読めない。 結構売れっ子らしくてアニメにもなってる。 流石にアニメ化まで行ってれば平均年収と同程度しか貰ってない自分よりもずっとずっと金回りはいいんだろうな。 少なくとも毎日ブルシットジョブに苛つきながらキレ散らかしてる俺よりはずっと楽しく人生送ってると思う。 辛い。 マジで辛い。 嫉妬しかない。 多分一番辛いのは仲間内の中で「増田ってなんかこう意外と
store.steampowered.com ベセスダの新作ゲーム『Starfield』、XboxGamePassに加入してプレミアム・エディションを追加購入した人は9月1日からプレイできた。現時点で35時間ほどプレイし、各勢力のミッションもいくつかたしなみながらメインミッションも一応クリアしたので、いったんファーストインプレッションとして感想を残しておきたい。 最初にざっとした総評 結論からいうと間違いなくベセスダのオープンワールドRPGであり、他スタジオが作ったオープンワールドRPGからは摂取できない栄養がここにはある。『Skyrim』と『Fallour4』をあわせたよりも多いセリフ量があり、8年の月日がかけられた。数多くの勢力が入り乱れるさなかに次々と道徳的に曖昧な選択を迫られ、それが世界に不可逆の変化をもたらす──そうしたSkyrimやらFalloutシリーズやらでこれまで散々味わ
名詞の場合 （検索など多少の例外はあるものの）基本的にアプリケーションの最上位のナビゲーションであるルートナビゲーションにはオブジェクトを並べます。その理由はシンプルです。こうすることでユーザーが名詞→動詞の順で操作できる構造になるからです。 この部分をもう少し詳しく考えてみましょう。 ルートナビゲーションで普通名詞を選択、コレクションから固有名詞を選択、その詳細を確認して必要に応じて動詞を選択する ルートナビゲーションに並んでいるのは、オブジェクト名です。英語だとこの部分は複数形になることが多い箇所かもしれません。 名詞といってもいわゆる普通名詞です。クラスとそのインスタンスという表現をするならばクラスになるでしょう。 表示されているコレクションに並んでいるものは固有名詞です。こちらはクラスのインスタンスの方です。 つまりユーザーは普通名詞を選択して、その後固有名詞を選択して、必要に応じ
皆さんこんにちは、しんざきです。最近はアーマードコア6にハマってまして、バルテウスに勝てる気配がまるでありません。楽しいですよねAC6。 さて、ちょっと面白いなーと思ったことがあったので記事にしてみます。 8月半ば、夏休みもぼちぼち中盤を過ぎた頃のことです。 リモートワークを終えて階下に降りてみますと、リビングの床をごろんごろんと、かなりの距離にわたって勢いよく転がりながら、次女が何やら悩んでいました。 困った時に周囲に分かりやすく発信してくれるのはしんざき家の子どもたちに共通の美点でして、親としては問題解決の為の声掛けがしやすくって助かっております。 いつも通り「何か困ってるの？」と聞いてみたら、「かせつ」という三文字が返ってきました。 ビルの足場でも作るのかなと思ったところ、よく聞いてみると「自由研究で、ちゃんとした仮説の作り方が分からない」というのです。 私「自由研究で仮説立てるの？
見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれません。 でも、デザイナーじゃなくても！デザインツールを使わなくても！いくつかのコツを押さえるだけで見やすいスライド資料は作れます。 この記事では、見やすいスライド資料をデザインするコツを5つの章に分けてご紹介していきます。 「レイアウト」「カラー」など、気になるところから読んでみていただいても大丈夫です。 スライド資料の作成だけでなく、バナーやチラシなど、いろんなデザインにも役立つコツをイラスト付きでわかりやすく説明しているので、今作っているデザインに悩んでいる、デザイン勉強中、という方もぜひ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
