<?xml version="1.0" encoding="UTF-8"?>
<!-- このサイトマップは、2026-04-04の3:35 AMに、WordPress 用のオリジナル SEO プラグイン All in One SEO v4.9.5.1により動的生成されました。 -->

<?xml-stylesheet type="text/xsl" href="https://sinpe-pgm.com/default-sitemap.xsl"?>

<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>sinpe-Blog</title>
		<link><![CDATA[https://sinpe-pgm.com]]></link>
		<description><![CDATA[sinpe-Blog]]></description>
		<lastBuildDate><![CDATA[Wed, 10 Apr 2024 13:08:14 +0000]]></lastBuildDate>
		<docs>https://validator.w3.org/feed/docs/rss2.html</docs>
		<atom:link href="https://sinpe-pgm.com/sitemap.rss" rel="self" type="application/rss+xml" />
		<ttl><![CDATA[60]]></ttl>

		<item>
			<guid><![CDATA[https://sinpe-pgm.com/circle-conic-gradient/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/circle-conic-gradient/]]></link>
			<title>CSSだけで円グラフ・ドーナツグラフを作成する</title>
			<pubDate><![CDATA[Wed, 10 Apr 2024 13:08:14 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/tolocaledatestring_and_lolocalestring/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/tolocaledatestring_and_lolocalestring/]]></link>
			<title>日付と金額のフォーマット</title>
			<pubDate><![CDATA[Tue, 18 Feb 2025 03:13:03 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/fixed-subnavlist/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/fixed-subnavlist/]]></link>
			<title>ホバー時のみ表示させたい要素が、意図せず再表示になる問題。pointer-event: none;で解消されます。</title>
			<pubDate><![CDATA[Thu, 25 Apr 2024 02:57:13 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/use-clipboard-api/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/use-clipboard-api/]]></link>
			<title>Clipboard APIを使用して、リッチテキストコピーを実装する方法</title>
			<pubDate><![CDATA[Wed, 10 Apr 2024 13:19:10 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/github-8020/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/github-8020/]]></link>
			<title>【コピペ用】GitHubでよく使うやつ｜これで8割なんとかなる</title>
			<pubDate><![CDATA[Tue, 18 Feb 2025 02:55:32 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/react-codepen/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/react-codepen/]]></link>
			<title>CodePenでReactを使用する方法</title>
			<pubDate><![CDATA[Sun, 29 Sep 2024 13:02:56 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/box-css/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/box-css/]]></link>
			<title>CSSで作るボックスデザイン</title>
			<pubDate><![CDATA[Sun, 29 Sep 2024 12:56:05 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/aos-random/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/aos-random/]]></link>
			<title>AOS.jsランダム（data-aos-delayの値をランダムに設定する方法）</title>
			<pubDate><![CDATA[Sun, 29 Sep 2024 02:05:05 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/prosemirror_error/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/prosemirror_error/]]></link>
			<title>Duplicate use of selection JSON ID cell</title>
			<pubDate><![CDATA[Sun, 29 Sep 2024 01:02:55 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/mix-blend-mode/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/mix-blend-mode/]]></link>
			<title>ミックスブレンドモード早見表【XDデザイン → CSS】</title>
			<pubDate><![CDATA[Sun, 26 May 2024 07:06:35 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/variable-roles-guide/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/variable-roles-guide/]]></link>
			<title>【変数の役割】コードを理解する方法｜変数の種類はたったの10個</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:54:42 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/muji-calendar/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/muji-calendar/]]></link>
			<title>無印良品｜ MUJI カレンダー 【PDF無料ダウンロード】</title>
			<pubDate><![CDATA[Sat, 28 Dec 2024 12:11:24 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/react-component-data-display-explained/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/react-component-data-display-explained/]]></link>
			<title>Reactの基礎を学ぼう: コンポーネントとデータ表示の手法を解説</title>
			<pubDate><![CDATA[Thu, 03 Oct 2024 13:50:31 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/screenshots-png2jpg/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/screenshots-png2jpg/]]></link>
			<title>macのスクショをpngからjpgに変更する方法</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 07:34:51 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/what-is-jquery/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/what-is-jquery/]]></link>
			<title>jQueryとはなにか？初心者向けに解説します。【読み込み方法はCDNがおすすめ】</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 06:43:54 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/cards-module-coding/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/cards-module-coding/]]></link>
			<title>【コーディング解説】カード型UIのコーディング</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 05:56:15 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/slick-height100/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/slick-height100/]]></link>
			<title>slick.jsの高さを100%にするとき（高さ0pxでslickが表示されない時）。</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 05:47:07 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/slick-arrows/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/slick-arrows/]]></link>
			<title>【コピペ用】slickオプション「矢印(arrows)の出し方」｜矢印でない？画像の上。位置の設定。</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 05:45:47 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/permalink-redirection/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/permalink-redirection/]]></link>
			<title>パーマリンク変更後のリダイレクト設定は「Redirection」【設定はURLの変更だけ】</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 05:36:43 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/dot-list/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/dot-list/]]></link>
			<title>箇条書きの作り方</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 05:30:02 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/file-icon-button/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/file-icon-button/]]></link>
			<title>【コピペOK】自動でPDFのアイコンがつくボタン（Excelファイルや、Wordファイルも）</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 05:26:17 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/howto-bg-linergradient/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/howto-bg-linergradient/]]></link>
			<title>1行のCSSで背景を斜めにカットする方法</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 05:20:43 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/vscoce-shellcommand/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/vscoce-shellcommand/]]></link>
			<title>ターミナルから「code .」でVSCodeを開く【使い方、おすすめ、ショートカット】</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:47:47 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/jquerry_addclass_close_btn/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/jquerry_addclass_close_btn/]]></link>
			<title>【jQuery初心者】閉じるボタンをクリックすると、ゆっくり消える要素を作る</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:46:30 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/vscode-hide-mdn-popup/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/vscode-hide-mdn-popup/]]></link>
			<title>VSCodeの使い方 【迷惑なMDNポップアップを消す】</title>
			<pubDate><![CDATA[Sat, 06 Apr 2024 07:35:54 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/css-nth-3-5-7/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/css-nth-3-5-7/]]></link>
			<title>3,7,11,15を指定するCSSは？ nth-child(4n+3)です。</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:43:15 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/fixed_react_markdown_gfm/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/fixed_react_markdown_gfm/]]></link>
			<title>ReactMarkDownでテーブルのエラーを解消する</title>
			<pubDate><![CDATA[Tue, 05 Mar 2024 12:38:34 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/jquery-contact/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/jquery-contact/]]></link>
			<title>特定のURLの時にjQueryでクラスを付加する</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:41:56 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/fix_tab_slick/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/fix_tab_slick/]]></link>
			<title>tab内にslickを配置したときに起きる不具合を修正する</title>
			<pubDate><![CDATA[Tue, 05 Mar 2024 12:47:49 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/slick-dots/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/slick-dots/]]></link>
			<title>【コピペ用】slick dotsを四角にカスタマイズ｜色変更</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:38:37 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/slick-zoomfade/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/slick-zoomfade/]]></link>
			<title>エンジニアのみなさん！slickでズーム&#038;フェードを実装する方法です</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:37:18 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/file-icon/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/file-icon/]]></link>
			<title>【コピペOK】自動でPDFのアイコンをつけるCSS（Excelファイルや、Wordファイルも）</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:34:26 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/jquery_mathrandom/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/jquery_mathrandom/]]></link>
			<title>要素をランダムに並び替えるjQueryとJavaScript【Math.random】</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:31:06 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/nextjsmicrocms-api/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/nextjsmicrocms-api/]]></link>
			<title>Next.jsとmicroCMSでサイト構築①｜API連携</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:28:59 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/tailwindcss-install/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/tailwindcss-install/]]></link>
			<title>はじめてのTailwind CSS【初心者向けインストール方法】</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:25:18 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/analytics-access-setting/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/analytics-access-setting/]]></link>
			<title>Googleアナリティクスで自分のアクセスを除外する方法</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:21:03 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/form-in-page-link/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/form-in-page-link/]]></link>
			<title>form送信後に任意の場所にスクロールするには、formのaction属性に&#8221;#link01&#8243;とするだけ｜form submit後にページ内リンクを設定する</title>
			<pubDate><![CDATA[Tue, 02 Apr 2024 11:19:04 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/profile/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/profile/]]></link>
			<title>profile</title>
			<pubDate><![CDATA[Thu, 28 Mar 2024 15:33:19 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/slick_intersectionobserver/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/slick_intersectionobserver/]]></link>
			<title>【slick.js】画面に表示されたらスライドを開始する。</title>
			<pubDate><![CDATA[Sun, 31 Mar 2024 03:52:31 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/modal_and_video_control/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/modal_and_video_control/]]></link>
			<title>モーダル開いたら動画を再生。閉じたら動画を停止＆再生位置を初期化</title>
			<pubDate><![CDATA[Sun, 25 Feb 2024 13:45:41 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/multiple-modals/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/multiple-modals/]]></link>
			<title>【コピペOK】複数のモーダルを同じクラス名で設置する方法</title>
			<pubDate><![CDATA[Thu, 01 Feb 2024 13:09:16 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/react-dayjs/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/react-dayjs/]]></link>
			<title>Day.jsで日付のフォーマットを整える｜React Next.js microCMS</title>
			<pubDate><![CDATA[Thu, 01 Feb 2024 13:03:12 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/openaiapi_nextjs_firststep/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/openaiapi_nextjs_firststep/]]></link>
			<title>OpenAIとNext.jsでAIチャットボットを30分で作る方法</title>
			<pubDate><![CDATA[Sun, 28 Jan 2024 12:31:04 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/intersectionobserver_text-illate/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/intersectionobserver_text-illate/]]></link>
			<title>IntersectionObserverを使うときのテンプレート</title>
			<pubDate><![CDATA[Sun, 04 Feb 2024 16:12:06 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/pagetop-button-js/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/pagetop-button-js/]]></link>
			<title>ページトップへ戻るボタンの作り方【JavaScript】</title>
			<pubDate><![CDATA[Sat, 10 Feb 2024 15:34:25 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/notionblog_nextjs/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/notionblog_nextjs/]]></link>
			<title>Next.js × Notionを活用したブログ構築のステップバイステップガイド</title>
			<pubDate><![CDATA[Sat, 10 Feb 2024 14:59:07 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/sns-icon-template/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/sns-icon-template/]]></link>
			<title>SNSリストのテンプレート</title>
			<pubDate><![CDATA[Mon, 19 Feb 2024 12:13:47 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/googlemap-pathways/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/googlemap-pathways/]]></link>
			<title>現在地からのルート(経路)付きのGoogleMapをHTMLに埋め込む</title>
			<pubDate><![CDATA[Fri, 26 Jan 2024 23:22:08 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/fontawesome-howto/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/fontawesome-howto/]]></link>
			<title>FontAwesomeを5秒で表示【コピペ用】</title>
			<pubDate><![CDATA[Fri, 26 Jan 2024 23:17:38 +0000]]></pubDate>
		</item>
					<item>
			<guid><![CDATA[https://sinpe-pgm.com/js_progressbar/]]></guid>
			<link><![CDATA[https://sinpe-pgm.com/js_progressbar/]]></link>
			<title>【JavaScript】プログレスバー｜シンプルなデザイン</title>
			<pubDate><![CDATA[Fri, 26 Jan 2024 23:12:54 +0000]]></pubDate>
		</item>
				</channel>
</rss>
