<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[isirmtブログのタグ「#React」の新着投稿]]></title><description><![CDATA[「isirmtブログ」のタグ「#React」の投稿フィード]]></description><link>https://blog.isirmt.com</link><generator>RSS for Node</generator><lastBuildDate>Fri, 13 Mar 2026 10:23:37 GMT</lastBuildDate><atom:link href="https://blog.isirmt.com/tags/React/feed" rel="self" type="application/rss+xml"/><language><![CDATA[ja]]></language><item><title><![CDATA[サーバー側のエクスポートとエディター(クライアント)の表示を揃えたい]]></title><description><![CDATA[RubyとRailsを使ってみたかったのと、カレンダー印刷系のウェブアプリが個人的に欲しかったので現在取り組んでいます。  用意すべきパラメータが多いことを把握してER図等予め組んでいたのですが、作っている途中で足りないことに気づきあたふた中です。  Ruby(on Rails)使ってみた  言語としても使うのは初めてでしたが、一言で書きやすくて楽しいです♪  プロジェクト内のappやcontro...]]></description><link>https://blog.isirmt.com/post/ruby-react-pdf-same-format</link><guid isPermaLink="true">https://blog.isirmt.com/post/ruby-react-pdf-same-format</guid><pubDate>Wed, 25 Feb 2026 00:00:00 GMT</pubDate></item><item><title><![CDATA[枠外のテキストもスライドアニメーションで表示するReactコンポーネント]]></title><description><![CDATA[テキストが長いときに、画面からはみ出したり完全に隠すのではなく、アニメーションを使って、テキストの左端と右端がスライドアニメーションで映るようにするためのReactコンポーネントです。  コンポーネント  "use client"; import React, { useCallback, useEffect, useRef } from "react";  const clamp = (valu...]]></description><link>https://blog.isirmt.com/post/isirmt-pf-v2%2F2</link><guid isPermaLink="true">https://blog.isirmt.com/post/isirmt-pf-v2%2F2</guid><pubDate>Thu, 15 Jan 2026 00:00:00 GMT</pubDate></item><item><title><![CDATA[isirmt.com v2ができました]]></title><description><![CDATA[↑ タグの付けすぎ  みなさん  あけましておめでとうございます  今年もよろしくお願いします  サイトのアップデートだけされてブログの更新が滞っていましたが、今回のシリーズは話が盛りだくさんのはずです。  はじめに  2025年クリスマスにisirmt.com v2をリリースしました。  https://isirmt.com  これまで、内容のアップデートはし続けていましたが、システム全体の刷新...]]></description><link>https://blog.isirmt.com/post/isirmt-pf-v2%2F1</link><guid isPermaLink="true">https://blog.isirmt.com/post/isirmt-pf-v2%2F1</guid><pubDate>Thu, 15 Jan 2026 00:00:00 GMT</pubDate></item><item><title><![CDATA[【Tailwind CSS】クリックでスライドアニメーションするボタン]]></title><description><![CDATA[概要  下の2つにある青色の部分が選択された要素へスライドするアニメーションを行います．  有彩色1 有彩色1  ソース  2通りのアプローチでスライドしつつ表示色を変えていきたいと思います．  z-indexによるアプローチ  return    ラベル          setFlag(true)}     >                   setFlag(false)}     >  ...]]></description><link>https://blog.isirmt.com/post/css-template-tailwind%2F3</link><guid isPermaLink="true">https://blog.isirmt.com/post/css-template-tailwind%2F3</guid><pubDate>Wed, 02 Oct 2024 00:00:00 GMT</pubDate></item><item><title><![CDATA[【Tailwind CSS】検索フィールドとオブジェクトの一体化]]></title><description><![CDATA[ソース  export default function SearchBox() { return (                               ); }  rounded=border-radiusをそれぞれで制御し，justify-centerで繋げると1つの要素のように振る舞うことができます．そのため，このdivをまとめてコンポーネント化することで自由な場所に貼り付けても分...]]></description><link>https://blog.isirmt.com/post/css-template-tailwind%2F2</link><guid isPermaLink="true">https://blog.isirmt.com/post/css-template-tailwind%2F2</guid><pubDate>Wed, 11 Sep 2024 00:00:00 GMT</pubDate></item><item><title><![CDATA[【Tailwind CSS】「#タグ」を表示するボタン]]></title><description><![CDATA[ソース                          Tailwind CSS                           (アイコン)        というコンポーネントです．  これは，以下の画像のとおりになります．  結果画像  どんなものか  画像のように表示され，ホバーすると縁の色が背景色となり白文字になる仕様です．また，darkモードにも対応しているのでTailwind C...]]></description><link>https://blog.isirmt.com/post/css-template-tailwind%2F1</link><guid isPermaLink="true">https://blog.isirmt.com/post/css-template-tailwind%2F1</guid><pubDate>Wed, 11 Sep 2024 00:00:00 GMT</pubDate></item></channel></rss>