[B! web] khss_keitaのブックマーク

<!DOCTYPE html> <html lang="ja" data-page-scope="User" data-stable-request-url="https://b.hatena.ne.jp/khss_keita/web/" data-device-type="PC" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-author-name="khss_keita" data-page-subtype="tag" data-page-type="user" data-platform="pc" data-search-query="" data-tag-filter="web" 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! web] khss_keitaのブックマーク</title> <script src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/js/v4/bookmark.js" async></script> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/css/v4/bookmark.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/css/v4/bookmark.star.css" /> <link rel="canonical" href="https://b.hatena.ne.jp/khss_keita/web/" /> <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="khss_keita のブックマーク内検索" href="/khss_keita/opensearch.xml"> <link rel="apple-touch-icon-precomposed" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/apple-touch-icon-precomposed.png" /> <link rel="mask-icon" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/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/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/bookmark.ico" /> <meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/my-bookmark.ico" /> <meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/favorite-bookmark.ico" /> <meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/hotentry.ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="referrer" content="always"> <link rel="author" href="http://www.hatena.ne.jp/khss_keita/" /> <link rel="alternate" type="application/rss+xml" href="/khss_keita/bookmark.rss?tag=web" /> <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%2Fkhss_keita%2Fweb%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/21bb37de101e3d895eac61554a1ca07012b63961/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/21bb37de101e3d895eac61554a1ca07012b63961/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/21bb37de101e3d895eac61554a1ca07012b63961/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/21bb37de101e3d895eac61554a1ca07012b63961/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="khss_keita" > <div class="centerarticle-wrapper"> <div class="left-container"> <div class="js-user-info" data-user-name="khss_keita"> <div class="centerarticle-profile"> <a href="http://profile.hatena.ne.jp/khss_keita/"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" class="centerarticle-profile-image"/> </a> <div class="centerarticle-profile-main"> <a href="http://profile.hatena.ne.jp/khss_keita/" class="centerarticle-profile-nickname js-user-info-nickname" target="_blank" rel="noopener">khss_keita</a> <a href="/khss_keita/bookmark" class="centerarticle-profile-username">id:khss_keita</a> </div> </div> <ul class="userprofile-status"> <li> <a href="/khss_keita/bookmark" class="userprofile-status-link" data-gtm-click-label="user-count-bookmark"> <span class="userprofile-status-count">4,143</span> <span class="userprofile-status-text">ブックマーク</span> </a> </li> <li> <a href="/khss_keita/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="/khss_keita/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="/khss_keita/bookmark" data-gtm-click-label="user-tags-all">すべて</a></li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%20%E3%81%BE%E3%81%A8%E3%82%81/" data-gtm-click-label="user-tags"> まとめ <span class="count">(29)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/2ch/" data-gtm-click-label="user-tags"> 2ch <span class="count">(75)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/3D/" data-gtm-click-label="user-tags"> 3D <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/BAR/" data-gtm-click-label="user-tags"> BAR <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/Blender/" data-gtm-click-label="user-tags"> Blender <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/DIY/" data-gtm-click-label="user-tags"> DIY <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/IoT/" data-gtm-click-label="user-tags"> IoT <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/R/" data-gtm-click-label="user-tags"> R <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/TED/" data-gtm-click-label="user-tags"> TED <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9/" data-gtm-click-label="user-tags"> Webサービス <span class="count">(33)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/app/" data-gtm-click-label="user-tags"> app <span class="count">(90)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/ecxel/" data-gtm-click-label="user-tags"> ecxel <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/education/" data-gtm-click-label="user-tags"> education <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/english/" data-gtm-click-label="user-tags"> english <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/excel/" data-gtm-click-label="user-tags"> excel <span class="count">(28)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/lifehack/" data-gtm-click-label="user-tags"> lifehack <span class="count">(284)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/news/" data-gtm-click-label="user-tags"> news <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/photoshop/" data-gtm-click-label="user-tags"> photoshop <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/programming/" data-gtm-click-label="user-tags"> programming <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/study/" data-gtm-click-label="user-tags"> study <span class="count">(117)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/t/" data-gtm-click-label="user-tags"> t <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/tips/" data-gtm-click-label="user-tags"> tips <span class="count">(26)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/tool/" data-gtm-click-label="user-tags"> tool <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/web/" class="is-current" data-gtm-click-label="user-tags"> web <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%82%E3%81%A8%E3%81%A7%E3%82%88%E3%82%80/" data-gtm-click-label="user-tags"> あとでよむ <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80/" data-gtm-click-label="user-tags"> あとで読む <span class="count">(187)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%8A/" data-gtm-click-label="user-tags"> お <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%8A%E5%BD%B9%E7%AB%8B%E3%81%A1/" data-gtm-click-label="user-tags"> お役立ち <span class="count">(277)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%8A%E7%B5%B5%E6%8F%8F%E3%81%8D/" data-gtm-click-label="user-tags"> お絵描き <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%8A%E8%8F%93%E5%AD%90/" data-gtm-click-label="user-tags"> お菓子 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%8A%E9%87%91/" data-gtm-click-label="user-tags"> お金 <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(209)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(9)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%AF%E3%81%A6%E3%81%AA/" data-gtm-click-label="user-tags"> はてな <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%81%BE%E3%81%A8%E3%82%81/" data-gtm-click-label="user-tags"> まとめ <span class="count">(346)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A2%E3%82%A6%E3%83%88%E3%83%89%E3%82%A2/" data-gtm-click-label="user-tags"> アウトドア <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A2%E3%83%8B%E3%83%A1/" data-gtm-click-label="user-tags"> アニメ <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A2%E3%83%97%E3%83%AA/" data-gtm-click-label="user-tags"> アプリ <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A2%E3%83%BC%E3%83%88/" data-gtm-click-label="user-tags"> アート <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A4%E3%83%A4%E3%83%9B%E3%83%B3/" data-gtm-click-label="user-tags"> イヤホン <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88/" data-gtm-click-label="user-tags"> イラスト <span class="count">(38)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%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="/khss_keita/%E3%82%A4%E3%83%B3%E3%83%86%E3%83%AA%E3%82%A2/" data-gtm-click-label="user-tags"> インテリア <span class="count">(53)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9/" data-gtm-click-label="user-tags"> インフラ <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%A8%E3%83%AD/" data-gtm-click-label="user-tags"> エロ <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%AA%E3%82%B7%E3%83%A3%E3%83%AC/" data-gtm-click-label="user-tags"> オシャレ <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%AB%E3%83%A1%E3%83%A9/" data-gtm-click-label="user-tags"> カメラ <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%AC%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88/" data-gtm-click-label="user-tags"> ガジェット <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%B0%E3%83%A9%E3%83%95/" data-gtm-click-label="user-tags"> グラフ <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%B0%E3%83%AB%E3%83%A1/" data-gtm-click-label="user-tags"> グルメ <span class="count">(108)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%B2%E3%83%BC%E3%83%A0/" data-gtm-click-label="user-tags"> ゲーム <span class="count">(29)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%B2%E3%83%BC%E3%83%A0%E7%90%86%E8%AB%96/" data-gtm-click-label="user-tags"> ゲーム理論 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(176)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%B8%E3%83%A3%E3%83%B3%E3%83%97/" data-gtm-click-label="user-tags"> ジャンプ <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%84/" data-gtm-click-label="user-tags"> スポーツ <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%80%E3%82%A4%E3%82%A8%E3%83%83%E3%83%88/" data-gtm-click-label="user-tags"> ダイエット <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-tags"> ツール <span class="count">(166)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/" data-gtm-click-label="user-tags"> テクニック <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/" data-gtm-click-label="user-tags"> テンプレート <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-tags"> デザイン <span class="count">(96)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%87%E3%83%BC%E3%82%BF/" data-gtm-click-label="user-tags"> データ <span class="count">(23)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%87%E3%83%BC%E3%83%88/" data-gtm-click-label="user-tags"> デート <span class="count">(34)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB/" data-gtm-click-label="user-tags"> トラブル <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%8D%E3%82%BF/" data-gtm-click-label="user-tags"> ネタ <span class="count">(191)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%90%E3%83%B3%E3%83%89/" data-gtm-click-label="user-tags"> バンド <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%95%E3%82%A1%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3/" data-gtm-click-label="user-tags"> ファッション <span class="count">(63)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%95%E3%82%A9%E3%83%B3%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="/khss_keita/%E3%83%97%E3%83%AC%E3%82%BC%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="/khss_keita/%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/" data-gtm-click-label="user-tags"> プレゼンテーション <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(46)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%9B%E3%83%86%E3%83%AB/" data-gtm-click-label="user-tags"> ホテル <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%9E%E3%83%B3%E3%82%AC/" data-gtm-click-label="user-tags"> マンガ <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%A1%E3%82%A4%E3%82%AF/" data-gtm-click-label="user-tags"> メイク <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%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">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0/" data-gtm-click-label="user-tags"> ランキング <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86/" data-gtm-click-label="user-tags"> リンク集 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/" data-gtm-click-label="user-tags"> レイアウト <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%AC%E3%82%B7%E3%83%94/" data-gtm-click-label="user-tags"> レシピ <span class="count">(179)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC/" data-gtm-click-label="user-tags"> レビュー <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E3%83%AC%E3%83%A2%E3%83%B3%E3%82%B5%E3%83%AF%E3%83%BC/" data-gtm-click-label="user-tags"> レモンサワー <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%B8%8D%E5%8B%95%E7%94%A3/" data-gtm-click-label="user-tags"> 不動産 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BA%A4%E9%80%9A/" data-gtm-click-label="user-tags"> 交通 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BA%BA%E7%94%9F/" data-gtm-click-label="user-tags"> 人生 <span class="count">(84)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BA%BA%E9%96%93/" data-gtm-click-label="user-tags"> 人間 <span class="count">(37)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BB%95%E4%BA%8B/" data-gtm-click-label="user-tags"> 仕事 <span class="count">(389)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BC%81%E6%A5%AD/" data-gtm-click-label="user-tags"> 企業 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BD%8F%E3%81%BE%E3%81%84/" data-gtm-click-label="user-tags"> 住まい <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BD%8F%E5%AE%85/" data-gtm-click-label="user-tags"> 住宅 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BE%BF%E5%88%A9/" data-gtm-click-label="user-tags"> 便利 <span class="count">(109)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E4%BE%BF%E5%88%A9%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-tags"> 便利ツール <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%81%A5%E5%BA%B7/" data-gtm-click-label="user-tags"> 健康 <span class="count">(143)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%85%AC%E5%8B%99%E5%93%A1/" data-gtm-click-label="user-tags"> 公務員 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%86%99%E7%9C%9F/" data-gtm-click-label="user-tags"> 写真 <span class="count">(36)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%8B%89%E5%BC%B7/" data-gtm-click-label="user-tags"> 勉強 <span class="count">(137)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%8B%89%E5%BC%B7%E6%B3%95/" data-gtm-click-label="user-tags"> 勉強法 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%8B%95%E7%94%BB/" data-gtm-click-label="user-tags"> 動画 <span class="count">(15)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%9C%9F%E6%9C%A8/" data-gtm-click-label="user-tags"> 土木 <span class="count">(35)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%9C%B0%E5%9B%B3/" data-gtm-click-label="user-tags"> 地図 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%9C%B0%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="/khss_keita/%E5%A2%97%E7%94%B0/" data-gtm-click-label="user-tags"> 増田 <span class="count">(132)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%A4%A7%E5%AD%A6/" data-gtm-click-label="user-tags"> 大学 <span class="count">(26)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%AD%A6%E5%95%8F/" data-gtm-click-label="user-tags"> 学問 <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%AD%A6%E7%BF%92/" data-gtm-click-label="user-tags"> 学習 <span class="count">(44)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%AE%B6%E5%85%B7/" data-gtm-click-label="user-tags"> 家具 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%B0%8F%E3%83%8D%E3%82%BF/" data-gtm-click-label="user-tags"> 小ネタ <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%B0%B1%E6%B4%BB/" data-gtm-click-label="user-tags"> 就活 <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E5%BB%BA%E7%AF%89/" data-gtm-click-label="user-tags"> 建築 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%81%8B%E6%84%9B/" data-gtm-click-label="user-tags"> 恋愛 <span class="count">(202)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%8A%80%E8%A1%93/" data-gtm-click-label="user-tags"> 技術 <span class="count">(33)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%8A%95%E8%B3%87/" data-gtm-click-label="user-tags"> 投資 <span class="count">(7)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%8E%83%E9%99%A4/" data-gtm-click-label="user-tags"> 掃除 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%94%BF%E6%B2%BB/" data-gtm-click-label="user-tags"> 政治 <span class="count">(12)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%95%99%E8%82%B2/" data-gtm-click-label="user-tags"> 教育 <span class="count">(85)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%95%B0%E5%AD%A6/" data-gtm-click-label="user-tags"> 数学 <span class="count">(95)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%96%87%E5%85%B7/" data-gtm-click-label="user-tags"> 文具 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%96%87%E5%8C%96/" data-gtm-click-label="user-tags"> 文化 <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%96%87%E6%88%BF%E5%85%B7/" data-gtm-click-label="user-tags"> 文房具 <span class="count">(6)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%96%87%E7%AB%A0/" data-gtm-click-label="user-tags"> 文章 <span class="count">(46)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%96%99%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="/khss_keita/%E6%97%85/" data-gtm-click-label="user-tags"> 旅 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%97%85%E8%A1%8C/" data-gtm-click-label="user-tags"> 旅行 <span class="count">(65)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%98%A0%E7%94%BB/" data-gtm-click-label="user-tags"> 映画 <span class="count">(68)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%9B%B8%E7%B1%8D/" data-gtm-click-label="user-tags"> 書籍 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%9B%B8%E8%A9%95/" data-gtm-click-label="user-tags"> 書評 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%9C%80%E9%81%A9%E5%8C%96/" data-gtm-click-label="user-tags"> 最適化 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%9C%AC/" data-gtm-click-label="user-tags"> 本 <span class="count">(78)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%9C%AC%E5%B1%8B/" data-gtm-click-label="user-tags"> 本屋 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%9D%B1%E4%BA%AC/" data-gtm-click-label="user-tags"> 東京 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92/" data-gtm-click-label="user-tags"> 機械学習 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%AC%B2%E3%81%97%E3%81%84/" data-gtm-click-label="user-tags"> 欲しい <span class="count">(36)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%AD%B4%E5%8F%B2/" data-gtm-click-label="user-tags"> 歴史 <span class="count">(26)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%B5%B7%E5%A4%96%E3%83%89%E3%83%A9%E3%83%9E/" data-gtm-click-label="user-tags"> 海外ドラマ <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E6%BC%AB%E7%94%BB/" data-gtm-click-label="user-tags"> 漫画 <span class="count">(57)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%89%A9%E7%90%86/" data-gtm-click-label="user-tags"> 物理 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%90%86%E7%B3%BB/" data-gtm-click-label="user-tags"> 理系 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%94%9F%E6%B4%BB/" data-gtm-click-label="user-tags"> 生活 <span class="count">(90)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%94%B7%E5%A5%B3/" data-gtm-click-label="user-tags"> 男女 <span class="count">(11)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%94%BB%E5%83%8F/" data-gtm-click-label="user-tags"> 画像 <span class="count">(82)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%99%BB%E5%B1%B1/" data-gtm-click-label="user-tags"> 登山 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%A0%94%E7%A9%B6/" data-gtm-click-label="user-tags"> 研究 <span class="count">(25)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%A4%BE%E4%BC%9A/" data-gtm-click-label="user-tags"> 社会 <span class="count">(151)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%A7%91%E5%AD%A6/" data-gtm-click-label="user-tags"> 科学 <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%AD%8B%E3%83%88%E3%83%AC/" data-gtm-click-label="user-tags"> 筋トレ <span class="count">(4)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%B4%A0%E6%9D%90/" data-gtm-click-label="user-tags"> 素材 <span class="count">(23)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%B5%8C%E6%B8%88/" data-gtm-click-label="user-tags"> 経済 <span class="count">(14)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%B5%B1%E8%A8%88/" data-gtm-click-label="user-tags"> 統計 <span class="count">(72)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%B5%B1%E8%A8%88%E5%AD%A6/" data-gtm-click-label="user-tags"> 統計学 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%B5%B5/" data-gtm-click-label="user-tags"> 絵 <span class="count">(36)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%BE%8E%E4%BA%BA/" data-gtm-click-label="user-tags"> 美人 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E7%BE%8E%E5%AE%B9/" data-gtm-click-label="user-tags"> 美容 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%80%83%E3%81%88%E6%96%B9/" data-gtm-click-label="user-tags"> 考え方 <span class="count">(223)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%82%B2%E5%85%90/" data-gtm-click-label="user-tags"> 育児 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%8A%B8%E8%A1%93/" data-gtm-click-label="user-tags"> 芸術 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%8B%B1%E8%AA%9E/" data-gtm-click-label="user-tags"> 英語 <span class="count">(121)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%A1%8C%E3%81%8D%E3%81%9F%E3%81%84/" data-gtm-click-label="user-tags"> 行きたい <span class="count">(20)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%A8%AD%E5%AE%9A/" data-gtm-click-label="user-tags"> 設定 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%A9%90%E6%AC%BA/" data-gtm-click-label="user-tags"> 詐欺 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%AA%AD%E3%81%BF%E7%89%A9/" data-gtm-click-label="user-tags"> 読み物 <span class="count">(164)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%AA%AD%E6%9B%B8/" data-gtm-click-label="user-tags"> 読書 <span class="count">(13)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%AA%BF%E6%9F%BB/" data-gtm-click-label="user-tags"> 調査 <span class="count">(8)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%AB%96%E6%96%87/" data-gtm-click-label="user-tags"> 論文 <span class="count">(5)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%B3%83%E8%B2%B8/" data-gtm-click-label="user-tags"> 賃貸 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%B5%B7%E6%A5%AD/" data-gtm-click-label="user-tags"> 起業 <span class="count">(3)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E8%B6%A3%E5%91%B3/" data-gtm-click-label="user-tags"> 趣味 <span class="count">(21)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%85%8D%E8%89%B2/" data-gtm-click-label="user-tags"> 配色 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%85%92/" data-gtm-click-label="user-tags"> 酒 <span class="count">(10)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%87%91%E8%9E%8D/" data-gtm-click-label="user-tags"> 金融 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%89%84%E9%81%93/" data-gtm-click-label="user-tags"> 鉄道 <span class="count">(1)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%9B%91%E5%AD%A6/" data-gtm-click-label="user-tags"> 雑学 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%9D%A2%E6%8E%A5/" data-gtm-click-label="user-tags"> 面接 <span class="count">(2)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%9D%A2%E7%99%BD%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="/khss_keita/%E9%9F%B3%E6%A5%BD/" data-gtm-click-label="user-tags"> 音楽 <span class="count">(16)</span> </a> </li> <li class="js-frequent-tag is-hidden"> <a href="/khss_keita/%E9%A3%9F/" data-gtm-click-label="user-tags"> 食 <span class="count">(4)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E4%BB%95%E4%BA%8B/" data-gtm-click-label="user-tags"> 仕事 <span class="count">(389)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E3%81%BE%E3%81%A8%E3%82%81/" data-gtm-click-label="user-tags"> まとめ <span class="count">(346)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/lifehack/" data-gtm-click-label="user-tags"> lifehack <span class="count">(284)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E3%81%8A%E5%BD%B9%E7%AB%8B%E3%81%A1/" data-gtm-click-label="user-tags"> お役立ち <span class="count">(277)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E8%80%83%E3%81%88%E6%96%B9/" data-gtm-click-label="user-tags"> 考え方 <span class="count">(223)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%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">(209)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E6%81%8B%E6%84%9B/" data-gtm-click-label="user-tags"> 恋愛 <span class="count">(202)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E3%83%8D%E3%82%BF/" data-gtm-click-label="user-tags"> ネタ <span class="count">(191)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80/" data-gtm-click-label="user-tags"> あとで読む <span class="count">(187)</span> </a> </li> <li class="js-most-frequent-tag"> <a href="/khss_keita/%E3%83%AC%E3%82%B7%E3%83%94/" data-gtm-click-label="user-tags"> レシピ <span class="count">(179)</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">関連タグで絞り込む (16)</h3> <ul class="centerarticle-sub-navi"> <li> <a href="/khss_keita/web/Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9/" > Webサービス </a> </li> <li> <a href="/khss_keita/web/%E3%81%93%E3%82%8C%E3%81%AF%E3%81%99%E3%81%94%E3%81%84/" > これはすごい </a> </li> <li> <a href="/khss_keita/web/%E3%81%BE%E3%81%A8%E3%82%81/" > まとめ </a> </li> <li> <a href="/khss_keita/web/%E3%83%84%E3%83%BC%E3%83%AB/" > ツール </a> </li> <li> <a href="/khss_keita/web/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" > デザイン </a> </li> <li> <a href="/khss_keita/web/%E3%83%87%E3%83%BC%E3%83%88/" > デート </a> </li> <li> <a href="/khss_keita/web/%E3%83%8D%E3%82%BF/" > ネタ </a> </li> <li> <a href="/khss_keita/web/%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="/khss_keita/web/%E4%BB%95%E4%BA%8B/" > 仕事 </a> </li> <li> <a href="/khss_keita/web/%E4%BE%BF%E5%88%A9/" > 便利 </a> </li> <li> <a href="/khss_keita/web/%E6%9C%AC/" > 本 </a> </li> <li> <a href="/khss_keita/web/%E6%AD%B4%E5%8F%B2/" > 歴史 </a> </li> <li> <a href="/khss_keita/web/%E7%94%B7%E5%A5%B3/" > 男女 </a> </li> <li> <a href="/khss_keita/web/%E7%B5%B1%E8%A8%88/" > 統計 </a> </li> <li> <a href="/khss_keita/web/%E8%AA%AD%E6%9B%B8/" > 読書 </a> </li> <li> <a href="/khss_keita/web/%E8%B5%B7%E6%A5%AD/" > 起業 </a> </li> </ul> <p class="centerarticle-sub-navi-more"> <a href="/khss_keita/bookmark">タグの絞り込みを解除</a> </p> </div> </div> <div class="center-container"> <div class="centerarticle-title-container"> <h2 class="centerarticle-title"> webに関するkhss_keitaのブックマーク (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="/khss_keita/{{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="/khss_keita/{{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/21bb37de101e3d895eac61554a1ca07012b63961/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://paiza.hatenablog.com/entry/2021/07/29/130000"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://paiza.hatenablog.com/entry/2021/07/29/130000" 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%2Fpaiza.hatenablog.com%2Fentry%2F2021%2F07%2F29%2F130000" alt="">超万能！Notionをまったく別のツールに大変身させるWebサービスを厳選してみた！ -</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/paiza.hatenablog.com/entry/2021/07/29/130000" class="js-keyboard-entry-page-openable" title="超万能！Notionをまったく別のツールに大変身させるWebサービスを厳選してみた！ - (455ブックマーク)" data-gtm-click-label="user-bookmark-users">455 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fpaiza.hatenablog.com%2F" title="『paiza.hatenablog.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> paiza.hatenablog.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">どうも、まさとらん（@0310lan）です！今回は、万能なドキュメントサービスとして人気の「<a data-gtm-click-label="entry-summary-keyword" href="/q/notion">Notion</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/notion">Notion</a>だけでは足りない機能を多く搭載できるサービスばかりなので、ご興味ある方はぜひ参考にしてみてください！ちなみに、<a data-gtm-click-label="entry-summary-keyword" href="/q/notion">Notion</a>についてまだよく知らないという方は以下の記事で詳細を解説しているので合わせて確認しておくことをオススメします。 p<a data-gtm-click-label="entry-summary-keyword" href="/q/ai">ai</a>za.<a data-gtm-click-label="entry-summary-keyword" href="/q/hatena">hatena</a><a data-gtm-click-label="entry-summary-keyword" href="/q/BL">bl</a>og.com ■<a data-gtm-click-label="entry-summary-keyword" href="/q/notion">Notion</a>をメルマガ配信システムに変えるサービス！【 NoCodeLetters 】 <a data-gtm-click-label="entry-summary-keyword" href="/q/notion">Notion</a>で作成したテーブルをメルマガ（ニュースレター）のコンテンツ管理用データベー</p> <a href="https://paiza.hatenablog.com/entry/2021/07/29/130000" 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/e3e238eb824cf16408d4f1ba74478cf81d508685/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F27358d7c95aa4c048055c7f0810c05e2584c4dae%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpaiza%252F20210728%252F20210728105658.jpg" alt="超万能！Notionをまったく別のツールに大変身させるWebサービスを厳選してみた！ -"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4706134961124504642"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://paiza.hatenablog.com/entry/2021/07/29/130000" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20210729#bookmark-4706134961124504642" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2021/07/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="/khss_keita/%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="/khss_keita/web/" data-gtm-click-label="user-reaction-tag">web</a></li> <li><a href="/khss_keita/%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/4706134961124504642/comment/khss_keita" 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://nanakoe-nina.dena.ai/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://nanakoe-nina.dena.ai/" 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%2Fdena.ai%2F" alt="">DeNA×AI｜技術と、革新と、未来と。</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/dena.ai/" class="js-keyboard-entry-page-openable" title="DeNA×AI｜技術と、革新と、未来と。 (353ブックマーク)" data-gtm-click-label="user-bookmark-users">353 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fdena.ai%2F" title="『dena.ai』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> dena.ai </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/ai">AI</a>を活用した<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%8A%80%E8%A1%93">技術</a>の進歩。革新。幅広いサービスの利用が、当たり前になった昨今、これからの私たちが、提供できる価値とはいったい何か。それは、DeNA × <a data-gtm-click-label="entry-summary-keyword" href="/q/ai">AI</a>だからできる「人」と「<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC">テクノロジー</a>」が、組み合わさった未来です。 DeNA × <a data-gtm-click-label="entry-summary-keyword" href="/q/ai">AI</a>が持つ「意図や思いを汲み取った、質の高い発想力」、「多岐にわたる経験を元にした、<a data-gtm-click-label="entry-summary-keyword" href="/q/ai">AI</a>、データサイエンスの実践力」、「複雑なシステムの開発、安定した稼働ができる<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%8A%80%E8%A1%93">技術</a>力」など。それぞれの強みを組み合わせることで、まだどこにもない「モノづくり」や「コトがら」を、生み出していきます。ともに、<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%8A%80%E8%A1%93">技術</a>の向上を。ともに、革新の追求を。ともに、今よりも豊かな未来を。さあ、DeNA × <a data-gtm-click-label="entry-summary-keyword" href="/q/ai">AI</a>と新しいモノづくりを一緒に。</p> <a href="https://dena.ai/" 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/1ac79ae8e366a7b74f2f5c7b586d5fd95ba7105d/height=288;version=1;width=512/https%3A%2F%2Fdena.ai%2Fimages%2Fcommon%2Fogp.jpg" alt="DeNA×AI｜技術と、革新と、未来と。"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4702514985191108130"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://nanakoe-nina.dena.ai/" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20210513#bookmark-4702514985191108130" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2021/05/13</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="/khss_keita/web/" 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/4702514985191108130/comment/khss_keita" 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://webdesign-trends.net/entry/11846"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://webdesign-trends.net/entry/11846" 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%2Fwebdesign-trends.net%2Fentry%2F15213" alt="">【2024】おしゃれな配色パターンが見つかる！カラーパレット人気ツール30個まとめ | Web Design Trends</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/webdesign-trends.net/entry/15213" class="js-keyboard-entry-page-openable" title="【2024】おしゃれな配色パターンが見つかる！カラーパレット人気ツール30個まとめ | Web Design Trends (860ブックマーク)" data-gtm-click-label="user-bookmark-users">860 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fwebdesign-trends.net%2F" title="『webdesign-trends.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> webdesign-trends.net </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。おすすめカラーパレットツール・サービス <a data-gtm-click-label="entry-summary-keyword" href="/q/ai">AI</a>を使ったカラーパレットツール 2色の配色パターン見<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a> 3色の配色パターン見<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a> 4色の配色パターン見<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a> 5色の配色パターン見<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/2022">2022</a>年に流行する<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>の最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、<a data-gtm-click-label="entry-summary-keyword" href="/q/2022">2022</a>年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。今回は、<a data-gtm-click-label="entry-summary-keyword" href="/q/2022">2022</a>年に流</p> <a href="https://webdesign-trends.net/entry/15213" 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/73103176a6b969e940e622d22a23788bbe4eb40f/height=288;version=1;width=512/https%3A%2F%2Fwebdesign-trends.net%2Fwp%2Fwp-content%2Fuploads%2F2020%2F07%2Fcolor-scheme-tools.png" alt="【2024】おしゃれな配色パターンが見つかる！カラーパレット人気ツール30個まとめ | Web Design Trends"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4689153320805753442"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://webdesign-trends.net/entry/11846" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20200729#bookmark-4689153320805753442" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2020/07/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="/khss_keita/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/khss_keita/web/" 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/4689153320805753442/comment/khss_keita" 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.danshihack.com/2019/12/20/junp/2019-webservice.html"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="https://www.danshihack.com/2019/12/20/junp/2019-webservice.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.danshihack.com%2F2019%2F12%2F20%2Fjunp%2F2019-webservice.html" alt="">2019年に話題になったWebサービスまとめ｜男子ハック</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.danshihack.com/2019/12/20/junp/2019-webservice.html" class="js-keyboard-entry-page-openable" title="2019年に話題になったWebサービスまとめ｜男子ハック (675ブックマーク)" data-gtm-click-label="user-bookmark-users">675 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fwww.danshihack.com%2F" title="『www.danshihack.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.danshihack.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/web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9">Webサービス</a>やアプリを振り返る毎年恒例企画「2019年に話題になった<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/Apple">Apple</a>の<a data-gtm-click-label="entry-summary-keyword" href="/q/Apple">Apple</a> Arcadeを始め、サブスクリプションサービスやマッチングサービスが多く登場しました。 2019年はサブスクリプションサービスが多く誕生今年で9年目を迎え、1年を通してリリースされ話題になった<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>やアプリを振り返り企画。2019年は<a data-gtm-click-label="entry-summary-keyword" href="/q/Apple">Apple</a>が「<a data-gtm-click-label="entry-summary-keyword" href="/q/Apple">Apple</a> Arcade」「<a data-gtm-click-label="entry-summary-keyword" href="/q/Apple">Apple</a> TV+」を開始、Disneyは「Disney DEL<a data-gtm-click-label="entry-summary-keyword" href="/q/UX">UX</a>E」を開始するなど、サブスクリプションサービスが多数リリースされました。変わったところでは、毎日1<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>ドリンクが選べる自動販売機のサブスクリプションサービス「everypass」、全国のホステルに泊まり放題になる「Hostel Life」、子どもの成長にあわせておもちゃを送ってくれる「IKUPLE」</p> <a href="https://www.danshihack.com/2019/12/20/junp/2019-webservice.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/330f067dca8d6322e22c0a81f4f6cd094bb69563/height=288;version=1;width=512/https%3A%2F%2Fwww.danshihack.com%2Fwp-content%2Fuploads%2F2019%2F12%2Fwebservice-2019.jpg" alt="2019年に話題になったWebサービスまとめ｜男子ハック"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-4678931821209121602"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="https://www.danshihack.com/2019/12/20/junp/2019-webservice.html" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20191222#bookmark-4678931821209121602" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2019/12/22</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="/khss_keita/%E3%81%BE%E3%81%A8%E3%82%81/" data-gtm-click-label="user-reaction-tag">まとめ</a></li> <li><a href="/khss_keita/web/" 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/4678931821209121602/comment/khss_keita" 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://figona-love.com/dating-apps-9733"> <div class="centerarticle-entry "> <h3 class="centerarticle-entry-title"> <a href="http://figona-love.com/dating-apps-9733" 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%2Ffigona-love.com%2Fdating-apps-9733" alt="">http://figona-love.com/dating-apps-9733</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/figona-love.com/dating-apps-9733" class="js-keyboard-entry-page-openable" title="http://figona-love.com/dating-apps-9733 (263ブックマーク)" data-gtm-click-label="user-bookmark-users">263 users</a> </span> </li> <li> <a href="/khss_keita/?url=http%3A%2F%2Ffigona-love.com%2F" title="『figona-love.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> figona-love.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"></p> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-343561318"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://figona-love.com/dating-apps-9733" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20170817#bookmark-343561318" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2017/08/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="/khss_keita/%E7%94%B7%E5%A5%B3/" data-gtm-click-label="user-reaction-tag">男女</a></li> <li><a href="/khss_keita/%E3%83%87%E3%83%BC%E3%83%88/" data-gtm-click-label="user-reaction-tag">デート</a></li> <li><a href="/khss_keita/web/" 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/343561318/comment/khss_keita" 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://yoshiko.hatenablog.jp/entry/your-name"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://yoshiko.hatenablog.jp/entry/your-name" 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%2Fyoshiko.hatenablog.jp%2Fentry%2Fyour-name" alt="">イベント用の名札シート印刷アプリ「参加者の名は。」を作った - エンジニアをリングする</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/yoshiko.hatenablog.jp/entry/your-name" class="js-keyboard-entry-page-openable" title="イベント用の名札シート印刷アプリ「参加者の名は。」を作った - エンジニアをリングする (463ブックマーク)" data-gtm-click-label="user-bookmark-users">463 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fyoshiko.hatenablog.jp%2F" title="『yoshiko.hatenablog.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> yoshiko.hatenablog.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">こんなものを作ってみました。 yoshiko-pg.<a data-gtm-click-label="entry-summary-keyword" href="/q/github">github</a>.io ConnpassのイベントURLを入力して<a data-gtm-click-label="entry-summary-keyword" href="/q/CRE">Cre</a>ateボタンを押すと、名刺サイズの参加者の名札を印刷プレビューできるようになっています。（主催するイベントがないけど動きを見てみたい場合、入力欄右下の「d<a data-gtm-click-label="entry-summary-keyword" href="/q/EM">em</a>o」を押すと雰囲気がわかるかと。）右下の印刷ボタンで印刷できます。管理者や補欠者もお好みで含めることができます。背景カンファレンスや勉強会って、普段ネット上でしか知らない人と直接話せる機会でもあると思うのですが、いざその場で顔や名刺を見ても誰が誰かわからないんですよね。。 <a data-gtm-click-label="entry-summary-keyword" href="/q/SNS">SNS</a>ではよく見るけど顔がわからなくて、でも話したいことがあるときとか、頭の上にアイコンとIDが表示されるメガネがほしい・・・ってたびたび思ったりします。そんな思いから、自分がスタッフとして関わっているイベントではアイコンとIDの入った</p> <a href="https://yoshiko.hatenablog.jp/entry/your-name" 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/4d0dcfd41c2a810c614f46150fdfaf10b99121ea/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fy%2Fyoshiko_pg%2F20170113%2F20170113011832.png" alt="イベント用の名札シート印刷アプリ「参加者の名は。」を作った - エンジニアをリングする"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-315855037"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://yoshiko.hatenablog.jp/entry/your-name" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20170113#bookmark-315855037" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2017/01/13</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="/khss_keita/web/" 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/315855037/comment/khss_keita" 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://docs.yahoo.co.jp/20years/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://docs.yahoo.co.jp/20years/" 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%2Fabout.yahoo.co.jp%2F20years%2F" alt="">インターネットの歴史 - Yahoo! JAPAN</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/about.yahoo.co.jp/20years/" class="js-keyboard-entry-page-openable" title="インターネットの歴史 - Yahoo! JAPAN (1754ブックマーク)" data-gtm-click-label="user-bookmark-users">1754 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fabout.yahoo.co.jp%2F" title="『about.yahoo.co.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> about.yahoo.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"><a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>サイトは2021年4月時点の情報です。正式表記ではない名称も含まれております。あらかじめご了承ください。</p> <a href="https://about.yahoo.co.jp/20years/" 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/898129fd6790383e68e5df2031eb7c5033bdc5b4/height=288;version=1;width=512/https%3A%2F%2Fs.yimg.jp%2Fimages%2Fbmg%2F25years%2Fimg%2Fogp.png" alt="インターネットの歴史 - Yahoo! JAPAN"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-283818825"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://docs.yahoo.co.jp/20years/" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20160402#bookmark-283818825" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2016/04/02</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/khss_keita/%E6%AD%B4%E5%8F%B2/" data-gtm-click-label="user-reaction-tag">歴史</a></li> <li><a href="/khss_keita/web/" 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/283818825/comment/khss_keita" 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://nelog.jp/draw-io"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://nelog.jp/draw-io" 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%2Fnelog.jp%2Fdraw-io" alt="">無料で説明図を作るならドローツール「draw.io」に敵うものはないかも</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/nelog.jp/draw-io" class="js-keyboard-entry-page-openable" title="無料で説明図を作るならドローツール「draw.io」に敵うものはないかも (1689ブックマーク)" data-gtm-click-label="user-bookmark-users">1689 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fnelog.jp%2F" title="『nelog.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> nelog.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">で、図説ドローツールとしては、CacooやGliffyを紹介しました。けれども、「<a data-gtm-click-label="entry-summary-keyword" href="/q/Draw.io">draw.io</a>」というのを使ってみたら、完全に無料で利用できるうえに、日<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>語にも対応、さらには機能も豊富という何拍子も揃った素晴らしいドローツールだったので紹介です。 photo by David <a data-gtm-click-label="entry-summary-keyword" href="/q/go">Go</a>ehring <a data-gtm-click-label="entry-summary-keyword" href="/q/Draw.io">draw.io</a>とは <a data-gtm-click-label="entry-summary-keyword" href="/q/Draw.io">draw.io</a>は、WEB上で無料で使えるフローチャート作成ツールです。インストールなどは必要なく、ブラウザからログインも不要で手軽に利用することができます。通常、こういったドローツールは、「作業シート何枚まで無料であとは有料」などというサービスも多いのですが、<a data-gtm-click-label="entry-summary-keyword" href="/q/Draw.io">draw.io</a>は完全無料で利用することができます。やれることが豊富このツールを利用するだけで、以下のような図を手軽に作成することができます。チャートなんかも。こんな回路図なんかも。もちろんこんなフローも。関</p> <a href="https://nelog.jp/draw-io" 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/208b9ad16af39236cedfc07c89cc44469570de3c/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2015%2F06%2F2293097300_530b58e160_b1.jpg" alt="無料で説明図を作るならドローツール「draw.io」に敵うものはないかも"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-254608737"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://nelog.jp/draw-io" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20150605#bookmark-254608737" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2015/06/05</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="/khss_keita/%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-reaction-tag">ツール</a></li> <li><a href="/khss_keita/%E4%BB%95%E4%BA%8B/" data-gtm-click-label="user-reaction-tag">仕事</a></li> <li><a href="/khss_keita/web/" 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/254608737/comment/khss_keita" 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.ptengine.jp/blog/index.php/chrome_extentions/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://www.ptengine.jp/blog/index.php/chrome_extentions/" 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.ptengine.jp%2Fblog%2Findex.php%2Fchrome_extentions%2F" alt="">Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.ptengine.jp/blog/index.php/chrome_extentions/" class="js-keyboard-entry-page-openable" title="Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結 (717ブックマーク)" data-gtm-click-label="user-bookmark-users">717 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fwww.ptengine.jp%2F" title="『www.ptengine.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.ptengine.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/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全て<a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89">ノーコード</a>で使えます。</p> <a href="https://www.ptengine.jp/blog/index.php/chrome_extentions/" 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/105e7c390d522b6ee1d44495607a4a99c57afa89/height=288;version=1;width=512/https%3A%2F%2Fimage.ptengine.com%2Fwp-content%2Fuploads%2F2020%2F01%2F200108-ptengine-facebook-og-1.png" alt="Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-252405593"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://www.ptengine.jp/blog/index.php/chrome_extentions/" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20150520#bookmark-252405593" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2015/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="/khss_keita/%E4%BE%BF%E5%88%A9/" data-gtm-click-label="user-reaction-tag">便利</a></li> <li><a href="/khss_keita/%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-reaction-tag">ツール</a></li> <li><a href="/khss_keita/web/" 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/252405593/comment/khss_keita" 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://ppworks.hatenablog.jp/entry/2014/07/17/115852"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://ppworks.hatenablog.jp/entry/2014/07/17/115852" 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%2Fppworks.jp%2Fentry%2F2014%2F07%2F17%2F115852" alt="">エンジニアこそ色彩デザインを学ぼう - ppworks.jp</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/ppworks.jp/entry/2014/07/17/115852" class="js-keyboard-entry-page-openable" title="エンジニアこそ色彩デザインを学ぼう - ppworks.jp (606ブックマーク)" data-gtm-click-label="user-bookmark-users">606 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fppworks.jp%2F" title="『ppworks.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> ppworks.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/%E6%9C%AC">本</a> 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a> クリック: 1回この商品を含むブログを見るを読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、<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/%E6%9C%AC">本</a> 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a> クリック: 1回この商品を含むブログを見る WEBというより印刷のデザイナー向けの<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>なのかな？という印象なのですが色の使い方という意味では勉強になりました。特色の話やCMYKプロセスカラーの話は一旦無視しながら</p> <a href="https://ppworks.jp/entry/2014/07/17/115852" 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/576facc6517956b104952596cc918f3491291f69/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fbc614bd56b4114f99063499f968e5c63cfee949f%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fecx.images-amazon.com%252Fimages%252FI%252F41LvOr093tL.jpg" alt="エンジニアこそ色彩デザインを学ぼう - ppworks.jp"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-206716905"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://ppworks.hatenablog.jp/entry/2014/07/17/115852" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20140718#bookmark-206716905" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2014/07/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="/khss_keita/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" data-gtm-click-label="user-reaction-tag">デザイン</a></li> <li><a href="/khss_keita/web/" 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/206716905/comment/khss_keita" 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://gigazine.net/news/20120416-difff/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://gigazine.net/news/20120416-difff/" 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%2Fgigazine.net%2Fnews%2F20120416-difff%2F" alt="">日本語対応で簡単に差分が確認できるテキスト比較ツール「difff(デュフフ)」</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/gigazine.net/news/20120416-difff/" class="js-keyboard-entry-page-openable" title="日本語対応で簡単に差分が確認できるテキスト比較ツール「difff(デュフフ)」 (489ブックマーク)" data-gtm-click-label="user-bookmark-users">489 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fgigazine.net%2F" title="『gigazine.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> gigazine.net </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">テキストボックスに比較したい文章をコピペしてボタンを押すだけで2つの文章でどこが変更されたのか、差分の確認ができるネットサービスが「difff(デュフフ)」です。名前はちょっとネタっぽいですが、実用性は高く、日<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>語のテキストでもOKです。 difff - デュフフ http://alt<a data-gtm-click-label="entry-summary-keyword" href="/q/ai">ai</a>r.<a data-gtm-click-label="entry-summary-keyword" href="/q/DB">db</a>cls.jp/difff/ サイトの見た目はこんな感じ、テキストボックスが2つ上下に並んでいるので、変更前の文章と変更後の文章をそれぞれ貼り付け、最後に「比較する」ボタンを押すだけ。結果はこんな感じで変更前が左、変更後が右に表示されます。段落が左右で揃っていて、変更部分はハイライト表示されるので、どこが異なっているのかが一目で確認できます。ぱっと目で見ただけではどこが変わっているのかわからないようなものでも…… このツールであれば確認できます。このケースだと、カッコが半角から全角に変わっていま</p> <a href="https://gigazine.net/news/20120416-difff/" 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/8fd8536ed5e4cba49ae4b5d995e472b105b61b22/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2012%2F04%2F16%2Fdifff%2Ftop.png" alt="日本語対応で簡単に差分が確認できるテキスト比較ツール「difff(デュフフ)」"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-89889522"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://gigazine.net/news/20120416-difff/" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20140715#bookmark-89889522" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2014/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="/khss_keita/%E3%83%84%E3%83%BC%E3%83%AB/" data-gtm-click-label="user-reaction-tag">ツール</a></li> <li><a href="/khss_keita/web/" 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/89889522/comment/khss_keita" 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://bokurasha.hatenablog.com/entry/2014/06/11/120050"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://bokurasha.hatenablog.com/entry/2014/06/11/120050" 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%2Fbokurasha.hatenablog.com%2Fentry%2F2014%2F06%2F11%2F120050" alt="">本好きなら知らないはずがない！？書評サイト10選 - ぼくら社Blog</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/bokurasha.hatenablog.com/entry/2014/06/11/120050" class="js-keyboard-entry-page-openable" title="本好きなら知らないはずがない！？書評サイト10選 - ぼくら社Blog (748ブックマーク)" data-gtm-click-label="user-bookmark-users">748 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fbokurasha.hatenablog.com%2F" title="『bokurasha.hatenablog.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> bokurasha.hatenablog.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/%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/%E6%9B%B8%E8%A9%95">書評</a>サイトを参考にされてはいかがでしょうか。 HONZ 「読みたい<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>が、きっと見つかる！」をキャッチコピーに、ノンフィクションかつ出版されてから3か月以内の新刊書に対象を絞っているのが特徴です。厳選された個性溢れるレビュアーが紹介する<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%9B%B8%E8%A9%95">書評</a>空間紀伊國屋書店が運営する<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9B%B8%E8%A9%95">書評</a>空間。「ブックログ宣言」を元に多彩なレビュアー陣がそれぞれの<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9B%B8%E8%A9%95">書評</a>空間を並べています。比較的固めな社会派の<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%9C%AC">本</a>が多めですね。ブクログ「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%9B%B8%E8%A9%95">書評</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>を見つけるソーシャル性を活かしたサービス</p> <a href="https://bokurasha.hatenablog.com/entry/2014/06/11/120050" 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/7470ce1068e06e35614ad1c928bcad7e53b528ab/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3a6a2039421e56c8011dfb51044ddec6b7bde119%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbokurasha%252F20131202%252F20131202122225.png" alt="本好きなら知らないはずがない！？書評サイト10選 - ぼくら社Blog"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-199130758"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://bokurasha.hatenablog.com/entry/2014/06/11/120050" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20140612#bookmark-199130758" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2014/06/12</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/khss_keita/%E6%9C%AC/" data-gtm-click-label="user-reaction-tag">本</a></li> <li><a href="/khss_keita/%E8%AA%AD%E6%9B%B8/" data-gtm-click-label="user-reaction-tag">読書</a></li> <li><a href="/khss_keita/web/" 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/199130758/comment/khss_keita" 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.adobe.com/jp/jos/pinchin.html"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://www.adobe.com/jp/jos/pinchin.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%2Fblogs.adobe.com%2Fjapan%2Fcreativecloud%2Fweb%2F" alt="">The Blog | Welcome to Adobe Blog</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/blogs.adobe.com/japan/creativecloud/web/" class="js-keyboard-entry-page-openable" title="The Blog | Welcome to Adobe Blog (393ブックマーク)" data-gtm-click-label="user-bookmark-users">393 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fblog.adobe.com%2F" title="『blog.adobe.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> blog.adobe.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">The <a data-gtm-click-label="entry-summary-keyword" href="/q/BL">Bl</a>og | Welcome to Adobe <a data-gtm-click-label="entry-summary-keyword" href="/q/BL">Bl</a>og アドビのブログでは、<a data-gtm-click-label="entry-summary-keyword" href="/q/CRE">Cre</a>ative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。</p> <a href="https://blogs.adobe.com/japan/creativecloud/web/" class="centerarticle-entry-image" target="_blank" rel="noopener" data-gtm-click-label="user-bookmark-thumb"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/384feb49f19024293f218545a6a4175e78ec5e35/height=288;version=1;width=512/https%3A%2F%2Fblog.adobe.com%2Fdefault-meta-image.png%3Fwidth%3D1200%26format%3Dpjpg%26optimize%3Dmedium" alt="The Blog | Welcome to Adobe Blog"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-180674806"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://www.adobe.com/jp/jos/pinchin.html" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20140602#bookmark-180674806" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2014/06/02</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/khss_keita/%E3%81%BE%E3%81%A8%E3%82%81/" data-gtm-click-label="user-reaction-tag">まとめ</a></li> <li><a href="/khss_keita/web/" 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/180674806/comment/khss_keita" 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://plus.appgiga.jp/masatolan/2014/05/30/52507/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://plus.appgiga.jp/masatolan/2014/05/30/52507/" 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%2Fplus.appgiga.jp%2Fmasatolan%2F2014%2F05%2F30%2F52507%2F" alt="">dfltweb1.onamae.com – このドメインはお名前.comで取得されています。</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/plus.appgiga.jp/masatolan/2014/05/30/52507/" class="js-keyboard-entry-page-openable" title="dfltweb1.onamae.com – このドメインはお名前.comで取得されています。 (1409ブックマーク)" data-gtm-click-label="user-bookmark-users">1409 users</a> </span> </li> <li> <a href="/khss_keita/?url=http%3A%2F%2Fplus.appgiga.jp%2F" title="『plus.appgiga.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> plus.appgiga.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">このドメインは、お名前.comで取得されています。お名前.comのトップページへ Copyright © 2020 <a data-gtm-click-label="entry-summary-keyword" href="/q/GMO">GMO</a> Inter<a data-gtm-click-label="entry-summary-keyword" href="/q/net">net</a>, Inc. All Rights Reserved.</p> <a href="http://plus.appgiga.jp/masatolan/2014/05/30/52507/" 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/7b55f455b6059eca60e881152fdc8438c5a00037/height=288;version=1;width=512/http%3A%2F%2Fcdn.appgiga.jp%2Fwp-content%2Fuploads%2Ffiles%2F2014%2F05%2Frealtimeboard_01-575x275.jpg" alt="dfltweb1.onamae.com – このドメインはお名前.comで取得されています。"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-197468362"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://plus.appgiga.jp/masatolan/2014/05/30/52507/" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20140531#bookmark-197468362" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2014/05/31</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="/khss_keita/web/" 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/197468362/comment/khss_keita" 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://yuma-z.com/blog/2014/04/ambient_sound/"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://yuma-z.com/blog/2014/04/ambient_sound/" 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%2Fyuma-z.com%2Fblog%2F2014%2F04%2Fambient_sound%2F" alt="">http://yuma-z.com/blog/2014/04/ambient_sound/</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/yuma-z.com/blog/2014/04/ambient_sound/" class="js-keyboard-entry-page-openable" title="http://yuma-z.com/blog/2014/04/ambient_sound/ (587ブックマーク)" data-gtm-click-label="user-bookmark-users">587 users</a> </span> </li> <li> <a href="/khss_keita/?url=http%3A%2F%2Fyuma-z.com%2F" title="『yuma-z.com』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> yuma-z.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="http://yuma-z.com/blog/2014/04/ambient_sound/" 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/05b3c252476fa4e8edb9efcd1cfdb96954cd99b1/height=288;version=1;width=512/http%3A%2F%2Fs.wordpress.com%2Fmshots%2Fv1%2Fhttp%253A%252F%252Fwww.jazzandrain.com%252F%3Fw%3D600" alt="http://yuma-z.com/blog/2014/04/ambient_sound/"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-192648962"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://yuma-z.com/blog/2014/04/ambient_sound/" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20140428#bookmark-192648962" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2014/04/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="/khss_keita/web/" data-gtm-click-label="user-reaction-tag">web</a></li> <li><a href="/khss_keita/%E3%81%BE%E3%81%A8%E3%82%81/" data-gtm-click-label="user-reaction-tag">まとめ</a></li> <li><a href="/khss_keita/Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9/" 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/192648962/comment/khss_keita" 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/yuka2py/javascript-23768378"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://www.slideshare.net/yuka2py/javascript-23768378" 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%2Fjavascript-23768378%2F23768378" alt="">最強オブジェクト指向言語 JavaScript 再入門！</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.slideshare.net/slideshow/javascript-23768378/23768378" class="js-keyboard-entry-page-openable" title="最強オブジェクト指向言語 JavaScript 再入門！ (2819ブックマーク)" data-gtm-click-label="user-bookmark-users">2819 users</a> </span> </li> <li> <a href="/khss_keita/?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">この資料では、<a data-gtm-click-label="entry-summary-keyword" href="/q/Javascript">JavaScript</a> でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。【対象者】・<a data-gtm-click-label="entry-summary-keyword" href="/q/Javascript">JavaScript</a> でアプリケーションを構築できる方・<a data-gtm-click-label="entry-summary-keyword" href="/q/Javascript">JavaScript</a> におけるオブジェクト指向プログラミングの実現手法や原理への理解を深めたい方・<a data-gtm-click-label="entry-summary-keyword" href="/q/Java">Java</a> 的なクラスベースの言語との違いに違和感や混乱を感じてらっしゃる方Read less</p> <a href="https://www.slideshare.net/slideshow/javascript-23768378/23768378" 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/46d21633ef61b931ead541123f621ce77a73503b/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fjs-javascript-130701233756-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="最強オブジェクト指向言語 JavaScript 再入門！"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-152692434"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://www.slideshare.net/yuka2py/javascript-23768378" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20140101#bookmark-152692434" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2014/01/01</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/khss_keita/%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="/khss_keita/web/" 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/152692434/comment/khss_keita" 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.moae.jp/comic/dokushinol/15/1"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://www.moae.jp/comic/dokushinol/15/1" 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%2Fwww.moae.jp%2Fcomic%2Fdokushinol%2F15%2F1" alt="">「モアイ」は終了しました</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/www.moae.jp/comic/dokushinol/15/1" class="js-keyboard-entry-page-openable" title="「モアイ」は終了しました (154ブックマーク)" data-gtm-click-label="user-bookmark-users">154 users</a> </span> </li> <li> <a href="/khss_keita/?url=http%3A%2F%2Fwww.moae.jp%2F" title="『www.moae.jp』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.moae.jp </a> </li> <li><a href="/hotentry/entertainment" data-gtm-click-label="user-bookmark-category">エンタメ</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">モーニング・アフタヌーン・イブニング合同Webコミックサイト「モアイ」は終了しました。「コミックDAYS」「モーニング公式サイト」「アフタヌーン公式サイト」をご利用ください。</p> <a href="http://www.moae.jp/comic/dokushinol/15/1" 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/3105b6325b933e53f0578afa136a0772b5a4a479/height=288;version=1;width=512/https%3A%2F%2Fmorning.kodansha.co.jp%2Fcontent%2Fimages%2F_moae%2FDAYS_L.png" alt="「モアイ」は終了しました"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-168387142"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://www.moae.jp/comic/dokushinol/15/1" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20131108#bookmark-168387142" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2013/11/08</span> <span class="js-private-icon status is-hidden"><img src="/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <div class="centerarticle-reaction-main-comment-tags"> <span class="js-comment"></span> <ul class="centerarticle-reaction-tags js-tag-text"> <li><a href="/khss_keita/web/" data-gtm-click-label="user-reaction-tag">web</a></li> <li><a href="/khss_keita/%E3%83%8D%E3%82%BF/" 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/168387142/comment/khss_keita" 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://blog.id774.net/post/2013/09/24/402/"> <div class="centerarticle-entry "> <h3 class="centerarticle-entry-title"> <a href="http://blog.id774.net/post/2013/09/24/402/" 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%2Fblog.id774.net%2Fpost%2F2013%2F09%2F24%2F402%2F" alt="">人々の語彙を調べるサービスを作った | 774::Blog</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/blog.id774.net/post/2013/09/24/402/" class="js-keyboard-entry-page-openable" title="人々の語彙を調べるサービスを作った | 774::Blog (184ブックマーク)" data-gtm-click-label="user-bookmark-users">184 users</a> </span> </li> <li> <a href="/khss_keita/?url=http%3A%2F%2Fblog.id774.net%2F" title="『blog.id774.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> blog.id774.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">ひとでくんさんという人の日記によると、近年、若者の語彙が貧弱になって、便利とか最高みたいな言葉しか発しなくなっているとのことである。そこで、人々の語彙を調査するウェブサービスを作った。語彙抽出器 http://vocabulary.id774.<a data-gtm-click-label="entry-summary-keyword" href="/q/net">net</a>/vocabulary/ 「スクリーンネーム」に <a data-gtm-click-label="entry-summary-keyword" href="/q/twitter">Twitter</a> の名前を入れて送信すると、その人の語彙がよく使う順に一覧表示される。たとえば上の日記を書いている h<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>ode909 さんの語彙を調べてみよう。上記サービスのスクリーンネーム欄に h<a data-gtm-click-label="entry-summary-keyword" href="/q/it">it</a>ode909 と入力し送信する。すると彼が使う語彙が一覧表示され、最高または便利という単語のみ赤く強調表示される。よく見ると便利という単語はよく使われているようだが、最高という単語のほうはそれほどでもないようだ。他の人はどうだろうと今度は fuba という人の語彙を調べてみた。すると最高も便</p> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-162830362"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://blog.id774.net/post/2013/09/24/402/" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20130925#bookmark-162830362" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2013/09/25</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="/khss_keita/web/" 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/162830362/comment/khss_keita" 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.find-job.net/startup/web-service-medical-system"> <div class="centerarticle-entry is-image-entry-unit"> <h3 class="centerarticle-entry-title"> <a href="http://www.find-job.net/startup/web-service-medical-system" 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%2Fwww.find-job.net%2Fstartup%2Fweb-service-medical-system" alt="">FINDJOB!終了のお知らせ | FINDJOB!</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/www.find-job.net/startup/web-service-medical-system" class="js-keyboard-entry-page-openable" title="FINDJOB!終了のお知らせ | FINDJOB! (313ブックマーク)" data-gtm-click-label="user-bookmark-users">313 users</a> </span> </li> <li> <a href="/khss_keita/?url=https%3A%2F%2Fwww.find-job.net%2F" title="『www.find-job.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> www.find-job.net </a> </li> <li><a href="/hotentry/it" data-gtm-click-label="user-bookmark-category">テクノロジー</a></li> </ul> <div class="centerarticle-entry-contents"> <p class="centerarticle-entry-summary">FINDJOB! 終了のお知らせ <a data-gtm-click-label="entry-summary-keyword" href="/q/2023">2023</a>年9月29日にFINDJOB!を終了いたしました。これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 <a data-gtm-click-label="entry-summary-keyword" href="/q/it">IT</a>/Web系の<a data-gtm-click-label="entry-summary-keyword" href="/q/%E4%BB%95%E4%BA%8B">仕事</a>や求人がまだ広く普及していない頃にFind Job!をリリースしてから約26年間、多くの方々に支えていただき、運営を続けてまいりました。 <a data-gtm-click-label="entry-summary-keyword" href="/q/%E8%BB%A2%E8%81%B7">転職</a>成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、たくさんのご縁をつくることができたのではないかと思っております。 <a data-gtm-click-label="entry-summary-keyword" href="/q/2023">2023</a>年9月29日をもって、FINDJOB!はその<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/it">IT</a>/Web業界やクリエイティブ</p> <a href="http://www.find-job.net/startup/web-service-medical-system" 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/d18e146a343bc21aed532ae6d586ca0d15f14c66/height=288;version=1;width=512/https%3A%2F%2Fwww.find-job.net%2Fstartup%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F09%2Ftop32.png" alt="FINDJOB!終了のお知らせ | FINDJOB!"> </a> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-162009422"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://www.find-job.net/startup/web-service-medical-system" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20130918#bookmark-162009422" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2013/09/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="/khss_keita/%E8%B5%B7%E6%A5%AD/" data-gtm-click-label="user-reaction-tag">起業</a></li> <li><a href="/khss_keita/web/" 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/162009422/comment/khss_keita" 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://ktgis.net/kjmapw/kjmapw.html?lat=35.31488422109416&lng=139.55575676828005&zoom=15&dataset=tokyo50&age=0&map2type=roadmap&dual=true&mapOpacity=10&altitudeOpacity=4"> <div class="centerarticle-entry "> <h3 class="centerarticle-entry-title"> <a href="http://ktgis.net/kjmapw/kjmapw.html?lat=35.31488422109416&lng=139.55575676828005&zoom=15&dataset=tokyo50&age=0&map2type=roadmap&dual=true&mapOpacity=10&altitudeOpacity=4" 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%2Fktgis.net%2Fkjmapw%2Fkjmapw.html%3Flat%3D35.31488422109416%26lng%3D139.55575676828005%26zoom%3D15%26dataset%3Dtokyo50%26age%3D0%26map2type%3Droadmap%26dual%3Dtrue%26mapOpacity%3D10%26altitudeOpacity%3D4" alt="">今昔マップ on the web:時系列地形図閲覧サイト|埼玉大学教育学部　谷謙二（人文地理学研究室）</a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/ktgis.net/kjmapw/kjmapw.html?lat=35.31488422109416&lng=139.55575676828005&zoom=15&dataset=tokyo50&age=0&map2type=roadmap&dual=true&mapOpacity=10&altitudeOpacity=4" class="js-keyboard-entry-page-openable" title="今昔マップ on the web:時系列地形図閲覧サイト|埼玉大学教育学部　谷謙二（人文地理学研究室） (74ブックマーク)" data-gtm-click-label="user-bookmark-users">74 users</a> </span> </li> <li> <a href="/khss_keita/?url=http%3A%2F%2Fktgis.net%2F" title="『ktgis.net』の新着エントリー" data-gtm-click-label="user-bookmark-domain"> ktgis.net </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"> > tweet 時系列地形図閲覧サイト「今昔マップ on the web」トップへ埼玉大学<a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%95%99%E8%82%B2">教育</a>学部　谷謙二（人文地理学研究室）使用上の注意使用データ <a data-gtm-click-label="entry-summary-keyword" href="/q/%E3%83%87%E3%82%B9%E3%82%AF">デスク</a>トップ版</p> </div> </div> <div class="centerarticle-reaction js-user-bookmark-id-container" id="bookmark-161781886"> <div class="centerarticle-reaction-comment js-user-bookmark-comment " data-url="http://ktgis.net/kjmapw/kjmapw.html?lat=35.31488422109416&lng=139.55575676828005&zoom=15&dataset=tokyo50&age=0&map2type=roadmap&dual=true&mapOpacity=10&altitudeOpacity=4" data-user-name="khss_keita"> <a href="/khss_keita/" data-gtm-click-label="user-reaction-usericon" class="centerarticle-reaction-thumb"> <img src="https://cdn.profile-image.st-hatena.com/users/khss_keita/profile.png" alt="khss_keita" title="khss_keita" class="centerarticle-reaction-image"> </a> <div class="centerarticle-reaction-main"> <span class="centerarticle-reaction-username"><a href="https://b.hatena.ne.jp/khss_keita/20130916#bookmark-161781886" class="js-anchor-path" data-gtm-click-label="user-reaction-username">khss_keita</a></span> <span class="centerarticle-reaction-timestamp">2013/09/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="/khss_keita/%E3%81%93%E3%82%8C%E3%81%AF%E3%81%99%E3%81%94%E3%81%84/" data-gtm-click-label="user-reaction-tag">これはすごい</a></li> <li><a href="/khss_keita/web/" data-gtm-click-label="user-reaction-tag">web</a></li> <li><a href="/khss_keita/%E7%B5%B1%E8%A8%88/" 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/161781886/comment/khss_keita" 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/21bb37de101e3d895eac61554a1ca07012b63961/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/2025/03/18/115302?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=2025%2F03%2F18%2F115302" target="_blank"> <p class="centerarticle-aside-info-category">ランキング</p> <h4 class="centerarticle-aside-info-item-title">今週のはてなブックマーク数ランキング（2025年3月第3週）</h4> <time class="centerarticle-aside-info-item-time">2025/03/18</time> </a> </li> <li class="centerarticle-aside-info-item"> <a href="https://bookmark.hatenastaff.com/entry/2025/03/11/113220?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=2025%2F03%2F11%2F113220" target="_blank"> <p class="centerarticle-aside-info-category">ランキング</p> <h4 class="centerarticle-aside-info-item-title">今週のはてなブックマーク数ランキング（2025年3月第2週）</h4> <time class="centerarticle-aside-info-item-time">2025/03/11</time> </a> </li> <li class="centerarticle-aside-info-item"> <a href="https://bookmark.hatenastaff.com/entry/2025/03/07/120023?utm_source=user_page_side_column&utm_medium=official_announcement&utm_campaign=2025%2F03%2F07%2F120023" target="_blank"> <p class="centerarticle-aside-info-category">ランキング</p> <h4 class="centerarticle-aside-info-item-title">月間はてなブックマーク数ランキング（2025年2月）</h4> <time class="centerarticle-aside-info-item-time">2025/03/07</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/21bb37de101e3d895eac61554a1ca07012b63961/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/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/common/dl-button/googleplay@2x.png" alt="Google Playで手に入れよう"></a></li> </ul> </div> <div class="copyright">Copyright © 2005-2025 <a href="http://www.hatena.ne.jp/">Hatena</a>. All Rights Reserved.</div> </div> </div> <div class="modal-overlay"></div> <script type="text/javascript" src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/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! web] khss_keitaのブックマーク