> ## Documentation Index
> Fetch the complete documentation index at: https://howdy39.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Blog

> Posts, newest first.

Posts, newest first. Most of them are written in Japanese, so the titles below are translated. Posts on note, Zenn and Qiita open on each site.

<Update label="2026/10/04" tags={["AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n8d75a35d8654" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/320596964/rectangle_large_type_2_437b7e5cad5ce221a2c1f5591792b7a5.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" fetchPriority="high" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I built an AI-native portfolio site with Mintlify by bouncing ideas off Claude</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/09/07" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n2bab255b5e9e" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/311300814/rectangle_large_type_2_f56ec045c741cc81f8730893ab545562.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" fetchPriority="high" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Honestly, my colonoscopy was rough, but I think everyone should get one</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/08/13" tags={["Essay", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n632396a8ede0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/302907886/rectangle_large_type_2_e0aad325d63f29a1d8b479f0cbe75741.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Is it bad to be motivated by gratitude at work?</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/08/10" tags={["AI", "Corporate IT", "Security"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n1a968ae427a9" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/301959923/rectangle_large_type_2_dbb07bfbbdd4fce4fafda8f139736940.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">What corporate IT should decide before Claude Code's default becomes auto mode</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/08/05" tags={["Essay", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nc2c88a71f933" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/300486780/rectangle_large_type_2_67e4a76f3b64762f01287277ec4aefa8.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Is it really good to keep working in a well-organized environment?</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/07/09" tags={["AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ne05ac0c784d1" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/292812867/rectangle_large_type_2_a261878032ff31d5e28e6668e67d8f86.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">A technique to efficiently work around Claude's 5-hour limit in business use</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/07/06" tags={["Corporate IT", "Management"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n83b37c74fb74" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/291813401/rectangle_large_type_2_8a0f6658d4580df88a8294141ffaacb8.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Back offices have no "competition to be chosen," so the experience won't improve unless we make it a priority</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/06/18" tags={["Management", "AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n2e010bbc1dc6" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/286485112/rectangle_large_type_2_c8a7e8a8b480e271d4328267dad4b6bd.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I no longer immediately say "let's hire more" when told "we're short-staffed"</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/05/27" tags={["Essay", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nf6771690e53b" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/279447492/rectangle_large_type_2_764fc0ca474a2e47d0a4f17ee2199817.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I'm leaving STORES, and graduating from corporate IT</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/04/29" tags={["GAS", "AI", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/86b7ac96be11e2" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--EQab58hU--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:GAS%2520%25E3%2581%258B%25E3%2582%2589%2520Vertex%2520AI%2520Service%2520%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%259F%2520Web%2520%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2582%25B1%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%2520%25E3%2582%2592%25E7%25A4%25BE%25E5%2586%2585%25E9%2599%2590%25E5%25AE%259A%25E5%2585%25AC%25E9%2596%258B%25E3%2581%25A7%25E4%25BD%259C%25E6%2588%2590%25E3%2581%2599%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Building an internal-only web app with Vertex AI Service from GAS</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/04/20" tags={["ID", "SaaS management"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n2521942f69fa" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/268867185/rectangle_large_type_2_00669ba593d2eb49fec09737583195b9.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Setting up 1Password Hosted Provisioning (SCIM) with Okta</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/04/03" tags={["SaaS management", "ID", "GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/na45541a6a362" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/264347762/rectangle_large_type_2_ac8ddc1d9458e1654cae9143ccd823db.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">SCIM? A SaaS management tool? Calling APIs? How to think about automating account deletion</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/03/26" tags={["AI", "Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ne109b289c725" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/262160373/rectangle_large_type_2_47846b947bd3bb6bbcb9c4efea5412f1.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Some thoughts after seeing YOUTRUST release its scout AI feature</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/03/12" tags={["Notion", "AI", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nfd1561f42afe" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/258448518/rectangle_large_type_2_34b26a79967e3812944864332ae5f2a1.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">What I noticed about how internal AI help desks differ from external AI help desk services, after adopting Notion custom agents as our internal AI help desk</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/02/26" tags={["Essay", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ne1bf3c2f6aad" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/254813281/rectangle_large_type_2_bc234d8872b17a6e6e28106cb429c53b.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Who am I working for?</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/02/25" tags={["Notion", "AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n1f14ef934c97" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/254415102/rectangle_large_type_2_286f93281048abb5a33e93f27be0a927.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">What's so great about Notion custom agents</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/01/29" tags={["Essay", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n224054c979a0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/247600600/rectangle_large_type_2_853b96b2666fc770bb7a435a28a8a2d7.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">True kindness</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2026/01/11" tags={["Security", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n85f334a6a38e" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/243090887/rectangle_large_type_2_4404718a4dec0912c7fab4fd27f43a75.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">"Protecting for now" isn't a bad thing, I think.</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/12/31" tags={["Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n313e8caf39d1" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/240272670/rectangle_large_type_2_f63caf1f6c921c18005a6c62923e96c9.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">2025 in review</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/12/17" tags={["SaaS management", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n677f01583de8" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/236357363/rectangle_large_type_2_3ebc2956533ec612d1beaec1c9547395.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Four points for effectively reviewing unused SaaS accounts</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/11/25" tags={["Corporate IT", "Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nec8315795cfd" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/231875993/rectangle_large_type_2_db3974e6c896fe83fd12e211533b7fb3.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Rationality and diversity, seen through company email addresses</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/10/10" tags={["Management", "Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n4a9d46bcbde8" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/220994918/rectangle_large_type_2_17aaecbf9bc6d8b0a43d490e084f3f9e.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">When unsure about something new, default to 'let's do it'</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/10/08" tags={["Corporate IT", "SaaS management", "AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nca33ce1d8a29" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/220710205/rectangle_large_type_2_99794928e591cd7cb8bf140d8ebb5443.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">As AI makes SaaS more capable and expensive, doesn't internal IT need customer success too?</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/09/30" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/na4fa1a64a506" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/218977964/rectangle_large_type_2_a67fead316c2de1f077e4fb622dab8ed.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I love products that keep search conditions in the URL</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/08/08" tags={["GAS", "AI", "Notion"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/1a543b500bb05d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--wJ3d511m--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Gemini%2520Canvas%2520%25E3%2581%25A7%25E3%2582%2582%25E5%25A4%25A7%25E4%25BD%2593%25E3%2581%25AE%2520GAS%2520%25E3%2581%25AF%25E3%2581%258B%25E3%2581%2591%25E3%2582%258B%25E3%2582%2588%25E3%2583%25BC%25E3%2581%25A8%25E3%2581%2584%25E3%2581%2586%25E8%25A9%25B1%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Gemini Canvas can write most GAS, too</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/07/28" tags={["Google Workspace", "AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n81efc2861b20" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/204907705/rectangle_large_type_2_69e4afe2823dd55c25223cdbe6dfafde.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google Forms' AI creation only supports English? A technique to create Japanese forms with AI anyway</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/06/30" tags={["Google Workspace", "AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n25a50ebcfc5a" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/199243441/rectangle_large_type_2_c72ea6a2aa265c25f334a330e93cedb7.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Sheets' AI function only supports English? A technique to use the AI function anyway</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/06/24" tags={["Google Workspace", "AI"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n42d5fe8fc80a" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/197910846/rectangle_large_type_2_cd32c5e20fd001cc4aa7626e78c39acf.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Creating how-to videos by combining Gemini and Google Vids</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/06/19" tags={["Google Workspace", "AI", "Security"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n2512a02b17c5" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/197043906/rectangle_large_type_2_5db547f03128731fa0e474d2fcf1cbf9.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to safely share Google Workspace's NotebookLM with external users</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/05/30" tags={["Notion"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ndecb5d726b6d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/192988447/rectangle_large_type_2_202c977d688ec0e4c2a3c08d56422732.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Emoji, page or mention: which should represent a person on a Notion page?</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/05/21" tags={["Notion", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://product.st.inc/entry/2025/05/21/085652" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://ogimage.blog.st-hatena.com/26006613559034397/6802418398437615029/1747785413" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to implement a Chrome extension that redirects after moving off a SaaS</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">STORES Product Blog</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/05/11" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/na4c24d39b006" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/189474396/rectangle_large_type_2_bd8fc575bf815ae84731bbc846f4fe49.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I made all Tech The Toaster books free, and a look back at my doujinshi activity</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/03/31" tags={["Notion", "Security"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n862fe4bfbc40" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/181607078/rectangle_large_type_2_a982488b4bd88c8d79104257e78491a0.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Design guidelines for disabling export in Notion in a business environment</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/03/18" tags={["Notion"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nc43694912c67" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/179684733/rectangle_large_type_2_c9d892916765a6a1d758380b15f6a9e0.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to customize Slack notification messages with Notion automations</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/03/11" tags={["Notion"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ne0fc5b176619" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/178507861/rectangle_large_type_2_1088496b1f13420991c2b020e06e63c3.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Thinking about My Notion Way</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/02/17" tags={["Notion"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n403c26671c45" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/175074257/rectangle_large_type_2_4c09c3e067fdadec3b90c36a5fdb5dba.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Notion seems to be becoming the center of work, not just a documentation or project/task management tool</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2025/01/16" tags={["Google Workspace", "AI"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/39df4de76822c8" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--9k1WZket--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Google%2520Workspace%25E3%2581%25AEAI%25E3%2582%25A2%25E3%2583%2589%25E3%2582%25AA%25E3%2583%25B3%25E3%2581%258C%25E5%25BB%2583%25E6%25AD%25A2%25E3%2581%2595%25E3%2582%258C%25E3%2581%25A6%25E5%259F%25BA%25E6%259C%25AC%25E3%2583%2597%25E3%2583%25A9%25E3%2583%25B3%25E3%2581%25AB%25E7%25B5%2584%25E3%2581%25BF%25E8%25BE%25BC%25E3%2581%25BE%25E3%2582%258C%25E3%2581%259F%25E3%2581%25AE%25E3%2581%25A7%25E5%25A4%2589%25E6%259B%25B4%25E7%2582%25B9%25E3%2582%2592%25E8%25A7%25A3%25E8%25AA%25AC%25E3%2581%2597%25E3%2581%25BE%25E3%2581%2599%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google Workspace's AI add-ons are being retired and folded into the base plans: what changes</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/12/30" tags={["Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nf6bff6271aa6" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/f4df3b2ba5860b01e7f70fa8328d288387b22d55.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">2024 in review</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/12/24" tags={["Corporate IT", "Management"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n487d1bd8820b" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/309f00fdff6d7c106621ea22d0880d8e35199533.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying to build a highly resilient corporate IT organization</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/12/10" tags={["Corporate IT", "AI"]}>
  <div className="not-prose">
    <a href="https://note.st.inc/n/n137b8b7e5a40" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/165137563/rectangle_large_type_2_cf2151de7ca438d099c8e81f44bba772.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Supporting services that fulfill diverse businesses with cutting-edge IT products: the work of a corporate engineer at STORES</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">STORES note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/07/22" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/ef9cd86cf281c7" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--l1vLVqz0--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Slack%25E3%2581%25AE%25E3%2583%25AC%25E3%2582%25AC%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%25AF%25E3%2583%25BC%25E3%2582%25AF%25E3%2583%2595%25E3%2583%25AD%25E3%2583%25BC%25E3%2581%25AE%25E4%25B8%2580%25E8%25A6%25A7%25E3%2582%2592%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%2597%25E3%2583%2588%25E3%2581%25A7%25E6%258A%25BD%25E5%2587%25BA%25E3%2581%2597%25E3%2581%25A6%25E5%25BC%2595%25E8%25B6%258A%25E3%2581%2597%25E3%2582%2592%25E3%2582%25B9%25E3%2583%25A0%25E3%2583%25BC%25E3%2582%25BA%25E3%2581%25AB%25E9%2580%25B2%25E3%2582%2581%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Extract the list of Slack legacy workflows with a script to make the migration smoother</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/07/14" tags={["GAS", "AI", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/d8e241dc8496f8" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--xCzMS1_5--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Dify%2520API%2520%25E3%2581%25A8%2520GAS%25E3%2581%25AE%25E3%2582%25AB%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25A0%25E9%2596%25A2%25E6%2595%25B0%25E3%2582%2592%25E7%25B5%2584%25E3%2581%25BF%25E5%2590%2588%25E3%2582%258F%25E3%2581%259B%25E3%2581%25A6%25E3%2582%25B9%25E3%2583%2597%25E3%2583%25AC%25E3%2583%2583%25E3%2583%2589%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%2588%25E3%2581%258B%25E3%2582%2589LLM%25E3%2582%2592%25E5%2588%25A9%25E7%2594%25A8%25E3%2581%2599%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Using an LLM from a spreadsheet by combining the Dify API and GAS custom functions</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/02/21" tags={["Corporate IT", "GAS"]}>
  <div className="not-prose">
    <a href="https://product.st.inc/entry/2024/02/21/140507" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://ogimage.blog.st-hatena.com/26006613559034397/6801883189084716737/1708492308" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How a corporate engineer designs operations when adopting a safety confirmation service</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">STORES Product Blog</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/02/04" tags={["GAS", "SaaS management", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/31ef0b592bc47b" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--Pq_0uCe0--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:GAS%2520%25E3%2581%258B%25E3%2582%2589Admina%2520API%2520%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%2520SaaS%2520%25E5%2588%25A9%25E7%2594%25A8%25E7%258A%25B6%25E6%25B3%2581%25E3%2582%2592%25E5%258F%25AF%25E8%25A6%2596%25E5%258C%2596%25E3%2581%2599%25E3%2582%258B%2520Looker%2520Studio%2520%25E3%2582%2592%25E4%25BD%259C%25E3%2581%25A3%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Building a Looker Studio dashboard that visualizes SaaS usage with the Admina API from GAS</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/01/14" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n6bf173fe5d53" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/485102b49713bd112b5475daf6743a009d8bf6e3.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Raising your interpretation skills changes the world you see</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/01/11" tags={["GAS", "ID"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/725dd4e595490b" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--mpWdnPVQ--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:1Password%25E3%2581%25AE%25E3%2583%2581%25E3%2583%25BC%25E3%2583%25A0%25E3%2583%25AC%25E3%2583%259D%25E3%2583%25BC%25E3%2583%2588%25E3%2581%25AE%25E6%2597%25A5%25E4%25BB%2598%25E3%2582%2592GAS%25E3%2581%25AE%25E3%2582%25AB%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25A0%25E9%2596%25A2%25E6%2595%25B0%25E3%2581%25A7%25E3%2581%25AA%25E3%2581%258A%25E3%2581%2599%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Fixing 1Password team report dates with a GAS custom function</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2024/01/08" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ndf3eaed7523a" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/c11130a9d18d60cc781697d8b1aada8a32ae218d.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">There is dramatic growth that comes with a change in behavior</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/12/31" tags={["Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n1a325eea2316" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/ebbf89109c5a77736c5aedb3154d8885425e8882.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">2023 in review</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/12/28" tags={["SaaS management", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n24d9bae7d92c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/a0895e43d680e79689204364b3bdac39130c538d.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How should corporate IT manage SaaS accounts? Sharing a workflow built on Admina's role feature</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/12/10" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/1520ab1d47415d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--HfEaIWu5--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:%25E6%2596%25B0%25E3%2581%2597%25E3%2581%2584Slack%25E3%2583%25AF%25E3%2583%25BC%25E3%2582%25AF%25E3%2583%2595%25E3%2583%25AD%25E3%2583%25BC%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E7%25B5%25B5%25E6%2596%2587%25E5%25AD%2597%25E3%2583%25AA%25E3%2582%25A2%25E3%2582%25AF%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2581%2597%25E3%2581%259F%25E4%25BA%25BA%25E3%2582%2592%25E8%2587%25AA%25E5%258B%2595%25E3%2581%25A7Google%25E3%2582%25AB%25E3%2583%25AC%25E3%2583%25B3%25E3%2583%2580%25E3%2583%25BC%25E3%2581%25AE%25E4%25BA%2588%25E5%25AE%259A%25E3%2581%25AB%25E6%258B%259B%25E5%25BE%2585%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Automatically invite people who react with an emoji to a Google Calendar event using the new Slack workflows</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/12/04" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n0fba71f20447" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/a045ff13227efff658c9c13dbc65c9a9ce2a9efe.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">STORES is hiring corporate engineers!</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/11/24" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/e219da1e1866f0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--NDbvb-dI--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:esa%2520%25E8%25A8%2598%25E4%25BA%258B%25E3%2582%2592%25E3%2582%25B9%25E3%2583%259E%25E3%2583%25BC%25E3%2583%2588%25E3%2583%2581%25E3%2583%2583%25E3%2583%2597%25E3%2581%25A7%25E8%25A3%259C%25E5%25AE%258C%25E3%2581%2599%25E3%2582%258B%2520Google%2520Docs%2520%25E3%2582%25A2%25E3%2583%2589%25E3%2582%25AA%25E3%2583%25B3%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to build a Google Docs add-on that turns esa articles into smart chips</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/11/08" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/f4548bb2c41e25" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--b8MsuD2---/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:%25E6%2596%25B0%25E3%2581%2597%25E3%2581%2584%2520Slack%2520%25E3%2583%25AF%25E3%2583%25BC%25E3%2582%25AF%25E3%2583%2595%25E3%2583%25AD%25E3%2583%25BC%25E3%2582%2592%25E3%2581%25A4%25E3%2581%258B%25E3%2581%25A3%25E3%2581%25A6%2520Google%2520Meet%2520%25E3%2581%25AE%2520URL%2520%25E3%2582%2592%25E7%2599%25BA%25E8%25A1%258C%25E3%2581%2599%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Issue a Google Meet URL with the new Slack workflows</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/11/05" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/e3bbf1c3e363a0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--Gaw1Gjv6--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Google%2520Apps%2520Script%2520%25E3%2581%25A7%25E4%25BD%259C%25E6%2588%2590%25E3%2581%2597%25E3%2581%259F%25E3%2582%25A2%25E3%2583%2589%25E3%2582%25AA%25E3%2583%25B3%25E3%2582%2592%25E3%2583%2589%25E3%2583%25A1%25E3%2582%25A4%25E3%2583%25B3%25E5%2586%2585%25E3%2583%25A6%25E3%2583%25BC%25E3%2582%25B6%25E3%2583%25BC%25E3%2581%25AB%25E9%2585%258D%25E5%25B8%2583%25E3%2581%2599%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Distributing a Google Apps Script add-on to users in your domain</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/10/29" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/7fc34d0f010da9" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--S3GWJk1S--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Google%2520Apps%2520Script%2520%25E3%2581%25A7%25E3%2582%25B9%25E3%2583%2597%25E3%2583%25AC%25E3%2583%2583%25E3%2583%2589%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%2589%25E3%2581%25AE%25E8%25B6%2585%25E3%2582%25B7%25E3%2583%25B3%25E3%2583%2597%25E3%2583%25AB%25E3%2581%25AA%25E3%2582%25A2%25E3%2583%2589%25E3%2582%25AA%25E3%2583%25B3%25E3%2582%2592%25E4%25BD%259C%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Building a super simple spreadsheet add-on with Google Apps Script</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/09/03" tags={["Corporate IT", "Security"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/52e592d8146dd4" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--GeZd3S4v--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:API%2520%25E3%2583%25AD%25E3%2583%25BC%25E3%2583%25AB%25E3%2581%25A8%2520API%2520%25E3%2582%25AF%25E3%2583%25A9%25E3%2582%25A4%25E3%2582%25A2%25E3%2583%25B3%25E3%2583%2588%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%259F%2520Jamf%2520Pro%2520API%2520%25E3%2581%25AE%25E4%25BD%25BF%25E3%2581%2584%25E6%2596%25B9%25E5%2585%25A5%25E9%2596%2580%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">An introduction to the Jamf Pro API with API roles and API clients</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/08/30" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.st.inc/n/n0720316aff35" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/114752384/rectangle_large_type_2_9a62ab6085d4289a32af97ac71b55d9a.jpeg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Offensive corporate IT that doesn't slow the business: moving 400 accounts and what I aim for now</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">STORES note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/08/17" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/803b315f4571aa" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--tra99St9--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:%25E6%2596%25B0%25E3%2581%2597%25E3%2581%2584Slack%25E3%2583%25AF%25E3%2583%25BC%25E3%2582%25AF%25E3%2583%2595%25E3%2583%25AD%25E3%2583%25BC%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%259F%25E7%25B0%25A1%25E6%2598%2593%25E3%2583%2581%25E3%2582%25B1%25E3%2583%2583%25E3%2583%2588%25E7%25AE%25A1%25E7%2590%2586%25E3%2582%25B7%25E3%2582%25B9%25E3%2583%2586%25E3%2583%25A0%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to build a simple ticketing system with the new Slack workflows</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/04/30" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/c9a2e47f8d1b20" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--RvUdt_rB--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:GAS%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E3%2583%2589%25E3%2583%25A1%25E3%2582%25A4%25E3%2583%25B3%25E5%2586%2585%25E3%2581%25AE%25E3%2581%2599%25E3%2581%25B9%25E3%2581%25A6%25E3%2581%25AEGoogle%25E3%2582%25B0%25E3%2583%25AB%25E3%2583%25BC%25E3%2583%2597%25E8%25A8%25AD%25E5%25AE%259A%25E3%2582%2592%25E5%2587%25BA%25E5%258A%259B%25E3%2581%2599%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Exporting the settings of every Google Group in your domain with GAS</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/04/24" tags={["AI", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n196e7f3ecc5f" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/103809015/rectangle_large_type_2_92b1f2b00a1f54af9257ff456d39e3e0.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I built an assistant bot that answers questions from internal documents with ChatGPT</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/04/14" tags={["GAS", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nd0123df608dc" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/102877806/rectangle_large_type_2_fbe157521e378e41d199b196dffd9d1d.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I ran an internal Google Apps Script training: how I ran it and what I taught beginners</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/04/03" tags={["Google Workspace", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://product.st.inc/entry/2023/04/03/123846" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://cdn.image.st-hatena.com/image/scale/c0eb9abba67eb164dacc6fa4a8a53cef2f821447/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhowdy39%2F20230330%2F20230330131019.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How we moved Google Workspace accounts after our company name change</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">STORES Product Blog</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/04/03">
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ne68e3979275d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/98646842/rectangle_large_type_2_ec33bd3ccff9500b12d1533d129ef9e5.jpeg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">We're holding the STORES PX Advent Calendar 2023 Spring</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/03/14" tags={["AI"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/a4a6f07a95a023" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--B6TdWqtn--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:DocsBot%2520AI%2520%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying DocsBot AI</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2023/01/01" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/066bb145b8f247" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--TkSPsXZI--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Google%25E3%2583%2595%25E3%2582%25A9%25E3%2583%25BC%25E3%2583%25A0%25E3%2581%25A8GAS%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E5%2588%25A9%25E4%25BE%25BF%25E6%2580%25A7%25E9%25AB%2598%25E3%2581%258F%25E3%2582%25BB%25E3%2582%25AD%25E3%2583%25A5%25E3%2582%25A2%25E3%2581%25AA%25E5%2585%25B1%25E6%259C%2589%25E3%2583%2589%25E3%2583%25A9%25E3%2582%25A4%25E3%2583%2596%25E9%2581%258B%25E7%2594%25A8%25E3%2582%2592%25E4%25BD%259C%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Building a convenient and secure shared drive operation with Google Forms and GAS</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2022/03/07" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n05a2d5cc22b0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/d559895b900374aa7262ec863388ea5d264ab5ed.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Corporate IT thought about Developer eXperience, so engineers can now swap their company PCs at any time</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/12/31" tags={["Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n02cb176c5770" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/4327e7e41b83caee26e91038918cce199d715d57.jpg" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">2021 in review</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/12/06" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/366ad382cdcb90" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--ucn5P_WN--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Google%25E3%2582%25B9%25E3%2583%25A9%25E3%2582%25A4%25E3%2583%2589%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%259F%25E3%2583%2593%25E3%2583%25B3%25E3%2582%25B4%25E3%2582%25AB%25E3%2583%25BC%25E3%2583%2589%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to make a bingo card with Google Slides</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/08/22" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n987ab52a61ba" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/59453977/rectangle_large_type_2_5705b31354d7a0061ad857421142557a.jpg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">A journey to find a lens for stray cats: FE 85mm F1.8 SEL85F18</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/08/16" tags={["Corporate IT", "Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n52bddd7f4d1d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/9aeaefd65324d6002227e98b87df29fb9bdf39b5.jpg" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">If a software engineer becomes a corporate engineer, do they get reincarnated into another world?</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/08/02" tags={["Management", "Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ndbcf2a10907c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/c1913f75007789179f7407bd64bb97ac2e89a214.png" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">The one who reminds and the one who is reminded</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/07/14" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://zenn.dev/howdy39/articles/baf302204634f4" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://res.cloudinary.com/zenn/image/upload/s--2dsXjOCc--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:GAS%25E3%2581%258B%25E3%2582%2589SlackID%25E3%2581%25A7%25E3%2581%25AF%25E3%2581%25AA%25E3%2581%258F%25E3%2583%25A1%25E3%2583%25BC%25E3%2583%25AB%25E3%2582%25A2%25E3%2583%2589%25E3%2583%25AC%25E3%2582%25B9%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E3%2583%25A1%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2582%2592%25E9%2580%2581%25E3%2582%258B%25E6%2596%25B9%25E6%25B3%2595%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:howdy39%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2UzNWI4MDk3MzkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiAE" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Mentioning someone from GAS by email address instead of Slack ID</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Zenn</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/05/31" tags={["SaaS management", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n83b22819af27" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/53461884/picture_pc_b222a8edc68418f0a0b1640e9b14b9b0.jpg" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Why does it go badly when corporate IT manages every SaaS?</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/02/15" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n52170cf66813" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/45306345/rectangle_large_type_2_7a8068def5a808945f266ea4b8f1bde4.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">hey has started hiring one more corporate engineer!</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2021/02/08" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n6493bf9adda0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/44969795/rectangle_large_type_2_ed32130f40ab1599a0e894537dce0736.jpg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How improving hey's online review meeting turned it into something like a TV shoot</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2020/12/31" tags={["Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/nb643e38f4879" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/3a73c76a540877b0acb11212741cba01a964cb47.jpg" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">2020 in review</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2020/12/23" tags={["Management", "Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n6ea6aa4d15e3" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/40738814/rectangle_large_type_2_0f0d882982109cc90b2ad1328634d3f4.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Becoming a corporate IT manager and bringing software engineering's good culture to the team</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2020/07/17" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n9c8ca1e667df" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/30561480/rectangle_large_type_2_4df0b8e37d0013a21c172e2983d4132b.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">hey is looking for IT support to keep our internal IT running!</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2020/07/03" tags={["Corporate IT"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/ne13009192b38" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/28916164/rectangle_large_type_2_897ffbf3ae3ad9aa81993c01f75027ba.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">hey is looking for a corporate engineer to support our internal IT!</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2020/03/31" tags={["Corporate IT", "Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n1c673b780c6c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/21925923/rectangle_large_type_2_e3bb3a057446075ef89a306e9489e6a9.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I'm changing jobs from front-end engineer to corporate engineer</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2019/12/31" tags={["Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n380d7d723882" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/7246420/profile_0b9c0f88fd6ef5611034d9cbfe954fc4.jpg?fit=bounds&format=jpeg&quality=85&width=330" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">2019 in review</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2019/12/23" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/0d8b58743e0de7ede8b4" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9TnV4dC5qcyVFMyU4MCU4MUdvb2dsZSUyMEFwcHMlMjBTY3JpcHQlRTMlODAlODElRTMlODIlQjklRTMlODMlOTclRTMlODMlQUMlRTMlODMlODMlRTMlODMlODklRTMlODIlQjclRTMlODMlQkMlRTMlODMlODglRUYlQkMlODhEQiVFRiVCQyU4OSVFMyU4MiU5MiVFNyVCNSU4NCVFMyU4MSVCRiVFNSU5MCU4OCVFMyU4MiU4RiVFMyU4MSU5QiVFMyU4MSVBNiVFNiVBNCU5QyVFNyVCNCVBMiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiVCMSVFMyU4MyVCQyVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCMyVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MSVBMyVFMyU4MSVBNiVFMiU4MCVBNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWZlOGExMzljOTk1YjNlNTQyNWNlMGVhNzg4YzUwOWJj&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=e2dfc291e856ed1edcc7b0fb3d2c34dd" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Building a search application by combining Nuxt.js, Google Apps Script and a spreadsheet (as the DB)</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2019/11/17" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/fb221122eda45b3f7d1a" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R2l0SHViJTJDJTIwR0FTJTJDJTIwR29vZ2xlJTIwRGF0YSUyMFN0dWRpbyVFMyU4MiU5MiVFNiVCNCVCQiVFNyU5NCVBOCVFMyU4MSU5NyVFMyU4MSU5RiVFOSU4MCVCMSVFNiU5QiVCRiVFMyU4MiU4RiVFMyU4MiU4QSVFOSU4MSU4QiVFNyU5NCVBOCVFMyU4MyVCQiVFMyU4MiVBQiVFMyU4MiVBNCVFMyU4MiVCQyVFMyU4MyVCMyVFNiU4QiU4NSVFNSVCRCU5MyVFMyU4MSVBRSVFNCVCQiU5NSVFNyVCNSU4NCVFMyU4MSVCRiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTEzNTAzZmNlZWJlMmQ0OTg4NDQ1NzNjOTgwYTQwMmQ4&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=f44daa698191179a49c40f47f56a950b" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">A weekly rotation for operations and kaizen using GitHub, GAS and Google Data Studio</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2019/10/01" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n05cf138afee2" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/14807674/rectangle_large_type_2_2cbe179099d4107935de319114c9b2bb.png?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I've been at STORES.jp (hey) for exactly one year, so here's STORES front-end development</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2019/07/23" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/3c12a4e497dbe7c3256a" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwJUUzJTgyJUI5JUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTg5JUUzJTgxJUE3JUU3JTk5JUJCJUU1JUEzJTg3JUU3JTk0JUE4JUUzJTgyJUI5JUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTg5JUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThCJUU5JTlBJTlCJUUzJTgxJUFFJUUzJTgzJTg2JUUzJTgyJUFGJUUzJTgzJThCJUUzJTgzJTgzJUUzJTgyJUFGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YTRlYzVlYmNiNzE3MzM0ZDYxYjgwZDI2NmIxMTNmZWY&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=f34a338239a8937f8785c2d9f4985218" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Techniques for making presentation slides with Google Slides</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2019/04/14" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n18183edcde62" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/11062757/rectangle_large_type_2_0a2f4a134bf8f39b8ad447bc2aee2736.jpeg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I exhibited at Tech Book Fest 6, so here are my notes on check counts and impressions</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/30" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/bede05cb1ff9f7ab2783" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9TnV4dCVFMyU4MSVBN1lvdVR1YmUlRTMlODMlOTclRTMlODMlQUMlRTMlODIlQTQlRTMlODMlQTQlRTMlODMlQkMlRTMlODIlOTIlRTUlOUYlOEIlRTMlODIlODElRTglQkUlQkMlRTMlODIlODAmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zNzQxMDc2ZmM2ZWU0ZTE4NDY2NjQxM2RhZjQ0NjNmMg&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=378c2331d99e390c3d25c17b9d7f9fc5" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Embedding a YouTube player in Nuxt</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/30" tags={["Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n76aed8a48e68" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/7246420/profile_0b9c0f88fd6ef5611034d9cbfe954fc4.jpg?fit=bounds&format=jpeg&quality=85&width=330" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">2018 in review</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/25" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/504647f1ad0eeb270278" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9TnV4dC5qcyVFMyU4MSVBNyVFMyU4MyVBNiVFMyU4MyVCQyVFMyU4MiVCNiVFMyU4MyVCQyVFMyU4MiVBOCVFMyU4MyVCQyVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MiU5MiVFNSU4OCVBNCVFNSU4OCVBNSVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MyU5NyVFMyU4MyVBOSVFMyU4MiVCMCVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MSVBRSVFNyVCNCVCOSVFNCVCQiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTU2YzFlOTJhYTA4NmM3NTU4OTc2NjU4ZTc2YjVjYTE4&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=2529245f20002675514c1a820d1d0a20" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Introducing plugins that detect the user agent in Nuxt.js</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/24" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/d57e9a8924e0c08b5198" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9dnVlLmpzJUUzJTgxJUE3JUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgxJUFFJUUzJTgzJTg3JUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUFCJUUzJTgzJTg4JUUzJTgyJUE0JUUzJTgzJTk5JUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJTkyJUU2JUFEJUEyJUUzJTgyJTgxJUUzJTgyJThCJUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgzJUFDJUUzJTgyJUFGJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgzJTk2JUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NGIxODRjMDZlOTM0N2MzN2FkYTQxOTVlZjc1NWQ0MDE&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=59ab4660603434b4d1155643262d1abb" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Creating a Vue.js directive that stops the default click event</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/24" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/2587d7950acc39d468d7" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9TnV4dCVFMyU4MSVBNyVFNyU5QiVCNCVFNiU4RSVBNSVFMyU4MiVBMiVFMyU4MiVBRiVFMyU4MiVCQiVFMyU4MiVCOSVFMyU4MiU5MiVFNyVBNiU4MSVFNiVBRCVBMiVFMyU4MSVBQiVFMyU4MSU5OSVFMyU4MiU4Qm1pZGRsZXdhcmUlRTMlODIlOTIlRTQlQkQlOUMlRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1mZDE0NThmZGI5YzE1NzMzOGRmZWM0NGRhNTZiNDU5Ng&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=ee8f5afb7f0567a9187b72def04c47b8" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Creating a Nuxt middleware that blocks direct access</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/15" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/df3448fff2972dad780c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJTlFJUUzJTgyJUE2JUUzJTgyJUI5JUUzJTgzJTlCJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgxJUE3JUU5JTlCJUEyJUUzJTgyJThDJUUzJTgxJTlGJUU0JUJEJThEJUU3JUJEJUFFJUUzJTgxJUFCJUUzJTgxJUFBJUUzJTgxJUFCJUUzJTgxJThCJUU4JUExJUE4JUU3JUE0JUJBJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JUUzJTgxJUE4JUUzJTgxJThEJUUzJTgxJUFFJUU0JUJFJUJGJUU1JTg4JUE5JUUzJTgzJUFGJUUzJTgyJUI2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NjEwNjBkNWZiMGRkZmZjMDc0YjQ2NTQ3NzUyMjRiODA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=352c0d105b15d1e77fe42913145f5440" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">A handy trick for showing something at a distance on mouse hover</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/09" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/ac4c19dd36cd182841bc" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9TnV4dCUyQyUyMG5ldGxpZnklMkMlMjBGaXJlYmFzZSUyMCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSU5RldlYiVFMyU4MiVCNSVFMyU4MyVCQyVFMyU4MyU5MyVFMyU4MiVCOSVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSVBOCVFNSU4MCU4QiVFNCVCQSVCQSVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSVBQiVFMyU4MSU4QSVFMyU4MSU5MSVFMyU4MiU4QiVFNiU4QSU4MCVFOCVBMSU5MyVFOSU4MSVCOCVFNSVBRSU5QSVFMyU4MSVBRSVFMyU4MyU5RCVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MyU4OCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTdmNDVkMmEyZjhjZDQ3Y2I3OTczOTlmNzQyOTk0NmZj&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=dd9dd8cf3aa4bd66c0b57dbeed8796c2" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Web service development with Nuxt, Netlify and Firebase, and technology choices for solo development</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/12/08" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n8cc19e6d08ef" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/8854138/rectangle_large_type_2_bf07b8a8e674e833d71c28b8d8db4db9.jpg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I attended NuxtMeetUp#6 through the blog slot</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/11/18" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/38cf2c2a4d356c8d0f6c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9TnV4dCUyQyUyMEVsZW1lbnRVSSUyQyUyMFN0b3J5Ym9vayUyMCVFNiVBNyU4QiVFNiU4OCU5MCVFMyU4MSVBRVZ1ZSVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MiVBRiVFMyU4MyU4OCVFMyU4MSVBRSVFNSVBNyU4QiVFMyU4MiU4MSVFNiU5NiVCOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTBiNWViOGUzNjc1MWNjZDc0ZGExZmU3YWM1ZjQ0ZDVm&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=5873bfb759f6890f7ebff9154fe10d2c" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Getting started with a Nuxt, ElementUI and Storybook Vue project</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/11/04" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/a656c8c911961862d660" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9U3RlcCUyMGJ5JTIwU3RlcCUyMCVFMyU4MSVBNyVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MiU4QiUyMFZ1ZS5qcyUyMCVFMyU4MSVBRSUyMENTUyVFMyU4MyU4OCVFMyU4MyVBOSVFMyU4MyVCMyVFMyU4MiVCOCVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCMyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTI0OTkxNzFmMzk3ODliZTliMjExOTBjMjQ0Y2I3NTcy&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=a5360e71bb85644c83bab91d5ebb7004" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Learning Vue.js CSS transitions step by step</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/10/31" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n2eb40b4390ed" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://d2l930y2yx77uc.cloudfront.net/production/social_images/c38aaec6c62fedf85da831821422043f2609f53e.jpg" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">My impressions after exactly one month at STORES.jp (hey)</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/10/14" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n1517a60af39d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/8143525/rectangle_large_type_2_fa5905e803ee9ddb57192ec1938b7cca.jpg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Announcing mail order for the Chrome DevTools book, and my impressions of exhibiting for the first time #TechBookFest5</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/09/21" tags={["Essay"]}>
  <div className="not-prose">
    <a href="https://note.com/howdy39/n/n487b9d390bfc" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://assets.st-note.com/production/uploads/images/7958477/rectangle_large_type_2_ebe89b31436f8c80632d9204b2b6e41e.jpg?fit=bounds&quality=85&width=1280" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">The story from why I started writing the Chrome DevTools book to submitting it for print #TechBookFest5</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">note</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/09/13" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/51594dcb48816021178e" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Q2hyb21lJTIwJUUzJTgxJUFFJTIwQ3VzdG9tJTIwT2JqZWN0JTIwRm9ybWF0dGVycyUyMCVFNiVBOSU5RiVFOCU4MyVCRCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSU5RiVFMyU4MiVBQSVFMyU4MyU5NiVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MiVBRiVFMyU4MyU4OCVFMyU4MSVBRSVFMyU4MyU4NyVFMyU4MyU5MCVFMyU4MyU4MyVFMyU4MiVCMCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTA3YzU5NWQ3ZTYyYjViNmI4MTNmNDkzZWM4MzJmNjNm&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=f0dd03240540cafe0d3eb7c4af597626" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Debugging objects with Chrome's Custom Object Formatters</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/08/21" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/2f355fea8340a35aa5da" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Q2xvdWQlMjBGdW5jdGlvbnMlMjB3aXRoJTIwUHVwcGV0ZWVyJTIwJTJCJTIwR29vZ2xlJTIwQXBwcyUyMFNjcmlwdCUyMCVFMyU4MSVBNyVFMyU4MiVCOSVFMyU4MiVBRiVFMyU4MyVBQyVFMyU4MiVBNCVFMyU4MyU5NCVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MiVCNSVFMyU4MyVCQyVFMyU4MyU5MCVFMyU4MyVCQyVFMyU4MiU5MiVFMyU4MiVCNSVFMyU4MiVBRiVFMyU4MyU4MyVFMyU4MSVBOCVFNCVCRCU5QyVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTBlOGQwZGVmZTFkNzhmNjUyYjAyOWU4MGM0MDgyZjY0&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=a819a6647e0f2be60c77d583b22c7c2a" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Quickly building a scraping server with Cloud Functions with Puppeteer and Google Apps Script</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/07/29" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/22068b3f768f0f9a757d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUI5JUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgyJTkyV2ViQVBJJUU1JThDJTk2JUUzJTgxJTk5JUUzJTgyJThCJUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkzJUUzJTgyJUI5JUUzJTgxJUFFJUU0JUJEJTlDJUUzJTgyJThBJUU2JTk2JUI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MGMyYzI2MjA5MmY5Mjg3ZWIyODc2MjA0OWY4OWQzMTQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=e3e6ee1bea858798eb63c3feb74c65bc" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to build a service that turns a spreadsheet into a Web API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/05/20" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/c22c2cfafab88fa73d15" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Q2hyb21lJTIwJUUzJTgzJTg3JUUzJTgzJTk5JUUzJTgzJUFEJUUzJTgzJTgzJUUzJTgzJTkxJUUzJTgzJUJDJUUzJTgzJTg0JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgxJUFFJTIwQ29uc29sZSUyMCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSU4NCVFMyU4MSU5MyVFMyU4MSVBQSVFMyU4MSU5OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWRlOTdmZjMyZDU5YjYyMmEyN2E3ZWNhZDE2MGFlMzQx&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=b7c3909fdba49fccd87fc6a647d039a6" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Mastering the Chrome DevTools Console</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/04/13" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/d75523af1d173b581dea" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUI5JUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgxJUFCJUUzJTgzJTlFJUUzJTgyJUFGJUUzJTgzJUFEJUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgxJThDJUU4JUJGJUJEJUU1JThBJUEwJUUzJTgxJTk1JUUzJTgyJThDJUUzJTgxJTlGJUUzJTgxJUFFJUUzJTgxJUE3JUU4JUE5JUE2JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NTk1MDdkY2IyYWE5YWQyMTk4NTFlNTBkOTQxMzA3ZDE&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=c30022515678ae9dfa43fd317f7e6873" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying the new macro feature in Google Sheets</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/03/22" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/2c21251331e011d04512" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwcyUyMFNjcmlwdCUyMCVFMyU4MSVBRSVFMyU4MyU4NyVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVBNCVFMyU4MiU5MiUyMENpcmNsZSUyMENJJTIwJUUzJTgxJThCJUUzJTgyJTg5JUU4JUExJThDJUUzJTgxJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YmI5Mjg2MzQ2OGFjNjEzYzA2MjNlNzA4MWE3MzJmZTA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=4799c4048432ca2fc61ea921631d521d" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Deploying Google Apps Script from Circle CI</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/03/19" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/0e799a9bfc1d3bccf6e5" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwcyUyMFNjcmlwdCUyMCVFMyU4MiU5MiVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MiVBQiVFMyU4MyVBQiVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MSVBNyVFNSVCRiVBQiVFOSU4MSVBOSVFMyU4MSVBQiVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSU5RiVFMyU4MiU4MSVFMyU4MSVBRSVFMyU4MyU4NiVFMyU4MyVCMyVFMyU4MyU5NyVFMyU4MyVBQyVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MiU4QSVFMyU4MSVCRSVFMyU4MSU5NyVFMyU4MSU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTIxNDg5YmZiNTFlYWFjMzlkMTdlOWQ1YzMwNzY0OTdl&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=5ab16abe02b990e9bd64912967ccc9c0" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I made a template for developing Google Apps Script comfortably in a local environment</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/02/28" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/b92c9ba0b050151a889b" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R0FTJUUzJTgxJUFCR29vZ2xlJUUzJTgyJUFCJUUzJTgzJUFDJUUzJTgzJUIzJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgxJUFFJUUzJTgyJUE0JUUzJTgzJTk5JUUzJTgzJUIzJUUzJTgzJTg4JUU1JUE0JTg5JUU2JTlCJUI0JUU2JUE0JTlDJUU3JTlGJUE1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgxJThDJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk1JUUzJTgyJThDJUUzJTgxJTlGJUUzJTgxJUFFJUUzJTgxJUE3JUU4JUE5JUE2JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YjEyMDcyMDkxNTAzMzRkZjZjYzA1YmQ4Y2QwNWI1YzY&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=43b7a86a2a95cb935cc44dd3e34a4c84" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying the new calendar event change detection in GAS</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2018/01/12" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/0fede55aa3d3da767846" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODElQTglMjBBcHBzJTIwU2NyaXB0JTIwZGFzaGJvYXJkJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9OTE3MTUwZDQxMDU3ZWViYTY3YTdkYTI2MWY2OGFiYmI&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=26c3f806a676332e56cb4989eb4c549b" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker and the Apps Script dashboard</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/30" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/398f4969639a558c8487" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R0FTJTIwJUUzJTgxJUE4JTIwU3RhY2tkcml2ZXIlMjhMb2dnaW5nJTJDJTIwRXJyb3IlMjBSZXBvcnRpbmclMjklMjAlRTMlODIlOTIlRTklODAlQTMlRTYlOTAlQkElRTMlODElOTUlRTMlODElOUIlRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0wNzAxYjhhMjA4MDI1ZWQ5OWU4NTQ5YmZjZjY0Mzk0Mw&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=2ff0a4fdff5e5bb5b11d48c32fd674ff" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Connecting GAS with Stackdriver (Logging, Error Reporting)</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/29" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/1a8ed97a767206136f9e" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBBcHBMb2FkZXIlMjAlRTMlODElQTclRTYlOEYlOEYlRTclOTQlQkIlRTUlODklOEQlRTMlODElQUIlRTUlODclQTYlRTclOTAlODYlRTMlODIlOTIlRTglQTElOEMlRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iM2IyMzJjOTIyNzljODQ1ZTE1ZmE1NWExMzhlNjkyMQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=60b58afe3aaaa6eb4b3308f007046917" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: running processing before rendering with AppLoader</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/28" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/afa943d1510400c99da9" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBQb3B1cCUyMCVFMyU4MSVBRSVFNCVCRCVCRiVFMyU4MSU4NCVFNiU5NiVCOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWQ4NDQzYTkwYzY4OTZiMzM4ZmRkYWQ1ZDMwN2E5ZTBl&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=a6d8c35ffffb079ae1ca31cee753a226" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: how to use Popups</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/27" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/86ca947a4a07ea2dae2c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBSZXNvdXJjZXMlMjAlRTMlODElQUUlRTQlQkQlQkYlRTMlODElODQlRTYlOTYlQjkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1lY2M5NDkzMzI2ODMzZDE4YWZjYzlhN2Q0NDE0YjA3Nw&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=16dd6321372876d64fe53f0545bab5b0" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: how to use Resources</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/26" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/e7b5b7ae01f8b9e58f1e" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBUcmFuc2Zvcm1lciVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSU4NCVFMyU4MSU5MyVFMyU4MSVBQSVFMyU4MSU5OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTEwNDk0ZDc5ZGUxOWI1Mjk1ODVhN2I4YzlmOWU4OTg5&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=cf9ff711244ec68a878b53125c799085" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: mastering Transformers</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/26" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/e034792ad84aaf5d45f1" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBDYWxjdWxhdGVkJTIwJUUzJTgzJUEyJUUzJTgzJTg3JUUzJTgzJUFCJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgyJUI5JUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgxJUFFJUUzJTgzJTg3JUUzJTgzJUJDJUUzJTgyJUJGJUUzJTgyJTkyJUU4JUExJUE4JUU3JUE0JUJBJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YTQyNmZjYWYyZmRjYTY0NmU2MzJmZTA1OGEyZGVhN2U&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=31e1368fe87b0c19210f2c1ad19a070b" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: showing spreadsheet data with a Calculated model</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/25" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/5d26c2e42a2120b280ac" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjAlRTMlODIlQUElRTMlODMlQkMlRTMlODMlOEElRTMlODMlQkMlRTMlODIlODQlRTclQjclQTglRTklOUIlODYlRTglODAlODUlRTMlODElQTclRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlQjElRTMlODMlQkMlRTMlODIlQjclRTMlODMlQTclRTMlODMlQjMlRTMlODIlOTIlRTUlODUlQUMlRTklOTYlOEIlRTMlODElOTclRTMlODElOUYlRTUlQTAlQjQlRTUlOTAlODglRTMlODElQUIlRTUlQUUlOUYlRTglQTElOEMlRTMlODElQTclRTMlODElOEQlRTMlODIlOEIlRTMlODElOTMlRTMlODElQTglRTMlODElQUUlRTklODElOTUlRTMlODElODQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iMzNkODY4NGU5YThlYWU0Y2JlMmI1MmIyY2NhMWIzMQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=49da9625f26ab8bab4ef4cb2a769fdf6" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: what you can do when an owner or an editor publishes the app</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/25" tags={["GAS", "Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/3d08808826256955466c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjAlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTIlRTUlODglQTUlRTMlODElQUUlRTMlODIlQjUlRTMlODIlQTQlRTMlODMlODglRTMlODElQUIlRTUlOUYlOEIlRTMlODIlODElRTglQkUlQkMlRTMlODIlODAmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yNmI4MTBhMWFjYjA0NTgwZDYzM2UzMDI3MzMxYWRmMA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=8610568f768dc2d425edec6d38a9c5f5" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: embedding an app in another site</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/24" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/02178f3f55abe73322fb" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBSb2xlJUUzJTgxJUE3JUUzJTgzJUEyJUUzJTgzJTg3JUUzJTgzJUFCJUUzJTgxJUE4JUU3JTk0JUJCJUU5JTlEJUEyJUUzJTgyJTkyJUU1JTg4JUI2JUU1JUJFJUExJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZDEzNDJhOGRjYjUzODkzNjhkZjdhM2Q0ZDg4M2NhZDQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=8ee35b99fcfa1f3e067b39910209ed31" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: controlling models and pages with Roles</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/24" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/bee7587cfa19152f248d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBBcHBsaWNhdGlvbiUyMCVFNSVBRSU5RiVFOCVBMSU4QyVFMyU4MiVBMiVFMyU4MiVBQiVFMyU4MiVBNiVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTg4NTM5ZjRkYjY3ZjQ5NWVjYzZkZDcyYTQ2NjVkZWY3&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=4d181531759c7344ae5e3bef53136d9c" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: about the application execution account</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/12" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/d0dae0726d3aca153003" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjAlRTMlODMlODclRTMlODMlOTUlRTMlODIlQTklRTMlODMlQUIlRTMlODMlODglRTMlODIlQTIlRTMlODIlQUYlRTMlODIlQjclRTMlODMlQTclRTMlODMlQjMlRTMlODElQUUlRTQlQjglODAlRTglQTYlQTcmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1jZjcyMmVjNzZhZDFkOTdiZmI5MjgwOWRiZTM4ZmQ4MQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=8ca18c69754a1e2396a685ad399b02cf" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: a list of the default actions</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/12/01" tags={["GAS", "Essay", "Retrospective"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/1993ebf6abf2397702e3" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9QXBwJTIwTWFrZXIlMjAyMDE3JUU1JUI5JUI0JUUzJTgxJUFFJUU1JTgwJThCJUU0JUJBJUJBJUU3JTlBJTg0JUUzJTgxJUFBJUU3JUI3JThGJUU2JThCJUFDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ODY1NGU1OTg5ZGY0YmQ1YzBjYWQ3ZTg3NmY0MzFjOWQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=1debaa0a436b10b9fe298b6333dc9414" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">My personal summary of App Maker in 2017</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/11/12" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/0168f4c93ce7fa149b50" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Df195daeb9d3854d71869c032c463431c?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBEcml2ZSUyMFRhYmxlcyUyMCVFMyU4MSVBRSVFMyU4MyU5MCVFMyU4MyU4MyVFMyU4MiVBRiVFMyU4MiVBMiVFMyU4MyU4MyVFMyU4MyU5NyVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTY2ZTczODMzNmZhNTQyZjA1NTVjOWIwNGFlNDUyZGQy&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTYyNzFjN2YzMmFkYmZiNTIzYzg4ZDE3ODZiOGZkY2U&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=d3de56ca35f5009dc66d34778fc7f78a" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: how to back up Drive Tables</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/10/03" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/5dde9cb3953930591ef0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjAlRTYlQTQlOUMlRTclQjQlQTIlRTYlOTklODIlRTMlODElQUIlRTYlOTclQTUlRTYlOUMlQUMlRTglQUElOUUlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODglRTMlODIlOEIlRTMlODIlODglRTMlODElODYlRTMlODElQUIlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1mOTUzYzA1MmNhMDJjNGM2NzMzYWIyNjA1MDIyMGRhYg&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=812f1571e0f5afba084190a727491adc" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: making search work with Japanese</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/10/02" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/0482df68ed27518474df" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjAlRTMlODIlQjklRTMlODIlQUYlRTMlODMlQUElRTMlODMlOTclRTMlODMlODglRTMlODElOEIlRTMlODIlODklRTklOTYlOEIlRTMlODElODQlRTMlODElQTYlRTMlODElODQlRTMlODIlOEJVUkwlRTMlODIlOTIlRTUlOEYlOTYlRTUlQkUlOTclRTMlODElOTklRTMlODIlOEIlRTYlOTYlQjklRTYlQjMlOTUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1kNDVmYmYzOWZlZjg4Nzg3YmZhNjEzNzEyYWM2NmNiYQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=b3671c58f57b81c685716998ba341832" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: how to get the URL that is open from a script</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/09/27">
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/89614a342d02d346fb72" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Q2xvdWQlMjBUcmFuc2xhdGlvbiUyMEFQSSUyMCVFMyU4MiU5MiVFNCVCRCVCRiVFNyU5NCVBOCVFMyU4MSU5OSVFMyU4MiU4QiVFOSU5QSU5QiVFMyU4MSVBRSVFMyU4MyU5RCVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MyU4OCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWRmNmRhNzdjNjdmZDUxZjk5NDMxZGJlMDIxMGNlYzJl&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=12bcf7426a1b48458c820d713c61354a" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Points to keep in mind when using the Cloud Translation API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/09/25" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/9ac0564da56246472fc5" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Q2hyb21lJTIwJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJTIwJUUzJTgzJUJDJTIwJUUzJTgyJUIzJUUzJTgzJUIzJUUzJTgzJTg2JUUzJTgyJUFEJUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgzJUExJUUzJTgzJThCJUUzJTgzJUE1JUUzJTgzJUJDJTI4Q29udGV4dFR5cGUlMkZJdGVtVHlwZSVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTVkMzFiNDFhNGZiMzRkOTdkMzI4ZGQ4YTAyNzg3Zjdk&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=f65f67dc71a64fa9fd342810a541188f" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Chrome extensions: context menus (ContextType / ItemType)</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/09/17" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/a98c6f4c4bb8d9535116" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBQYWdlRnJhZ21lbnQlRTMlODIlQTQlRTMlODMlQjMlRTMlODIlQjklRTMlODIlQkYlRTMlODMlQjMlRTMlODIlQjklRTMlODElQUUlRTMlODMlOEYlRTMlODMlOUUlRTMlODIlOEElRTMlODIlODQlRTMlODElOTklRTMlODElODQlRTMlODElQTglRTMlODElOTMlRTMlODIlOEQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05M2UyODM0ZTExMmU4ZTI0Njk1ZDY4N2E0NmZjOTUwMA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=f8f8865bdc2b76537c7db27f36b919af" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: common pitfalls with PageFragment instances</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/09/11" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/21475f0b69dd1f052151" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjAlRTUlQUUlOUYlRTglQTElOEMlRTYlOTklODIlRTMlODElQUVVUkwlRTMlODMlOTElRTMlODMlQTklRTMlODMlQTElRTMlODMlQkMlRTMlODIlQkYlRTMlODElQUIlRTMlODElQTQlRTMlODElODQlRTMlODElQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz01MDJjMDFkNDMwZTFhMmIzODRjOGM4NDY2NDg4ZGU0OQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=dac343886a1c1792ebc3add98a2fcffc" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: about the URL parameters at runtime</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/09/08" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/00ead7f818fd9e6fd612" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBRdWVyeSUyMCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSU5RiVFNiVBNCU5QyVFNyVCNCVBMiVFMyU4MSVBRSVFMyU4MyU4NiVFMyU4MiVBRiVFMyU4MyU4QiVFMyU4MyU4MyVFMyU4MiVBRiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWRkOWFkZDMyNDIwYjlkNzhjNDExM2Q4MjIwMDk1Nzc1&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=b351b8142e7f96aaf5f52dfee2c719e6" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: search techniques with Query</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/08/31" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/194a15db0529d4b70913" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjBEcml2ZSUyMFRhYmxlcyUyMCVFMyU4MSVCOCVFMyU4MSVBRSVFMyU4MyU4NyVFMyU4MyVCQyVFMyU4MiVCRiVFNiU4QSU5NSVFNSU4NSVBNSVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTE5YTFjNDYyYjkzNGM2ODk5NjU0YzZlOTU1NTk3NDlh&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=fd0e3dc3f4cc99007f0897eabc4f8e85" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: how to load data into Drive Tables</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/08/28" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/77641b2a456f97ed18ee" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwJTIwTWFrZXIlMjAlRTMlODMlQkMlMjAlRTclOTIlQjAlRTUlQTIlODMlRTMlODElQUUlRTklODElOTUlRTMlODElODQlRTMlODIlOTIlRTclOTAlODYlRTglQTclQTMlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz04N2EwOGUzNjU2ZDE0NmU5ZmZjYTJmMGM2NTZlNDc3Nw&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=77e549c764d4ec8419e02127269a5733" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google App Maker: understanding environments</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/07/26" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/c482438d8de121eaa78e" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwRG9tYWlucyUyMCVFMyU4MSVBOCUyMEclMjBTdWl0ZSVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFNyU4QiVBQyVFOCU4NyVBQSVFMyU4MyU4OSVFMyU4MyVBMSVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MSVBRSVFMyU4MyVBMSVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MiVBMiVFMyU4MyU4OSVFMyU4MyVBQyVFMyU4MiVCOSVFMyU4MiU5MiVFNCVCRCU5QyVFNiU4OCU5MCVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTYzY2ZiODc2MTZjNzA1NDAzZjVmYzZmMTE0NWQ1N2Ni&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=9c5b829b478bc3424015209ec7c61362" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Creating an email address on your own domain with Google Domains and G Suite</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/07/06">
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/fea172c7ba81c6af640f" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9SnNvbm5ldCVFMyU4MiU5MlZpc3VhbCUyMFN0dWRpbyUyMENvZGUlRTMlODElQTclRTQlQkQlQkYlRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1lNDE1YTdlYzhjYjE5ZjRlNzJlNjRmZDUxYmM5ZTViZQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=0c61bcad588756f26309a60ec5cbd407" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Using Jsonnet in Visual Studio Code</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/07/02" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/c59c367cd78030b84001" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwcyUyMFNjcmlwdCVFMyU4MSVBRSVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4OSVFOCVBMyU5QyVFNSVBRSU4QyVFMyU4MiU5MiVFNSVCRSVCOSVFNSVCQSU5NSVFOCVBNyVBMyVFOCVBQSVBQyUyMCUyM2dhc2phJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YzA3MWVhYzcxYjQ1ODFmMTc0ODA4MDE4NmMyZmYxYzM&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=ce723b3fe9097b4e76a67b69751f6a83" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">A thorough explanation of code completion in Google Apps Script</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/06/25" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/4dc11af7b1c74c17f7f7" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwcyUyMFNjcmlwdCVFMyU4MSVBRSVFMyU4MyVBRCVFMyU4MiVCMCVFOCVBOCVBRCVFOCVBOCU4OCUyMCUyM2dhc2phJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MmI4Mjc5OWIwYjQ1ZDViY2IxYzA2ZTNmZmEzNGUzMDA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=c72d5d4c39e3afbdb3e74b0449d6c58d" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Logging design in Google Apps Script</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/06/14" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/c28c0328038d9c43f389" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwU2hlZXRzJTIwQVBJJUUzJTgxJUE3JUUzJTgyJUJCJUUzJTgzJUFCJUUzJTgxJUFFJUU1JTgwJUE0JUUzJTgyJTkyJUU2JTlCJUI4JUUzJTgxJThEJUU4JUJFJUJDJUUzJTgyJTgwJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZDY4ZDY1NTYyNTRjN2Q4MjMyNzdmNTg5NTE0NTVmMDU&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=b2af5fdd1e333499ed2dbfa72f504fdf" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to write cell values with the Google Sheets API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/06/03" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/5473160c93030c386c2d" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwU2hlZXRzJTIwQVBJJUUzJTgxJUE3JUUzJTgyJUJCJUUzJTgzJUFCJUUzJTgxJUFFJUU1JTgwJUE0JUUzJTgyJTkyJUU4JUFBJUFEJUUzJTgxJUJGJUU4JUJFJUJDJUUzJTgyJTgwJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9Zjg5N2I3OTMwNDVmOGFjNjJlOTVmNDgyOTk2MzJmYjE&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=72278b2fe2c05c7675276b6855e4cf1e" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to read cell values with the Google Sheets API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/05/30">
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/cd01cbd3c1109e140fd0" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9UG9zdG1hbiVFMyU4MSVBN09BdXRoJUUzJTgxJUFFJUU4JUE4JUFEJUU1JUFFJTlBJUUzJTgyJTkyJUUzJTgxJTk3JUUzJTgxJUE2R29vZ2xlJTIwQVBJJUUzJTgyJTkyJUU1JUFFJTlGJUU4JUExJThDJUUzJTgxJTk5JUUzJTgyJThCJUU2JTg5JThCJUU5JUEwJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ODA4YzY2NjUwMWNiNDcxZjk3YzdhYTZhZDhmNWRiYTA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=b8a84f353bfcdbc3c7ba03162f530132" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Setting up OAuth in Postman to call Google APIs</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/05/28" tags={["GAS"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/46ca1f2fd9d27eaba0c3" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQXBwcyUyMFNjcmlwdCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSU5RiVFNyU4QiVBQyVFOCU4NyVBQSVFMyU4MyVBMSVFMyU4MyU4QiVFMyU4MyVBNSVFMyU4MyVCQyVFMyU4MSVBRSVFNCVCRCU5QyVFMyU4MiU4QSVFNiU5NiVCOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTgyZDY0N2VlNTY5NjY3ZWFhMjc0ODQwMzBkNDhjZjA1&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=115d548d432463b82fbff8791df613dc" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">How to make a custom menu with Google Apps Script</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/05/18" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/2fb95bb7b52cb0bb00ab" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJUUzJTgyJUI5JUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4QVBJJUUzJTgxJUFFJUU5JUFCJTk4JUU5JTgwJTlGJUU1JThDJTk2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MWY2MTQxZWE1NTRkOTlmZDkwNTYwM2Q3ZDU4Yjc1Nzc&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=cf5dba35561a21b60af0cca338a4fd79" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Speeding up the Google Sheets API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/05/07" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/005dff7fc9170a761ff8" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQ2xhc3Nyb29tJUUzJTgxJThDJUU0JUI4JTgwJUU4JTg4JUFDJUU1JTg1JUFDJUU5JTk2JThCJUUzJTgxJTk1JUUzJTgyJThDJUUzJTgxJUJFJUUzJTgxJTk3JUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZGNlYmMwOTk0NThhOWM1NTU3NWM3MzBlNjlkMTc3MDk&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=89447197cf94bf78d9282d4d65199b9c" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Google Classroom is now open to the public</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/03/09" tags={["AI"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/7216bf19ec237d4aebb2" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwVmlkZW8lMjBJbnRlbGxpZ2VuY2UlMjBBUEklRTMlODElQUUlRTMlODMlODclRTMlODMlQTIlRTMlODIlOTIlRTglQTclQTYlRTMlODElQTMlRTMlODElQTYlRTMlODElQkYlRTMlODElOUYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1jNDBiN2FlMjM1MzlmOTA3ZDEzNjUzOWE1NzMwNDJlNQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=2b4d472ff37e5e3a43a5de719e582b4c" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying the Google Video Intelligence API demo</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/02/01">
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/fe8b51ec042098587cf1" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R2l0SHViJUUzJTgxJUFCJUUzJTgzJTg4JUUzJTgzJTk0JUUzJTgzJTgzJUUzJTgyJUFGJUVGJUJDJTg4JUUzJTgyJUJGJUUzJTgyJUIwJUVGJUJDJTg5JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgxJThDJUU4JUJGJUJEJUU1JThBJUEwJUUzJTgxJTk1JUUzJTgyJThDJUUzJTgxJUJFJUUzJTgxJTk3JUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZDc4ZTdiYTJhN2UxOThhNzkzNDRkODU1MzI3NjBiYzI&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=a6b3e7688b2ee9a043ad11c8a5d873e7" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">GitHub has added topics (tags)</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2017/01/09" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/e6136b8454099ebfef29" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9UWlpdGElRTMlODIlOTIlRTMlODIlODglRTMlODIlOEElRTQlQkUlQkYlRTUlODglQTklRTMlODElQUIlRTMlODElOTklRTMlODIlOEJDaHJvbWUlRTYlOEIlQTElRTUlQkMlQjUlRTYlQTklOUYlRTglODMlQkQlRTMlODIlOTIlRTMlODElQTQlRTMlODElOEYlRTMlODIlOEElRTMlODElQkUlRTMlODElOTclRTMlODElOUYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0xNjc5MDJlZTBlYmZiYTA0NmE1YWQ4OWI5MDE3NTJiZQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=c10d7ddc5a6e1c1e96c4cbabfa1a8ec2" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">I made a Chrome extension that makes Qiita more convenient</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/11/28" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/6e2c75861bc5a14b2acf" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9U3RlcCUyMGJ5JTIwU3RlcCVFMyU4MSVBNyVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MiU4QkVTTGludCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTBlZjRlNjhhODk3YWNmYTNjNjJhNTYwMjgyMmU4Yjg1&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=47612f8ce86f8ecb45c9f97ef556f64c" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Getting started with ESLint step by step</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/11/14" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/be30170f8722c6837ea5" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwU2xpZGVzJTIwQVBJJUUzJTgxJThDJUU1JTg1JUFDJUU5JTk2JThCJUUzJTgxJTk1JUUzJTgyJThDJUUzJTgxJTlGJUUzJTgxJUFFJUUzJTgxJUE3JUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YTQ3YzE2Mjc3MmFmY2RjZjg0OTU3YTkxYjU0OGI0ODA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=a56138d0934bd8b15ea4f9cca58f6c83" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying the newly released Google Slides API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/10/03" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/35729490b024ca295d6c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUU1JTlCJUIzJUUzJTgxJUE3JUU3JTkwJTg2JUU4JUE3JUEzJUUzJTgxJTk5JUUzJTgyJThCSmF2YVNjcmlwdCVFMyU4MSVBRSVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MyU4OCVFMyU4MiVCRiVFMyU4MiVBNCVFMyU4MyU5NyVFMyU4MyU4MSVFMyU4MiVBNyVFMyU4MyVCQyVFMyU4MyVCMyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTQ0ZDA4ZDNhNTdhZmZlZjc3MTg4Mzk0Nzg3MDI1ZDQ1&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=dc999391d2369b0a6317c9c03f23eb87" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Understanding the JavaScript prototype chain with diagrams</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/09/20" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/eff3c70b8dd7aad1338a" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgwJThDRmFsY29uJUUzJTgwJThEJUUzJTgxJUE3V2ViJUU5JTk2JUIyJUU4JUE2JUE3JUU1JUIxJUE1JUU2JUFEJUI0JUUzJTgyJTkyJUUzJTgyJUI1JUUzJTgyJUFGJUUzJTgzJTgzJUUzJTgxJUE4JUU2JUE0JTlDJUU3JUI0JUEyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9N2Y5ZTcwMDNjNTliNTVkNDk2NmYzMzY1MmRhNzhlMDI&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=0f7634044de94d5083d38a4e52b1fb00" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Searching your browsing history quickly with the Chrome extension Falcon</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/09/15" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/d74fa13ce62424dfdc86" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R3JhbmltLmpzJUUzJTgxJUE3JUUzJTgyJUIwJUUzJTgzJUE5JUUzJTgzJTg3JUUzJTgzJUJDJUUzJTgyJUI3JUUzJTgzJUE3JUUzJTgzJUIzJUUzJTgyJTkyJUUzJTgyJUEyJUUzJTgzJThCJUUzJTgzJUExJUUzJTgzJUJDJUUzJTgyJUI3JUUzJTgzJUE3JUUzJTgzJUIzJUU4JUExJUE4JUU3JUE0JUJBJUUzJTgxJTk3JUUzJTgxJUE2V2ViJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgyJTkyJUUzJTgzJUFBJUUzJTgzJTgzJUUzJTgzJTgxJUUzJTgxJUFCJUUzJTgxJTk3JUUzJTgyJTg4JUUzJTgxJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YTU1MDk2MjZlNTIyODFmNDNhYWJjYWZmNWMxNjgwMjU&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=82f3d16dfb5e2725a88219f8e8ac5580" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Making your website richer with animated gradients using Granim.js</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/09/08" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/92a7de771bbea99dbc7c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9Y3NzbmV4dCVFMyU4MSU4QiVFMyU4MiU4OSVFNSVBRCVBNiVFMyU4MSVCNiVFNiVBQyVBMSVFNCVCOCU5NiVFNCVCQiVBM0NTUyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWQ0ZjNjZDRmYzExNDgxYmVlY2FjOTg1NDc5ZDU4YjFj&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=1432c60df0dd6629b1525b30035c3d65" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Learning next-generation CSS from cssnext</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/09/05" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/1029e3df24ac42c7bd49" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9U3RlcCUyMGJ5JTIwU3RlcCVFMyU4MSVBNyVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MiU4QlBvc3RDU1MmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05NzFiYjBkNTZkMzU4MzI1ZTNiNDkwZDg4NGM1ZDRhZA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=131b05bf548d6cf831771bda85dc2a24" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Getting started with PostCSS step by step</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/08/08" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/48d85c430f90a21075cd" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9c3RlcCUyMGJ5JTIwc3RlcCVFMyU4MSVBNyVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MiU4QndlYnBhY2smdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1kYjMwNjBiMmVmNTE2OTMzMDhjZjY3N2NiYjg4MzcxZQ&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=3a46ee12dee480e880c6c02c41768916" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Getting started with webpack step by step</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/07/21" tags={["AI"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/a1aef86fef1ce1b6d778" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgzJTg5JUU4JTg3JUFBJUU3JTg0JUI2JUU4JUE4JTgwJUU4JUFBJTlFQVBJJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YWRhOGI0YmYxNzllZjc1Mzk1MmI3MmMwNGM0NjgxZjc&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=ad26df09b7f02e398cbeb803a72630b2" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying the Google Cloud Natural Language API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/07/19">
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/3b2b14ce73ec44c54f7b" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJUUzJTgxJUFFV2ViQVBJJUU4JUE4JUFEJUU4JUE4JTg4JUUzJTgxJUE4V2ViQVBJJUU4JUE4JUFEJUU4JUE4JTg4JUUzJTgxJUFFJUUzJTgzJTk5JUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgzJTk3JUUzJTgzJUE5JUUzJTgyJUFGJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgyJUI5JUUzJTgyJTkyJUU2JUFGJTk0JUU4JUJDJTgzJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZDQzYmJmYTE3MGUyMWE3OWYzYTJmMDViZTcwZDIyNjA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=146ba76021af8b9c6551f4e90d56a581" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Comparing Google's Web API design with Web API best practices</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/07/13" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/693eb250d80292c33f3c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R21haWwlRTMlODElQUUlRTglQTglQUQlRTUlQUUlOUElRTMlODIlOTIlRTYlOTMlOEQlRTQlQkQlOUMlRTMlODElOTklRTMlODIlOEJBUEklRTMlODElOEMlRTklOTYlOEIlRTYlOTQlQkUlRTMlODElOTUlRTMlODIlOEMlRTMlODElQkUlRTMlODElOTclRTMlODElOUYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zZmY0MjAxZDM5NTNkOTg5YzRiYzVkNTY0ODRkNzMwMw&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=b167c18a1e810a4f20d53b12f3de5ec0" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">The Gmail settings API is now available</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/06/30" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/f3d157c5816d47ed8a0f" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJUUzJTgyJUI5JUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgxJUE3R29waGVyJUUzJTgyJTkyJUU2JThGJThGJUUzJTgxJThGJTIwd2l0aCUyMEdvJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NTEyNmI3Mjc2YTQwODdiZTZmZTJhZmExOTQxYTkxOTE&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=f215354e1b4beea9301be09f49775711" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Drawing a Gopher in Google Sheets with Go</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/06/08" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/a7de282e6dd5350f7a7c" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwUGlja2VyJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2V2ViJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgxJUFFVVglRTMlODIlOTIlRTUlOTAlOTElRTQlQjglOEElRTMlODElOTUlRTMlODElOUIlRTMlODIlODglRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yODgzZjJlNGE3ZjBkZWY4NmM0MjIxZDJkNTk0YmZkOA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=95fcd1a7f8e9271592caa724161d169a" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Improving a website's UX with Google Picker</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/05/22" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/ca719537bba676dce1cf" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJUUzJTgyJUI5JUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgyJTkyJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgyJUIwJUUzJTgzJUE5JUUzJTgzJUEwJUUzJTgxJThCJUUzJTgyJTg5JUU2JTkzJThEJUU0JUJEJTlDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YmZlOWExN2Y1N2EyZGJjMWNjYTQxZjM4OWEwN2U5OWE&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=6abdec6ad65bee2d5415b00f235d252c" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Operating Google Sheets from a program</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/05/16" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/b9d704e7f84053924da3" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9c3RlcCUyMGJ5JTIwc3RlcCVFMyU4MSVBNyVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MiU4Qkthcm1hJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NDhhYTIzMDNlMzA5OWUxY2E2ODNjMDI5NzlhZjAyMjA&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=fc9a7e20fda0373e3b3c1fc98aa0bc14" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Getting started with Karma step by step</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/04/27" tags={["Front-end"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/cdd5b252096f5a2fa438" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgxJUFCJUUzJTgzJTg2JUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgyJTkyJUU1JUIwJThFJUU1JTg1JUE1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NGZmZTE1MDE5NDExZmVmNjE5ZWMyY2E1NGNmZmY3M2M&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=01c3bc25e65f9e4573367baadac723c0" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Introducing tests to the front end</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/03/01" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/13bd27d8383966b33e07" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwUGVvcGxlJTIwQVBJJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZWJiMDI1OTZjNzBhNzdlOWVjMGVmMWQ5ZWQ4OTY2Njk&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=cd1f989115324a725e48d888cb534b3a" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Trying the Google People API</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/02/09" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/2eca13609901a22fcbb8" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlQVBJJUUzJTgyJTkyJUU5JUFCJTk4JUU5JTgwJTlGJUU1JThDJTk2JUUzJTgxJTk3JUUzJTgyJTg4JUUzJTgxJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NDlkYWY4MDA4MDE0NWI1MWZlMTVhZjNjZDFlYjI2Mjg&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=f684c0f65d27fd236d46953ed2262fd3" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Speeding up Google APIs</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>

<Update label="2016/02/03" tags={["Google Workspace"]}>
  <div className="not-prose">
    <a href="https://qiita.com/howdy39/items/a598f9fcd2fb1d3933f2" className="group flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-light transition-colors">
      <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.1.1%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzU1OTUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3Nzg_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc3ZDFkNjljODVmODkwZjdlN2RjOTA3NDEwZDcwODU5%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3Dd0452435851d3c00b4e4e9507ea17a8b?ixlib=rb-4.1.1&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwQVBJJUUzJTgxJUFFQmF0Y2glMjBSZXF1ZXN0JUUzJTgxJUFFJUU0JUJCJTk1JUU3JUI1JTg0JUUzJTgxJUJGJUUzJTgyJTkyJUU3JTkwJTg2JUU4JUE3JUEzJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YTkzNmJiNTc2ZTkxOWQwYjM4YzJhYTllOWI5N2YxNjE&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBob3dkeTM5JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmJhZmRjNmQ3MzU0NjY1NmQwNmJiNTdjNGIxNjEwYWU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=c49aa385467a22f25879a6c4fd63626d" alt="" width="1200" height="630" loading="lazy" decoding="async" className="w-full m-0 object-cover" style={{ aspectRatio: "1200 / 630" }} />

      <div className="flex items-start justify-between gap-3 p-4">
        <div className="min-w-0">
          <div className="font-semibold text-base text-gray-800 dark:text-white">Understanding how Google API Batch Requests work</div>
          <div className="mt-1 text-gray-500 dark:text-gray-400">Qiita</div>
        </div>

        <span aria-hidden="true" className="text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary-light">↗</span>
      </div>
    </a>
  </div>
</Update>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.