<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
    <channel>
        <title>INARI TECH</title>
        <link>https://inari-tech.net</link>
        <description>フロントエンドの事とかいろいろ</description>
        <lastBuildDate>Mon, 02 Mar 2026 15:00:00 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>ja</language>
        <image>
            <title>INARI TECH</title>
            <url>https://inari-tech.net/images/og.webp</url>
            <link>https://inari-tech.net</link>
        </image>
        <copyright>INARI TECH All rights reserved</copyright>
        <item>
            <title><![CDATA[Node.js + sharp + chokidarで画像の軽量化とWebP変換を自動化する]]></title>
            <link>https://inari-tech.net/posts/node-webp-conversion-script</link>
            <guid>https://inari-tech.net/posts/node-webp-conversion-script</guid>
            <pubDate>Mon, 02 Mar 2026 15:00:00 GMT</pubDate>
            <description><![CDATA[この記事ではNode.js, sharp, chokidarを使用してフレームワーク非依存の画像軽量化 + WebP変換スクリプトを作る方法をご紹介します。]]></description>
            <enclosure url="https://inari-tech.net/blog/codeblock.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[テーブルのヘッダー(thead)を固定してtbody内を縦スクロールさせる]]></title>
            <link>https://inari-tech.net/posts/table-scroll</link>
            <guid>https://inari-tech.net/posts/table-scroll</guid>
            <pubDate>Fri, 10 May 2024 15:00:00 GMT</pubDate>
            <description><![CDATA[theadを固定してtbody内をスクロール＋セルの幅の自動調整を兼ね備えたちょうどいい感じのテーブルを実装するのに一手間必要だったのでまとめておきます。]]></description>
            <enclosure url="https://inari-tech.net/blog/htmlcssjs.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[【TypeScriptメモ】Reactコンポーネントのpropsの型について]]></title>
            <link>https://inari-tech.net/posts/react-props-type</link>
            <guid>https://inari-tech.net/posts/react-props-type</guid>
            <pubDate>Fri, 05 Apr 2024 15:00:00 GMT</pubDate>
            <description><![CDATA[Reactコンポーネントのpropsの型について調べたメモ。基本的にはtypeではなくてextendsが利用できるinterfaceを使った方が良さそう。]]></description>
            <enclosure url="https://inari-tech.net/blog/codeblock.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[next-authでGoogleログイン機能を実装するまでの一連の流れ]]></title>
            <link>https://inari-tech.net/posts/next-auth</link>
            <guid>https://inari-tech.net/posts/next-auth</guid>
            <pubDate>Thu, 28 Dec 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[結構工程が多くて毎回忘れるのでまとめておきます。]]></description>
            <enclosure url="https://inari-tech.net/blog/security.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[Next.js App Routerで作ったサイトにGoogleアドセンスを導入する]]></title>
            <link>https://inari-tech.net/posts/nextjs-adsense</link>
            <guid>https://inari-tech.net/posts/nextjs-adsense</guid>
            <pubDate>Thu, 28 Dec 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[Next.jsを使う場合、アドセンスコードをそのまま使う事ができません。ちょっと工夫が必要だったので記録しておきます。]]></description>
            <enclosure url="https://inari-tech.net/blog/next.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[Next.jsのDynamic Importを使ってパフォーマンス改善する]]></title>
            <link>https://inari-tech.net/posts/dynamic-import</link>
            <guid>https://inari-tech.net/posts/dynamic-import</guid>
            <pubDate>Thu, 05 Oct 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[Next.jsのDynamic Importを使ってPageSpeed Insightsのパフォーマンススコアを60→94まで改善する事に成功しました！]]></description>
            <enclosure url="https://inari-tech.net/blog/next.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[useSearchParamsを使うコンポーネントはSuspenseで囲っておこう]]></title>
            <link>https://inari-tech.net/posts/use-suspense-searchparams</link>
            <guid>https://inari-tech.net/posts/use-suspense-searchparams</guid>
            <pubDate>Tue, 03 Oct 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[運営しているサイトのトップページだけ内部リンクゼロになっていて、どうやらGoogleクローラーがページ全体をクローリングできていないようでした。]]></description>
            <enclosure url="https://inari-tech.net/blog/next.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[Next.js 13 server actionsの基本的な使い方]]></title>
            <link>https://inari-tech.net/posts/nextjs-server-actions</link>
            <guid>https://inari-tech.net/posts/nextjs-server-actions</guid>
            <pubDate>Tue, 05 Sep 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[Next.js 13で発表されたserver actionsの基本的な使い方をまとめます。とりあえずどんなものなのか試してみたい方は参考にしてみてください]]></description>
            <enclosure url="https://inari-tech.net/blog/next.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[React + D3.jsで日本地図の描画をする]]></title>
            <link>https://inari-tech.net/posts/d3-japanmap</link>
            <guid>https://inari-tech.net/posts/d3-japanmap</guid>
            <pubDate>Sun, 03 Sep 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[こちらの記事で紹介されている日本地図をReactコンポーネント化してみた際の記録です]]></description>
            <enclosure url="https://inari-tech.net/blog/map.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[Next.js(App Router)で構造化データ(JSON-LD)に対応する]]></title>
            <link>https://inari-tech.net/posts/nextjs-jsonld</link>
            <guid>https://inari-tech.net/posts/nextjs-jsonld</guid>
            <pubDate>Tue, 29 Aug 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[Next.js(App Router)で作ったブログの構造化データをschama.org + JSON-LDで記述した際の記録です]]></description>
            <enclosure url="https://inari-tech.net/blog/next.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[Next.js + contentlayerで作ったブログにタグクラウドを実装する]]></title>
            <link>https://inari-tech.net/posts/nextjs-tag-cloud</link>
            <guid>https://inari-tech.net/posts/nextjs-tag-cloud</guid>
            <pubDate>Mon, 28 Aug 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[今回はlodashを使ってタグクラウドを実装していきます]]></description>
            <enclosure url="https://inari-tech.net/blog/book.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[react-selectの見た目をTailwindCSSで整える]]></title>
            <link>https://inari-tech.net/posts/react-select-tailwind</link>
            <guid>https://inari-tech.net/posts/react-select-tailwind</guid>
            <pubDate>Sat, 26 Aug 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[RadixUIとかheadlessUIとかいろいろありますが、selectboxに関してはreact-selectが一番使い勝手がいい気がします。特にMultiple SelectとかCreatable Selectを作りたい時はほぼ一択ですよね。]]></description>
            <enclosure url="https://inari-tech.net/blog/tailwind.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[Next.js + contentlayerで作ったブログにページネーションを実装する]]></title>
            <link>https://inari-tech.net/posts/nextjs-contentlayer-pager</link>
            <guid>https://inari-tech.net/posts/nextjs-contentlayer-pager</guid>
            <pubDate>Tue, 29 Aug 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[今回はlodashのchunk関数を使ってページネーションを実装しました。いろんな場面で使いまわせると思うので、作り方を記事にまとめておきます。]]></description>
            <enclosure url="https://inari-tech.net/blog/book.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[TailwindCSSでクラスを動的に付け替える方法]]></title>
            <link>https://inari-tech.net/posts/tailwind-dynamic-styling</link>
            <guid>https://inari-tech.net/posts/tailwind-dynamic-styling</guid>
            <pubDate>Mon, 21 Aug 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[TailwindCSSを使い始めて最初に戸惑った部分なのでまとめておきます]]></description>
            <enclosure url="https://inari-tech.net/blog/tailwind.svg" length="0" type="image/svg"/>
        </item>
        <item>
            <title><![CDATA[tocbotでZennとかQiitaみたいな目次を作る]]></title>
            <link>https://inari-tech.net/posts/zenn-toc-tocbot</link>
            <guid>https://inari-tech.net/posts/zenn-toc-tocbot</guid>
            <pubDate>Tue, 22 Aug 2023 15:00:00 GMT</pubDate>
            <description><![CDATA[tocbotというライブラリを使って、zennとかQiitaみたいな現在位置がハイライトされる目次を簡単に作る事ができたので、使い方をまとめておきます。]]></description>
            <enclosure url="https://inari-tech.net/blog/rocket.svg" length="0" type="image/svg"/>
        </item>
    </channel>
</rss>