[B! デザイン] syo-sa19820615のブックマーク

<!DOCTYPE html> <html lang="ja" data-page-scope="User" data-stable-request-url="https://b.hatena.ne.jp/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-device-type="PC" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-author-name="syo-sa19820615" data-page-subtype="tag" 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>[B! デザイン] syo-sa19820615のブックマーク</title> <script src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/js/v4/bookmark.js" async></script> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/css/v4/bookmark.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/css/v4/bookmark.star.css" /> <link rel="canonical" href="https://b.hatena.ne.jp/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" /> <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="syo-sa19820615 のブックマーク内検索" href="/syo-sa19820615/opensearch.xml"> <link rel="apple-touch-icon-precomposed" href="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/apple-touch-icon-precomposed.png" /> <link rel="mask-icon" href="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/icons/bookmark.ico" /> <meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/icons/my-bookmark.ico" /> <meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/icons/favorite-bookmark.ico" /> <meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/icons/hotentry.ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="referrer" content="always"> <meta name="robots" content="noindex,nofollow,noarchive"> <link rel="author" href="http://www.hatena.ne.jp/syo-sa19820615/" /> <link rel="alternate" type="application/rss+xml" href="/syo-sa19820615/bookmark.rss?tag=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3" /> <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%2Fsyo-sa19820615%2F%25E3%2583%2587%25E3%2582%25B6%25E3%2582%25A4%25E3%2583%25B3%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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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="syo-sa19820615" > <div class="centerarticle-wrapper"> <div class="left-container"> <div class="js-user-info" data-user-name="syo-sa19820615"> <div class="centerarticle-profile"> <a href="http://profile.hatena.ne.jp/syo-sa19820615/"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" class="centerarticle-profile-image"/> </a> <div class="centerarticle-profile-main"> <a href="http://profile.hatena.ne.jp/syo-sa19820615/" class="centerarticle-profile-nickname js-user-info-nickname" target="_blank" rel="noopener">syo-sa19820615</a> <a href="/syo-sa19820615/bookmark" class="centerarticle-profile-username">id:syo-sa19820615</a> </div> </div> <ul class="userprofile-status"> <li> <a href="/syo-sa19820615/bookmark" class="userprofile-status-link" data-gtm-click-label="user-count-bookmark"> <span class="userprofile-status-count">5,471</span> <span class="userprofile-status-text">ブックマーク</span> </a> </li> <li> <a href="/syo-sa19820615/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="/syo-sa19820615/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="/syo-sa19820615/bookmark" data-gtm-click-label="user-tags-all">すべて</a></li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%20MySQL/" data-gtm-click-label="user-tags"> MySQL <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%20%E3%83%8D%E3%82%BF/" data-gtm-click-label="user-tags"> ネタ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/*lifehack/" data-gtm-click-label="user-tags"> *lifehack <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/*%E3%81%82%E3%81%A8%E3%81%A7%E8%A9%A6%E3%81%99/" data-gtm-click-label="user-tags"> *あとで試す <span class="count">(21)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/*%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80/" data-gtm-click-label="user-tags"> *あとで読む <span class="count">(83)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/*%E3%82%B2%E3%83%BC%E3%83%A0/" data-gtm-click-label="user-tags"> *ゲーム <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/2D/" data-gtm-click-label="user-tags"> 2D <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/2ch/" data-gtm-click-label="user-tags"> 2ch <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/3D/" data-gtm-click-label="user-tags"> 3D <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/4Gamer/" data-gtm-click-label="user-tags"> 4Gamer <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/AI/" data-gtm-click-label="user-tags"> AI <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/API/" data-gtm-click-label="user-tags"> API <span class="count">(19)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/AR/" data-gtm-click-label="user-tags"> AR <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ARuFa/" data-gtm-click-label="user-tags"> ARuFa <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ActionScript/" data-gtm-click-label="user-tags"> ActionScript <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Advent%20Calendar/" data-gtm-click-label="user-tags"> Advent Calendar <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/AdventCalendar/" data-gtm-click-label="user-tags"> AdventCalendar <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Airbnb/" data-gtm-click-label="user-tags"> Airbnb <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Ajax/" data-gtm-click-label="user-tags"> Ajax <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Amazon%20Dash%20Button/" data-gtm-click-label="user-tags"> Amazon Dash Button <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Analytics/" data-gtm-click-label="user-tags"> Analytics <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Android/" data-gtm-click-label="user-tags"> Android <span class="count">(194)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Android%20Architecture%20Components/" data-gtm-click-label="user-tags"> Android Architecture Components <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/BGM/" data-gtm-click-label="user-tags"> BGM <span class="count">(104)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/BJJ/" data-gtm-click-label="user-tags"> BJJ <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/C%23/" data-gtm-click-label="user-tags"> C# <span class="count">(27)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/COVID-19/" data-gtm-click-label="user-tags"> COVID-19 <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/CTO/" data-gtm-click-label="user-tags"> CTO <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/CentOS/" data-gtm-click-label="user-tags"> CentOS <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Chrome/" data-gtm-click-label="user-tags"> Chrome <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/CircleCI/" data-gtm-click-label="user-tags"> CircleCI <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/CodeZine/" data-gtm-click-label="user-tags"> CodeZine <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/CoffeeScript/" data-gtm-click-label="user-tags"> CoffeeScript <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Coinhive/" data-gtm-click-label="user-tags"> Coinhive <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/C%E8%A8%80%E8%AA%9E/" data-gtm-click-label="user-tags"> C言語 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/DB/" data-gtm-click-label="user-tags"> DB <span class="count">(16)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/DJ/" data-gtm-click-label="user-tags"> DJ <span class="count">(17)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Dance/" data-gtm-click-label="user-tags"> Dance <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/DeNA/" data-gtm-click-label="user-tags"> DeNA <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/DeployGate/" data-gtm-click-label="user-tags"> DeployGate <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Dreamweaver/" data-gtm-click-label="user-tags"> Dreamweaver <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/EC%E3%82%B5%E3%82%A4%E3%83%88/" data-gtm-click-label="user-tags"> ECサイト <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Elixir/" data-gtm-click-label="user-tags"> Elixir <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Evernote/" data-gtm-click-label="user-tags"> Evernote <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/FF14/" data-gtm-click-label="user-tags"> FF14 <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Facebook/" data-gtm-click-label="user-tags"> Facebook <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Fallout%204/" data-gtm-click-label="user-tags"> Fallout 4 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Fate/" data-gtm-click-label="user-tags"> Fate <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Firefox/" data-gtm-click-label="user-tags"> Firefox <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Fragment/" data-gtm-click-label="user-tags"> Fragment <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Framework/" data-gtm-click-label="user-tags"> Framework <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/GAE/" data-gtm-click-label="user-tags"> GAE <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/GCP/" data-gtm-click-label="user-tags"> GCP <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/GIGAZINE/" data-gtm-click-label="user-tags"> GIGAZINE <span class="count">(16)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Gmail/" data-gtm-click-label="user-tags"> Gmail <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Google%20Chrome/" data-gtm-click-label="user-tags"> Google Chrome <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/GraphQL/" data-gtm-click-label="user-tags"> GraphQL <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/HARDCORE/" data-gtm-click-label="user-tags"> HARDCORE <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/HDD/" data-gtm-click-label="user-tags"> HDD <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/HTC%20Desire/" data-gtm-click-label="user-tags"> HTC Desire <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/HTML/" data-gtm-click-label="user-tags"> HTML <span class="count">(19)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/HTML5/" data-gtm-click-label="user-tags"> HTML5 <span class="count">(24)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/HTTP/" data-gtm-click-label="user-tags"> HTTP <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/HTTP2/" data-gtm-click-label="user-tags"> HTTP2 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Homebrew/" data-gtm-click-label="user-tags"> Homebrew <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/IDE/" data-gtm-click-label="user-tags"> IDE <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/IE/" data-gtm-click-label="user-tags"> IE <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/IPv6/" data-gtm-click-label="user-tags"> IPv6 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/IT/" data-gtm-click-label="user-tags"> IT <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/IT%E6%A5%AD%E7%95%8C/" data-gtm-click-label="user-tags"> IT業界 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/JSON/" data-gtm-click-label="user-tags"> JSON <span class="count">(16)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/JUnit/" data-gtm-click-label="user-tags"> JUnit <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/JetBrains/" data-gtm-click-label="user-tags"> JetBrains <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/KPT/" data-gtm-click-label="user-tags"> KPT <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/KUG2/" data-gtm-click-label="user-tags"> KUG2 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Kotlin/" data-gtm-click-label="user-tags"> Kotlin <span class="count">(37)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Laravel/" data-gtm-click-label="user-tags"> Laravel <span class="count">(17)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Linux/" data-gtm-click-label="user-tags"> Linux <span class="count">(32)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/MHF/" data-gtm-click-label="user-tags"> MHF <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/MP5K/" data-gtm-click-label="user-tags"> MP5K <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/MVC/" data-gtm-click-label="user-tags"> MVC <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/MW2/" data-gtm-click-label="user-tags"> MW2 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Mackerel/" data-gtm-click-label="user-tags"> Mackerel <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/MaterialDesign/" data-gtm-click-label="user-tags"> MaterialDesign <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Mercurial/" data-gtm-click-label="user-tags"> Mercurial <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Mithril/" data-gtm-click-label="user-tags"> Mithril <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/NHK/" data-gtm-click-label="user-tags"> NHK <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Nintendo%20Switch/" data-gtm-click-label="user-tags"> Nintendo Switch <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/OAuth/" data-gtm-click-label="user-tags"> OAuth <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/OSS/" data-gtm-click-label="user-tags"> OSS <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Objective-C/" data-gtm-click-label="user-tags"> Objective-C <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/OpenGL/" data-gtm-click-label="user-tags"> OpenGL <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Oracle/" data-gtm-click-label="user-tags"> Oracle <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/PC/" data-gtm-click-label="user-tags"> PC <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/PHPUnit/" data-gtm-click-label="user-tags"> PHPUnit <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Perl/" data-gtm-click-label="user-tags"> Perl <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Phoenix/" data-gtm-click-label="user-tags"> Phoenix <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/PhpStorm/" data-gtm-click-label="user-tags"> PhpStorm <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/PlantUML/" data-gtm-click-label="user-tags"> PlantUML <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Playframework/" data-gtm-click-label="user-tags"> Playframework <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Pokemon%20GO/" data-gtm-click-label="user-tags"> Pokemon GO <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Pok%C3%A9mon%20GO/" data-gtm-click-label="user-tags"> Pokémon GO <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/PostgreSQL/" data-gtm-click-label="user-tags"> PostgreSQL <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Python/" data-gtm-click-label="user-tags"> Python <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/RESTful/" data-gtm-click-label="user-tags"> RESTful <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Rails/" data-gtm-click-label="user-tags"> Rails <span class="count">(21)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Raspberry%20Pi/" data-gtm-click-label="user-tags"> Raspberry Pi <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/React%20Native/" data-gtm-click-label="user-tags"> React Native <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/React.js/" data-gtm-click-label="user-tags"> React.js <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Retrofit/" data-gtm-click-label="user-tags"> Retrofit <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Ruby%20on%20Rails/" data-gtm-click-label="user-tags"> Ruby on Rails <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Rx/" data-gtm-click-label="user-tags"> Rx <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/RxJava/" data-gtm-click-label="user-tags"> RxJava <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/SEO/" data-gtm-click-label="user-tags"> SEO <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/SIer/" data-gtm-click-label="user-tags"> SIer <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/SOHO/" data-gtm-click-label="user-tags"> SOHO <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/SQL/" data-gtm-click-label="user-tags"> SQL <span class="count">(18)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Scrum/" data-gtm-click-label="user-tags"> Scrum <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Skype/" data-gtm-click-label="user-tags"> Skype <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Skyrim/" data-gtm-click-label="user-tags"> Skyrim <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Slack/" data-gtm-click-label="user-tags"> Slack <span class="count">(22)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/SoundCloud/" data-gtm-click-label="user-tags"> SoundCloud <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Steam/" data-gtm-click-label="user-tags"> Steam <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Sublime%20Text/" data-gtm-click-label="user-tags"> Sublime Text <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Subversion/" data-gtm-click-label="user-tags"> Subversion <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/TDD/" data-gtm-click-label="user-tags"> TDD <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Tips/" data-gtm-click-label="user-tags"> Tips <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/TypeScript/" data-gtm-click-label="user-tags"> TypeScript <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/UI/" data-gtm-click-label="user-tags"> UI <span class="count">(19)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/UML/" data-gtm-click-label="user-tags"> UML <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/UQWiMAX/" data-gtm-click-label="user-tags"> UQWiMAX <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/UX/" data-gtm-click-label="user-tags"> UX <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Unity5/" data-gtm-click-label="user-tags"> Unity5 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Vagrant/" data-gtm-click-label="user-tags"> Vagrant <span class="count">(16)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Vista/" data-gtm-click-label="user-tags"> Vista <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Visual%20Studio/" data-gtm-click-label="user-tags"> Visual Studio <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/VisualStudioCode/" data-gtm-click-label="user-tags"> VisualStudioCode <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/W3C/" data-gtm-click-label="user-tags"> W3C <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Wantedly/" data-gtm-click-label="user-tags"> Wantedly <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Web%20API/" data-gtm-click-label="user-tags"> Web API <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Wi-Fi/" data-gtm-click-label="user-tags"> Wi-Fi <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/XAMPP/" data-gtm-click-label="user-tags"> XAMPP <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Xcode/" data-gtm-click-label="user-tags"> Xcode <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/Zen-Coding/" data-gtm-click-label="user-tags"> Zen-Coding <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/akineko/" data-gtm-click-label="user-tags"> akineko <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/amazon/" data-gtm-click-label="user-tags"> amazon <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/android%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-tags"> android開発 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/apache/" data-gtm-click-label="user-tags"> apache <span class="count">(24)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/architecture/" data-gtm-click-label="user-tags"> architecture <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/aws/" data-gtm-click-label="user-tags"> aws <span class="count">(28)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/blender/" data-gtm-click-label="user-tags"> blender <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/blog/" data-gtm-click-label="user-tags"> blog <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/brainf*ck/" data-gtm-click-label="user-tags"> brainf*ck <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/c/" data-gtm-click-label="user-tags"> c <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/c++/" data-gtm-click-label="user-tags"> c++ <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/cakephp/" data-gtm-click-label="user-tags"> cakephp <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/canvas/" data-gtm-click-label="user-tags"> canvas <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/casperjs/" data-gtm-click-label="user-tags"> casperjs <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/chef/" data-gtm-click-label="user-tags"> chef <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ci/" data-gtm-click-label="user-tags"> ci <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/cms/" data-gtm-click-label="user-tags"> cms <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/cocos2d/" data-gtm-click-label="user-tags"> cocos2d <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/cocos2d-x/" data-gtm-click-label="user-tags"> cocos2d-x <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/cocos2dx/" data-gtm-click-label="user-tags"> cocos2dx <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/cooking/" data-gtm-click-label="user-tags"> cooking <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/cookpad/" data-gtm-click-label="user-tags"> cookpad <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/css/" data-gtm-click-label="user-tags"> css <span class="count">(61)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/css3/" data-gtm-click-label="user-tags"> css3 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/dankogai/" data-gtm-click-label="user-tags"> dankogai <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ddd/" data-gtm-click-label="user-tags"> ddd <span class="count">(28)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/development/" data-gtm-click-label="user-tags"> development <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/diff/" data-gtm-click-label="user-tags"> diff <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/docker/" data-gtm-click-label="user-tags"> docker <span class="count">(30)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/droidkaigi2019/" data-gtm-click-label="user-tags"> droidkaigi2019 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/dynamodb/" data-gtm-click-label="user-tags"> dynamodb <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/eclipse/" data-gtm-click-label="user-tags"> eclipse <span class="count">(21)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/emobile/" data-gtm-click-label="user-tags"> emobile <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/enchant.js/" data-gtm-click-label="user-tags"> enchant.js <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/excel/" data-gtm-click-label="user-tags"> excel <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/fallout3/" data-gtm-click-label="user-tags"> fallout3 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/fastlane/" data-gtm-click-label="user-tags"> fastlane <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/fedora/" data-gtm-click-label="user-tags"> fedora <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/firebase/" data-gtm-click-label="user-tags"> firebase <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/flash/" data-gtm-click-label="user-tags"> flash <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/flux/" data-gtm-click-label="user-tags"> flux <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/game/" data-gtm-click-label="user-tags"> game <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/git/" data-gtm-click-label="user-tags"> git <span class="count">(39)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/github/" data-gtm-click-label="user-tags"> github <span class="count">(39)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/go/" data-gtm-click-label="user-tags"> go <span class="count">(30)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/gocon/" data-gtm-click-label="user-tags"> gocon <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/goji/" data-gtm-click-label="user-tags"> goji <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/golang/" data-gtm-click-label="user-tags"> golang <span class="count">(205)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/google/" data-gtm-click-label="user-tags"> google <span class="count">(18)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/google%20app%20engine/" data-gtm-click-label="user-tags"> google app engine <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/gopherjs/" data-gtm-click-label="user-tags"> gopherjs <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/gulp/" data-gtm-click-label="user-tags"> gulp <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/hatena/" data-gtm-click-label="user-tags"> hatena <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/hitode909/" data-gtm-click-label="user-tags"> hitode909 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/htaccess/" data-gtm-click-label="user-tags"> htaccess <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/iOS/" data-gtm-click-label="user-tags"> iOS <span class="count">(21)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/iPhone/" data-gtm-click-label="user-tags"> iPhone <span class="count">(54)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/iPhone%203G/" data-gtm-click-label="user-tags"> iPhone 3G <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/intelliJ/" data-gtm-click-label="user-tags"> intelliJ <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/isucon/" data-gtm-click-label="user-tags"> isucon <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/itunes/" data-gtm-click-label="user-tags"> itunes <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/jQuery/" data-gtm-click-label="user-tags"> jQuery <span class="count">(23)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/java/" data-gtm-click-label="user-tags"> java <span class="count">(94)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/javascript/" data-gtm-click-label="user-tags"> javascript <span class="count">(150)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/jenkins/" data-gtm-click-label="user-tags"> jenkins <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/js/" data-gtm-click-label="user-tags"> js <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/lambda/" data-gtm-click-label="user-tags"> lambda <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/lifehack/" data-gtm-click-label="user-tags"> lifehack <span class="count">(56)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/linq/" data-gtm-click-label="user-tags"> linq <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/mac/" data-gtm-click-label="user-tags"> mac <span class="count">(27)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/markdown/" data-gtm-click-label="user-tags"> markdown <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/microservices/" data-gtm-click-label="user-tags"> microservices <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/microsoft/" data-gtm-click-label="user-tags"> microsoft <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/mikumikudance/" data-gtm-click-label="user-tags"> mikumikudance <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/mithril.js/" data-gtm-click-label="user-tags"> mithril.js <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/mixi/" data-gtm-click-label="user-tags"> mixi <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/mobile/" data-gtm-click-label="user-tags"> mobile <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/mysql/" data-gtm-click-label="user-tags"> mysql <span class="count">(39)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/naoya/" data-gtm-click-label="user-tags"> naoya <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/netbeans/" data-gtm-click-label="user-tags"> netbeans <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/network/" data-gtm-click-label="user-tags"> network <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/nginx/" data-gtm-click-label="user-tags"> nginx <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/node.js/" data-gtm-click-label="user-tags"> node.js <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ottiki/" data-gtm-click-label="user-tags"> ottiki <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/php/" data-gtm-click-label="user-tags"> php <span class="count">(167)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/programming/" data-gtm-click-label="user-tags"> programming <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/qiita/" data-gtm-click-label="user-tags"> qiita <span class="count">(18)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/react/" data-gtm-click-label="user-tags"> react <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/redis/" data-gtm-click-label="user-tags"> redis <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/redmine/" data-gtm-click-label="user-tags"> redmine <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ruby/" data-gtm-click-label="user-tags"> ruby <span class="count">(49)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/sample/" data-gtm-click-label="user-tags"> sample <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/scala/" data-gtm-click-label="user-tags"> scala <span class="count">(29)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/security/" data-gtm-click-label="user-tags"> security <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/selenium/" data-gtm-click-label="user-tags"> selenium <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ssh/" data-gtm-click-label="user-tags"> ssh <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/symfony/" data-gtm-click-label="user-tags"> symfony <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/test/" data-gtm-click-label="user-tags"> test <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/testing/" data-gtm-click-label="user-tags"> testing <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/togetter/" data-gtm-click-label="user-tags"> togetter <span class="count">(45)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/tomcat/" data-gtm-click-label="user-tags"> tomcat <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/trello/" data-gtm-click-label="user-tags"> trello <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/twitter/" data-gtm-click-label="user-tags"> twitter <span class="count">(48)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/twitter4j/" data-gtm-click-label="user-tags"> twitter4j <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/uGUI/" data-gtm-click-label="user-tags"> uGUI <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/ubuntu/" data-gtm-click-label="user-tags"> ubuntu <span class="count">(29)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/unity/" data-gtm-click-label="user-tags"> unity <span class="count">(135)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/vim/" data-gtm-click-label="user-tags"> vim <span class="count">(56)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/visual%20studio%20code/" data-gtm-click-label="user-tags"> visual studio code <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/vps/" data-gtm-click-label="user-tags"> vps <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/web/" data-gtm-click-label="user-tags"> web <span class="count">(155)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/web%20service/" data-gtm-click-label="user-tags"> web service <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/websocket/" data-gtm-click-label="user-tags"> websocket <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9/" data-gtm-click-label="user-tags"> webサービス <span class="count">(36)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-tags"> webデザイン <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/web%E5%88%B6%E4%BD%9C/" data-gtm-click-label="user-tags"> web制作 <span class="count">(72)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/wimax/" data-gtm-click-label="user-tags"> wimax <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/windows/" data-gtm-click-label="user-tags"> windows <span class="count">(42)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/wordpress/" data-gtm-click-label="user-tags"> wordpress <span class="count">(31)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%82%E3%81%A8%E3%81%A7%E8%A9%A6%E3%81%99/" data-gtm-click-label="user-tags"> あとで試す <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80/" data-gtm-click-label="user-tags"> あとで読む <span class="count">(488)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%84%E3%81%84%E8%A9%B1/" data-gtm-click-label="user-tags"> いい話 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%8A%E9%87%91/" data-gtm-click-label="user-tags"> お金 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%8D%E3%81%97%E3%81%A0%E3%81%AA%E3%81%8A%E3%81%8D/" data-gtm-click-label="user-tags"> きしだなおき <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%93%E3%82%8C%E3%81%AF%E3%81%99%E3%81%94%E3%81%84/" data-gtm-click-label="user-tags"> これはすごい <span class="count">(21)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%93%E3%82%8C%E3%81%AF%E3%81%B2%E3%81%A9%E3%81%84/" data-gtm-click-label="user-tags"> これはひどい <span class="count">(70)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%93%E3%82%8C%E3%81%AF%E3%82%A8%E3%83%AD%E3%81%84/" data-gtm-click-label="user-tags"> これはエロい <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%93%E3%82%8C%E3%81%AF%E4%BE%BF%E5%88%A9/" data-gtm-click-label="user-tags"> これは便利 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%95%E3%81%8F%E3%82%89VPS/" data-gtm-click-label="user-tags"> さくらVPS <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%AF%E3%81%A6%E3%81%AA/" data-gtm-click-label="user-tags"> はてな <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%BE%E3%81%A8%E3%82%81/" data-gtm-click-label="user-tags"> まとめ <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%81%BE%E3%81%A9%E3%81%8B%E2%98%86%E3%83%9E%E3%82%AE%E3%82%AB/" data-gtm-click-label="user-tags"> まどか☆マギカ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%82%AB%E3%82%A6%E3%83%B3%E3%82%BF/" data-gtm-click-label="user-tags"> アクセスカウンタ <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90/" data-gtm-click-label="user-tags"> アクセス解析 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%82%B8%E3%83%A3%E3%82%A4%E3%83%AB/" data-gtm-click-label="user-tags"> アジャイル <span class="count">(19)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/" data-gtm-click-label="user-tags"> アドオン <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%83%8B%E3%83%A1/" data-gtm-click-label="user-tags"> アニメ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0/" data-gtm-click-label="user-tags"> アルゴリズム <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%83%B3%E3%83%81%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3/" data-gtm-click-label="user-tags"> アンチパターン <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3/" data-gtm-click-label="user-tags"> アーキテクチャ <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A4%E3%83%9F%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%96%E3%83%AB/" data-gtm-click-label="user-tags"> イミュータブル <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-tags"> インストール <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9/" data-gtm-click-label="user-tags"> インフラ <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF/" data-gtm-click-label="user-tags"> エディタ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A8%E3%83%AB%E3%82%B7%E3%83%A3%E3%83%80%E3%82%A4/" data-gtm-click-label="user-tags"> エルシャダイ <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A8%E3%83%AD/" data-gtm-click-label="user-tags"> エロ <span class="count">(22)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2/" data-gtm-click-label="user-tags"> エンジニア <span class="count">(131)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91/" data-gtm-click-label="user-tags"> オブジェクト指向 <span class="count">(22)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%AA%E3%83%AA%E3%83%B3%E3%83%94%E3%83%83%E3%82%AF/" data-gtm-click-label="user-tags"> オリンピック <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97/" data-gtm-click-label="user-tags"> オンラインショップ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%AB%E3%83%AC%E3%83%BC/" data-gtm-click-label="user-tags"> カレー <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%AF%E3%83%88%E3%82%A5%E3%83%AB%E3%83%95/" data-gtm-click-label="user-tags"> クトゥルフ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%AF%E3%83%A9%E3%82%B9%E8%A8%AD%E8%A8%88/" data-gtm-click-label="user-tags"> クラス設計 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B0%E3%83%AB%E3%83%A1/" data-gtm-click-label="user-tags"> グルメ <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B2%E3%83%BC%E3%83%A0/" data-gtm-click-label="user-tags"> ゲーム <span class="count">(97)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B2%E3%83%BC%E3%83%A0%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3/" data-gtm-click-label="user-tags"> ゲームエンジン <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B2%E3%83%BC%E3%83%A0%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-tags"> ゲームデザイン <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B2%E3%83%BC%E3%83%A0%E5%88%B6%E4%BD%9C/" data-gtm-click-label="user-tags"> ゲーム制作 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B2%E3%83%BC%E3%83%A0%E6%94%BB%E7%95%A5/" data-gtm-click-label="user-tags"> ゲーム攻略 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B2%E3%83%BC%E3%83%A0%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-tags"> ゲーム開発 <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89/" data-gtm-click-label="user-tags"> コマンド <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88/" data-gtm-click-label="user-tags"> コマンドプロンプト <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/" data-gtm-click-label="user-tags"> コミュニケーション <span class="count">(37)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3/" data-gtm-click-label="user-tags"> コミュニティ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%A9/" data-gtm-click-label="user-tags"> コンパイラ <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC/" data-gtm-click-label="user-tags"> コードレビュー <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B5%E3%82%A4%E3%83%9C%E3%82%A6%E3%82%BA/" data-gtm-click-label="user-tags"> サイボウズ <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B5%E3%83%90%E3%82%B2/" data-gtm-click-label="user-tags"> サバゲ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B5%E3%83%BC%E3%83%90/" data-gtm-click-label="user-tags"> サーバ <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC/" data-gtm-click-label="user-tags"> サーバー <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B5%E3%83%BC%E3%83%90%E6%A7%8B%E7%AF%89/" data-gtm-click-label="user-tags"> サーバ構築 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B7%E3%82%A7%E3%83%AB/" data-gtm-click-label="user-tags"> シェル <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B7%E3%82%A7%E3%83%AB%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88/" data-gtm-click-label="user-tags"> シェルスクリプト <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B8%E3%83%A7%E3%82%B8%E3%83%A7/" data-gtm-click-label="user-tags"> ジョジョ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B9%E3%82%AF%E3%83%A9%E3%83%A0/" data-gtm-click-label="user-tags"> スクラム <span class="count">(26)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%A2%E3%83%83%E3%83%97/" data-gtm-click-label="user-tags"> スタートアップ <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3/" data-gtm-click-label="user-tags"> スマートフォン <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89/" data-gtm-click-label="user-tags"> スライド <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3/" data-gtm-click-label="user-tags"> セキュリティ <span class="count">(76)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-tags"> ソフトウェア開発 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%82%B2%E3%83%BC%E3%83%A0/" data-gtm-click-label="user-tags"> ソーシャルゲーム <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%82%BF%E3%82%B9%E3%82%AF%E7%AE%A1%E7%90%86/" data-gtm-click-label="user-tags"> タスク管理 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%80%E3%82%A4%E3%82%A8%E3%83%83%E3%83%88/" data-gtm-click-label="user-tags"> ダイエット <span class="count">(19)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/" data-gtm-click-label="user-tags"> チュートリアル <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-tags"> チューニング <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%81%E3%83%BC%E3%83%A0/" data-gtm-click-label="user-tags"> チーム <span class="count">(33)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%81%E3%83%BC%E3%83%A0%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-tags"> チーム開発 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-tags"> ツール <span class="count">(26)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%86%E3%82%B9%E3%83%88/" data-gtm-click-label="user-tags"> テスト <span class="count">(30)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%83%9E%E3%82%B8%E3%83%83%E3%82%AF/" data-gtm-click-label="user-tags"> テーブルマジック <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%87%E3%82%A3%E3%83%BC%E3%83%97%E3%83%A9%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-tags"> ディープラーニング <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" class="is-current" data-gtm-click-label="user-tags"> デザイン <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3/" data-gtm-click-label="user-tags"> デザインパターン <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9/" data-gtm-click-label="user-tags"> データベース <span class="count">(17)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB/" data-gtm-click-label="user-tags"> トラブル <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%88%E3%83%AC%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-tags"> トレーニング <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E9%A7%86%E5%8B%95%E8%A8%AD%E8%A8%88/" data-gtm-click-label="user-tags"> ドメイン駆動設計 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%8B%E3%82%B3%E3%83%8B%E3%82%B3%E5%8B%95%E7%94%BB/" data-gtm-click-label="user-tags"> ニコニコ動画 <span class="count">(70)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%8D%E3%82%BF/" data-gtm-click-label="user-tags"> ネタ <span class="count">(82)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF/" data-gtm-click-label="user-tags"> ネットワーク <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%8E%E3%83%BC%E3%83%88PC/" data-gtm-click-label="user-tags"> ノートPC <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%8F%E3%83%BC%E3%83%88%E3%83%9E%E3%83%B3%E8%BB%8D%E6%9B%B9/" data-gtm-click-label="user-tags"> ハートマン軍曹 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%90%E3%82%B0/" data-gtm-click-label="user-tags"> バグ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%90%E3%83%83%E3%83%81%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB/" data-gtm-click-label="user-tags"> バッチファイル <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E7%AE%A1%E7%90%86/" data-gtm-click-label="user-tags"> バージョン管理 <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%91%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9/" data-gtm-click-label="user-tags"> パフォーマンス <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%91%E3%83%AF%E3%83%8F%E3%83%A9/" data-gtm-click-label="user-tags"> パワハラ <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9/" data-gtm-click-label="user-tags"> ビジネス <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%95%E3%83%AA%E3%83%BC%E3%82%BD%E3%83%95%E3%83%88/" data-gtm-click-label="user-tags"> フリーソフト <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%95%E3%83%AA%E3%83%BC%E3%83%A9%E3%83%B3%E3%82%B9/" data-gtm-click-label="user-tags"> フリーランス <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%95%E3%83%AA%E3%83%BC%E7%B4%A0%E6%9D%90/" data-gtm-click-label="user-tags"> フリー素材 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF/" data-gtm-click-label="user-tags"> フレームワーク <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89/" data-gtm-click-label="user-tags"> フロントエンド <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%96%E3%82%B3%E3%83%A1%E3%81%97%E3%81%9F%E3%81%84%E3%81%A0%E3%81%91/" data-gtm-click-label="user-tags"> ブコメしたいだけ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/" data-gtm-click-label="user-tags"> ブラウザ <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF%E4%BC%81%E6%A5%AD/" data-gtm-click-label="user-tags"> ブラック企業 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E3%83%81%E3%82%A7%E3%83%BC%E3%83%B3/" data-gtm-click-label="user-tags"> ブロックチェーン <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-tags"> プラグイン <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3/" data-gtm-click-label="user-tags"> プレゼン <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E/" data-gtm-click-label="user-tags"> プログラマ <span class="count">(25)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-tags"> プログラミング <span class="count">(279)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0/" data-gtm-click-label="user-tags"> プログラム <span class="count">(19)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88/" data-gtm-click-label="user-tags"> プロジェクト <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E7%AE%A1%E7%90%86/" data-gtm-click-label="user-tags"> プロジェクト管理 <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%9D%E3%82%B1%E3%83%A2%E3%83%B3GO/" data-gtm-click-label="user-tags"> ポケモンGO <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB/" data-gtm-click-label="user-tags"> マニュアル <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88/" data-gtm-click-label="user-tags"> マネジメント <span class="count">(29)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%9E%E3%83%B3%E3%82%AC/" data-gtm-click-label="user-tags"> マンガ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%A1%E3%83%A2/" data-gtm-click-label="user-tags"> メモ <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%A1%E3%83%B3%E3%82%BF%E3%83%AB/" data-gtm-click-label="user-tags"> メンタル <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%A1%E3%83%B3%E3%82%BF%E3%83%AB%E3%83%98%E3%83%AB%E3%82%B9/" data-gtm-click-label="user-tags"> メンタルヘルス <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%A2%E3%83%81%E3%83%99%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/" data-gtm-click-label="user-tags"> モチベーション <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB/" data-gtm-click-label="user-tags"> モバイル <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%A9%E3%82%A4%E3%83%95%E3%83%8F%E3%83%83%E3%82%AF/" data-gtm-click-label="user-tags"> ライフハック <span class="count">(75)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/" data-gtm-click-label="user-tags"> リファレンス <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%AA%E3%83%A2%E3%83%BC%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF/" data-gtm-click-label="user-tags"> リモートワーク <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E3%83%AC%E3%82%B7%E3%83%94/" data-gtm-click-label="user-tags"> レシピ <span class="count">(32)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%B8%A6%E5%88%97%E5%87%A6%E7%90%86/" data-gtm-click-label="user-tags"> 並列処理 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%B8%A6%E8%A1%8C%E5%87%A6%E7%90%86/" data-gtm-click-label="user-tags"> 並行処理 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%BA%BA%E7%94%9F/" data-gtm-click-label="user-tags"> 人生 <span class="count">(26)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%BA%BA%E9%96%93%E9%96%A2%E4%BF%82/" data-gtm-click-label="user-tags"> 人間関係 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%BB%95%E4%BA%8B/" data-gtm-click-label="user-tags"> 仕事 <span class="count">(198)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%BB%95%E4%BA%8B%E8%A1%93/" data-gtm-click-label="user-tags"> 仕事術 <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%BB%BB%E5%A4%A9%E5%A0%82/" data-gtm-click-label="user-tags"> 任天堂 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%BC%81%E6%A5%AD/" data-gtm-click-label="user-tags"> 企業 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E4%BC%9A%E7%A4%BE/" data-gtm-click-label="user-tags"> 会社 <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%81%A5%E5%BA%B7/" data-gtm-click-label="user-tags"> 健康 <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%83%8D%E3%81%8D%E6%96%B9/" data-gtm-click-label="user-tags"> 働き方 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%85%A5%E9%96%80/" data-gtm-click-label="user-tags"> 入門 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%8A%B4%E5%83%8D/" data-gtm-click-label="user-tags"> 労働 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%8B%89%E5%BC%B7/" data-gtm-click-label="user-tags"> 勉強 <span class="count">(27)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%8B%89%E5%BC%B7%E4%BC%9A/" data-gtm-click-label="user-tags"> 勉強会 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%8B%89%E5%BC%B7%E6%B3%95/" data-gtm-click-label="user-tags"> 勉強法 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%90%8D%E5%88%BA/" data-gtm-click-label="user-tags"> 名刺 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%9C%B0%E5%9B%B3/" data-gtm-click-label="user-tags"> 地図 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%9C%B0%E9%9C%87/" data-gtm-click-label="user-tags"> 地震 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%9F%BA%E7%A4%8E%E6%96%87%E6%B3%95%E6%9C%80%E9%80%9F%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC/" data-gtm-click-label="user-tags"> 基礎文法最速マスター <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%A2%97%E7%94%B0/" data-gtm-click-label="user-tags"> 増田 <span class="count">(16)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%A4%A7%E9%98%AA/" data-gtm-click-label="user-tags"> 大阪 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%AD%A6%E7%BF%92/" data-gtm-click-label="user-tags"> 学習 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%B0%91%E5%AD%90%E5%8C%96/" data-gtm-click-label="user-tags"> 少子化 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%B0%B1%E6%B4%BB/" data-gtm-click-label="user-tags"> 就活 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%B0%B1%E8%81%B7%E6%B4%BB%E5%8B%95/" data-gtm-click-label="user-tags"> 就職活動 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%B1%A5%E6%AD%B4%E6%9B%B8/" data-gtm-click-label="user-tags"> 履歴書 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E5%BF%83%E7%90%86/" data-gtm-click-label="user-tags"> 心理 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%80%9D%E8%80%83/" data-gtm-click-label="user-tags"> 思考 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%8A%80%E8%A1%93/" data-gtm-click-label="user-tags"> 技術 <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%8A%80%E8%A1%93%E8%80%85/" data-gtm-click-label="user-tags"> 技術者 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%8A%BD%E8%B1%A1%E5%8C%96/" data-gtm-click-label="user-tags"> 抽象化 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%90%BA%E5%B8%AF%E3%82%B5%E3%82%A4%E3%83%88/" data-gtm-click-label="user-tags"> 携帯サイト <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%94%BF%E6%B2%BB/" data-gtm-click-label="user-tags"> 政治 <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%95%99%E8%82%B2/" data-gtm-click-label="user-tags"> 教育 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%95%B0%E5%AD%A6/" data-gtm-click-label="user-tags"> 数学 <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%96%87%E5%AD%97%E3%82%B3%E3%83%BC%E3%83%89/" data-gtm-click-label="user-tags"> 文字コード <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%96%99%E7%90%86/" data-gtm-click-label="user-tags"> 料理 <span class="count">(55)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%97%85%E8%A1%8C/" data-gtm-click-label="user-tags"> 旅行 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%97%A5%E6%9C%AC/" data-gtm-click-label="user-tags"> 日本 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%9A%97%E5%8F%B7%E5%8C%96/" data-gtm-click-label="user-tags"> 暗号化 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%9B%B8%E8%A9%95/" data-gtm-click-label="user-tags"> 書評 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%9C%AC/" data-gtm-click-label="user-tags"> 本 <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%A7%8B%E6%96%87%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF/" data-gtm-click-label="user-tags"> 構文チェック <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92/" data-gtm-click-label="user-tags"> 機械学習 <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%AD%A3%E8%A6%8F%E8%A1%A8%E7%8F%BE/" data-gtm-click-label="user-tags"> 正規表現 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%B1%82%E4%BA%BA/" data-gtm-click-label="user-tags"> 求人 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E6%B5%B7%E5%A4%96/" data-gtm-click-label="user-tags"> 海外 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%82%8E%E4%B8%8A/" data-gtm-click-label="user-tags"> 炎上 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%84%A1%E7%B7%9ALAN/" data-gtm-click-label="user-tags"> 無線LAN <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%8A%AF%E7%BD%AA/" data-gtm-click-label="user-tags"> 犯罪 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%8C%AB/" data-gtm-click-label="user-tags"> 猫 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%94%9F%E6%B4%BB/" data-gtm-click-label="user-tags"> 生活 <span class="count">(53)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%94%B7%E3%81%AE%E5%A8%98/" data-gtm-click-label="user-tags"> 男の娘 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%94%BB%E5%83%8F/" data-gtm-click-label="user-tags"> 画像 <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%97%85%E6%B0%97/" data-gtm-click-label="user-tags"> 病気 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%9D%A1%E7%9C%A0/" data-gtm-click-label="user-tags"> 睡眠 <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%A9%BA%E3%81%AE%E5%A2%83%E7%95%8C/" data-gtm-click-label="user-tags"> 空の境界 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%AD%8B%E3%83%88%E3%83%AC/" data-gtm-click-label="user-tags"> 筋トレ <span class="count">(17)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%AD%8B%E8%82%89/" data-gtm-click-label="user-tags"> 筋肉 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%AE%A1%E7%90%86/" data-gtm-click-label="user-tags"> 管理 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%B5%84%E7%B9%94/" data-gtm-click-label="user-tags"> 組織 <span class="count">(19)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E7%B5%90%E5%A9%9A/" data-gtm-click-label="user-tags"> 結婚 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%80%83%E3%81%88%E6%96%B9/" data-gtm-click-label="user-tags"> 考え方 <span class="count">(102)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%81%B7%E5%8B%99%E7%B5%8C%E6%AD%B4%E6%9B%B8/" data-gtm-click-label="user-tags"> 職務経歴書 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%84%86%E5%BC%B1%E6%80%A7/" data-gtm-click-label="user-tags"> 脆弱性 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%87%AA%E5%8B%95%E5%8C%96/" data-gtm-click-label="user-tags"> 自動化 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%8B%B1%E8%AA%9E/" data-gtm-click-label="user-tags"> 英語 <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%8B%B1%E8%AA%9E%E5%AD%A6%E7%BF%92/" data-gtm-click-label="user-tags"> 英語学習 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%91%97%E4%BD%9C%E6%A8%A9/" data-gtm-click-label="user-tags"> 著作権 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%99%9A%E6%A7%8B%E6%96%B0%E8%81%9E/" data-gtm-click-label="user-tags"> 虚構新聞 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%A1%A8%E7%8F%BE%E8%A6%8F%E5%88%B6/" data-gtm-click-label="user-tags"> 表現規制 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%A6%8B%E7%A9%8D%E3%82%8A/" data-gtm-click-label="user-tags"> 見積り <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%A8%AD%E5%AE%9A/" data-gtm-click-label="user-tags"> 設定 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%A8%AD%E8%A8%88/" data-gtm-click-label="user-tags"> 設計 <span class="count">(35)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%AA%AD%E3%81%BF%E7%89%A9/" data-gtm-click-label="user-tags"> 読み物 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%AD%A6%E5%AF%9F/" data-gtm-click-label="user-tags"> 警察 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%B3%87%E6%96%99/" data-gtm-click-label="user-tags"> 資料 <span class="count">(17)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%B3%87%E6%A0%BC/" data-gtm-click-label="user-tags"> 資格 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%B5%B7%E6%A5%AD/" data-gtm-click-label="user-tags"> 起業 <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%BB%8D%E4%BA%8B/" data-gtm-click-label="user-tags"> 軍事 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E8%BB%A2%E8%81%B7/" data-gtm-click-label="user-tags"> 転職 <span class="count">(26)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%85%92/" data-gtm-click-label="user-tags"> 酒 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%95%B7%E6%99%82%E9%96%93%E5%8A%B4%E5%83%8D/" data-gtm-click-label="user-tags"> 長時間労働 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-tags"> 開発 <span class="count">(133)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83/" data-gtm-click-label="user-tags"> 開発環境 <span class="count">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%96%A2%E6%95%B0%E5%9E%8B%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-tags"> 関数型プログラミング <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%9B%BB%E6%BA%90/" data-gtm-click-label="user-tags"> 電源 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%9D%9E%E5%90%8C%E6%9C%9F/" data-gtm-click-label="user-tags"> 非同期 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%9F%B3%E6%A5%BD/" data-gtm-click-label="user-tags"> 音楽 <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/syo-sa19820615/%E9%A3%9F/" data-gtm-click-label="user-tags"> 食 <span class="count">(14)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80/" data-gtm-click-label="user-tags"> あとで読む <span class="count">(488)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-tags"> プログラミング <span class="count">(279)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/golang/" data-gtm-click-label="user-tags"> golang <span class="count">(205)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/%E4%BB%95%E4%BA%8B/" data-gtm-click-label="user-tags"> 仕事 <span class="count">(198)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/Android/" data-gtm-click-label="user-tags"> Android <span class="count">(194)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/php/" data-gtm-click-label="user-tags"> php <span class="count">(167)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/web/" data-gtm-click-label="user-tags"> web <span class="count">(155)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/javascript/" data-gtm-click-label="user-tags"> javascript <span class="count">(150)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/unity/" data-gtm-click-label="user-tags"> unity <span class="count">(135)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/syo-sa19820615/%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-tags"> 開発 <span class="count">(133)</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 class="centerarticle-sidebar-menu"> <h3 class="centerarticle-aside-title">関連タグで絞り込む (18)</h3> <ul class="centerarticle-sub-navi"> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/android/" > android </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/google/" > google </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/iOS/" > iOS </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/qiita/" > qiita </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/togetter/" > togetter </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/UI/" > UI </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/ui/" > ui </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/UX/" > UX </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/web/" > web </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" > webデザイン </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" > Webデザイン </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/web%E5%88%B6%E4%BD%9C/" > web制作 </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2/" > エンジニア </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/%E3%83%84%E3%83%BC%E3%83%AB/" > ツール </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/" > プログラミング </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/%E5%90%8D%E5%88%BA/" > 名刺 </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/%E9%85%8D%E8%89%B2/" > 配色 </a> </li> <li> <a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/%E9%96%8B%E7%99%BA/" > 開発 </a> </li> </ul> <p class="centerarticle-sub-navi-more"> <a href="/syo-sa19820615/bookmark">タグの絞り込みを解除</a> </p> </div> </div> <div class="center-container"> <div class="centerarticle-title-container"> <h2 class="centerarticle-title"> デザインに関するsyo-sa19820615のブックマーク (20) </h2> </div> <div > <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="/syo-sa19820615/{{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="/syo-sa19820615/{{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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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://techblog.jmdc.co.jp/entry/how-to-use-figma-for-engineers"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://techblog.jmdc.co.jp/entry/how-to-use-figma-for-engineers" 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%2Ftechblog.jmdc.co.jp%2Fentry%2Fhow-to-use-figma-for-engineers" alt="">Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/techblog.jmdc.co.jp/entry/how-to-use-figma-for-engineers" class="js-keyboard-entry-page-openable" title="Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG (542ブックマーク)" data-gtm-click-label="user-bookmark-users">542 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Ftechblog.jmdc.co.jp%2F" title="『techblog.jmdc.co.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> techblog.jmdc.co.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">JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール <a data-gtm-click-label="entry-summary-keyword" href="/q/figma">Figma</a>をご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年から<a data-gtm-click-label="entry-summary-keyword" href="/q/figma">Figma</a>に乗り換えました。乗り換えに伴い、デザイナー以外のメンバーにも<a data-gtm-click-label="entry-summary-keyword" href="/q/figma">Figma</a>を操作できるようになるべく、勉強会を開催しました。勉強会はオンラインで開催。<a data-gtm-click-label="entry-summary-keyword" href="/q/figma">Figma</a>で資料を作成、参加者に資料を開きながら<a data-gtm-click-label="entry-summary-keyword" href="/q/google">Google</a> Meetを繋げて詳細を説明していきました。勉強会で使用した資料は<a data-gtm-click-label="entry-summary-keyword" href="/q/figma">Figma</a>のComm<a data-gtm-click-label="entry-summary-keyword" href="/q/Unity">unity</a>にアップしているのでぜひ見てみてくださいね。 www.<a data-gtm-click-label="entry-summary-keyword" href="/q/figma">figma</a>.com <a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</a>が<a data-gtm-click-label="entry-summary-keyword" href="/q/figma">Figma</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/%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%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</a>が<a data-gtm-click-label="entry-summary-keyword" href="/q/figma">Figma</a>を触れ</p> <a href="https://techblog.jmdc.co.jp/entry/how-to-use-figma-for-engineers" 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/176a033d8576ca1663f90981b448f2c4b77ed1ed/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2FhzJMDC%2F20211012%2F20211012111547.jpg" alt="Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4709746738391446626"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://techblog.jmdc.co.jp/entry/how-to-use-figma-for-engineers" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20211015#bookmark-4709746738391446626" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2021/10/15</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="/syo-sa19820615/%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-reaction-tag">開発</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-reaction-tag">ツール</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4709746738391446626/comment/syo-sa19820615" 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://blog.dr1009.com/entry/2021/09/23/123000"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://blog.dr1009.com/entry/2021/09/23/123000" 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%2Fblog.dr1009.com%2Fentry%2F2021%2F09%2F23%2F123000" alt="">"デザインシステム"の過度な一般化とその対応について - Continuity is The Father of Success</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/blog.dr1009.com/entry/2021/09/23/123000" class="js-keyboard-entry-page-openable" title=""デザインシステム"の過度な一般化とその対応について - Continuity is The Father of Success (56ブックマーク)" data-gtm-click-label="user-bookmark-users">56 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fblog.dr1009.com%2F" title="『blog.dr1009.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> blog.dr1009.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"><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/%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/%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/%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/%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/%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>のカバー範囲の分解 Level 0 Level 1 Level 2(広義のデザ</p> <a href="https://blog.dr1009.com/entry/2021/09/23/123000" 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/6c05e55ad95d64024b1ccfc09778888a64962ffa/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6653586347157031865%2F13574176438012965033%2F1704417868" alt=""デザインシステム"の過度な一般化とその対応について - Continuity is The Father of Success"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4708744060510105794"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://blog.dr1009.com/entry/2021/09/23/123000" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20210924#bookmark-4708744060510105794" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2021/09/24</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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/%E9%96%8B%E7%99%BA/" data-gtm-click-label="user-reaction-tag">開発</a></li> <li><a href="/syo-sa19820615/%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-reaction-tag">ツール</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4708744060510105794/comment/syo-sa19820615" 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://forest.watch.impress.co.jp/docs/news/1349051.html"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://forest.watch.impress.co.jp/docs/news/1349051.html" 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%2Fforest.watch.impress.co.jp%2Fdocs%2Fnews%2F1349051.html" alt="">Google、「Material Design」のアイコンを「Figma」で公開／2,000以上ものアイコンが、5つのバリエーションで。商用も可</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/forest.watch.impress.co.jp/docs/news/1349051.html" class="js-keyboard-entry-page-openable" title="Google、「Material Design」のアイコンを「Figma」で公開／2,000以上ものアイコンが、5つのバリエーションで。商用も可 (291ブックマーク)" data-gtm-click-label="user-bookmark-users">291 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fforest.watch.impress.co.jp%2F" title="『forest.watch.impress.co.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> forest.watch.impress.co.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"></p> <a href="https://forest.watch.impress.co.jp/docs/news/1349051.html" 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/c686decd79362b780b629c16d99fc76d403ae4b8/height=288;version=1;width=512/https%3A%2F%2Fforest.watch.impress.co.jp%2Fimg%2Fwf%2Flist%2F1349%2F051%2Fimage1.jpg" alt="Google、「Material Design」のアイコンを「Figma」で公開／2,000以上ものアイコンが、5つのバリエーションで。商用も可"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4707979525358783138"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://forest.watch.impress.co.jp/docs/news/1349051.html" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20210907#bookmark-4707979525358783138" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2021/09/07</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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/google/" data-gtm-click-label="user-reaction-tag">google</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4707979525358783138/comment/syo-sa19820615" 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/ku_marin/n/n60ebdb19ebd0"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/ku_marin/n/n60ebdb19ebd0" 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%2Fku_marin%2Fn%2Fn60ebdb19ebd0" alt="">iOS とAndroid の違いクロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/ku_marin/n/n60ebdb19ebd0" class="js-keyboard-entry-page-openable" title="iOS とAndroid の違いクロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin (524ブックマーク)" data-gtm-click-label="user-bookmark-users">524 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fnote.com%2Fku_marin" title="『note.com/ku_marin』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/ku_marin </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/android">Android</a> アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・<a data-gtm-click-label="entry-summary-keyword" href="/q/android">Android</a> とデザインが違うのが主流でしたが、2021年現在のアプリはiOS も<a data-gtm-click-label="entry-summary-keyword" href="/q/android">Android</a> もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。これは2016年の10月に<a data-gtm-click-label="entry-summary-keyword" href="/q/android">Android</a> <a data-gtm-click-label="entry-summary-keyword" href="/q/API">API</a>がBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%AD%B4%E5%8F%B2">歴史</a>の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違う<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>・デザインだと大変ですしね……。とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman In<a data-gtm-click-label="entry-summary-keyword" href="/q/TERF">terf</a>ace <a data-gtm-click-label="entry-summary-keyword" href="/q/gui">Gui</a>de<a data-gtm-click-label="entry-summary-keyword" href="/q/LINE">line</a>s、<a data-gtm-click-label="entry-summary-keyword" href="/q/android">Android</a></p> <a href="https://note.com/ku_marin/n/n60ebdb19ebd0" 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/9f97a4ab608d52cb43ca3ca97fec0acacb844a84/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F57235669%2Frectangle_large_type_2_04c710688999797ce124f0178981675d.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="iOS とAndroid の違いクロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4705992071778748066"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/ku_marin/n/n60ebdb19ebd0" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20210726#bookmark-4705992071778748066" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2021/07/26</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="/syo-sa19820615/android/" data-gtm-click-label="user-reaction-tag">android</a></li> <li><a href="/syo-sa19820615/iOS/" data-gtm-click-label="user-reaction-tag">iOS</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/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/4705992071778748066/comment/syo-sa19820615" 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://togetter.com/li/1744709"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://togetter.com/li/1744709" 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%2Ftogetter.com%2Fli%2F1744709" alt="">配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/togetter.com/li/1744709" class="js-keyboard-entry-page-openable" title="配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」 (1697ブックマーク)" data-gtm-click-label="user-bookmark-users">1697 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Ftogetter.com%2F" title="『togetter.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> togetter.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">リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日<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>カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign 「<a data-gtm-click-label="entry-summary-keyword" href="/q/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">Webデザイン</a>を学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>カラーデザイン研究所のイメージスケールを活用すると良いでしょう。各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.<a data-gtm-click-label="entry-summary-keyword" href="/q/twitter">twitter</a>.com/QTfzBpQ2EL</p> <a href="https://togetter.com/li/1744709" 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/aa77e51410b92ad0983ea3fe20927f9e7f696097/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F0c0bc12d6b098289646d6c7997adc593-1200x630.jpeg" alt="配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4705431549795039746"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://togetter.com/li/1744709" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20210715#bookmark-4705431549795039746" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2021/07/15</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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/web/" data-gtm-click-label="user-reaction-tag">web</a></li> <li><a href="/syo-sa19820615/togetter/" data-gtm-click-label="user-reaction-tag">togetter</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4705431549795039746/comment/syo-sa19820615" 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://www.publickey1.jp/blog/21/googlematerial_yougooglegoogle_io_2021.html"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://www.publickey1.jp/blog/21/googlematerial_yougooglegoogle_io_2021.html" 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.publickey1.jp%2Fblog%2F21%2Fgooglematerial_yougooglegoogle_io_2021.html" alt="">［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.publickey1.jp/blog/21/googlematerial_yougooglegoogle_io_2021.html" class="js-keyboard-entry-page-openable" title="［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021 (430ブックマーク)" data-gtm-click-label="user-bookmark-users">430 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fwww.publickey1.jp%2F" title="『www.publickey1.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.publickey1.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/google">Google</a>は、5月19日未明に開催したオンラインイベント「<a data-gtm-click-label="entry-summary-keyword" href="/q/google">Google</a> I/O 2021」で、新しいデザインフレームワーク「Material You」を発表しました。 Material Youでは、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナーの視点とカラーサイエンスの組み合わせによって作られたカラーパレットを生成することで、あなたがアプリケーションのルック＆フィールのクリエイターになる」（Matias Duarte氏）と説明。そして自動的にそのカラーパレットに<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>が適合していくとのこと。</p> <a href="https://www.publickey1.jp/blog/21/googlematerial_yougooglegoogle_io_2021.html" 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/fca9ed4759083f00b0d564d15cf04ad986d5c5f9/height=288;version=1;width=512/https%3A%2F%2Fwww.publickey1.jp%2F2021%2Fmaterialyou01.gif" alt="［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4702831127167626626"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://www.publickey1.jp/blog/21/googlematerial_yougooglegoogle_io_2021.html" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20210520#bookmark-4702831127167626626" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2021/05/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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/google/" data-gtm-click-label="user-reaction-tag">google</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4702831127167626626/comment/syo-sa19820615" 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://qiita.com/mark_1975M/items/eabdd95ac1de64e4fe1b"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://qiita.com/mark_1975M/items/eabdd95ac1de64e4fe1b" 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%2Fqiita.com%2Fmark_1975M%2Fitems%2Feabdd95ac1de64e4fe1b" alt="">モバイルアプリにおけるUIデザイン - Qiita</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/qiita.com/mark_1975M/items/eabdd95ac1de64e4fe1b" class="js-keyboard-entry-page-openable" title="モバイルアプリにおけるUIデザイン - Qiita (63ブックマーク)" data-gtm-click-label="user-bookmark-users">63 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fqiita.com%2Fmark_1975M" title="『qiita.com/mark_1975M』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> qiita.com/mark_1975M </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">1.はじめに私は(筆者は)モバイル<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</a><a data-gtm-click-label="entry-summary-keyword" href="/q/%E8%BB%A2%E8%81%B7">転職</a>を目指す立場です。個人的にアプリの<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>デザイン知識はデザイナーだけでなく<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</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/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</a>を目指している方やアプリ開発はしているけどモバイルデザインについて改めて知りたいという方、そのような方向けに改めてiOS・<a data-gtm-click-label="entry-summary-keyword" href="/q/android">Android</a>双方のデザインガイドラインについてまとめてみました。 2.iOSと<a data-gtm-click-label="entry-summary-keyword" href="/q/android">Android</a>のデザインの考え方 2020年現在、iOSではHuman In<a data-gtm-click-label="entry-summary-keyword" href="/q/TERF">terf</a>ace <a data-gtm-click-label="entry-summary-keyword" href="/q/gui">Gui</a>de<a data-gtm-click-label="entry-summary-keyword" href="/q/LINE">line</a>s、<a data-gtm-click-label="entry-summary-keyword" href="/q/android">Android</a>ではMaterial Designの考え方をもとにアプリ<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>が作られ</p> <a href="https://qiita.com/mark_1975M/items/eabdd95ac1de64e4fe1b" 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/d29adad775c6715723cfd5bf620bb58cbc69e1d4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgzJUEyJUUzJTgzJTkwJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgxJUFCJUUzJTgxJThBJUUzJTgxJTkxJUUzJTgyJThCVUklRTMlODMlODclRTMlODIlQjYlRTMlODIlQTQlRTMlODMlQjMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTk0MDRiODI3ZDJjZDQyZTA3NmIzMjBiMzkwZDNjODBj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtYXJrXzE5NzVNJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04YmUxODZlZGE5MDg1MDAyYmI0NDNiYWM3MzU4NmM2Ng%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D55338555377c84d51cb06eb87fc04c01" alt="モバイルアプリにおけるUIデザイン - Qiita"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4692142857683477762"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://qiita.com/mark_1975M/items/eabdd95ac1de64e4fe1b" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20201010#bookmark-4692142857683477762" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2020/10/10</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="/syo-sa19820615/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/android/" data-gtm-click-label="user-reaction-tag">android</a></li> <li><a href="/syo-sa19820615/iOS/" data-gtm-click-label="user-reaction-tag">iOS</a></li> <li><a href="/syo-sa19820615/qiita/" data-gtm-click-label="user-reaction-tag">qiita</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4692142857683477762/comment/syo-sa19820615" 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/nowim/n/n185d63cfda5c"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/nowim/n/n185d63cfda5c" 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%2Fnowim%2Fn%2Fn185d63cfda5c" alt="">Bad な UI を改善する「UI Stack」って知ってます？｜nr</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/nowim/n/n185d63cfda5c" class="js-keyboard-entry-page-openable" title="Bad な UI を改善する「UI Stack」って知ってます？｜nr (393ブックマーク)" data-gtm-click-label="user-bookmark-users">393 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fnote.com%2Fnowim" title="『note.com/nowim』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/nowim </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> Stack」ってご存知ですか？ <a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%A2%E3%83%A1%E3%83%AA%E3%82%AB">アメリカ</a>のプロダクトデザイナー Scott Hurff さんが3年ほど前に世に出した考え方で、考慮すべき <a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a> の5つの側面を示したものです。当時「これは使える！」と思って社内向けに作った勉強会資料を見つけて、今でもやっぱりすごく大事だと思ったので、備忘録的に書いておきます。ちなみに元記事はこちら。（<a data-gtm-click-label="entry-summary-keyword" href="/q/%E8%8B%B1%E8%AA%9E">英語</a>です） <a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a> Stack とは？Stackとは、1つの画面が持つ（複数の）側面、状態、ステータスのようなもの。その側面ごとに最適化された<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> Stack の考えです。 Scottさんが紹介している<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a> Stackは5つ。 ※図はScottさんのページから引用・<a data-gtm-click-label="entry-summary-keyword" href="/q/BL">Bl</a>ank State（空っぽの状態）・Loading State（ローディング状態）・Partial State（部分達成状態）・<a data-gtm-click-label="entry-summary-keyword" href="/q/ERR">Err</a>or</p> <a href="https://note.com/nowim/n/n185d63cfda5c" 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/c82c422108e3c3425be21658c67d765319ef8d1f/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F7553341%2Frectangle_large_type_2_63d638579e08dde0421faf7178ecb1bd.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="Bad な UI を改善する「UI Stack」って知ってます？｜nr"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4681610303612727586"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.com/nowim/n/n185d63cfda5c" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20200218#bookmark-4681610303612727586" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2020/02/18</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="/syo-sa19820615/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/UX/" data-gtm-click-label="user-reaction-tag">UX</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4681610303612727586/comment/syo-sa19820615" 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.mu/tiekey/n/nf1152c5daebf"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.mu/tiekey/n/nf1152c5daebf" 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.mu%2Ftiekey%2Fn%2Fnf1152c5daebf" alt="">配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.mu/tiekey/n/nf1152c5daebf" class="js-keyboard-entry-page-openable" title="配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note (1146ブックマーク)" data-gtm-click-label="user-bookmark-users">1146 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fnote.mu%2F" title="『note.mu』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.mu </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">今日は先日勝手にリデザインしたPolipoliのデザインを使って、<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>デザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。はじめるよレイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat <a data-gtm-click-label="entry-summary-keyword" href="/q/UI">ui</a> design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー</p> <a href="https://note.mu/tiekey/n/nf1152c5daebf" 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/f45aec3aeb9710f14e7185e253579ae7ec5842fa/height=288;version=1;width=512/https%3A%2F%2Fd2l930y2yx77uc.cloudfront.net%2Fproduction%2Fuploads%2Fimages%2F10468276%2Frectangle_large_type_2_2979b756aabcc405f1fe5798f7ba971c.png" alt="配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4665875940438859714"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.mu/tiekey/n/nf1152c5daebf" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20190315#bookmark-4665875940438859714" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2019/03/15</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="/syo-sa19820615/UI/" data-gtm-click-label="user-reaction-tag">UI</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/4665875940438859714/comment/syo-sa19820615" 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="http://www.mermirai.com/entry/designthinking"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://www.mermirai.com/entry/designthinking" 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.mermirai.com%2Fentry%2Fdesignthinking" alt="">デザインシンキングとは、方法ではなく考え方だ - メルカリ流の実践方法 - メルミライ - 未来を見るメディア</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.mermirai.com/entry/designthinking" class="js-keyboard-entry-page-openable" title="デザインシンキングとは、方法ではなく考え方だ - メルカリ流の実践方法 - メルミライ - 未来を見るメディア (368ブックマーク)" data-gtm-click-label="user-bookmark-users">368 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fwww.mermirai.com%2F" title="『www.mermirai.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.mermirai.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"></p> <a href="https://www.mermirai.com/entry/designthinking" 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/fa1f7ca7caebc3356f5b4d4dc461e329c345379a/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmermirai%2F20180509%2F20180509180659.png" alt="デザインシンキングとは、方法ではなく考え方だ - メルカリ流の実践方法 - メルミライ - 未来を見るメディア"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-363929464"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://www.mermirai.com/entry/designthinking" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20180516#bookmark-363929464" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2018/05/16</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="/syo-sa19820615/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2/" data-gtm-click-label="user-reaction-tag">エンジニア</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/363929464/comment/syo-sa19820615" 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.mu/ruiu/n/n9948f0cc3ed3"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://note.mu/ruiu/n/n9948f0cc3ed3" 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%2Fruiu%2Fn%2Fn9948f0cc3ed3" alt="">「悪い方が良い」原則と僕の体験談｜Rui Ueyama</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/ruiu/n/n9948f0cc3ed3" class="js-keyboard-entry-page-openable" title="「悪い方が良い」原則と僕の体験談｜Rui Ueyama (1046ブックマーク)" data-gtm-click-label="user-bookmark-users">1046 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fnote.com%2Fruiu" title="『note.com/ruiu』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> note.com/ruiu </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">ソフトウェアの世界には「悪い方が良い」原則という有名なエッセイがある。キレイにレイヤ分けされた一貫性のある良いデザインよりも、一見手抜きっぽい悪いデザインのほうが実は良いときもあるという話だ。この逆説的なデザイン原則を僕は身をもって体験したことがある。それについてちょっと書いてみようと思う。僕はlldというリンカの現行バージョンのオリジナル作者だ。リンカというのはコンパイラと組み合わせて使うもので、実行ファイルやDLLを作るのに使用される。lldはプロダクトとしてはかなり成功していて、標準のシステムリンカとして採用しているOSがいくつかあったり、<a data-gtm-click-label="entry-summary-keyword" href="/q/google">Google</a>やFacebookなど皆が知っているような大規模サイトの中で広く使われていたりする。現在のlldは2世代目で、第1世代のlldは僕が<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>に参加する前から存在していたのだけど、数年前にそれを捨てて一から書き直すということになっ</p> <a href="https://note.com/ruiu/n/n9948f0cc3ed3" 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/7268116bc736a0ca3d1238737c33f26cc0012247/height=288;version=1;width=512/https%3A%2F%2Fd2l930y2yx77uc.cloudfront.net%2Fproduction%2Fsocial_images%2F9e07c3cc6faa790015d2d76f3a5b6c7edd50ac8c.jpg" alt="「悪い方が良い」原則と僕の体験談｜Rui Ueyama"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-361782362"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://note.mu/ruiu/n/n9948f0cc3ed3" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20180410#bookmark-361782362" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2018/04/10</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="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-reaction-tag">プログラミング</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/361782362/comment/syo-sa19820615" 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://medium.com/japan/9ff35629c4fb"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://medium.com/japan/9ff35629c4fb" 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%2Fmedium.com%2F%40rayyama%2Fd-9ff35629c4fb" alt="">優れたフォームをデザインする</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/medium.com/@rayyama/d-9ff35629c4fb" class="js-keyboard-entry-page-openable" title="優れたフォームをデザインする (558ブックマーク)" data-gtm-click-label="user-bookmark-users">558 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fmedium.com%2F%40rayyama" title="『medium.com/@rayyama』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> medium.com/@rayyama </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">サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。</p> <a href="https://medium.com/@rayyama/d-9ff35629c4fb" 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/accfedb7700d97fe5f32a380683b20054053fe0c/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2ALJ0JHTq5_k1u23Fl9XTNmA.jpeg" alt="優れたフォームをデザインする"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-310198641"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://medium.com/japan/9ff35629c4fb" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20161129#bookmark-310198641" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2016/11/29</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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/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/310198641/comment/syo-sa19820615" 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://ichi-up.net/2015/045"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://ichi-up.net/2015/045" 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%2Fichi-up.net%2F2015%2F045" alt="">配色の比率は70：25：5！キャラクター配色の決め方基本編 | いちあっぷ</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/ichi-up.net/2015/045" class="js-keyboard-entry-page-openable" title="配色の比率は70：25：5！キャラクター配色の決め方基本編 | いちあっぷ (39ブックマーク)" data-gtm-click-label="user-bookmark-users">39 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fichi-up.net%2F" title="『ichi-up.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> ichi-up.net </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/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88">イラスト</a>が見違える程変化するかもしれません。配色の基<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>的な考え方多くの色を使いすぎるとキャラのイメージがぼやけて伝わりにくくなります。そこで、色数を制限し規則性を持たせることで見やすくなり、印象に残るキャラクターにすることができます。覚えておきたいことは、「ベースカラー：サブカラー：アクセントカラー = 70:25:5」という法則です。ベースカラーベースカラーとはそのキャラクターを象徴する色=メインカラーのことです。名前を覚えていなくても「あの赤っぽい服のキャラクター」と思い出せるくらいに面</p> <a href="https://ichi-up.net/2015/045" 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/7fd2ab2fa156df1bfe1151bd8b6e6e5dd6c82a53/height=288;version=1;width=512/https%3A%2F%2Fichi-up.net%2F_images%2F9a858490%2Fcontent_0619.png" alt="配色の比率は70：25：5！キャラクター配色の決め方基本編 | いちあっぷ"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-256804534"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://ichi-up.net/2015/045" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20160221#bookmark-256804534" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2016/02/21</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="/syo-sa19820615/%E9%85%8D%E8%89%B2/" data-gtm-click-label="user-reaction-tag">配色</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/256804534/comment/syo-sa19820615" 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="http://qiita.com/maccotsan/items/d51c992a20385427e689"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://qiita.com/maccotsan/items/d51c992a20385427e689" 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%2Fqiita.com%2Fmaccotsan%2Fitems%2Fd51c992a20385427e689" alt="">エンジニアのための配色まとめ - Qiita</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/qiita.com/maccotsan/items/d51c992a20385427e689" class="js-keyboard-entry-page-openable" title="エンジニアのための配色まとめ - Qiita (481ブックマーク)" data-gtm-click-label="user-bookmark-users">481 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fqiita.com%2Fmaccotsan" title="『qiita.com/maccotsan』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> qiita.com/maccotsan </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">無彩色白と黒との混合で得られる色（白と黒自体も含む）の総称。白・黒・さまざまな濃度の灰色が含まれる。彩度が0であることを表す。無彩色でない色は、有彩色である。 via 写真<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/BL">bl</a>ogより） - 写真<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%8A%80%E8%A1%93">技術</a>と光への道でフォトディレクション-Jimdo撮影編有彩色白、黒、灰色以外の色味を持った色のこと。有彩色にはさらに、純色、清色、中間色に分類される。以下のような図を、等色相面と言う。 via 純色、清色、中間色｜株式会社ノイエデザイン純色各色相において、最も彩度が高い色。ただし、色空間によっては純色以外にも彩度が最大になる色がある。清色清色はさらに、明清色、暗清色に分類される。清色にはくすんだ印象がなく、濁りがない色という特徴がある。明清色純色に白だけを加えた色。ピンクや水色など暗清色純色に黒だけを加えた色。紺色や茶色など中</p> <a href="https://qiita.com/maccotsan/items/d51c992a20385427e689" 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/4e43076eafb024898a02d706521afdfa88112aa8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzg2MCUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MzYxMT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz1hMWY4MzA2ODI4NzUzMTE2MTlkYmJmNGM5NDZkNThmZA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D768fa929eecac5d0598f1049f33368c2%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgyJUI4JUUzJTgzJThCJUUzJTgyJUEyJUUzJTgxJUFFJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJUFFJUU5JTg1JThEJUU4JTg5JUIyJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ODI1YWFlM2YwYWU2Mjc1ZjRjZTNmOTE2MmU3ZDE1MDA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtYWNjb3RzYW4mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0xYTI4OThlYzIzM2ZlZTA4ZjcxYWY2MDk1ZDMyZTEzYg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D8b7c0bb0a14439becf6c0199db037067" alt="エンジニアのための配色まとめ - Qiita"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-229640809"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://qiita.com/maccotsan/items/d51c992a20385427e689" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20150528#bookmark-229640809" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2015/05/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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2/" data-gtm-click-label="user-reaction-tag">エンジニア</a></li> <li><a href="/syo-sa19820615/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">webデザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/229640809/comment/syo-sa19820615" 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="http://hrnabi.com/2014/09/25/3384/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://hrnabi.com/2014/09/25/3384/" 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=http%3A%2F%2Fhrnabi.com%2F2014%2F09%2F25%2F3384%2F" alt="">デザインは理屈で学べる！エンジニア向けデザインメンター業が求められる理由について聞いた | HRナビ by リクルート</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/hrnabi.com/2014/09/25/3384/" class="js-keyboard-entry-page-openable" title="デザインは理屈で学べる！エンジニア向けデザインメンター業が求められる理由について聞いた | HRナビ by リクルート (832ブックマーク)" data-gtm-click-label="user-bookmark-users">832 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=http%3A%2F%2Fhrnabi.com%2F" title="『hrnabi.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> hrnabi.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">アイデアは面白いのに、どうもダサかったり、<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">UI</a>がわかりにくかったりする<a data-gtm-click-label="entry-summary-keyword" href="/q/web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9">Webサービス</a>に出会ったことはないだろうか。それはもしかすると、デザインを知らない<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</a>が、ふわっとした感覚と印象で作っているからなのかもしれない。そんな<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</a>でも、デザインのセンスを身につけることはできるのだろうか？　<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC">プログラマー</a>向けにデザインを教える“デザインメンター”赤塚妙子さんに話を聞いた。プログラミングを学んだデザイナーが始めた“デザインメンター業“ 今年の1月から“デザインメンター業”を始めた<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%95%E3%83%AA%E3%83%BC%E3%83%A9%E3%83%B3%E3%82%B9">フリーランス</a> デザイナーの赤塚妙子さん。美大を卒業後、デザイン事務所に就職。その後、Webの世界へ足を踏み入れ、今では<a data-gtm-click-label="entry-summary-keyword" href="/q/ruby">Ruby</a> on <a data-gtm-click-label="entry-summary-keyword" href="/q/rails">Rails</a>の開発に参加するまでになった。「自分がプログラミングを覚える中で、デザイナーと<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC">プログラマー</a>が歩み寄る感じが面白くって。デザイナーがプログラミングを覚えることはあるけ</p> <a href="http://hrnabi.com/2014/09/25/3384/" 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/e44eaf73beef6d6cc22080b76845a1e7eee4a1a0/height=288;version=1;width=512/http%3A%2F%2Fhrnabi.com%2Fwp-content%2Fuploads%2F2014%2F09%2F140905_ID07_IMG_3225_580.jpg" alt="デザインは理屈で学べる！エンジニア向けデザインメンター業が求められる理由について聞いた | HRナビ by リクルート"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-228436149"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://hrnabi.com/2014/09/25/3384/" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20141211#bookmark-228436149" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2014/12/11</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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2/" data-gtm-click-label="user-reaction-tag">エンジニア</a></li> <li><a href="/syo-sa19820615/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-reaction-tag">プログラミング</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/228436149/comment/syo-sa19820615" 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/ken_c_lo/zurui-design"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://speakerdeck.com/ken_c_lo/zurui-design" 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%2Fken_c_lo%2Fzurui-design" alt="">少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/speakerdeck.com/ken_c_lo/zurui-design" class="js-keyboard-entry-page-openable" title="少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck (2635ブックマーク)" data-gtm-click-label="user-bookmark-users">2635 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fspeakerdeck.com%2Fken_c_lo" title="『speakerdeck.com/ken_c_lo』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> speakerdeck.com/ken_c_lo </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">少ない手間と知識でそれなりに見せる、ズルいデザインテクニック w<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>h Sass / Compass (English Version) https://<a data-gtm-click-label="entry-summary-keyword" href="/q/speakerdeck">speakerdeck</a>.com/ken_c_lo/zur<a data-gtm-click-label="entry-summary-keyword" href="/q/UI">ui</a>-design-<a data-gtm-click-label="entry-summary-keyword" href="/q/tech">tech</a>nique-english-version 第一回…</p> <a href="https://speakerdeck.com/ken_c_lo/zurui-design" 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/c385224d480f1781243d89a3995561a5c511c168/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F508b975236b3f8000201a95e%2Fslide_0.jpg%3F240739" alt="少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-117161490"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://speakerdeck.com/ken_c_lo/zurui-design" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20121029#bookmark-117161490" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2012/10/29</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="/syo-sa19820615/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">Webデザイン</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/117161490/comment/syo-sa19820615" 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="http://www.slideshare.net/saucerjp/ss-14902681"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://www.slideshare.net/saucerjp/ss-14902681" 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.slideshare.net%2Fslideshow%2Fss-14902681%2F14902681" alt="">ノンデザイナーのための配色理論</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.slideshare.net/slideshow/ss-14902681/14902681" class="js-keyboard-entry-page-openable" title="ノンデザイナーのための配色理論 (2088ブックマーク)" data-gtm-click-label="user-bookmark-users">2088 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow" title="『www.slideshare.net/slideshow』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.slideshare.net/slideshow </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">2. わたくしおばらつかさ渋谷でSAUCER（ソーサー）という名前でフリー @saucerjp のデザイナをしています。紙媒体からデザイン業界に入り、ずーっと紙のデザインだけをしていましたが、ここ5, 6年はWeb媒体の<a data-gtm-click-label="entry-summary-keyword" href="/q/%E4%BB%95%E4%BA%8B">仕事</a>が随分と増えています。現在では特に紙、Webの区別なくデザインの <a data-gtm-click-label="entry-summary-keyword" href="/q/%E4%BB%95%E4%BA%8B">仕事</a>をしています。</p> <a href="https://www.slideshare.net/slideshow/ss-14902681/14902681" 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/4dd92573d55f0123fe2fd332f3b5b7d988fcfd22/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcolor-scheme-121026130053-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="ノンデザイナーのための配色理論"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-117159034"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://www.slideshare.net/saucerjp/ss-14902681" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20121028#bookmark-117159034" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2012/10/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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">webデザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/117159034/comment/syo-sa19820615" 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="http://alfalfalfa.com/archives/6006045.html"> <div class="centerarticle-entry "> <h3 class="centerarticle-entry-title"> <a href="http://alfalfalfa.com/archives/6006045.html" 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=http%3A%2F%2Falfalfalfa.com%2Farchives%2F6006045.html" alt="">【画像あり】金子一馬デザインの「天使・大天使」まとめ</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/alfalfalfa.com/archives/6006045.html" class="js-keyboard-entry-page-openable" title="【画像あり】金子一馬デザインの「天使・大天使」まとめ (45ブックマーク)" data-gtm-click-label="user-bookmark-users">45 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=http%3A%2F%2Falfalfalfa.com%2F" title="『alfalfalfa.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> alfalfalfa.com </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/RPG">RPG</a>板より 545 名前：名無しさん＠お腹いっぱい。 :2012/10/14(日) 20:11:56.55 ID:mJpF2B4Y0 続きを読む</p> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-115744046"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://alfalfalfa.com/archives/6006045.html" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20121017#bookmark-115744046" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2012/10/17</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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/115744046/comment/syo-sa19820615" 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="http://ruless-works.com/memo/?p=98"> <div class="centerarticle-entry "> <h3 class="centerarticle-entry-title"> <a href="http://ruless-works.com/memo/?p=98" 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=http%3A%2F%2Fruless-works.com%2Fmemo%2F%3Fp%3D98" alt="">角丸画像使用のサイズ可変タブ | ruless-works.com memo</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/ruless-works.com/memo/?p=98" class="js-keyboard-entry-page-openable" title="角丸画像使用のサイズ可変タブ | ruless-works.com memo (4ブックマーク)" data-gtm-click-label="user-bookmark-users">4 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=http%3A%2F%2Fruless-works.com%2F" title="『ruless-works.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> ruless-works.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">角丸を画像で表現するタブのコーディングにちょっと苦労したので、メモ。タブ内の文字サイズは可変にしなきゃいけない。 IE6対応で<a data-gtm-click-label="entry-summary-keyword" href="/q/CSS">CSS</a>3は使用不可。でも角丸にしたい！タブの下部に影付けたい。で、デザインしたのがこれ。これを実現しようとすると、<a data-gtm-click-label="entry-summary-keyword" href="/q/CSS">css</a>と<a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">html</a>がめんどうくさいことになりました。切り出し用に調整したものと、スライスの設定。 <a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88">フォント</a>サイズ可変対応とはいえ、タブ内の文字数は少ない前提なので画像横幅と高さは気持ち控えめ。 [<a data-gtm-click-label="entry-summary-keyword" href="/q/CSS">css</a>] .tabmenu_info { background: url(../img/tabbtn_info_btm.gif) repeat-x 0 bottom; } .tabmenu_info ul { padding: 0; margin: 0; list-style: none; } .tabmenu_info li {</p> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-30752577"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://ruless-works.com/memo/?p=98" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20110217#bookmark-30752577" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2011/02/17</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="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/syo-sa19820615/web%E5%88%B6%E4%BD%9C/" data-gtm-click-label="user-reaction-tag">web制作</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/30752577/comment/syo-sa19820615" 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="http://kachibito.net/marketing/good-design-business-cards.html"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://kachibito.net/marketing/good-design-business-cards.html" 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=http%3A%2F%2Fkachibito.net%2Fmarketing%2Fgood-design-business-cards.html" alt="">素敵な名刺デザインいろいろ</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/kachibito.net/marketing/good-design-business-cards.html" class="js-keyboard-entry-page-openable" title="素敵な名刺デザインいろいろ (791ブックマーク)" data-gtm-click-label="user-bookmark-users">791 users</a> </span> </li> <li> <a href="/syo-sa19820615/?url=http%3A%2F%2Fkachibito.net%2F" title="『kachibito.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> kachibito.net </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/twitter">Twitter</a>でしていたのでついでにエントリー。一貫性もコメントも何も無い、個人的なメモ（ギャラリー）です。 Paper Napkin Designs Paper Napkin Designs i D<a data-gtm-click-label="entry-summary-keyword" href="/q/RAW">raw</a> Designs i D<a data-gtm-click-label="entry-summary-keyword" href="/q/RAW">raw</a> Designs caddyshack putters caddyshack putters ed ed doT<a data-gtm-click-label="entry-summary-keyword" href="/q/ERR">err</a>a doT<a data-gtm-click-label="entry-summary-keyword" href="/q/ERR">err</a>a Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te</p> <a href="http://kachibito.net/marketing/good-design-business-cards.html" 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/350206b13f91a0db9afb97aef36ce92fde317470/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2010%2F03%2Fbusiness-cards-design02.jpg" alt="素敵な名刺デザインいろいろ"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-19691237"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://kachibito.net/marketing/good-design-business-cards.html" data-user-name="syo-sa19820615"> <a href="/syo-sa19820615/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/syo-sa19820615/profile.png" alt="syo-sa19820615" title="syo-sa19820615" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/syo-sa19820615/20100303#bookmark-19691237" class="js-anchor-path" data-gtm-click-label="user-reaction-username">syo-sa19820615</a></span> <span class="centerarticle-reaction-timestamp">2010/03/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="/syo-sa19820615/%E5%90%8D%E5%88%BA/" data-gtm-click-label="user-reaction-tag">名刺</a></li> <li><a href="/syo-sa19820615/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> </ul> </div> <div class="centerarticle-reaction-foot"> <div class="centerarticle-reaction-meta"> <span class="comment-permalink js-comment-permalink"> <a href="/entry/19691237/comment/syo-sa19820615" 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> <div class="centerarticle-pager"> <span class="centerarticle-waiting js-read-more-waiting is-hidden"><img src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/common/loading@2x.gif" alt="残りのブックマークを読み込んでいます" width="16" height="16" /></span> <span>1</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/2024/11/26/120820?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=2024%2F11%2F26%2F120820" target="_blank"> <p class="centerarticle-aside-info-category">ランキング</p> <h4 class="centerarticle-aside-info-item-title">今週のはてなブックマーク数ランキング（2024年11月第4週）</h4> <time class="centerarticle-aside-info-item-time">2024/11/26</time> </a> </li> <li class="centerarticle-aside-info-item"> <a href="https://bookmark.hatenastaff.com/entry/transparencyreport_251q?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=transparencyreport_251q" target="_blank"> <p class="centerarticle-aside-info-category">透明性レポート</p> <h4 class="centerarticle-aside-info-item-title">はてなブックマーク透明性レポート（2024年8月～2024年10月）</h4> <time class="centerarticle-aside-info-item-time">2024/11/22</time> </a> </li> <li class="centerarticle-aside-info-item"> <a href="https://bookmark.hatenastaff.com/entry/transparencyreport_244q?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=transparencyreport_244q" target="_blank"> <p class="centerarticle-aside-info-category">透明性レポート</p> <h4 class="centerarticle-aside-info-item-title">はてなブックマーク透明性レポート（2024年5月～2024年7月）</h4> <time class="centerarticle-aside-info-item-time">2024/11/22</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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/common/dl-button/googleplay@2x.png" alt="Google Playで手に入れよう"></a></li> </ul> </div> <div class="copyright">Copyright © 2005-2024 <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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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>

CINXE.COM

[B! デザイン] syo-sa19820615のブックマーク