> ## 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

> 書いた記事を新しい順に並べています。

note や Zenn に書いた記事は、各サイトに移動します。

<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">Claude と壁打ちして、Mintlify で AI ネイティブなポートフォリオサイトを作った話</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={["エッセイ"]}>
  <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">大腸内視鏡検査は正直しんどかったけど、みんな受けた方がいいよという話</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={["エッセイ", "情シス"]}>
  <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">感謝をモチベーションにして働くのは悪いことなのか？</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", "情シス", "セキュリティ"]}>
  <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">Claude Code のデフォルトが自動モードになる前に、情シスが決めておきたいこと</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={["エッセイ", "情シス"]}>
  <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">整った環境で働き続けるのは本当に良いのかという話</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">業務利用におけるClaudeの5時間制限を効率よく回避するテクニック</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={["情シス", "マネジメント"]}>
  <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">バックオフィスには「選ばれる競争」がない。だから、意識しないと体験は良くならない</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={["マネジメント", "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">「人が足りません」と言われて、すぐに「増やそう」と言わなくなった話</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={["エッセイ", "情シス"]}>
  <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">STORES を退職します。 情シスも卒業します。</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">GAS から Vertex AI Service を使った Web アプリケーション を社内限定公開で作成する</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管理"]}>
  <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">1Password の Hosted Provisioning（SCIM） を 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管理", "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？SaaS管理ツール？API叩く？アカウント削除自動化の考え方</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", "エッセイ"]}>
  <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">YOUTRUSTさんのスカウトAI機能のリリースを見てふと思ったこと</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", "情シス"]}>
  <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">Notion カスタムエージェントを社内AIヘルプデスクとして導入して気づいた社外AIヘルプデスクサービスとの違い</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={["エッセイ", "情シス"]}>
  <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">誰のために仕事をしているのか</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">Notion カスタムエージェントの何がすごいのかを解説するよ</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={["エッセイ", "情シス"]}>
  <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">本当の優しさ</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={["セキュリティ", "情シス"]}>
  <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">「とりあえず守る」は、悪じゃないと思うよ。</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={["エッセイ", "振り返り"]}>
  <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年振り返り</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管理", "情シス"]}>
  <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">SaaSの不要アカウント棚卸しを効果的に行う4つのポイント</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={["情シス", "エッセイ"]}>
  <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">社用メールアドレスから見る合理性と多様性</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={["マネジメント", "エッセイ"]}>
  <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">新しいことで迷ったら「やりましょう」ベースで</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={["情シス", "SaaS管理", "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">AIにより高機能化・高価格化するSaaSが増えている中、社内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/09/30" tags={["エッセイ"]}>
  <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">検索時の条件が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 でも大体の 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="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フォームのAI作成が英語にしか対応してない？そんな時でも日本語フォームをAIで作るテクニック</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">スプレッドシートのAI関数が英語にしか対応してない？そんな時でもAI関数を使うテクニック</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">Gemini と 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", "セキュリティ"]}>
  <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">Google Workspace 版 NotebookLM を安全に外部ユーザーと共有する方法</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">Notion のページ内で人を表す際に「絵文字」「ページ」「メンション」のどれを用いるのがよいのかを考える</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", "情シス"]}>
  <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">SaaS の引っ越しに伴うリダイレクト Chrome 拡張機能の実装方法</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={["エッセイ"]}>
  <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">Tech The Toaster のすべての書籍を無料にしました & 同人誌活動の振り返り</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", "セキュリティ"]}>
  <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">ビジネス環境における Notion の「エクスポート無効」設計ガイドライン</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">Notion の オートーメーション を使ってSlack 通知のメッセージをカスタマイズする方法</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">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 は単なるドキュメンテーションツールやプロジェクト/タスク管理ツールではなく業務の中心となるツールになっていきそう</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の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="2024/12/30" tags={["エッセイ", "振り返り"]}>
  <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年振り返り</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={["情シス", "マネジメント"]}>
  <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">レジリエンスの高い情シス組織を作ろうとしている話</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={["情シス", "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">最先端のITプロダクトが、多様なお商売を叶えるサービスづくりを支える。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={["情シス"]}>
  <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">Slackのレガシーワークフローの一覧をスクリプトで抽出して引越しをスムーズに進める</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">Dify API と GASのカスタム関数を組み合わせてスプレッドシートからLLMを利用する</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={["情シス", "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">安否確認サービスをコーポレートエンジニアが導入するとどのような運用設計をするのか</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管理", "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">GAS からAdmina API を使って SaaS 利用状況を可視化する Looker Studio を作ってみた</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={["エッセイ"]}>
  <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">解釈力をあげると見えている世界が変わってくるよ、という話</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">1Passwordのチームレポートの日付を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/08" tags={["エッセイ"]}>
  <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">行動変容をともなう劇的な成長がある、という話</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={["エッセイ", "振り返り"]}>
  <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年振り返り</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管理", "情シス"]}>
  <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">情シスはSaaSのアカウント管理をどうおこなうのがいいのか。一例としてAdminaのロール機能を使ったアカウント管理運用フローを共有します</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">新しいSlackワークフローを使って絵文字リアクションした人を自動でGoogleカレンダーの予定に招待</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={["情シス"]}>
  <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 でコーポレートエンジニアを絶賛募集中です！</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">esa 記事をスマートチップで補完する Google Docs アドオンの作り方</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">新しい Slack ワークフローをつかって Google Meet の URL を発行する</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">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/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">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={["情シス", "セキュリティ"]}>
  <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">API ロールと API クライアントを使った Jamf Pro API の使い方入門</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={["情シス"]}>
  <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">事業スピードを落とさない攻めの情シス。400人のアカウント引越しを叶え今、目指すこと</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">新しいSlackワークフローを使った簡易チケット管理システムの作り方</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">GASを使ってドメイン内のすべてのGoogleグループ設定を出力する</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", "情シス"]}>
  <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">ChatGPTを使った社内ドキュメントを読み込んで回答できるアシスタントBotを作りました！</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", "情シス"]}>
  <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">Google Apps Scriptの社内研修をやりました！ 〜研修の進め方 & GAS初心者に何を教えたのか〜</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", "情シス"]}>
  <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">社名変更に伴うGoogle Workspaceアカウントの引越し手順を解説します</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">STORES PX Advent Calendar 2023 Spring を開催します！ #STORESアドカレ</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">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">Googleフォームと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={["情シス"]}>
  <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">情シスがDeveloper eXperienceを考えた結果、エンジニア貸与PCをいつでも交換できるようにしました</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={["エッセイ", "振り返り"]}>
  <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年振り返り</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">Googleスライドを使ったビンゴカードの作り方</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={["エッセイ"]}>
  <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">野良ネコ用レンズ探しの旅 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={["情シス", "エッセイ"]}>
  <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">ソフトウェアエンジニアがコーポレートエンジニアになると異世界転生が始まるのか</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={["マネジメント", "エッセイ"]}>
  <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">リマインドする者される者</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">GASからSlackIDではなくメールアドレスを使ってメンションを送る方法</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管理", "情シス"]}>
  <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">なぜ情シスがすべての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={["情シス"]}>
  <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でコーポレートエンジニアの追加募集をはじめました！</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={["情シス"]}>
  <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">heyのレビュー会のオンライン配信を改善していったらTV撮影みたいになった話</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={["エッセイ", "振り返り"]}>
  <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年振り返り</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={["マネジメント", "情シス"]}>
  <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">情シスのマネージャーにジョブチェンジしてソフトウェアエンジニアのもつ良い文化をチームに取り入れている話</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={["情シス"]}>
  <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の社内ITを支える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/07/03" tags={["情シス"]}>
  <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の社内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={["情シス", "エッセイ"]}>
  <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">フロントエンドエンジニアからコーポレートエンジニアにジョブチェンジします</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={["エッセイ", "振り返り"]}>
  <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年の振り返り</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">Nuxt.js、Google Apps Script、スプレッドシート（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">GitHub, GAS, 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={["フロントエンド"]}>
  <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">STORES.jp (hey) に入社してちょうど1年経ったので、STORESのフロントエンド開発について書きます</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">Google スライドで登壇用スライドを作る際のテクニック</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={["エッセイ"]}>
  <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">#技術書典 6 にサークル参加してきたので被チェック数の傾向とか感想とかつらつら書きます</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={["フロントエンド"]}>
  <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">NuxtでYouTubeプレイヤーを埋め込む</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={["エッセイ", "振り返り"]}>
  <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年の振り返り</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={["フロントエンド"]}>
  <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">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={["フロントエンド"]}>
  <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">vue.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={["フロントエンド"]}>
  <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">Nuxtで直接アクセスを禁止にするmiddlewareを作る</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={["フロントエンド"]}>
  <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">マウスホバーで離れた位置になにか表示したいときの便利ワザ</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={["フロントエンド"]}>
  <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">Nuxt, netlify, Firebase を使ったWebサービス開発と個人開発における技術選定のポイント</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={["フロントエンド"]}>
  <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">NuxtMeetUp#6 にブログ枠で参加してきました</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={["フロントエンド"]}>
  <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">Nuxt, ElementUI, Storybook 構成のVueプロジェクトの始め方</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={["フロントエンド"]}>
  <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">Step by Step で始める Vue.js の CSSトランジション</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={["エッセイ"]}>
  <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">STORES.jp (hey) に入社してちょうど1ヶ月経った感想</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={["エッセイ"]}>
  <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">Chromeデベロッパーツール本の通販開始のお知らせ と 初サークル参加の感想 #技術書典 5</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={["エッセイ"]}>
  <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">Chrome デベロッパーツール本を書き始めたきっかけから入稿完了までの物語 #技術書典 5</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={["フロントエンド"]}>
  <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">Chrome の 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">Cloud Functions with Puppeteer + 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">スプレッドシートをWebAPI化するサービスの作り方</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={["フロントエンド"]}>
  <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">Chrome デベロッパーツールの 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">スプレッドシートにマクロ機能が追加されたので試してみた</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">Google Apps Script のデプロイを 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">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/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">GASにGoogleカレンダーのイベント変更検知機能が実装されたので試してみた</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 と 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">GAS と 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 ー 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 ー Popup の使い方</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 ー 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 ー Transformerを使いこなす</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 ー Calculated モデルを使ってスプレッドシートのデータを表示する</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 ー オーナーや編集者でアプリケーションを公開した場合に実行できることの違い</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 ー アプリを別のサイトに埋め込む</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 ー Roleでモデルと画面を制御する</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 ー Application 実行アカウントについて</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 ー デフォルトアクションの一覧</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", "エッセイ", "振り返り"]}>
  <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">App Maker 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 ー 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 ー 検索時に日本語を使えるようにする</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 ー スクリプトから開いているURLを取得する方法</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">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={["フロントエンド"]}>
  <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 拡張機能 ー コンテキストメニュー(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 ー PageFragmentインスタンスのハマりやすいところ</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 ー 実行時のURLパラメータについて</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 ー 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 ー 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 ー 環境の違いを理解する</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">Google Domains と 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">Jsonnetを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">Google Apps Scriptのコード補完を徹底解説 #gasja</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">Google Apps Scriptのログ設計 #gasja</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">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">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">PostmanでOAuthの設定をしてGoogle 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/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">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">Googleスプレッドシート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が一般公開されました</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">Google Video Intelligence 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/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にトピック（タグ）機能が追加されました</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={["フロントエンド"]}>
  <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">Qiitaをより便利にするChrome拡張機能をつくりました</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={["フロントエンド"]}>
  <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">Step by Stepで始めるESLint</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">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={["フロントエンド"]}>
  <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">図で理解するJavaScriptのプロトタイプチェーン</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={["フロントエンド"]}>
  <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">Chrome拡張機能「Falcon」でWeb閲覧履歴をサクッと検索</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={["フロントエンド"]}>
  <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">Granim.jsでグラデーションをアニメーション表示してWebサイトをリッチにしよう</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={["フロントエンド"]}>
  <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">cssnextから学ぶ次世代CSS</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={["フロントエンド"]}>
  <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">Step by Stepで始めるPostCSS</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={["フロントエンド"]}>
  <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">step by stepで始めるwebpack</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">Googleクラウド自然言語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">GoogleのWebAPI設計とWebAPI設計のベストプラクティスを比較してみる</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">Gmailの設定を操作する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/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">GoogleスプレッドシートでGopherを描く 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">Google Pickerを使ってWebサイトのUXを向上させよう</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">Googleスプレッドシートをプログラムから操作</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={["フロントエンド"]}>
  <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">step by stepで始めるKarma</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={["フロントエンド"]}>
  <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">フロントエンドにテストを導入</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">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">GoogleAPIを高速化しよう</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">Google APIのBatch Requestの仕組みを理解する</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.