CINXE.COM

<!DOCTYPE html> <html lang="ja" data-page-scope="User" data-stable-request-url="https://b.hatena.ne.jp/YOSHIOKA_Ko57/" data-device-type="PC" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-author-name="YOSHIOKA_Ko57" data-page-subtype="bookmark" data-page-type="user" data-platform="pc" data-search-query="" data-tag-filter="" data-visitor-name="ゲスト" > <head>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5TDHQX'); </script>  <meta charset="UTF-8"> <title>YOSHIOKA_Ko57のブックマーク - はてなブックマーク</title> <script src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/js/v4/bookmark.js" async></script> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/css/v4/bookmark.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/css/v4/bookmark.star.css" /> <link rel="canonical" href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/" /> <link rel="next" href="/YOSHIOKA_Ko57/bookmark?page=2"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width"> <link rel="search" type="application/opensearchdescription+xml" title="はてなブックマーク検索" href="/opensearch.xml" /> <link rel="search" type="application/opensearchdescription+xml" title="YOSHIOKA_Ko57 のブックマーク内検索" href="/YOSHIOKA_Ko57/opensearch.xml"> <link rel="apple-touch-icon-precomposed" href="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/apple-touch-icon-precomposed.png" /> <link rel="mask-icon" href="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/safari-pinned-tab-icon.svg" color="#00A4DE" /> <meta name="msapplication-navbutton-color" content="#2C6EBD" /> <meta name="msapplication-task" content="name=はてなブックマーク; action-uri=/; icon-uri=https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/icons/bookmark.ico" /> <meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/icons/my-bookmark.ico" /> <meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/icons/favorite-bookmark.ico" /> <meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/icons/hotentry.ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="referrer" content="always"> <link rel="author" href="http://www.hatena.ne.jp/YOSHIOKA_Ko57/" /> <link rel="alternate" type="application/rss+xml" href="/YOSHIOKA_Ko57/bookmark.rss" /> <script> function isMobile() { const html = document.documentElement; const deviceType = html.dataset.deviceType || ''; if (deviceType.length > 0) { return deviceType === 'MOBILE'; } else { const maxMobileWidth = 480; const windowWidth = window.innerWidth; return maxMobileWidth >= windowWidth; } } </script> </head> <body class="page-centerarticle fixed-header">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TDHQX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="link-app-banner js-dynamic-link-app-banner is-hidden"> <button class="link-app-banner-btn-close js-dynamic-link-app-banner-close-button"><span>close</span></button> <a class="link-app-banner-btn" href="https://hatenabookmark.page.link/app"> <div class="link-app-banner-btn-detail"> <div class="link-app-banner-icon"><img src="/images/v4/public/app/ic-ios.svg" alt="はてなブックマークアプリ"></div> <p class="link-app-banner-text">サクサク読めて、<br class="link-app-banner-text-newline">アプリ限定の機能も多数！</p> </div> <div class="link-app-banner-btn-open">アプリで開く</div> </a> </div> <header id="global-header" data-portal-static-origin="//cdn.www.st-hatena.com"> <div id="header" class="global-header-inner js-global-header-inner"> <h2 id="gh-logo"><a href="/" data-gtm-label="gh-blogo"><span>はてなブックマーク</span></a></h2> <div class="is-guest js-guest is-hidden"> <input id="gh-search-icon-check" type="checkbox" checked="checked" /> <label class="gh-search-icon" for="gh-search-icon-check" aria-label="検索を閉じる"><span>閉じる</span></label> <form class="gh-searchbox" method="get" action="/search_dwim" role="search"> <input value="" name="q" type="search" class="gh-inputtext" placeholder="キーワード・URLを検索" size="40" /> <input value="" type="submit" class="gh-search-button" /> </form> <ul class="gh-service-menu"> <li><a href="/guide" data-gtm-label="gh-guest-guide">はてなブックマークって？</a></li> <li><a href="/guide/tools" data-gtm-label="gh-guest-tools">アプリ・拡張の紹介</a></li> <li><a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2F%3Fregistered_from%3Dglobal-header&via=201037" class="gh-guest-register" data-gtm-label="gh-guest-register">ユーザー登録</a></li> <li><a href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fb.hatena.ne.jp%2FYOSHIOKA_Ko57%2F" rel="nofollow" class="gh-guest-login" data-gtm-label="gh-guest-login">ログイン</a></li> <li class="gh-hatena-logo"><a href="http://www.hatena.ne.jp/"><img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/logo/logo-global-white.svg" alt="Hatena" width="74px" height="13px"/></a></li> </ul> </div> <noscript> <ul class="gh-service-menu"> <li><a href="https://www.hatena.ne.jp/logout?location=https%3A%2F%2Fb.hatena.ne.jp%2F">ログアウト</a></li> </ul> </noscript> <script type="text/x-template" id="template-menu-hatena-user"> <form class="gh-searchbox" method="get" action="/search_dwim" role="search"> <input value="" name="q" type="search" class="gh-inputtext" placeholder="キーワード・URLを検索" size="40" /> <input value="" type="submit" class="gh-search-button" /> </form> <ul class="gh-service-menu"> <li><a class="hotentry" data-gtm-label="gh-mypage" href="{{hotentry_url}}"><img src="{{user_image_url}}" class="header-profile-icon" width="16" height="16" alt="{{username}}" /></a><a class="hotentry" data-gtm-label="gh-mypage" href="{{hotentry_url}}">マイページ</a></li> <li><a class="bookmark" data-gtm-label="gh-bookmark" href="{{bookmark_url}}">ブックマーク</a></li> <li><a class="unread_bookmark" data-gtm-label="gh-ril" href="{{bookmark_stock_url}}">あとで読む</a></li> <li><a class="add" data-gtm-label="gh-add" href="{{add_bookmark_url}}">追加</a></li> <li><a class="tools" data-gtm-label="gh-tools" href="/guide/tools">ツール</a></li> <li><a class="config" data-gtm-label="gh-config" href="/-/my/config/profile">設定</a></li> <li><a class="feedback" data-gtm-label="gh-feedback" href="/-/feedback/hatena_bookmark" target="_blank">フィードバック</a></li> <li id="header-username" class="gh-dropdown-services" data-gtm-label="gh-services" title="利用中のサービス" data-name="{{username}}"> <span class="header-dropdown gh-dropdown" tabindex="0"> <img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/common/usermenu-wh.svg" alt="利用中のサービス" width="24" height="24" /> </span> <dl class="header-window" id="username-window"></dl> </li> <li id="header-notify" data-gtm-label="gh-notify" class="gh-dropdown-notify" title="あなたへのお知らせ"> <span class="header-dropdown gh-dropdown" tabindex="0"> <img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/common/notify-wh.svg" alt="あなたへのお知らせ" width="25" height="25" /> <span class="notify-count"></span> </span> <div id="notify-window" class="header-window header-notify"></div> </li> <li class="gh-hatena-logo"><a href="http://www.hatena.ne.jp/"><img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/logo/logo-global-white.svg" alt="Hatena" width="74px" height="13px"/></a></li> </ul> </script> </div> </header> <div id="info-header"><div id="info-header-message"></div><span></span></div> <div class="global-notification is-hidden js-global-notification"></div> <div id="container" class="js-user-page-container" data-author-name="YOSHIOKA_Ko57" > <div class="centerarticle-wrapper"> <div class="left-container"> <div class="js-user-info" data-user-name="YOSHIOKA_Ko57"> <div class="centerarticle-profile"> <a href="http://profile.hatena.ne.jp/YOSHIOKA_Ko57/"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" class="centerarticle-profile-image"/> </a> <div class="centerarticle-profile-main"> <a href="http://profile.hatena.ne.jp/YOSHIOKA_Ko57/" class="centerarticle-profile-nickname js-user-info-nickname" target="_blank" rel="noopener">YOSHIOKA_Ko57</a> <a href="/YOSHIOKA_Ko57/bookmark" class="centerarticle-profile-username">id:YOSHIOKA_Ko57</a> </div> </div> <ul class="userprofile-status"> <li> <a href="/YOSHIOKA_Ko57/bookmark" class="userprofile-status-link" data-gtm-click-label="user-count-bookmark"> <span class="userprofile-status-count">299</span> <span class="userprofile-status-text">ブックマーク</span> </a> </li> <li> <a href="/YOSHIOKA_Ko57/follow" class="userprofile-status-link" data-gtm-click-label="user-count-follow"> <span class="userprofile-status-count js-total-followings">-</span> <span class="userprofile-status-text">お気に入り</span> </a> </li> <li> <a href="/YOSHIOKA_Ko57/follower" class="userprofile-status-link" data-gtm-click-label="user-count-follower"> <span class="userprofile-status-count js-total-followers">-</span> <span class="userprofile-status-text">お気に入られ</span> </a> </li> </ul> </div> <div class="centerarticle-mainNavi"> </div> <div class="centerarticle-sidebar-menu js-user-tags"> <h3 class="centerarticle-aside-title">タグ</h3> <ul class="centerarticle-sub-navi"> <li><a href="/YOSHIOKA_Ko57/bookmark" class="is-current" data-gtm-click-label="user-tags-all">すべて</a></li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/3DCG/" data-gtm-click-label="user-tags"> 3DCG <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Accessibility/" data-gtm-click-label="user-tags"> Accessibility <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Analyze/" data-gtm-click-label="user-tags"> Analyze <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Animation/" data-gtm-click-label="user-tags"> Animation <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Anime/" data-gtm-click-label="user-tags"> Anime <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Art/" data-gtm-click-label="user-tags"> Art <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Basic/" data-gtm-click-label="user-tags"> Basic <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Blender/" data-gtm-click-label="user-tags"> Blender <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Blender%20tips/" data-gtm-click-label="user-tags"> Blender tips <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Book/" data-gtm-click-label="user-tags"> Book <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/CG/" data-gtm-click-label="user-tags"> CG <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/CSS/" data-gtm-click-label="user-tags"> CSS <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Cheat-sheet/" data-gtm-click-label="user-tags"> Cheat-sheet <span class="count">(24)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Childcare/" data-gtm-click-label="user-tags"> Childcare <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Color/" data-gtm-click-label="user-tags"> Color <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-tags"> Design <span class="count">(123)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Documentation/" data-gtm-click-label="user-tags"> Documentation <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Figma%20tips/" data-gtm-click-label="user-tags"> Figma tips <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Film%20production/" data-gtm-click-label="user-tags"> Film production <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Framework/" data-gtm-click-label="user-tags"> Framework <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Game%20design/" data-gtm-click-label="user-tags"> Game design <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Game%20development/" data-gtm-click-label="user-tags"> Game development <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Identity/" data-gtm-click-label="user-tags"> Identity <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Illustration/" data-gtm-click-label="user-tags"> Illustration <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Illustrator%20plugin/" data-gtm-click-label="user-tags"> Illustrator plugin <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Language/" data-gtm-click-label="user-tags"> Language <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Layout/" data-gtm-click-label="user-tags"> Layout <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Lighting/" data-gtm-click-label="user-tags"> Lighting <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Localize/" data-gtm-click-label="user-tags"> Localize <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Mac%20tips/" data-gtm-click-label="user-tags"> Mac tips <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-tags"> Management <span class="count">(53)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Marketing/" data-gtm-click-label="user-tags"> Marketing <span class="count">(29)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Mind%20set/" data-gtm-click-label="user-tags"> Mind set <span class="count">(41)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Observation/" data-gtm-click-label="user-tags"> Observation <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Package/" data-gtm-click-label="user-tags"> Package <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Philosophy/" data-gtm-click-label="user-tags"> Philosophy <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Photoshop%20tips/" data-gtm-click-label="user-tags"> Photoshop tips <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Programming/" data-gtm-click-label="user-tags"> Programming <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Research/" data-gtm-click-label="user-tags"> Research <span class="count">(16)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Self%20management/" data-gtm-click-label="user-tags"> Self management <span class="count">(18)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Sketch%20plugin/" data-gtm-click-label="user-tags"> Sketch plugin <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Sketch%20tips/" data-gtm-click-label="user-tags"> Sketch tips <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Software%20development/" data-gtm-click-label="user-tags"> Software development <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Team/" data-gtm-click-label="user-tags"> Team <span class="count">(32)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Texture/" data-gtm-click-label="user-tags"> Texture <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Typesetting/" data-gtm-click-label="user-tags"> Typesetting <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Typography/" data-gtm-click-label="user-tags"> Typography <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/UI/" data-gtm-click-label="user-tags"> UI <span class="count">(46)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/UX/" data-gtm-click-label="user-tags"> UX <span class="count">(33)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Unity/" data-gtm-click-label="user-tags"> Unity <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/VR/" data-gtm-click-label="user-tags"> VR <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Video/" data-gtm-click-label="user-tags"> Video <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Web%20Development/" data-gtm-click-label="user-tags"> Web Development <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/Writing/" data-gtm-click-label="user-tags"> Writing <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/YOSHIOKA_Ko57/iOS/" data-gtm-click-label="user-tags"> iOS <span class="count">(1)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-tags"> Design <span class="count">(123)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-tags"> Management <span class="count">(53)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/UI/" data-gtm-click-label="user-tags"> UI <span class="count">(46)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Mind%20set/" data-gtm-click-label="user-tags"> Mind set <span class="count">(41)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/UX/" data-gtm-click-label="user-tags"> UX <span class="count">(33)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Team/" data-gtm-click-label="user-tags"> Team <span class="count">(32)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Marketing/" data-gtm-click-label="user-tags"> Marketing <span class="count">(29)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Cheat-sheet/" data-gtm-click-label="user-tags"> Cheat-sheet <span class="count">(24)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Self%20management/" data-gtm-click-label="user-tags"> Self management <span class="count">(18)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/YOSHIOKA_Ko57/Research/" data-gtm-click-label="user-tags"> Research <span class="count">(16)</span> </a> </li> </ul> <p class="centerarticle-sub-navi-more"> <button type="button" class="js-display-all-tags" data-gtm-click-label="user-tags-show-all">タグをすべて表示</button> </p> </div> </div> <div class="center-container"> <div class="centerarticle-title-container"> <h2 class="centerarticle-title"> YOSHIOKA_Ko57のブックマーク (299) </h2> </div> <div class="js-user-bookmark-item-autoload-container" data-next-page-path="/YOSHIOKA_Ko57/bookmark?page=2" data-next-xhr-path="/api/users/YOSHIOKA_Ko57/bookmarks?page=2" data-next-label="次のページ" > <script type="text/x-template" id="template-short-url-click"> {{#tweet_url}} <a href="{{tweet_url}}" target="_blank" rel="noopener noreferrer" data-gtm-click-label="reaction-twitter-clicks"><span>{{count}} clicks</span></a> {{/tweet_url}} {{^tweet_url}} <span>{{count}} clicks</span> {{/tweet_url}} </script> <script type="text/x-template" id="template-bookmark-item"> {{^is_wiped}} <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="{{url}}"> <div class="centerarticle-entry {{#has_image}}is-image-entry-unit{{/has_image}}"> <h3 class="centerarticle-entry-title"> <a href="{{url}}" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener{{#noreferrer}} noreferrer{{/noreferrer}}" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="{{favicon_url}}" alt="">{{title}}</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="{{page_url}}" class="js-keyboard-entry-page-openable" title="{{title}} ({{total_bookmarks}}ブックマーク)" data-gtm-click-label="user-bookmark-users">{{total_bookmarks_with_user_postfix}}</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/{{url_query}}" title="『{{root_title}}』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> {{root_title}} </a> </li> {{#is_categorized}} <li><a href="{{category_path}}" data-gtm-click-label="user-bookmark-category">{{category_title}}</a></li> {{/is_categorized}} </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">{{{summary_with_keyword_links}}}</p> {{#has_image}} <a href="{{canonical_url}}" class="centerarticle-entry-image" target="_blank" rel="noopener{{#noreferrer}} noreferrer{{/noreferrer}}" data-gtm-click-label="user-bookmark-thumb"> <img src="{{image_url}}" alt="{{title}}"> </a> {{/has_image}} </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-{{location_id}}"> <div class="centerarticle-reaction-comment js-user-bookmark-comment {{badge_icon}}" data-url="{{url}}" data-user-name="{{author_name}}"> <a href="{{top_page_path}}" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="{{profile_icon_url}}" alt="{{author_name}}" title="{{author_name}}" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="{{anchor_url}}" class="js-anchor-path" data-gtm-click-label="user-reaction-username">{{author_name}}</a></span> <span class="centerarticle-reaction-timestamp">{{created}}</span> <span class="js-private-icon status {{#is_public}}is-hidden{{/is_public}}"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">{{{comment_expanded}}}</span> <ul class="centerarticle-reaction-tags js-tag-text"> {{#tags}} <li><a href="/{{author_name}}/{{escaped_label}}/" data-gtm-click-label="user-reaction-tag">{{label}}</a></li> {{/tags}} </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="{{#is_bookmark}}comment-permalink{{/is_bookmark}}{{^is_bookmark}}original-permalink{{/is_bookmark}} js-comment-permalink"> <a href="{{comment_page_path}}" data-gtm-click-label="user-reaction-permalink" rel="{{#should_nofollow}}nofollow{{/should_nofollow}}">{{#is_bookmark}}リスト{{/is_bookmark}}{{^is_bookmark}}リンク{{/is_bookmark}}</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> {{#following_bookmarks}} <li> <a href="{{anchor_url}}" class="following-bookmark-link" data-gtm-click-label="user-bookmark-following-bookmarker-icon"> <img src="{{profile_icon_url}}" alt="{{author_name}}" class="following-bookmark-icon" > </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{author_name}}</span><span class="following-bookmark-timestamp">{{created}}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags"> {{ #tags }}<li>{{ label }}</li>{{ /tags }} </ul> </span> </span> </li> {{/following_bookmarks}} {{#following_bookmarks.length}} <li class="centerarticle-reaction-following-more"><button type="button" class="js-show-all-following-bookmarks" data-gtm-click-label="user-bookmark-showall-following-bookmarks">すべて表示</button></li> {{/following_bookmarks.length}} </ul> <div class="js-user-following-bookmarks-detail is-hidden"> {{#following_bookmarks}} <div class="centerarticle-reaction-comment js-user-bookmark-comment {{badge_icon}}" data-url="{{url}}" data-user-name="{{author_name}}"> <a href="{{top_page_path}}" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="{{profile_icon_url}}" alt="{{author_name}}" title="{{author_name}}" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="{{anchor_url}}" class="js-anchor-path" data-gtm-click-label="user-reaction-username">{{author_name}}</a></span> <span class="centerarticle-reaction-timestamp">{{created}}</span> <span class="js-private-icon status {{#is_public}}is-hidden{{/is_public}}"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">{{{comment_expanded}}}</span> <ul class="centerarticle-reaction-tags js-tag-text"> {{#tags}} <li><a href="/{{author_name}}/{{escaped_label}}/" data-gtm-click-label="user-reaction-tag">{{label}}</a></li> {{/tags}} </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="{{#is_bookmark}}comment-permalink{{/is_bookmark}}{{^is_bookmark}}original-permalink{{/is_bookmark}} js-comment-permalink"> <a href="{{comment_page_path}}" data-gtm-click-label="user-reaction-permalink" rel="{{#should_nofollow}}nofollow{{/should_nofollow}}">{{#is_bookmark}}リスト{{/is_bookmark}}{{^is_bookmark}}リンク{{/is_bookmark}}</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> {{/following_bookmarks}} </div> </li> {{/is_wiped}} </script> <script type="text/x-template" id="template-following-bookmarker-icon"> <li> <a href="{{anchor_url}}" class="following-bookmark-link" data-gtm-click-label="user-bookmark-following-bookmarker-icon"> <img src="{{profile_icon_url}}" alt="{{author_name}}" class="following-bookmark-icon" > </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{author_name}}</span><span class="following-bookmark-timestamp">{{created}}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags"> {{ #tags }}<li>{{ label }}</li>{{ /tags }} </ul> </span> </span> </li> </script> <script type="text/x-template" id="template-bookmark-item-editor"> <div class="centerarticle-entry {{#has_image}}is-image-entry-unit{{/has_image}}"> <h3 class="centerarticle-entry-title"> <a href="{{url}}" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener{{#noreferrer}} noreferrer{{/noreferrer}}" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="{{favicon_url}}" alt="">{{title}}</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="{{page_url}}" class="js-keyboard-entry-page-openable" title="{{title}} ({{total_bookmarks}}ブックマーク)" data-gtm-click-label="user-bookmark-users">{{total_bookmarks_with_user_postfix}}</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/{{url_query}}" title="『{{root_title}}』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> {{root_title}} </a> </li> {{#is_categorized}} <li><a href="{{category_path}}" data-gtm-click-label="user-bookmark-category">{{category_title}}</a></li> {{/is_categorized}} </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">{{{summary_with_keyword_links}}}</p> {{#has_image}} <a href="{{canonical_url}}" class="centerarticle-entry-image" target="_blank" rel="noopener{{#noreferrer}} noreferrer{{/noreferrer}}" data-gtm-click-label="user-bookmark-thumb"> <img src="{{image_url}}" alt="{{title}}"> </a> {{/has_image}} </div> </div> </script> <script type="text/x-template" id="template-bookmark-pager"> <li> <div class="centerarticle-pager"> <span class="centerarticle-waiting js-read-more-waiting is-hidden"><img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/common/loading@2x.gif" alt="残りのブックマークを読み込んでいます" width="16" height="16" /></span> {{#previous}} <a href="{{page_path}}">{{label}}</a> {{/previous}} {{#pages}} {{#page_path}} <span><a href="{{page_path}}">{{label}}</a></span> {{/page_path}} {{^page_path}} <span>{{label}}</span> {{/page_path}} {{/pages}} {{#next}} <a href="{{page_path}}">{{label}}</a> {{/next}} </div> </li> </script> <ul class="js-user-bookmark-item-list js-keyboard-controllable-container"> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.com/miyaccchi/n/nbec5cd60d45e"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/miyaccchi/n/nbec5cd60d45e" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fmiyaccchi%2Fn%2Fnbec5cd60d45e" alt="">『あつまれどうぶつの森』の世界観をつくるUXライティング｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/miyaccchi/n/nbec5cd60d45e" class="js-keyboard-entry-page-openable" title="『あつまれどうぶつの森』の世界観をつくるUXライティング｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中 (116ブックマーク)" data-gtm-click-label="user-bookmark-users">116 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.com%2Fmiyaccchi" title="『note.com/miyaccchi』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/miyaccchi </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">2020年5月現在、世界で最も洗練された<a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>を実現してるプロダクトのひとつが、Nintendo <a data-gtm-click-label="entry-summary-keyword" href="/q/Switch">Switch</a>のソフト『あつまれどうぶつの森』ではないでしょうか。子供から大人まで世代を問わず楽しめて、日<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>のみならず世界中の人々を虜にし、入手が困難になるほど爆発的に売れている。何より外出自粛になったこのタイミングで、外で遊ぶことを疑似体験できるソフトがドンピシャで発売されるという運命の巡りあわせに、任天堂の持つ神懸かり的な力を感じずにはいられません。それだけ多くの人に愛されるプロダクトなので、プレイしていても学ぶことが<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>当に多く、いま自分が遊んでいるのか、<a data-gtm-click-label="entry-summary-keyword" href="/q/%E4%BB%95%E4%BA%8B">仕事</a>をしているのか、わからなくなるほどです。いや、さすがにそれは言い過ぎました。プレイしている時は完全に遊んでいます。完全に遊んでいるのですが、それでも<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%B2%E3%83%BC%E3%83%A0">ゲーム</a>をしていて、自分の<a data-gtm-click-label="entry-summary-keyword" href="/q/%E4%BB%95%E4%BA%8B">仕事</a>に活かせるような「これは…！」というようなアイデアや</p> <a href="https://note.com/miyaccchi/n/nbec5cd60d45e" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/233b3b864b96e4526553992055edd15d33e726c5/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F76175208%2Frectangle_large_type_2_c1306a1c5f2ae825f92df525563d500b.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="『あつまれどうぶつの森』の世界観をつくるUXライティング｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4685264540563108322"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/miyaccchi/n/nbec5cd60d45e" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20230504#bookmark-4685264540563108322" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2023/05/04</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“もちろん「考え直す」という言葉はゲームだからフィットするものであり、一般的なプロダクトの場合は、慣れ親しんだ「戻る」のほうが認知の摩擦が少なくなるので、UXとしてはスムーズかもしれません。”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Writing/" data-gtm-click-label="user-reaction-tag">Writing</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4685264540563108322/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://logmi.jp/business/articles/325990"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://logmi.jp/business/articles/325990" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flogmi.jp%2Fbusiness%2Farticles%2F325990" alt="">『ワンパンマン』村田雄介氏が解説する「うまい画」の基準　「デッサンの正確さ」とは違う「直感的にわかる画」を描くコツ</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/logmi.jp/business/articles/325990" class="js-keyboard-entry-page-openable" title="『ワンパンマン』村田雄介氏が解説する「うまい画」の基準　「デッサンの正確さ」とは違う「直感的にわかる画」を描くコツ (2ブックマーク)" data-gtm-click-label="user-bookmark-users">2 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Flogmi.jp%2F" title="『logmi.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> logmi.jp </a> </li> <li><a href="/hotentry/knowledge" data-gtm-click-label="user-bookmark-category">学び</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">作品づくりで参考になった『スパイダーバース』工藤雄大氏（以下、工藤）：事前にいただいたご質問等がありますので、そちらを読み上げていきたいと思います。こちらは、先ほど軽くうかがったかもしれないんですが、「作品づくりで少し前に参考にしたもの、直近で参考になったもの」。直近のところで何かあったりされますか？村田雄介氏（以下、村田）：そうだな……<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%98%A0%E7%94%BB">映画</a>とかでも大丈夫ですか？工藤：はい。村田：『スパイダーバース』って……。工藤：あぁー、アニメ<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%98%A0%E7%94%BB">映画</a>ですよね。村田：はい。あれはあらゆる表現を1つの<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%98%A0%E7%94%BB">映画</a>の中に押し込んで、破綻させないという超<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%8A%80%E8%A1%93">技術</a>じゃないですか。あれは<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>当に未来の<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%98%A0%E7%94%BB">映画</a>を観せてもらったなと個人的には思っていて。工藤：情報量がすごかったですよね。村田：すごかったですね。これからもたぶん、あらゆるものを取り込んで1つの作品にしていくという方向で、あのシリーズは続いていくと思うので。あ</p> <a href="https://logmi.jp/business/articles/325990" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ccedba3d7e52a81ce6c153039b6064350e982cfa/height=288;version=1;width=512/https%3A%2F%2Fimg.logmi.jp%2Farticle_images%2F7DRxdpr8WxTCozCuTmrwrF.png" alt="『ワンパンマン』村田雄介氏が解説する「うまい画」の基準　「デッサンの正確さ」とは違う「直感的にわかる画」を描くコツ"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4715039083583319906"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://logmi.jp/business/articles/325990" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20230504#bookmark-4715039083583319906" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2023/05/04</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“「ガードレール描いて」って言われたらなんとなく形はわかるじゃないですか。わかんないところって「つなぎ目」なんですよね。”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Observation/" data-gtm-click-label="user-reaction-tag">Observation</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4715039083583319906/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://speakerdeck.com/securecat/introduction-to-ia-for-design-for-understanding"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://speakerdeck.com/securecat/introduction-to-ia-for-design-for-understanding" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fsecurecat%2Fintroduction-to-ia-for-design-for-understanding" alt="">「わかりやすさ」をデザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding"</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/speakerdeck.com/securecat/introduction-to-ia-for-design-for-understanding" class="js-keyboard-entry-page-openable" title="「わかりやすさ」をデザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding" (320ブックマーク)" data-gtm-click-label="user-bookmark-users">320 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fspeakerdeck.com%2Fsecurecat" title="『speakerdeck.com/securecat』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> speakerdeck.com/securecat </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">MdN Bau-ya “「わかりやすさ」をデザインする情報アーキテクチャ（IA）必修入門” (<a data-gtm-click-label="entry-summary-keyword" href="/q/2023">2023</a>/1/18開催) https://www.street-acad<a data-gtm-click-label="entry-summary-keyword" href="/q/EM">em</a>y.com/myclass/149720 上記イベントで使用したスライドを公開用に編集したものです。作者：森田雄 / …</p> <a href="https://speakerdeck.com/securecat/introduction-to-ia-for-design-for-understanding" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7836003644037387356f65d8919b1db1cf0cd1bd/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F3124c859ec784f87ac23d221eaf68f2e%2Fslide_0.jpg%3F24229498" alt="「わかりやすさ」をデザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding""> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4731501938265165060"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://speakerdeck.com/securecat/introduction-to-ia-for-design-for-understanding" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20230203#bookmark-4731501938265165060" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2023/02/03</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“ワイヤーフレームは、情報設計の成果物なので、レイアウトやスタイリグの定義ではなく整理・構造化された情報の設計書でなければなりません”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4731501938265165060/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://yasuhisa.com/could/article/unkown-unknown/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://yasuhisa.com/could/article/unkown-unknown/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyasuhisa.com%2Fcould%2Farticle%2Funkown-unknown%2F" alt="">知らないことに気付くためのひとつの視点</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/yasuhisa.com/could/article/unkown-unknown/" class="js-keyboard-entry-page-openable" title="知らないことに気付くためのひとつの視点 (4ブックマーク)" data-gtm-click-label="user-bookmark-users">4 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fyasuhisa.com%2F" title="『yasuhisa.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> yasuhisa.com </a> </li> <li><a href="/hotentry/social" data-gtm-click-label="user-bookmark-category">世の中</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">分かっている課題に取り組む危険性<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%A2%E3%83%A1%E3%83%AA%E3%82%AB">アメリカ</a>国務長官ドナルド・ラムズフェルドが残した有名な言葉があります（下記は<a data-gtm-click-label="entry-summary-keyword" href="/q/wikipedia">Wikipedia</a>の引用）を基に意訳したもの）。何かが起こっていない報告は、いつ聞いても興味深い。なぜなら、我々が既に知っていると既知しているものと、十分に理解していないがあることに気付くからだ。しかし、未知の情報、つまり我々が知らないことすら知らない情報も含まれている。彼の言葉をタイトルにした「The Unknown Known 」というドキュメンタリーもあります。非常に哲学的ですが、定性・定量データを扱う人たちにとって重要なメッセージです。ドナルド・ラムズフェルド元国務長官は「Known Knowns」「Known Unknowns」「Unknown Unknowns」について話していますが、「Unknown Knowns」という組み合わせもあります。これらをリスク分類の一環で</p> <a href="https://yasuhisa.com/could/article/unkown-unknown/" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3597fa194ed6cea294b4d644865bbc40483552c3/height=288;version=1;width=512/https%3A%2F%2Fyasuhisa.com%2Fcontent%2Fimages%2Fsize%2Fw1200%2F2022%2F12%2Fcover-unknown.png" alt="知らないことに気付くためのひとつの視点"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4729751946470450756"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://yasuhisa.com/could/article/unkown-unknown/" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20230104#bookmark-4729751946470450756" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2023/01/04</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“分かっていることをリサーチするという姿勢だと、視野が広がるほどの発見もないですし、我々の価値観を刺激もありません。”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Research/" data-gtm-click-label="user-reaction-tag">Research</a></li> <li><a href="/YOSHIOKA_Ko57/Observation/" data-gtm-click-label="user-reaction-tag">Observation</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4729751946470450756/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://spctrm.design/jp/columns/a-design-in-the-life-04/"> <div class="centerarticle-entry "> <h3 class="centerarticle-entry-title"> <a href="https://spctrm.design/jp/columns/a-design-in-the-life-04/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspctrm.design%2Fjp%2Fcolumns%2Fa-design-in-the-life-04%2F" alt="">https://spctrm.design/jp/columns/a-design-in-the-life-04/</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/spctrm.design/jp/columns/a-design-in-the-life-04/" class="js-keyboard-entry-page-openable" title="https://spctrm.design/jp/columns/a-design-in-the-life-04/ (2ブックマーク)" data-gtm-click-label="user-bookmark-users">2 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fspctrm.design%2F" title="『spctrm.design』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> spctrm.design </a> </li> <li><a href="/hotentry/knowledge" data-gtm-click-label="user-bookmark-category">学び</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary"></p> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4729447359551186020"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://spctrm.design/jp/columns/a-design-in-the-life-04/" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20221214#bookmark-4729447359551186020" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/12/14</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/UX/" data-gtm-click-label="user-reaction-tag">UX</a></li> <li><a href="/YOSHIOKA_Ko57/Observation/" data-gtm-click-label="user-reaction-tag">Observation</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4729447359551186020/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.com/seyanote/n/ne8b5a0576f5e"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/seyanote/n/ne8b5a0576f5e" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fseyanote%2Fn%2Fne8b5a0576f5e" alt="">デザインシステムの目的を考える｜seya</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/seyanote/n/ne8b5a0576f5e" class="js-keyboard-entry-page-openable" title="デザインシステムの目的を考える｜seya (46ブックマーク)" data-gtm-click-label="user-bookmark-users">46 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.com%2Fseyanote" title="『note.com/seyanote』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/seyanote </a> </li> <li><a href="/hotentry/life" data-gtm-click-label="user-bookmark-category">暮らし</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary"><a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0">デザインシステム</a>の目的とは？と問われるとあなたはどんな風に答えるでしょうか？おそらく「ユーザに一貫性のある体験を提供するため」「デザイン資産を再利用できるようにして生産性を上げるため」そんな答えが一般的だと思います。私もそんな感じで捉えていましたし、間違いなくそれらは<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0">デザインシステム</a>の効能だと思います。が、細かいところをよくよく考えると「一貫性とは具体的にどこが一貫していることを指すのか」「一貫性を優先させることによってユーザの不利益になるシーンもあるがそれは<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>末転倒な結果なのではないのか」「生産性というのは "ユーザ体験の向上" を念頭に置いた場合であって、それが必要ないならシステム化しないで開発した方が速いのではないか」そんな数々の疑問が私の頭に湧き上がり夜も8時間しか眠れなくなりました。 <a data-gtm-click-label="entry-summary-keyword" href="/q/%E7%8C%AB">猫</a>と寝る人間という訳で<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0">デザインシステム</a>の目的をなるべく具体的に検討した軌跡を記したのがこ</p> <a href="https://note.com/seyanote/n/ne8b5a0576f5e" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b9a85a9b0317220805594299fdfb62f299fb922b/height=288;version=1;width=512/https%3A%2F%2Fd2l930y2yx77uc.cloudfront.net%2Fproduction%2Fsocial_images%2F6d4031b4a3923c344d7e366839e802ccb2f35728.jpg" alt="デザインシステムの目的を考える｜seya"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4721342205258659074"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/seyanote/n/ne8b5a0576f5e" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220702#bookmark-4721342205258659074" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/07/02</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“「デザインの品質を上げながらスケーラビリティを持たせるため」が目的で一貫性はその手段、生産性は結果として訪れるもの”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-reaction-tag">Management</a></li> <li><a href="/YOSHIOKA_Ko57/Documentation/" data-gtm-click-label="user-reaction-tag">Documentation</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4721342205258659074/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://hype4.academy/articles/design/neubrutalism-is-taking-over-web"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://hype4.academy/articles/design/neubrutalism-is-taking-over-web" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhype4.academy%2Farticles%2Fdesign%2Fneubrutalism-is-taking-over-web" alt="">Neubrutalism is taking over the web | SquarePlanet</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/hype4.academy/articles/design/neubrutalism-is-taking-over-web" class="js-keyboard-entry-page-openable" title="Neubrutalism is taking over the web | SquarePlanet (3ブックマーク)" data-gtm-click-label="user-bookmark-users">3 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fhype4.academy%2F" title="『hype4.academy』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> hype4.academy </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">Since the material design revolution, we have been stuck w<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>h various versions of the modern-mi<a data-gtm-click-label="entry-summary-keyword" href="/q/nim">nim</a>al style. Nice, rounded edges on everything, soft, colorful shadows and subtle, p<a data-gtm-click-label="entry-summary-keyword" href="/q/retty">retty</a> gradients. That candy-like style almost appears to give out a b<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a> of a glow. People get bored w<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>h how their apps and webs<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>es look after six to seven years. How design styles changed over the years Every seven year</p> <a href="https://hype4.academy/articles/design/neubrutalism-is-taking-over-web" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/296226b64a9f25263d2cdc706c91beaea0bee388/height=288;version=1;width=512/https%3A%2F%2Fa.storyblok.com%2Ff%2F117250%2F1400x637%2Fe33fa865c6%2Fbruthero.jpeg" alt="Neubrutalism is taking over the web | SquarePlanet"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4718147421104653762"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://hype4.academy/articles/design/neubrutalism-is-taking-over-web" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220414#bookmark-4718147421104653762" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/04/14</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“Neo brutalism ditches most of that and merges traditional layout concepts with super-high contrast, solid, often purposefully clashing colors and simpler, yet quirky typography.”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4718147421104653762/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.com/raksuldesign/n/nbd448472849e"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/raksuldesign/n/nbd448472849e" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fraksuldesign%2Fn%2Fnbd448472849e" alt="">理想のプロダクトへと導く。 0→1デザイナーの基本フォーム「デザインコンセプト」って何？｜RAKSUL DESIGN</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/raksuldesign/n/nbd448472849e" class="js-keyboard-entry-page-openable" title="理想のプロダクトへと導く。 0→1デザイナーの基本フォーム「デザインコンセプト」って何？｜RAKSUL DESIGN (1ブックマーク)" data-gtm-click-label="user-bookmark-users">1 user</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.com%2Fraksuldesign" title="『note.com/raksuldesign』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/raksuldesign </a> </li> <li><a href="/hotentry/knowledge" data-gtm-click-label="user-bookmark-category">学び</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">デザイン問題あるあるこんにちは。長いことデザイナーやっていると、色んな人からこんな<a data-gtm-click-label="entry-summary-keyword" href="/q/%E7%9B%B8%E8%AB%87">相談</a>をされることがよくあります。「出来上がったものが全体で見るとバラバラ」「修正ばっかりでひどいものになった」また別の現場では、「新しいものが出てこない」「結局効果が出ない」「見た目はいいけど使いづらい・分かりづらい」「見た目も悪いし、使いづらい・分かりづらい」などなど。あなたはデザイナーに依頼して、そんな体験をしたことがありますか？もしくはデザイナーとしてこういう現場を体験したことがありますか？実際のところ、あるある問題ですね。こうした問題はさらなる問題を引き起こしてしまいます。なんてこった！なんでこんな問題が起こるのでしょうか？原因は大きく4つに分類できそうです。順不同です。それぞれ色々な理由はあるでしょうが、ありそうな中身を少し挙げてみましょう。戦略デザイン戦略がない。もしくは</p> <a href="https://note.com/raksuldesign/n/nbd448472849e" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f127995952e23282e8c0899a19980acb921bb1dd/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F74522005%2Frectangle_large_type_2_9057bf72ab60e9ddb4f338bfe416071e.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="理想のプロダクトへと導く。 0→1デザイナーの基本フォーム「デザインコンセプト」って何？｜RAKSUL DESIGN"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4718038284318485378"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/raksuldesign/n/nbd448472849e" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220412#bookmark-4718038284318485378" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/04/12</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“アイデアを明確な改善ループに入れる”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-reaction-tag">Management</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4718038284318485378/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://u-site.jp/alertbox/content-chrome-ratio"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://u-site.jp/alertbox/content-chrome-ratio" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fu-site.jp%2Falertbox%2Fcontent-chrome-ratio" alt="">最大にすべきはコンテンツ対クローム比であって、画面上のコンテンツ量ではない</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/u-site.jp/alertbox/content-chrome-ratio" class="js-keyboard-entry-page-openable" title="最大にすべきはコンテンツ対クローム比であって、画面上のコンテンツ量ではない (51ブックマーク)" data-gtm-click-label="user-bookmark-users">51 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fu-site.jp%2F" title="『u-site.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> u-site.jp </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">大きな画面でクロームを隠しても、コンテンツ対クローム比はほとんど改善されないばかりか、発見しやすさやインタラクションコストに大きな影響が出てしまう。 Maximize the Content-to-<a data-gtm-click-label="entry-summary-keyword" href="/q/Chrome">Chrome</a> Ratio, Not the Amount of Content on S<a data-gtm-click-label="entry-summary-keyword" href="/q/CRE">cre</a>en by Raluca Budiu on August 3, 2014 日<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>語版2014年10月14日公開先日、読者の1人から、最近のトレンドの「メニューのない、ひどいウィンドウ」への不満を述べたメッセージが届いた。彼はそれをダッシュボードの全機能がグローブボックス内に隠されている車に例えていたが、彼をいらだたせていたのは、Firefoxの新しい<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%87%E3%82%B9%E3%82%AF">デスク</a>トップバージョンが「<a data-gtm-click-label="entry-summary-keyword" href="/q/Chrome">Chrome</a>ブラウザのまね」をして、ハンバーガーアイコンの下にメニューの選択肢を隠していることだった。 Firefoxのハンバーガ</p> <a href="https://u-site.jp/alertbox/content-chrome-ratio" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/26fadecb4ecd70dc8800f8b038a9521a018d126f/height=288;version=1;width=512/https%3A%2F%2Fu-site.jp%2Fwp-content%2Fuploads%2F2014%2F10%2Ffirefox.png" alt="最大にすべきはコンテンツ対クローム比であって、画面上のコンテンツ量ではない"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4664259056541487745"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://u-site.jp/alertbox/content-chrome-ratio" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220412#bookmark-4664259056541487745" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/04/12</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“クロームの量は多すぎると良くないが、少なすぎるのも良くない。必要なのは画面上のコンテンツ量を最大にすることではなく、コンテンツ対クローム比を最大にすることである。”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4664259056541487745/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://product-develop.com/2c981f18e9924410bb266a5fd87343c2"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://product-develop.com/2c981f18e9924410bb266a5fd87343c2" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fproduct-develop.com%2F2c981f18e9924410bb266a5fd87343c2" alt="">プロダクト開発でドキュメントを書かないとどうなるか</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/product-develop.com/2c981f18e9924410bb266a5fd87343c2" class="js-keyboard-entry-page-openable" title="プロダクト開発でドキュメントを書かないとどうなるか (429ブックマーク)" data-gtm-click-label="user-bookmark-users">429 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fproduct-develop.com%2F" title="『product-develop.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> product-develop.com </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">Agile Manifestoには以下のように書いてあります。動作するソフトウエアは包括的なドキュメントにまさるともするとドキュメント軽視と取られかねない宣言です。この宣言を誤って解釈してドキュメントはいらないとなる場合もあるかもしれませんが筆者はそれは間違いだと思っています。この宣言では包括的なドキュメントよ</p> <a href="https://product-develop.com/2c981f18e9924410bb266a5fd87343c2" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b384a3eca6e7c3a1dd570097d73a2044a816bbae/height=288;version=1;width=512/https%3A%2F%2Fs3.ap-northeast-1.amazonaws.com%2Fwraptas-prod%2Fpro-dev%2F2c981f18-e992-4410-bb26-6a5fd87343c2%2Ffbf43efc1681f3bf8a03b84ba42e978e.png" alt="プロダクト開発でドキュメントを書かないとどうなるか"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4715173850593457794"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://product-develop.com/2c981f18e9924410bb266a5fd87343c2" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220320#bookmark-4715173850593457794" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/03/20</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“Single Source Of Truth”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-reaction-tag">Management</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4715173850593457794/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.com/segaxd/n/nd7cc62e207a4"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/segaxd/n/nd7cc62e207a4" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.segaxd.co.jp%2Fn%2Fnd7cc62e207a4" alt="">メタバースを「仮想空間」と定義してはいけない理由｜セガエックスディー｜SEGA XD 公式</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.segaxd.co.jp/n/nd7cc62e207a4" class="js-keyboard-entry-page-openable" title="メタバースを「仮想空間」と定義してはいけない理由｜セガエックスディー｜SEGA XD 公式 (10ブックマーク)" data-gtm-click-label="user-bookmark-users">10 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.segaxd.co.jp%2F" title="『note.segaxd.co.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.segaxd.co.jp </a> </li> <li><a href="/hotentry/game" data-gtm-click-label="user-bookmark-category">アニメとゲーム</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">こんにちは。セガエックスディーの野尻です。主にサービスの企画や<a data-gtm-click-label="entry-summary-keyword" href="/q/UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">UXデザイン</a>を行っています。昨年から「<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%A1%E3%82%BF%E3%83%90%E3%83%BC%E3%82%B9">メタバース</a>」という言葉がトレンド化しはじめ、<a data-gtm-click-label="entry-summary-keyword" href="/q/2022">2022</a>年にはより一層の盛り上がりを見せることが予想されますね。その結果として世の中には「<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%A1%E3%82%BF%E3%83%90%E3%83%BC%E3%82%B9">メタバース</a>って何？」という疑問と、その問いに対するわかりやすい「答え」が出回るようになりました。しかし、<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%A1%E3%82%BF%E3%83%90%E3%83%BC%E3%82%B9">メタバース</a>という概念は実際のところまだ、一言で説明できるほど成熟しておらず、それを無理に定義することは、多くの可能性を潰してしまうことにつながるようにも思います。この記事では、<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%A1%E3%82%BF%E3%83%90%E3%83%BC%E3%82%B9">メタバース</a>という概念について、様々な有識者による、それぞれ異なる意見を整理することで、<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%A1%E3%82%BF%E3%83%90%E3%83%BC%E3%82%B9">メタバース</a>は（まだ）定義することができないということを逆説的に再確認することを試みます。そのうえで、「<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%A1%E3%82%BF%E3%83%90%E3%83%BC%E3%82%B9">メタバース</a>とは〇〇な仮想空間のことである」という、最近よく見られる簡易的な定義へのアン</p> <a href="https://note.segaxd.co.jp/n/nd7cc62e207a4" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/49b5e7bf908b606ad978ac9a654c9f2b1657b19f/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F70821680%2Frectangle_large_type_2_682686b650fddf7649be410ac01d4068.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="メタバースを「仮想空間」と定義してはいけない理由｜セガエックスディー｜SEGA XD 公式"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4714627515452716610"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/segaxd/n/nd7cc62e207a4" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220320#bookmark-4714627515452716610" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/03/20</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4714627515452716610/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.com/fjustin/n/n323ea34e8cda"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/fjustin/n/n323ea34e8cda" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Ffjustin%2Fn%2Fn323ea34e8cda" alt="">類似UIは競合優位性にならない｜daiki_futami</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/fjustin/n/n323ea34e8cda" class="js-keyboard-entry-page-openable" title="類似UIは競合優位性にならない｜daiki_futami (3ブックマーク)" data-gtm-click-label="user-bookmark-users">3 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.com%2Ffjustin" title="『note.com/fjustin』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/fjustin </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">※この<a data-gtm-click-label="entry-summary-keyword" href="/q/note">note</a>は個人的な意見で企業を代表するものではありません. また特定の企業やプロダクトを批判する意図はないことを了承ください.<a data-gtm-click-label="entry-summary-keyword" href="/q/2022">2022</a>年1月にau Payはアプリの大幅なリニューアルを発表しています。上記のような大幅な<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>変更をおこなっており、導線やナビゲーションについてもリニューアルされました。一方で既視感のある<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>については<a data-gtm-click-label="entry-summary-keyword" href="/q/SNS">SNS</a>でコメントありますが、比較的好意的な意見が目立つように思います。(観測範囲での感想です) これに対して以下をツイートしたところ少し反応をもらったので個人的な意見をちゃんと140文字以上でまとめておこうという旨です。思った以上にすごいバナーの配置とかボタンの順番、クーポン表示位置まで全く同じだ <a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>が競争優位性にならない良い例 pic.<a data-gtm-click-label="entry-summary-keyword" href="/q/twitter">twitter</a>.com/jJe9dJi0Tb — D<a data-gtm-click-label="entry-summary-keyword" href="/q/ai">ai</a>ki Futami (@futamyan) January</p> <a href="https://note.com/fjustin/n/n323ea34e8cda" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/63bdd50855eb96035126aed4508fe02e120ffa3b/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F70741129%2Frectangle_large_type_2_243ea8af48e6295ee426dc22c34ee1f6.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="類似UIは競合優位性にならない｜daiki_futami"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4714759158414097090"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/fjustin/n/n323ea34e8cda" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220320#bookmark-4714759158414097090" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/03/20</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Marketing/" data-gtm-click-label="user-reaction-tag">Marketing</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4714759158414097090/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.com/osi_ire/n/nab08e43393b4"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/osi_ire/n/nab08e43393b4" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fosi_ire%2Fn%2Fnab08e43393b4" alt="">“広義のデザイン“が組織に根付き、“広義のデザイナー“が役目を終える時 -2022年のデザイナー市場動向-｜TSUYOSHI KANEKO / GOGEN株式会社CXO</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/osi_ire/n/nab08e43393b4" class="js-keyboard-entry-page-openable" title="“広義のデザイン“が組織に根付き、“広義のデザイナー“が役目を終える時 -2022年のデザイナー市場動向-｜TSUYOSHI KANEKO / GOGEN株式会社CXO (22ブックマーク)" data-gtm-click-label="user-bookmark-users">22 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.com%2Fosi_ire" title="『note.com/osi_ire』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/osi_ire </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">“広義のデザイン“が組織に根付き、“広義のデザイナー“が役目を終える時 -<a data-gtm-click-label="entry-summary-keyword" href="/q/2022">2022</a>年のデザイナー市場動向- この記事のサマリー広義のデザインは職種を超えて、組織全体で行う時代に求められるデザイン関連スキルは多様化デザイナーは、あらためて軸となるスキルの言語化をしたい ◯広義のデザイン　×広義のデザイナー広義のデザインとは、一般的には意匠やモノだけではなく体験やサービス全体に目を向けて設計していくデザインの捉え方を呼ぶ言葉です。このような広義のデザインを経営のレベルから捉え直す企業が徐々に増えてきました。広義のデザインを組織レベルで行う企業が増える昨今、そのような先進的な企業では、広義デザイン・マインドセットは最早デザイナーだけのものではなくなっています。その結果、いわゆる「なんでも屋」として広義デザインを薄く広く行う"広義デザイナー"はバリューを発揮しにくくなってゆくのでは？と</p> <a href="https://note.com/osi_ire/n/nab08e43393b4" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e596b87b82833f7ed91f6f78cd3a06011c1f866a/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F69241768%2Frectangle_large_type_2_32bd16089a3aa91d3242873243122291.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="“広義のデザイン“が組織に根付き、“広義のデザイナー“が役目を終える時 -2022年のデザイナー市場動向-｜TSUYOSHI KANEKO / GOGEN株式会社CXO"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4713578908873337570"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/osi_ire/n/nab08e43393b4" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220320#bookmark-4713578908873337570" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/03/20</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“"広義のデザイン"が浸透した先にあるのは、"広義デザイナー"では無く、「複数の専門家が、教養としてのデザイン・マインドセットを持つ世界である」”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Mind%20set/" data-gtm-click-label="user-reaction-tag">Mind set</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4713578908873337570/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://yasuhisa.com/could/article/productmanager-designer/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://yasuhisa.com/could/article/productmanager-designer/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyasuhisa.com%2Fcould%2Farticle%2Fproductmanager-designer%2F" alt="">プロダクトマネージャーにはできないデザイナーの強みを活かす方法</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/yasuhisa.com/could/article/productmanager-designer/" class="js-keyboard-entry-page-openable" title="プロダクトマネージャーにはできないデザイナーの強みを活かす方法 (6ブックマーク)" data-gtm-click-label="user-bookmark-users">6 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fyasuhisa.com%2F" title="『yasuhisa.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> yasuhisa.com </a> </li> <li><a href="/hotentry/knowledge" data-gtm-click-label="user-bookmark-category">学び</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">決める立場の難しさ最初は広義なデザインに関わるデザイナーも、組織が大きくなると<a data-gtm-click-label="entry-summary-keyword" href="/q/%E4%BB%95%E4%BA%8B">仕事</a>の範囲が小さくなる場合があります。課題の根<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>を理解した上で施策の方向性を決めるところに関わりながらデザインしたい方には辛い状況になります。そこで、プロダクトマネージャー（以下 <a data-gtm-click-label="entry-summary-keyword" href="/q/PdM">PdM</a>）へ転身を考えるデザイナーもいます。<a data-gtm-click-label="entry-summary-keyword" href="/q/PdM">PdM</a> が決裁権をもつ組織は少なくないですし、影響力もあります。また、IA (Inf<a data-gtm-click-label="entry-summary-keyword" href="/q/ORM">orm</a>ation Arch<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>ecutre) やリサーチなどデザイナーのスキルを活かす機会もたくさんあります。自身が考えるキャリアパスや興味の変化で <a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a> デザイナーから <a data-gtm-click-label="entry-summary-keyword" href="/q/PdM">PdM</a> の転身はアリだと思いますが、あえて言いたい「デザイナーとしてユーザーの守護神であって欲しい」と。デザインは文脈や制約によって答えが流動的に変わります。ケースバイケースと言えるところが多々あり、決裁を <a data-gtm-click-label="entry-summary-keyword" href="/q/PdM">PdM</a> やステークホルダーに委ね</p> <a href="https://yasuhisa.com/could/article/productmanager-designer/" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/78976ddec9c949601a910aaa2bd22fb8549a8e99/height=288;version=1;width=512/https%3A%2F%2Fyasuhisa.com%2Fcontent%2Fimages%2Fsize%2Fw1200%2F2021%2F12%2Fcover_pdm-designer.png" alt="プロダクトマネージャーにはできないデザイナーの強みを活かす方法"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4716971038608385634"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://yasuhisa.com/could/article/productmanager-designer/" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220320#bookmark-4716971038608385634" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/03/20</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“「ユーザーの課題解決に取り組めばビジネスにも貢献できる」といったデザインを中心に置いて物事を捉えがちです。その考え方は間違っていないですが、その心構えで PdM の仕事をしても決めて進めるのは困難です。”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Team/" data-gtm-click-label="user-reaction-tag">Team</a></li> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4716971038608385634/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://www.td-media.net/interview/what-is-ui-ux-vol-2/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://www.td-media.net/interview/what-is-ui-ux-vol-2/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.td-media.net%2Finterview%2Fwhat-is-ui-ux-vol-2%2F" alt="">結局のところ、UI/UXって何ですか？vol.2 Goodpatch社のUIデザイナー野﨑駿さんに聞いてみた | TD</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.td-media.net/interview/what-is-ui-ux-vol-2/" class="js-keyboard-entry-page-openable" title="結局のところ、UI/UXって何ですか？vol.2 Goodpatch社のUIデザイナー野﨑駿さんに聞いてみた | TD (5ブックマーク)" data-gtm-click-label="user-bookmark-users">5 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fwww.td-media.net%2F" title="『www.td-media.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.td-media.net </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">デザインの現場で<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>/<a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>を考える人々とお話ししながら、<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>/<a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>とは何か、その輪郭をとらえていこうという当連載。前回は<a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>について考えたので今回は<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>にフォーカス。<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>/<a data-gtm-click-label="entry-summary-keyword" href="/q/UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">UXデザイン</a>からビジネスモデルのデザインにいたるまで幅広く手がける<a data-gtm-click-label="entry-summary-keyword" href="/q/go">Go</a>odpatch社。今回は<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>デザイナーを経て現在デザインディレクター・シニアマネージャーを務める、野﨑駿さんに「<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>デザインを考えること」について聞きました。</p> <a href="https://www.td-media.net/interview/what-is-ui-ux-vol-2/" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/52945e104f5e95183e8e4e737f0ebe8a6e5a26ac/height=288;version=1;width=512/https%3A%2F%2Fwww.td-media.net%2F_kds9dsx49_Fla11%2Fwp-content%2Fuploads%2F2021%2F06%2F62f7948236ea3bf690153ca4f9d9944c-4.png" alt="結局のところ、UI/UXって何ですか？vol.2 Goodpatch社のUIデザイナー野﨑駿さんに聞いてみた | TD"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4704698691651885922"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://www.td-media.net/interview/what-is-ui-ux-vol-2/" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20220201#bookmark-4704698691651885922" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2022/02/01</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“機能追加やシステム変更、あるいはビジネスモデル自体の転換がおきた時にUI設計をゼロからやり直さなければいけなくなってしまう。立ち戻る場所がなくなってしまう”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Mind%20set/" data-gtm-click-label="user-reaction-tag">Mind set</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4704698691651885922/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.com/sergio/n/nacf348d3ec63"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/sergio/n/nacf348d3ec63" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fsergio%2Fn%2Fnacf348d3ec63" alt="">デザインマネジメントはきっと面白い｜セルジオ / マネーフォワードCDO</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/sergio/n/nacf348d3ec63" class="js-keyboard-entry-page-openable" title="デザインマネジメントはきっと面白い｜セルジオ / マネーフォワードCDO (1ブックマーク)" data-gtm-click-label="user-bookmark-users">1 user</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.com%2Fsergio" title="『note.com/sergio』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/sergio </a> </li> <li><a href="/hotentry/knowledge" data-gtm-click-label="user-bookmark-category">学び</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">これはマネフォデザイナーAdvent Calendar2021🎄⛄️ の最終日の記事です。マネーフォワードのこの1年を振り返りながら、デザイン組織のマネジメントについて考えていることを書いてみます。組織規模の拡大と、その課題マネーフォワードには50名以上のデザイナーが在籍していて、今年もたくさんの仲間がジョインしてくれました。マネーフォワードというと家計簿アプリのイメージが強いかもしれませんが、クラウド会計をはじめとする業務システムや金融機関さんとの共創<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88">プロジェクト</a>など数多くのプロダクトをつくっています。今年はグッドデザイン賞も受賞！BtoCとBtoBにまたがって、SaaSを中心とした40以上のプロダクトを、体験の一貫性が求められるシングルブランドで提供しています。このような企業は他に類がないかもしれません。ひとつのプロダクトをとってみてもユーザーに価値を届けるのは簡単ではありません</p> <a href="https://note.com/sergio/n/nacf348d3ec63" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a45bc6572f23f98840ea520b0fb58177e58ed14d/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F68103741%2Frectangle_large_type_2_a2f788a45956a62676533e412da0bc1f.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="デザインマネジメントはきっと面白い｜セルジオ / マネーフォワードCDO"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4713161234891541474"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/sergio/n/nacf348d3ec63" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20211228#bookmark-4713161234891541474" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2021/12/28</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-reaction-tag">Management</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4713161234891541474/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://note.designing.jp/n/nab07aa682aa6"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.designing.jp/n/nab07aa682aa6" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.designing.jp%2Fn%2Fnab07aa682aa6" alt="">「共感」が負債に。元GoogleのUXリサーチャーが語る、デザイナーのメンタルヘルス問題｜designing</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.designing.jp/n/nab07aa682aa6" class="js-keyboard-entry-page-openable" title="「共感」が負債に。元GoogleのUXリサーチャーが語る、デザイナーのメンタルヘルス問題｜designing (52ブックマーク)" data-gtm-click-label="user-bookmark-users">52 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fnote.designing.jp%2F" title="『note.designing.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.designing.jp </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary"><a data-gtm-click-label="entry-summary-keyword" href="/q/UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">UXデザイン</a>においてはユーザーを理解し、寄り添うことが重要だと考えられている。『HmntyCntrd』のファウンダーで<a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>リサーチャーのVivianne Castillo氏は、『The <a data-gtm-click-label="entry-summary-keyword" href="/q/EM">Em</a>otional Toll of Working in <a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>（<a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>領域で働くことによる感情的な負荷）』という記事のなかで、ユーザーを含む「人間」と向き合うときに、心にかかる負荷やセルフケアの必要性を綴った。自分自身という「人間」を理解すること記事の内容を紹介する前に『HmntyCntrd』やCastillo氏について紹介しておきたい。『HmntyCntrd』は、人間中心な<a data-gtm-click-label="entry-summary-keyword" href="/q/UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">UXデザイン</a>のためのオンラインコースやコミュニティを提供している。2021年にはFast Companyの『最もイノベーティブなデザインカンパニー』にも選ばれた。以下はコース内容を一部抜粋したものだ。人間中心なデザインを実践するとき</p> <a href="https://note.designing.jp/n/nab07aa682aa6" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/009c74af5ee9ec5070e6bdffa4fdd4946f72d203/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F65314528%2Frectangle_large_type_2_0d599d982151462c92cdbc373dc6a2d4.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="「共感」が負債に。元GoogleのUXリサーチャーが語る、デザイナーのメンタルヘルス問題｜designing"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4710953293011897858"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.designing.jp/n/nab07aa682aa6" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20211228#bookmark-4710953293011897858" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2021/12/28</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/UX/" data-gtm-click-label="user-reaction-tag">UX</a></li> <li><a href="/YOSHIOKA_Ko57/Self%20management/" data-gtm-click-label="user-reaction-tag">Self management</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4710953293011897858/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://speakerdeck.com/inoue_tatsunori/ridodezainatutedonnaren-kakao-etemita"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://speakerdeck.com/inoue_tatsunori/ridodezainatutedonnaren-kakao-etemita" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Finoue_tatsunori%2Fridodezainatutedonnaren-kakao-etemita" alt="">リードデザイナーってどんな人か考えてみた</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/speakerdeck.com/inoue_tatsunori/ridodezainatutedonnaren-kakao-etemita" class="js-keyboard-entry-page-openable" title="リードデザイナーってどんな人か考えてみた (11ブックマーク)" data-gtm-click-label="user-bookmark-users">11 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fspeakerdeck.com%2Finoue_tatsunori" title="『speakerdeck.com/inoue_tatsunori』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> speakerdeck.com/inoue_tatsunori </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">社内の中間層のデザイナー向けに作った資料。そもそもリードデザイナーって何か？、求められるとは何か？についてまとめました。</p> <a href="https://speakerdeck.com/inoue_tatsunori/ridodezainatutedonnaren-kakao-etemita" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1707f39f6ccf32a6b62c5f61aaaafb1e267b5d28/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F26b78eedee554dbea9d96cb8611b5c74%2Fslide_0.jpg%3F7671824" alt="リードデザイナーってどんな人か考えてみた"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-340681288"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://speakerdeck.com/inoue_tatsunori/ridodezainatutedonnaren-kakao-etemita" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20211228#bookmark-340681288" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2021/12/28</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-reaction-tag">Management</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/340681288/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://iandco.com/ja/who-we-are"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://iandco.com/ja/who-we-are" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fiandco.com%2Fja%2Fwho-we-are" alt="">I&CO | Who We Are</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/iandco.com/ja/who-we-are" class="js-keyboard-entry-page-openable" title="I&CO | Who We Are (1ブックマーク)" data-gtm-click-label="user-bookmark-users">1 user</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fiandco.com%2F" title="『iandco.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> iandco.com </a> </li> <li><a href="/hotentry/knowledge" data-gtm-click-label="user-bookmark-category">学び</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">クライアントの新境地開拓を支援。デザイナー出身で根っからの<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%9F%E3%83%8B%E3%83%9E%E3%83%AA%E3%82%B9%E3%83%88">ミニマリスト</a>。R/GAのエグゼクティブクリエイティブディレクター、AKQAのチーフクリエイティブオフィサーを経て現職。“<a data-gtm-click-label="entry-summary-keyword" href="/q/CRE">Cre</a>ativ<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>y 50”、“the <a data-gtm-click-label="entry-summary-keyword" href="/q/top">Top</a> 25 Most <a data-gtm-click-label="entry-summary-keyword" href="/q/CRE">Cre</a>ative People in Advertising”にも選出。</p> <a href="https://iandco.com/ja/who-we-are" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/97bc45114d02bbb48302b8269a9d7a7891710a58/height=288;version=1;width=512/https%3A%2F%2Fwww.datocms-assets.com%2F32426%2F1612887560-untitled-001.jpeg%3Ffit%3Dcrop%26h%3D630%26w%3D1200" alt="I&CO | Who We Are"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4712821573123795426"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://iandco.com/ja/who-we-are" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20211220#bookmark-4712821573123795426" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2021/12/20</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“ロジックよりマジック”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> <li><a href="/YOSHIOKA_Ko57/Mind%20set/" data-gtm-click-label="user-reaction-tag">Mind set</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4712821573123795426/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li class="bookmark-item js-user-bookmark-item js-intent-share-bookmark" data-target-url="https://baigie.me/officialblog/2021/11/30/shogo_tabuchi/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://baigie.me/officialblog/2021/11/30/shogo_tabuchi/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-title"><img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbaigie.me%2Fofficialblog%2F2021%2F11%2F30%2Fshogo_tabuchi%2F" alt="">デザイナーが成長する組織をどう作るか。田渕将吾氏をベイジへ迎え入れた理由 | knowledge / baigie</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/baigie.me/officialblog/2021/11/30/shogo_tabuchi/" class="js-keyboard-entry-page-openable" title="デザイナーが成長する組織をどう作るか。田渕将吾氏をベイジへ迎え入れた理由 | knowledge / baigie (4ブックマーク)" data-gtm-click-label="user-bookmark-users">4 users</a> </span> </li> <li> <a href="/YOSHIOKA_Ko57/?url=https%3A%2F%2Fbaigie.me%2F" title="『baigie.me』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> baigie.me </a> </li> <li><a href="/hotentry/knowledge" data-gtm-click-label="user-bookmark-category">学び</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">みなさんこんにちは、外部ライターのまこりーぬです。 2021年6月より、ウェブ制作会社ベイジではデザイナーの田渕将吾さんを “デザインマネージャー” として社外から迎え入れています。同業であればご存じの方も多いかと思いますが、田渕さんは数々のデザインアワードを受賞し、現在は審査員を務めるほどの実力の持ち主です。クリエイティブカンパニー<a data-gtm-click-label="entry-summary-keyword" href="/q/ai">AI</a>D-DCCでアートディレクターを務めたのち、2020年からは「ビズリーチ」を運営するVisionalグループ株式会社ビズリーチでご活躍されています。そんな田渕さんがなぜ顧問としてベイジに参画することになったのか、具体的にどんな取り組みをおこなっているのか。これらを紐解いていくと「若手デザイナーをより成長させるために組織はどうあるべきか」というヒントに満ち溢れていました。デザイナーのみなさんはもちろんのこと、デザインチームを抱えるリーダーのみなさまも</p> <a href="https://baigie.me/officialblog/2021/11/30/shogo_tabuchi/" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f829dcfe02454f1b62a92721d9309b4bcde3d8d0/height=288;version=1;width=512/https%3A%2F%2Fbaigie.me%2Fofficialblog%2Fwp-content%2Fuploads%2F2021%2F11%2Fmain.jpg%3F11736305459" alt="デザイナーが成長する組織をどう作るか。田渕将吾氏をベイジへ迎え入れた理由 | knowledge / baigie"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4711884823629400898"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://baigie.me/officialblog/2021/11/30/shogo_tabuchi/" data-user-name="YOSHIOKA_Ko57"> <a href="/YOSHIOKA_Ko57/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/YOSHIOKA_Ko57/profile.png" alt="YOSHIOKA_Ko57" title="YOSHIOKA_Ko57" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/YOSHIOKA_Ko57/20211208#bookmark-4711884823629400898" class="js-anchor-path" data-gtm-click-label="user-reaction-username">YOSHIOKA_Ko57</a></span> <span class="centerarticle-reaction-timestamp">2021/12/08</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment">“具体的なフィードバックって、そのデザイナーの目の前のお悩みは解決できても次のプロジェクトで活かせるとは限らない”</span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/YOSHIOKA_Ko57/Team/" data-gtm-click-label="user-reaction-tag">Team</a></li> <li><a href="/YOSHIOKA_Ko57/Management/" data-gtm-click-label="user-reaction-tag">Management</a></li> <li><a href="/YOSHIOKA_Ko57/Design/" data-gtm-click-label="user-reaction-tag">Design</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4711884823629400898/comment/YOSHIOKA_Ko57" data-gtm-click-label="user-reaction-permalink" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </div> <ul class="centerarticle-reaction-menu"> <li class="js-add-star-container add-star-container"></li> </ul> </div> </div> </div> </div> <ul class="centerarticle-reaction-following js-user-following-bookmarks-icon"> </ul> <div class="js-user-following-bookmarks-detail is-hidden"> </div> </li> <li> <div class="centerarticle-pager"> <span class="centerarticle-waiting js-read-more-waiting is-hidden"><img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/common/loading@2x.gif" alt="残りのブックマークを読み込んでいます" width="16" height="16" /></span> <span>1</span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=2">2</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=3">3</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=4">4</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=5">5</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=6">6</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=7">7</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=8">8</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=9">9</a></span> <span><a href="/YOSHIOKA_Ko57/bookmark?page=10">10</a></span> <span class="centerarticle-pager-next"><a href="/YOSHIOKA_Ko57/bookmark?page=2">次のページ</a></span> </div> </li> </ul> </div> </div> <script type="text/javascript"> // ---------------- dfp section ---------------- var valve = valve || []; valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/b_pc_o_18_3025_0_no', sizes: [[300,250]], slotId: 'user-sidebar-ad-top' }); v.defineDFPSlot({ unit: '/4374287/b_pc_o_19_3060_0_no', sizes: [[300,600],[300,250]], slotId: 'user-sidebar-ad-bottom' }); v.sealDFPSlots(); }); </script> <script> var valve = window.valve || []; valve.push(function(v) { var pageKeyValues = {}; if (document.cookie.split(';').some(function(item) { return item.indexOf('202011_guest_status=register_incomplete') >= 0})) { pageKeyValues.bookmark_status = 'register_incomplete'; } v.config({ pageKeyValues: pageKeyValues, content: { result: "ng" }, service: 'bookmark' }); }); </script> <script src="https://cdn.pool.st-hatena.com/valve/valve.js" async></script> <div class="right-container"> <div id="user-sidebar-ad-top" class="centerarticle-aside-ad"></div> <section class="centerarticle-aside-section"> <div class="centerarticle-aside-info"> <h3 class="centerarticle-aside-info-title">お知らせ</h3> <ul class="centerarticle-aside-info-list"> <li class="centerarticle-aside-info-item"> <a href="https://bookmark.hatenastaff.com/entry/2025/04/01/120007?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=2025%2F04%2F01%2F120007" target="_blank"> <p class="centerarticle-aside-info-category">ランキング</p> <h4 class="centerarticle-aside-info-item-title">今週のはてなブックマーク数ランキング（2025年3月第5週）</h4> <time class="centerarticle-aside-info-item-time">2025/04/01</time> </a> </li> <li class="centerarticle-aside-info-item"> <a href="https://bookmark.hatenastaff.com/entry/2025/03/25/120206?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=2025%2F03%2F25%2F120206" target="_blank"> <p class="centerarticle-aside-info-category">ランキング</p> <h4 class="centerarticle-aside-info-item-title">今週のはてなブックマーク数ランキング（2025年3月第4週）</h4> <time class="centerarticle-aside-info-item-time">2025/03/25</time> </a> </li> <li class="centerarticle-aside-info-item"> <a href="https://bookmark.hatenastaff.com/entry/2025/03/18/115302?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=2025%2F03%2F18%2F115302" target="_blank"> <p class="centerarticle-aside-info-category">ランキング</p> <h4 class="centerarticle-aside-info-item-title">今週のはてなブックマーク数ランキング（2025年3月第3週）</h4> <time class="centerarticle-aside-info-item-time">2025/03/18</time> </a> </li> </ul> <div class="enterarticle-aside-info-readmore"> <a href="https://bookmark.hatenastaff.com/?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=readmore" class="enterarticle-aside-info-readmore-button" target="_blank">もっと読む</a> </div> </div> </section> <section class="centerarticle-aside-section"> <h3 class="centerarticle-aside-title">公式Twitter</h3> <ul class="centerarticle-aside-twitter"> <li><a href="https://twitter.com/HatenaBookmark" target="_blank" rel="noopener" data-gtm-click-label="user-officialTwitter-name">@HatenaBookmark</a><p>リリース、障害情報などのサービスのお知らせ</p></li> <li><a href="https://twitter.com/hatebu" target="_blank" rel="noopener" data-gtm-click-label="user-hotentryTwitter-name">@hatebu</a><p>最新の人気エントリーの配信</p></li> </ul> </section> <div id="user-sidebar-ad-bottom" class="centerarticle-aside-ad"></div> </div> </div> </div> <div class="progress-modal is-hidden js-progress-modal"> <div class="progress-modal-spiner"></div> <div class="progress-modal-message"> <p class="progress-modal-message-text js-progress-message">処理を実行中です</p> <button class="progress-modal-cancel js-cancel-button">中止</button> </div> </div> <div class="message-modal js-message-modal is-hidden auto-hide"> <div class="message-modal-message"> <p class="message-modal-message-text js-message-modal-message-text"></p> <button class="message-modal-btn js-message-modal-close-button">閉じる</button> </div> </div> <div id="keyboard-shortcut-help" class="shortcut-help is-hidden"> <h3 class="shortcut-help-title">キーボードショートカット一覧</h3> <p><span class="shortcut-help-key">j</span>次のブックマーク</p> <p><span class="shortcut-help-key">k</span>前のブックマーク</p> <p><span class="shortcut-help-key">l</span>あとで読む</p> <p><span class="shortcut-help-key">e</span>コメント一覧を開く</p> <p><span class="shortcut-help-key">o</span>ページを開く</p> <button tyle="button" class="shortcut-help-close js-close-button">✕</button> </div> <div class="footer"> <div class="footer-inner"> <div class="footer-inner-group footer-bookmark"> <h2 class="footer-title"><a href="/" data-gtm-label="footer-btop">はてなブックマーク</a></h2> <div class="footer-list-wrapper"> <ul class="footer-list footer-list--pc"> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/all" class="hotentry js-keyboard-openable" data-gtm-label="footerCategories-hotentry">総合</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/general" class="general js-keyboard-openable" data-gtm-label="footerCategories-general">一般</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/social" class="cat-social js-keyboard-openable" data-gtm-label="footerCategories-social">世の中</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/economics" class="cat-economics js-keyboard-openable" data-gtm-label="footerCategories-economics">政治と経済</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/life" class="cat-life js-keyboard-openable" data-gtm-label="footerCategories-life">暮らし</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/knowledge" class="cat-knowledge js-keyboard-openable" data-gtm-label="footerCategories-knowledge">学び</a></li> </ul> <ul class="footer-list footer-list--pc"> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/it" class="cat-it js-keyboard-openable" data-gtm-label="footerCategories-it">テクノロジー</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/entertainment" class="cat-entertainment js-keyboard-openable" data-gtm-label="footerCategories-entertainment">エンタメ</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/game" class="cat-game js-keyboard-openable" data-gtm-label="footerCategories-game">アニメとゲーム</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/fun" class="cat-fun js-keyboard-openable" data-gtm-label="footerCategories-fun">おもしろ</a></li> </ul> <ul class="footer-list"> <li class="footer-list-item"><a href="/guide/tools">アプリ・拡張機能</a></li> <li class="footer-list-item"><a href="https://bookmark.hatenastaff.com/">開発ブログ</a></li> <li class="footer-list-item"><a href="/help/">ヘルプ</a></li> <li class="footer-list-item"><a href="https://hatena.zendesk.com/hc/ja/categories/900000153166">お問い合わせ</a></li> <li class="footer-list-item footer-list-item--sp"><a href="/guide/guideline">ガイドライン</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/rule">利用規約</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/privacypolicy-ja">プライバシーポリシー</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/cookie-policy">利用者情報の外部送信について</a></li> </ul> <ul class="footer-list footer-list--pc"> <li class="footer-list-item footer-list-item--pc"><a href="/guide/guideline">ガイドライン</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/rule">利用規約</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/privacypolicy-ja">プライバシーポリシー</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/cookie-policy">利用者情報の外部送信について</a></li> </ul> </div> </div> <div class="footer-inner-group footer-bookmark-sns"> <h2 class="footer-title">公式Twitter</h2> <div class="footer-bookmark-list"> <ul class="footer-list"> <li class="footer-list-item"><a href="https://twitter.com/HatenaBookmark" target="_blank" rel="noopener" data-gtm-click-label="footer-officialTwitter-name">公式アカウント</a></li> <li class="footer-list-item"><a href="https://twitter.com/hatebu" target="_blank" rel="noopener" data-gtm-click-label="footer-hotentryTwitter-name">ホットエントリー</a></li> </ul> </div> </div> <div class="footer-inner-group footer-hatena"> <h2 class="footer-title">はてなのサービス</h2> <ul class="footer-list"> <li class="footer-list-item"><a href="https://hatenablog.com/" data-gtm-label="footerServices-blog">はてなブログ</a></li> <li class="footer-list-item"><a href="https://hatenablog.com/guide/pro?plus_via=hatenabookmark_footer&utm_source=hatenabookmark&utm_medium=referral&utm_campaign=hatenabookmark_to_hatenablog_pro&utm_content=hatenabookmark_footer" data-gtm-label="footerServices-blog-pro">はてなブログPro</a></li> <li class="footer-list-item"><a href="https://q.hatena.ne.jp/" data-gtm-label="footerServices-question">人力検索はてな</a></li> <li class="footer-list-item"><a href="http://d.hatena.ne.jp/" data-gtm-label="footerServices-keyword">はてなブログタグ</a></li> <li class="footer-list-item"><a href="http://hatenanews.com/" data-gtm-label="footerServices-hatenanews">はてなニュース</a></li> <li class="footer-list-item"><a href="https://soredoko.jp/" data-gtm-label="footerServices-soredoko">ソレドコ</a></li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-app"> <ul> <li class="footer-list-item"><a href="https://apps.apple.com/jp/app/hatenabukkumaku/id354976659?mt=8" target="_blank" rel="noopener" data-gtm-click-label="footer-app-ios"><img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/common/dl-button/appstore@2x.png" alt="App Storeからダウンロード"></a></li> <li class="footer-list-item"><a href="https://play.google.com/store/apps/details?id=com.hatena.android.bookmark&referrer=utm_source%3Dbookmark_sp%26utm_campaign%3Dbookmark_sp_user&hl=ja" target="_blank" rel="noopener" data-gtm-click-label="footer-app-android"><img src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/images/v4/public/common/dl-button/googleplay@2x.png" alt="Google Playで手に入れよう"></a></li> </ul> </div> <div class="copyright">Copyright © 2005-2025 <a href="http://www.hatena.ne.jp/">Hatena</a>. All Rights Reserved.</div> </div> </div> <div class="modal-overlay"></div> <script type="text/javascript" src="https://b.st-hatena.com/0f6f9dfc8b21c8af9c2db850a25d9527a7bbe0df/js/v4/bookmark.star.js" async></script> <div class="js-head-notify is-hidden">設定を変更しました<span class="js-head-notify-close-button">x</span></div> </body> </html>