https://inakacloud.com/ Recent content in inakacloud$ ls blog ｜ ITとガジェット検証ブログ on inakacloud Hugo -- gohugo.io ja-jp Copyright © 2026-2026 inakacloud All Rights Reserved. Fri, 29 May 2026 19:38:35 +0900 https://inakacloud.com/posts/gas-slack-incoming-webhook/ Fri, 29 May 2026 19:38:35 +0900 https://inakacloud.com/posts/gas-slack-incoming-webhook/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>外部のAPIなどから定期的にデータを取得（Fetch）し、Slackへ自動で通知する仕組みは、開発環境のアラート運用などで非常に便利です。</p> <p>今回は、 <strong>Google Apps Script（GAS）</strong> を使ってデータを取得し、<strong>Slack App（Incoming Webhook）</strong> 経由で通知する仕組みの構築手順をまとめます。</p> https://inakacloud.com/posts/adsense-improvement-start/ Tue, 26 May 2026 06:13:31 +0900 https://inakacloud.com/posts/adsense-improvement-start/ <p>Googleアドセンスの審査を申請したものの、返ってきた結果は <strong>「有用性の低いコンテンツ」</strong> による却下。</p> <p>AIと壁打ちをすることで、客観的にサイトの構造を見直してみると、記事の内容が評価されない明確な原因が浮かび上がってきました。</p> <p>色々とHugoの機能やサブドメインの検証など、興味をもってやりたいことを試しまわったのが、きっと裏目に出たように分析しています笑。 不要なものは徹底的に取っ払っていきます。</p> https://inakacloud.com/posts/hugo-image-seo/ Fri, 22 May 2026 20:23:55 +0900 https://inakacloud.com/posts/hugo-image-seo/ <p>最近は　Hugoのことをたくさん書いています。 Hugoでブログを書いていると、一番面倒なのが「画像」の扱いです。 スクショを撮って、WebPに変換して、適切な名前をつけて、Markdownにリンクを貼る……。</p> <p>面倒すぎて正直これまでやってきていませんでした。笑</p> <p>このフローを自作のシェルスクリプトで自動化したのですが、そこでふと疑問が浮かびました。 <strong>「画像ファイル名を link1.webp みたいに連番にしても、SEO的に大丈夫なのだろうか？」</strong></p> https://inakacloud.com/posts/iphone-safari-tab-auto-close/ Sun, 17 May 2026 20:35:50 +0900 https://inakacloud.com/posts/iphone-safari-tab-auto-close/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>iPhoneでネットサーフィンをしていると、ついついやってしまうのが <strong>「タブの放置」</strong>。 「気づいたらタブが100個以上も開いていた…」なんて経験された人は、自分だけではないですよね？</p> <p>タブが溜まりすぎると動作が重くなる原因にもなりますし、何より見づらいですよね。</p> https://inakacloud.com/posts/hugo-blowfish-syntax-highlight/ Sat, 16 May 2026 15:57:27 +0900 https://inakacloud.com/posts/hugo-blowfish-syntax-highlight/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>Hugoのテーマ<code>Blowfish</code>を使っていて、コードブロック（シンタックスハイライト）のスタイルが見えづらかったのでカスタマイズしたのですが、一部の文字が背景色と同化して黒く潰れて見えなくなってしまったりしました。</p> <p>今回は、Blowfishテーマでデフォルトのスタイルをきれいにリセットし、自分好みのカラー（GitHub風やその他のテーマ）に安全にカスタマイズする方法について記載します。といってもBlowfishの公式ドキュメントに書いてある内容ですが。</p> https://inakacloud.com/posts/cloudflare-workers-pages-subdirectory/ Sat, 16 May 2026 13:03:19 +0900 https://inakacloud.com/posts/cloudflare-workers-pages-subdirectory/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>既存のサイト（例: <code>inakacloud.com</code>）のドメインを活かしたまま、特定のサブディレクトリ（例: <code>/typing-toeic/</code>）だけ別のプロジェクト（Cloudflare Pagesなど）を表示させたい場合があります。</p> https://inakacloud.com/posts/cloudflare-pages-subdomain-setup/ Wed, 13 May 2026 19:40:58 +0900 https://inakacloud.com/posts/cloudflare-pages-subdomain-setup/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>Cloudflare Pagesでプロジェクトをデプロイした後、デフォルトの <code>*.pages.dev</code> ではなく、自分が所有しているドメインのサブドメインで公開したい場合のレポジトリ設定とDNS設定の手順をまとめました。</p> <h2 class="relative group">サブドメインとは <div id="サブドメインとは" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%b5%e3%83%96%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%a8%e3%81%af" aria-label="アンカー">#</a> </span> </h2> <p>[任意の文字列].inakacloud.comのように任意の文字列を設定できます。 本ブログでは、 <strong>Cloudflare regitarar</strong> で<code>inakacloud.com</code>ドメイン取得しているので設定も簡単です。</p> https://inakacloud.com/posts/hugo-blowfish-giscus/ Tue, 12 May 2026 06:10:26 +0900 https://inakacloud.com/posts/hugo-blowfish-giscus/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>本ブログではHugoのテーマ <strong>Blowfish</strong> を使用しています。 Hugoで構築した静的サイト（SSG）のブログにコメント機能を導入するにあたり、いくつか候補を検討しましたが、最終的に <strong>Giscus</strong> を選択しました。</p> <p>検討の際、以下のツールが候補にありましたが、私の用途には合いませんでした。</p> https://inakacloud.com/posts/hugo-blowfish-pr-label/ Sat, 09 May 2026 16:55:36 +0900 https://inakacloud.com/posts/hugo-blowfish-pr-label/ <h2 class="relative group">PR表記 はじめに <div id="pr表記-はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#pr%e8%a1%a8%e8%a8%98-%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>HugoのBlowfishテーマで、Amazonアソシエイトなどの広告リンクを貼る際に必要となる「PR表記（ステマ規制対策）」を実装しました。</p> <p>Blowfishのレイアウト内の<code>single.html</code> を適切に編集することで、デザインを維持したまま実装可能です。</p> https://inakacloud.com/posts/zenn-github-workflow/ Fri, 08 May 2026 20:06:31 +0900 https://inakacloud.com/posts/zenn-github-workflow/ <p>流行りのZennで執筆できるように環境を整えてみました。</p> <p>GitHub連携（Git管理）することで、ソースをプッシュするとZennに自動デプロイされて便利です。 普段の開発フローと同じ感覚で記事を書けるので、エンジニアにはかなり快適です。</p> <p>忘れないように手順を残しておきます。</p> <p>今回、以下の記事を作成しました。 <div class="link-card-wrapper" style="margin: 20px 0; max-width: 700px;"> <a href="https://zenn.dev/nakk/articles/my-first-post-2026" target="_blank" rel="noopener" class="link-card" style="text-decoration: none; color: inherit; display: flex; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; background: #fff; height: 120px;"><div class="link-card-image" style="flex: 0 0 160px; background-image: url('https://res.cloudinary.com/zenn/image/upload/s--v84y1_uS--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Zenn%2520%25E5%25A7%258B%25E3%2582%2581%25E3%2581%25BE%25E3%2581%2597%25E3%2581%259F%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:nakk%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyLzc0MzNhODBjNzUuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACMTiGT'); background-size: cover; background-position: center;"> </div><div class="link-card-content" style="flex: 1; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;"> <div class="link-card-title" style="font-weight: bold; font-size: 0.95rem; color: #333; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;">Zenn 始めました</div> <div class="link-card-hostname" style="display: flex; align-items: center; gap: 8px; font-size: 0.8rem; color: #666;"><img src="https://static.zenn.studio/images/logo-transparent.png" alt="" style="width: 14px; height: 14px; object-fit: contain;" onerror="this.style.display='none';"><span style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">zenn.dev</span> </div> </div> </a> </div> </p> https://inakacloud.com/posts/hugo-amazon-associate/ Thu, 07 May 2026 19:16:29 +0900 https://inakacloud.com/posts/hugo-amazon-associate/ <h2 class="relative group">1. はじめに <div id="1-はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#1-%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>Amazonアソシエイトをやってみました。AmazonアソシエイトのサイトからもURLリンクをコピーできますが、文字列だけで画像が表示できませんでした。</p> <p>Hugoのショートコードを使って、画像付きのAmazonアソシエイトリンクを貼り付けられるように実装しました。</p> https://inakacloud.com/posts/hugo-related-content-setup/ Wed, 06 May 2026 14:20:03 +0900 https://inakacloud.com/posts/hugo-related-content-setup/ <p>Hugoブログを運営していると、読者に他の記事も読んでもらうために「関連記事」を表示したくなります。 CMSなどでは簡単に表示できると思うのですが、Hugoではちょっと調べる必要があり面倒でした。 今回、Hugoでの関連ページを実装したのでメモを残しておきます。</p> <p>Hugoには標準で <a href="https://juggernautjp.info/content-management/related/" target="_blank" rel="noreferrer">Related Content</a> という機能がデフォルトで備わっており、複雑なコードを書かずに実装可能です。以下のコードで5記事関連ページ表示できます。ただし、文字とリンクだけで味気ないです。</p> https://inakacloud.com/posts/hugo-blowfish-favicon-setup/ Wed, 06 May 2026 11:16:22 +0900 https://inakacloud.com/posts/hugo-blowfish-favicon-setup/ <p>Hugoテーマ「Blowfish」を利用しているのですが、ドキュメントに記載されている方法でもfavicon（タブのアイコン）が期待通りに表示されずハマりましたので備忘です。</p> <p>当初、Blowfishの公式ドキュメント（<a href="https://blowfish.page/ja/docs/partials/" target="_blank" rel="noreferrer">Partials | Blowfish</a>）に記載されている標準的な方法を試行しましたが、自分の場合は上手くいきませんでした。</p> https://inakacloud.com/posts/aws-apn-select-tier-comprehensive-memo/ Wed, 06 May 2026 08:39:28 +0900 https://inakacloud.com/posts/aws-apn-select-tier-comprehensive-memo/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>仕事でAWS パートナーネットワーク（APN）において、レジスタードから「セレクトティア」へ昇格させました。意外とまとまった情報が少なく、大変な部分もあったので、要件やどのように進めるか、メリットなどついてまとめてみました。</p> https://inakacloud.com/posts/hugo-blowfish-google-analytics/ Wed, 06 May 2026 08:22:27 +0900 https://inakacloud.com/posts/hugo-blowfish-google-analytics/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>Hugoのテーマ <strong>Blowfish</strong> にGoogle Analytics (GA4) とGoogleサーチコンソールを導入する手順の備忘です。</p> <hr> <h2 class="relative group">Google Analytics <div id="google-analytics" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#google-analytics" aria-label="アンカー">#</a> </span> </h2> <h3 class="relative group">1. Google Analytics 測定IDの取得 <div id="1-google-analytics-測定idの取得" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#1-google-analytics-%e6%b8%ac%e5%ae%9aid%e3%81%ae%e5%8f%96%e5%be%97" aria-label="アンカー">#</a> </span> </h3> <p>まず、Google Analyticsの管理画面から「測定ID」を取得します。</p> https://inakacloud.com/posts/how-to-create-contact-form/ Tue, 05 May 2026 20:45:00 +0900 https://inakacloud.com/posts/how-to-create-contact-form/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>本ブログはHugoで作成しています。 ブログ運用において、Googleフォームの問い合わせを設置しました。</p> <p>Googleフォームであれば、実装が非常に楽ちんです。 ランニングコストもかからないので導入しやすいかと思います。</p> <p>Cloudflare Workersで問い合わせフォームを実装している人もいるみたいなので、ゆくゆくはそっちに変えるかもしれませんが。</p> https://inakacloud.com/author/ Tue, 05 May 2026 17:43:29 +0900 https://inakacloud.com/author/ <h2 class="relative group">About inakacloud <div id="about-inakacloud" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#about-inakacloud" aria-label="アンカー">#</a> </span> </h2> <p><strong>「田舎暮らし × クラウド技術」</strong></p> <p><code>inakacloud</code> という名は、地方での静かな生活と、クラウド技術を掛け合わせて名付けました。場所にとらわれず、IT技術に触れていきたい。</p> <br> <h2 class="relative group">著者Profile <div id="著者profile" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e8%91%97%e8%80%85profile" aria-label="アンカー">#</a> </span> </h2> <table> <thead> <tr> <th style="text-align: left">項目</th> <th style="text-align: left">内容</th> </tr> </thead> <tbody> <tr> <td style="text-align: left"><strong>職種 / 専門</strong></td> <td style="text-align: left">クラウドエンジニア　AWSとかOCIとか触っています</td> </tr> <tr> <td style="text-align: left"><strong>発信内容</strong></td> <td style="text-align: left">インフラ構築、試行錯誤のメモ、技術のアウトプット、ガジェットとか</td> </tr> <tr> <td style="text-align: left"><strong>趣味 / 関心</strong></td> <td style="text-align: left">IT、ガジェット、コーヒー</td> </tr> <tr> <td style="text-align: left"><strong>保有資格</strong></td> <td style="text-align: left"><ul style="margin:0; padding-left:20px;"><li><strong>AWS (12冠)</strong><br>【Professional】<br>・AWS Certified Solutions Architect - Professional<br>・AWS Certified DevOps Engineer - Professional<br><br>【Specialty】<br>・AWS Certified Advanced Networking - Specialty<br>・AWS Certified Security - Specialty<br>・AWS Certified Machine Learning - Specialty<br><br>【Associate】<br>・AWS Certified Solutions Architect - Associate<br>・AWS Certified Developer - Associate<br>・AWS Certified Machine Learning Engineer - Associate<br>・AWS Certified CloudOps Engineer - Associate<br>・AWS Certified Data Engineer - Associate<br><br>【Practitioner】<br>・AWS Certified AI Practitioner<br>・AWS Certified Cloud Practitioner</li><br><li><strong>Oracle Cloud Infrastructure</strong><br>・OCI Architect Professional<br>・OCI Security Professional</li><br><li><strong>Cisco / LPI</strong><br>・CCNA<br>・LPIC-3 (305 Virtualization &amp; High Availability)</li></ul></td> </tr> <tr> <td style="text-align: left"><strong>ひと言</strong></td> <td style="text-align: left">日々の記録が、誰かの役に立てば嬉しいです。</td> </tr> </tbody> </table> <br> <h2 class="relative group">2026年のmyリモートワーク環境 <div id="2026年のmyリモートワーク環境" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#2026%e5%b9%b4%e3%81%aemy%e3%83%aa%e3%83%a2%e3%83%bc%e3%83%88%e3%83%af%e3%83%bc%e3%82%af%e7%92%b0%e5%a2%83" aria-label="アンカー">#</a> </span> </h2> <div class="link-card-wrapper" style="margin: 20px 0; max-width: 700px;"> <a href="https://inakacloud.com/posts/desk-setup-2026/" target="_blank" rel="noopener" class="link-card" style="text-decoration: none; color: inherit; display: flex; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; background: #fff; height: 120px;"><div class="link-card-image" style="flex: 0 0 160px; background-image: url('https://inakacloud.com/posts/desk-setup-2026/featured.webp'); background-size: cover; background-position: center;"> </div><div class="link-card-content" style="flex: 1; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;"> <div class="link-card-title" style="font-weight: bold; font-size: 0.95rem; color: #333; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;">リモートワーク エンジニアのデスク環境/2026年 · inakacloud</div> <div class="link-card-hostname" style="display: flex; align-items: center; gap: 8px; font-size: 0.8rem; color: #666;"><img src="https://inakacloud.com/favicon-32x32.png" alt="" style="width: 14px; height: 14px; object-fit: contain;" onerror="this.style.display='none';"><span style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">inakacloud.com</span> </div> </div> </a> </div> <br> <h2 class="relative group">気になっているものリスト <div id="気になっているものリスト" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%b0%97%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b%e3%82%82%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88" aria-label="アンカー">#</a> </span> </h2> <div class="amazon-card-container" style="margin: 2rem 0; max-width: 700px;"> <a href="https://www.amazon.co.jp/dp/B0DD3SCWHD?tag=inakacloud-22" target="_blank" rel="noopener" class="amazon-card-anchor" style="text-decoration: none; color: inherit; display: block; line-height: 1.5;"> <div class="amazon-link-card" style="border: 1px solid #d1d5db; border-radius: 0.75rem; overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); width: 100%;"> <div style="display: flex; flex-direction: row; padding: 1.25rem; align-items: flex-start; background-color: #ffffff;"> <div style="flex-shrink: 0; width: 110px; height: 110px; margin-right: 1.25rem; display: flex; align-items: center; justify-content: center; background: #fff;"> <img src="https://m.media-amazon.com/images/I/717KkSzFXDL._AC_SX679_.jpg" alt="EPOMAKER x AULA F65 65%ワイヤレスメカニカルキーボード ホットスワップ対応ガスケットカスタムゲーミングキーボード 5層パッド RGBバックライト Bluetooth/2.4GHz/USB-C 潤滑済みリニアスイッチ搭載 技適認証取得 (Black, Reaper Switch)" style="max-height: 100%; max-width: 100%; object-fit: contain; margin: 0; display: block; border: none; pointer-events: none;"> </div> <div style="flex-grow: 1; min-width: 0;"> <div style="font-weight: 700; font-size: 0.95rem; line-height: 1.5; margin-bottom: 1rem; color: #1f2937; word-break: break-all;"> EPOMAKER x AULA F65 65%ワイヤレスメカニカルキーボード ホットスワップ対応ガスケットカスタムゲーミングキーボード 5層パッド RGBバックライト Bluetooth/2.4GHz/USB-C 潤滑済みリニアスイッチ搭載 技適認証取得 (Black, Reaper Switch) </div> <div style="display: inline-block; background: linear-gradient(to bottom, #f7dfa1, #f0c14b); color: #111; padding: 0.4rem 1.2rem; border-radius: 4px; font-size: 0.85rem; font-weight: 500; border: 1px solid #a88734;"> Amazonで見る </div> </div> </div> <div style="font-size: 0.65rem; color: #6b7280; text-align: right; padding: 0.6rem 1rem; background-color: #f3f4f6; border-top: 1px solid #e5e7eb; margin: 0; display: block;"> Amazon.co.jp で詳細を見る </div> </div> </a> </div> <style> .amazon-card-anchor { display: block !important; padding: 0 !important; margin: 0 !important; } .amazon-card-anchor:hover .amazon-link-card { border-color: #f0c14b !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; transform: translateY(-3px); } .amazon-card-container p { display: none !important; } </style> <div class="amazon-card-container" style="margin: 2rem 0; max-width: 700px;"> <a href="https://www.amazon.co.jp/dp/B0DPWW49HK?tag=inakacloud-22" target="_blank" rel="noopener" class="amazon-card-anchor" style="text-decoration: none; color: inherit; display: block; line-height: 1.5;"> <div class="amazon-link-card" style="border: 1px solid #d1d5db; border-radius: 0.75rem; overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); width: 100%;"> <div style="display: flex; flex-direction: row; padding: 1.25rem; align-items: flex-start; background-color: #ffffff;"> <div style="flex-shrink: 0; width: 110px; height: 110px; margin-right: 1.25rem; display: flex; align-items: center; justify-content: center; background: #fff;"> <img src="https://m.media-amazon.com/images/I/51QHGoKEzAL._AC_SY300_SX300_QL70_ML2_.jpg" alt="Anker Nano Charging Station (7-in-1, 100W, 巻取り式 USB-C ケーブル) (USBタップ 電源タップ) 【PSE技術基準適合】MacBook iPad iPhone Galaxy Android ブラック" style="max-height: 100%; max-width: 100%; object-fit: contain; margin: 0; display: block; border: none; pointer-events: none;"> </div> <div style="flex-grow: 1; min-width: 0;"> <div style="font-weight: 700; font-size: 0.95rem; line-height: 1.5; margin-bottom: 1rem; color: #1f2937; word-break: break-all;"> Anker Nano Charging Station (7-in-1, 100W, 巻取り式 USB-C ケーブル) (USBタップ 電源タップ) 【PSE技術基準適合】MacBook iPad iPhone Galaxy Android ブラック </div> <div style="display: inline-block; background: linear-gradient(to bottom, #f7dfa1, #f0c14b); color: #111; padding: 0.4rem 1.2rem; border-radius: 4px; font-size: 0.85rem; font-weight: 500; border: 1px solid #a88734;"> Amazonで見る </div> </div> </div> <div style="font-size: 0.65rem; color: #6b7280; text-align: right; padding: 0.6rem 1rem; background-color: #f3f4f6; border-top: 1px solid #e5e7eb; margin: 0; display: block;"> Amazon.co.jp で詳細を見る </div> </div> </a> </div> <style> .amazon-card-anchor { display: block !important; padding: 0 !important; margin: 0 !important; } .amazon-card-anchor:hover .amazon-link-card { border-color: #f0c14b !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; transform: translateY(-3px); } .amazon-card-container p { display: none !important; } </style> <div class="amazon-card-container" style="margin: 2rem 0; max-width: 700px;"> <a href="https://www.amazon.co.jp/dp/B0DFHH1N33?tag=inakacloud-22" target="_blank" rel="noopener" class="amazon-card-anchor" style="text-decoration: none; color: inherit; display: block; line-height: 1.5;"> <div class="amazon-link-card" style="border: 1px solid #d1d5db; border-radius: 0.75rem; overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); width: 100%;"> <div style="display: flex; flex-direction: row; padding: 1.25rem; align-items: flex-start; background-color: #ffffff;"> <div style="flex-shrink: 0; width: 110px; height: 110px; margin-right: 1.25rem; display: flex; align-items: center; justify-content: center; background: #fff;"> <img src="https://m.media-amazon.com/images/I/51Mcqz&#43;gX-L._AC_SX679_.jpg" alt="Marshall ワイヤレスポータブル防水スピーカー Emberton III ブラック&amp;ブラス 連続再生32時間/IP67防水仕様/小型/急速充電 【国内正規品】" style="max-height: 100%; max-width: 100%; object-fit: contain; margin: 0; display: block; border: none; pointer-events: none;"> </div> <div style="flex-grow: 1; min-width: 0;"> <div style="font-weight: 700; font-size: 0.95rem; line-height: 1.5; margin-bottom: 1rem; color: #1f2937; word-break: break-all;"> Marshall ワイヤレスポータブル防水スピーカー Emberton III ブラック&amp;ブラス 連続再生32時間/IP67防水仕様/小型/急速充電 【国内正規品】 </div> <div style="display: inline-block; background: linear-gradient(to bottom, #f7dfa1, #f0c14b); color: #111; padding: 0.4rem 1.2rem; border-radius: 4px; font-size: 0.85rem; font-weight: 500; border: 1px solid #a88734;"> Amazonで見る </div> </div> </div> <div style="font-size: 0.65rem; color: #6b7280; text-align: right; padding: 0.6rem 1rem; background-color: #f3f4f6; border-top: 1px solid #e5e7eb; margin: 0; display: block;"> Amazon.co.jp で詳細を見る </div> </div> </a> </div> <style> .amazon-card-anchor { display: block !important; padding: 0 !important; margin: 0 !important; } .amazon-card-anchor:hover .amazon-link-card { border-color: #f0c14b !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; transform: translateY(-3px); } .amazon-card-container p { display: none !important; } </style> <div class="amazon-card-container" style="margin: 2rem 0; max-width: 700px;"> <a href="https://www.amazon.co.jp/dp/B0DJ8LD62M?tag=inakacloud-22" target="_blank" rel="noopener" class="amazon-card-anchor" style="text-decoration: none; color: inherit; display: block; line-height: 1.5;"> <div class="amazon-link-card" style="border: 1px solid #d1d5db; border-radius: 0.75rem; overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); width: 100%;"> <div style="display: flex; flex-direction: row; padding: 1.25rem; align-items: flex-start; background-color: #ffffff;"> <div style="flex-shrink: 0; width: 110px; height: 110px; margin-right: 1.25rem; display: flex; align-items: center; justify-content: center; background: #fff;"> <img src="https://m.media-amazon.com/images/I/61d&#43;MPkNrfL._AC_SX679_.jpg" alt="PFU キーボード HHKB Studio 日本語配列／雪（ポインティングスティック メカニカルキーボード）" style="max-height: 100%; max-width: 100%; object-fit: contain; margin: 0; display: block; border: none; pointer-events: none;"> </div> <div style="flex-grow: 1; min-width: 0;"> <div style="font-weight: 700; font-size: 0.95rem; line-height: 1.5; margin-bottom: 1rem; color: #1f2937; word-break: break-all;"> PFU キーボード HHKB Studio 日本語配列／雪（ポインティングスティック メカニカルキーボード） </div> <div style="display: inline-block; background: linear-gradient(to bottom, #f7dfa1, #f0c14b); color: #111; padding: 0.4rem 1.2rem; border-radius: 4px; font-size: 0.85rem; font-weight: 500; border: 1px solid #a88734;"> Amazonで見る </div> </div> </div> <div style="font-size: 0.65rem; color: #6b7280; text-align: right; padding: 0.6rem 1rem; background-color: #f3f4f6; border-top: 1px solid #e5e7eb; margin: 0; display: block;"> Amazon.co.jp で詳細を見る </div> </div> </a> </div> <style> .amazon-card-anchor { display: block !important; padding: 0 !important; margin: 0 !important; } .amazon-card-anchor:hover .amazon-link-card { border-color: #f0c14b !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; transform: translateY(-3px); } .amazon-card-container p { display: none !important; } </style> https://inakacloud.com/contact/ Tue, 05 May 2026 17:43:29 +0900 https://inakacloud.com/contact/ <p>お問い合わせは以下のフォームよりお願いいたします。</p> <div style="margin-top: 2rem; width: 100%; text-align: center;"> <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSePePqCsxX8gIzGwknUobgFjPZzyaitWEn4yTeMGNsLc6JoSQ/viewform?embedded=true" width="100%" height="1060" frameborder="0" marginheight="0" marginwidth="0" style="max-width: 640px; border: none;"> 読み込んでいます… </iframe> </div> https://inakacloud.com/posts/cloudflare-email-routing-setup/ Tue, 05 May 2026 14:18:00 +0900 https://inakacloud.com/posts/cloudflare-email-routing-setup/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>独自ドメインのメールで受信はCloudflare Email Routing。送信はResendを使っています。</p> <p>今回、両方の設定手順を記載しておきます。</p> <h2 class="relative group">Cloudflare Email Routingとは <div id="cloudflare-email-routingとは" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#cloudflare-email-routing%e3%81%a8%e3%81%af" aria-label="アンカー">#</a> </span> </h2> <p>Cloudflare Email Routingは、独自ドメイン宛のメールを既存のメールアドレス（Gmailなど）に無料で転送できるサービスです。サーバーを用意することなく、簡単に独自ドメインのメールアドレスを運用できます。設定した手順をメモしておきます。</p> https://inakacloud.com/posts/cloudflare-registrar-domain/ Tue, 05 May 2026 11:00:54 +0900 https://inakacloud.com/posts/cloudflare-registrar-domain/ <h2 class="relative group">はじめに <div id="はじめに" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab" aria-label="アンカー">#</a> </span> </h2> <p>仕事でDNSやメール設定などもすることがあるので練習用に本ブログでもドメイン取得してみました。 以下に取得したドメイン登録サービスの概要などを記載します。</p> <h2 class="relative group">Cloudflare Registrarとは <div id="cloudflare-registrarとは" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#cloudflare-registrar%e3%81%a8%e3%81%af" aria-label="アンカー">#</a> </span> </h2> <p>Cloudflareが提供するドメイン登録サービスです。</p> https://inakacloud.com/privacy-policy/ Tue, 05 May 2026 00:00:00 +0000 https://inakacloud.com/privacy-policy/ <h2 class="relative group">1. 個人情報の利用目的 <div id="1-個人情報の利用目的" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#1-%e5%80%8b%e4%ba%ba%e6%83%85%e5%a0%b1%e3%81%ae%e5%88%a9%e7%94%a8%e7%9b%ae%e7%9a%84" aria-label="アンカー">#</a> </span> </h2> <p>当サイト「inakacloud」では、お問い合わせや記事へのコメントの際、名前やメールアドレス等の個人情報を入力いただく場合がございます。取得した個人情報は、お問い合わせに対する回答や必要な情報を電子メールなどでご連絡する場合に利用させていただくものであり、これらの目的以外では利用いたしません。</p> <h2 class="relative group">2. 広告の配信について <div id="2-広告の配信について" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#2-%e5%ba%83%e5%91%8a%e3%81%ae%e9%85%8d%e4%bf%a1%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6" aria-label="アンカー">#</a> </span> </h2> <p>当サイトでは、第三者配信の広告サービス（Googleアドセンス、Amazonアソシエイト、楽天アフィリエイト）を利用しています。 このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報「Cookie」(氏名、住所、メールアドレス、電話番号は含まれません) を使用することがあります。</p> <h3 class="relative group">Googleアドセンスについて <div id="googleアドセンスについて" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#google%e3%82%a2%e3%83%89%e3%82%bb%e3%83%b3%e3%82%b9%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6" aria-label="アンカー">#</a> </span> </h3> <p>Googleアドセンスに関して、このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、<a href="https://policies.google.com/technologies/ads?hl=ja" target="_blank" rel="noreferrer">Googleポリシーと規約</a>をご覧ください。</p> <h3 class="relative group">Amazonアソシエイトについて <div id="amazonアソシエイトについて" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#amazon%e3%82%a2%e3%82%bd%e3%82%b7%e3%82%a8%e3%82%a4%e3%83%88%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6" aria-label="アンカー">#</a> </span> </h3> <p>inakacloudは、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイトプログラムである、Amazonアソシエイト・プログラムの参加者です。 第三者（Amazonや他の広告掲載者）がコンテンツおよび宣伝を提供し、訪問者から直接情報を収集し、訪問者のブラウザにCookieを設定したり認識したりする場合があります。</p> <h3 class="relative group">楽天アフィリエイトについて <div id="楽天アフィリエイトについて" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%a5%bd%e5%a4%a9%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6" aria-label="アンカー">#</a> </span> </h3> <p>inakacloudは、楽天グループ株式会社を宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイトプログラムである、楽天アフィリエイトプログラムの参加者です。 第三者がコンテンツおよび宣伝を提供し、訪問者から直接情報を収集し、訪問者のブラウザにCookieを設定したり認識したりする場合があります。</p> <h2 class="relative group">3. アクセス解析ツールについて <div id="3-アクセス解析ツールについて" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#3-%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e8%a7%a3%e6%9e%90%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6" aria-label="アンカー">#</a> </span> </h2> <p>当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。</p> <h2 class="relative group">4. 免責事項 <div id="4-免責事項" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#4-%e5%85%8d%e8%b2%ac%e4%ba%8b%e9%a0%85" aria-label="アンカー">#</a> </span> </h2> <p>当サイトからのリンクやバナーなどで移動したサイトで提供される情報、サービス等について一切の責任を負いません。 また、当サイトのコンテンツ・情報について、できる限り正確な情報を提供するように努めておりますが、正確性や安全性を保証するものではありません。情報が古くなっていることもございます。当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねますのでご了承ください。 また、当サイトからリンクやバナーなどによって他のサイトに移動された場合、移動先サイトで提供される情報、サービス等について一切の責任を負いません。</p> <h2 class="relative group">5. 著作権について <div id="5-著作権について" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#5-%e8%91%97%e4%bd%9c%e6%a8%a9%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6" aria-label="アンカー">#</a> </span> </h2> <p>当サイトで掲載している文章や画像などにつきましては、無断転載することを禁止します。 当サイトは著作権や肖像権の侵害を目的としたものではありません。著作権や肖像権に関して問題がございましたら、お問い合わせフォームよりご連絡ください。迅速に対応いたします。</p> <h2 class="relative group">6. 本ポリシーの変更 <div id="6-本ポリシーの変更" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#6-%e6%9c%ac%e3%83%9d%e3%83%aa%e3%82%b7%e3%83%bc%e3%81%ae%e5%a4%89%e6%9b%b4" aria-label="アンカー">#</a> </span> </h2> <p>当サイトは、個人情報に関して適用される日本の法令を遵守するとともに、本ポリシーの内容を適宜見直しその改善に努めます。修正された最新のプライバシーポリシーは常に本ページにて開示されます。</p> https://inakacloud.com/posts/desk-setup-2026/ Sun, 26 Apr 2026 11:43:49 +0900 https://inakacloud.com/posts/desk-setup-2026/ <p>デスク環境を記事にしてみます。</p> <p>普段はリモートワークが多いです。 2026年現在のデスク環境の使用デバイスの構成と採用理由は以下の通りです。</p> <ul> <li> <p>デスク全般 <figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="auto" alt="desk-setup" width="1200" height="900" src="https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-1_hu_f8eae9c3e83792f3.webp" srcset="https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-1_hu_f8eae9c3e83792f3.webp 800w, https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-1.webp 1280w" sizes="(min-width: 768px) 50vw, 65vw" data-zoom-src="https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-1.webp"></figure> </p> </li> <li> <p>手元デバイス <figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="auto" alt="desk-setup" width="1200" height="900" src="https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-2_hu_acfff88bb0fb3bb2.webp" srcset="https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-2_hu_acfff88bb0fb3bb2.webp 800w, https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-2.webp 1280w" sizes="(min-width: 768px) 50vw, 65vw" data-zoom-src="https://inakacloud.com/posts/desk-setup-2026/desk-setup-2026-2.webp"></figure> </p> </li> </ul> <h2 class="relative group">入力デバイス <div id="入力デバイス" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%85%a5%e5%8a%9b%e3%83%87%e3%83%90%e3%82%a4%e3%82%b9" aria-label="アンカー">#</a> </span> </h2> <p>いかに肩が凝らないようにするかが、テーマです。 なんだかんだ長時間触るものなので値段は気にせず良いものを使う方針です。</p> https://inakacloud.com/posts/webp/ Sun, 26 Apr 2026 08:39:22 +0900 https://inakacloud.com/posts/webp/ <h2 class="relative group">背景 <div id="背景" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e8%83%8c%e6%99%af" aria-label="アンカー">#</a> </span> </h2> <p>Hugoでブログを運用する際、iPhoneで撮影した写真をそのまま使うと1枚数MBもあり、Gitリポジトリがすぐに肥大化してしまいます。 そこで、次世代画像フォーマットの <strong>WebP</strong> に変換して、画質を維持しつつファイルサイズを軽量化する方法を試しました。</p> https://inakacloud.com/posts/create-hugo-blog/ Sat, 25 Apr 2026 19:41:54 +0900 https://inakacloud.com/posts/create-hugo-blog/ <h2 class="relative group">背景 <div id="背景" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e8%83%8c%e6%99%af" aria-label="アンカー">#</a> </span> </h2> <p>最初の記事ということで簡単な自己紹介です。 普段はクラウド系のエンジニアをしています。</p> <p>仕事柄、新しい技術に触れることが多いので、アウトプットの習慣化と自分用のメモをストックする場所を作りたいと考えて、ブログを始めてみることにしました。</p>