<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <link rel="stylesheet" href="path\/to\/your\/tailwind.css">\n <title>Tailwind CSS Sample<\/title>\n<\/head>\n<body class="bg-gray-100 font-sans">\n\n <header class="bg-blue-500 p-4 text-white">\n <h1 class="text-2xl font-semibold">Tailwind CSS Sample<\/h1>\n <p class="text-sm">Explore the power of Tailwind!<\/p>\n <\/header>\n\n <div class="container mx-auto my-8 p-4 bg-white shadow-lg">\n\n <section class="mb-8">\n <h2 class="text-xl font-semibold mb-4">Featured Articles<\/h2>\n <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">\n <article class="bg-gray-200 p-4 rounded-lg">\n <h3 class="text-lg font-semibold mb-2">Getting Started with Tailwind CSS<\/h3>\n <p class="text-gray-700">Learn the basics of Tailwind CSS and kickstart your project.<\/p>\n <\/article>\n <article class="bg-gray-200 p-4 rounded-lg">\n <h3 class="text-lg font-semibold mb-2">Responsive Design Made Easy<\/h3>\n <p class="text-gray-700">Explore how Tailwind makes responsive design a breeze.<\/p>\n <\/article>\n <article class="bg-gray-200 p-4 rounded-lg">\n <h3 class="text-lg font-semibold mb-2">Mastering Utility-First CSS<\/h3>\n <p class="text-gray-700">Become a pro at crafting styles with Tailwind's utility-first approach.<\/p>\n <\/article>\n <\/div>\n <\/section>\n\n <section>\n <h2 class="text-xl font-semibold mb-4">Contact Us<\/h2>\n <form class="grid grid-cols-1 md:grid-cols-2 gap-4">\n <div class="mb-4">\n <label for="name" class="block text-sm font-semibold text-gray-600">Your Name<\/label>\n <input type="text" id="name" name="name" class="w-full p-2 border border-gray-300 rounded focus:outline-none focus:border-blue-500">\n <\/div>\n <div class="mb-4">\n <label for="email" class="block text-sm font-semibold text-gray-600">Email Address<\/label>\n <input type="email" id="email" name="email" class="w-full p-2 border border-gray-300 rounded focus:outline-none focus:border-blue-500">\n <\/div>\n <div class="col-span-2">\n <label for="message" class="block text-sm font-semibold text-gray-600">Your Message<\/label>\n <textarea id="message" name="message" rows="4" class="w-full p-2 border border-gray-300 rounded focus:outline-none focus:border-blue-500"><\/textarea>\n <\/div>\n <button type="submit" class="bg-blue-500 text-white font-semibold px-4 py-2 rounded hover:bg-blue-600">Submit<\/button>\n <\/form>\n <\/section>\n\n <\/div>\n\n<\/body>\n<\/html><\/code><\/pre><\/div>\n\n\n\n\u3044\u3084\u30fc\u3001\u6c17\u5408\u5165\u308c\u3066\u4f5c\u3063\u3066\u304f\u308c\u307e\u3057\u305f\u3002\u5927\u4f5c\u3067\u3059\u306d\u3002
\u3067\u306f\u3053\u308c\u3092test.hlml\u3068\u3057\u3066
\/nodejs\/node_modules.bin\/src
\u306b\u4fdd\u5b58\u3002
1\u30ab\u6240\u3092\u8a02\u6b63
<link rel=”stylesheet” href=”path\/to\/your\/tailwind.css”>
\u3092
href=”tailwind.css”
\u306b\u3002
\u307e\u305a\u306fTailwind\u306e\u9069\u7528\u524d\u306e\u30d6\u30e9\u30a6\u30b6\u753b\u50cf\u3002<\/p>\n\n\n\n![\"\"](\"https:\/\/web.cloudfree.jp\/journal\/wp-content\/uploads\/2024\/01\/sc_before.jpg\")
<\/figure>\n\n\n\n
cd C:\\pgm\\nodejs\\node_modules.bin
tailwindcss -i .\/src\/main.css -o .\/dist\/tailwind.css
\/dist\/tailwind.css \u304c\u51fa\u529b\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\/*\n! tailwindcss v3.4.1 | MIT License | https:\/\/tailwindcss.com\n*\/\n\n\/*\n1. Prevent padding and border from affecting element width. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/4)\n2. Allow adding a border to an element by just adding a border-width. (https:\/\/github.com\/tailwindcss\/tailwindcss\/pull\/116)\n*\/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n \/* 1 *\/\n border-width: 0;\n \/* 2 *\/\n border-style: solid;\n \/* 2 *\/\n border-color: #e5e7eb;\n \/* 2 *\/\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n\/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*\/\n\nhtml,\n:host {\n line-height: 1.5;\n \/* 1 *\/\n -webkit-text-size-adjust: 100%;\n \/* 2 *\/\n -moz-tab-size: 4;\n \/* 3 *\/\n -o-tab-size: 4;\n tab-size: 4;\n \/* 3 *\/\n font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n \/* 4 *\/\n font-feature-settings: normal;\n \/* 5 *\/\n font-variation-settings: normal;\n \/* 6 *\/\n -webkit-tap-highlight-color: transparent;\n \/* 7 *\/\n}\n\n\/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*\/\n\nbody {\n margin: 0;\n \/* 1 *\/\n line-height: inherit;\n \/* 2 *\/\n}\n\n\/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*\/\n\nhr {\n height: 0;\n \/* 1 *\/\n color: inherit;\n \/* 2 *\/\n border-top-width: 1px;\n \/* 3 *\/\n}\n\n\/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*\/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n\/*\nRemove the default font size and weight for headings.\n*\/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n\/*\nReset links to optimize for opt-in styling instead of opt-out.\n*\/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n\/*\nAdd the correct font weight in Edge and Safari.\n*\/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n\/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*\/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n \/* 1 *\/\n font-feature-settings: normal;\n \/* 2 *\/\n font-variation-settings: normal;\n \/* 3 *\/\n font-size: 1em;\n \/* 4 *\/\n}\n\n\/*\nAdd the correct font size in all browsers.\n*\/\n\nsmall {\n font-size: 80%;\n}\n\n\/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*\/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n\/*\n1. Remove text indentation from table contents in Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=999088, https:\/\/bugs.webkit.org\/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=935729, https:\/\/bugs.webkit.org\/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*\/\n\ntable {\n text-indent: 0;\n \/* 1 *\/\n border-color: inherit;\n \/* 2 *\/\n border-collapse: collapse;\n \/* 3 *\/\n}\n\n\/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*\/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n \/* 1 *\/\n font-feature-settings: inherit;\n \/* 1 *\/\n font-variation-settings: inherit;\n \/* 1 *\/\n font-size: 100%;\n \/* 1 *\/\n font-weight: inherit;\n \/* 1 *\/\n line-height: inherit;\n \/* 1 *\/\n color: inherit;\n \/* 1 *\/\n margin: 0;\n \/* 2 *\/\n padding: 0;\n \/* 3 *\/\n}\n\n\/*\nRemove the inheritance of text transform in Edge and Firefox.\n*\/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*\/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n \/* 1 *\/\n background-color: transparent;\n \/* 2 *\/\n background-image: none;\n \/* 2 *\/\n}\n\n\/*\nUse the modern Firefox focus style for all focusable elements.\n*\/\n\n:-moz-focusring {\n outline: auto;\n}\n\n\/*\nRemove the additional `:invalid` styles in Firefox. (https:\/\/github.com\/mozilla\/gecko-dev\/blob\/2f9eacd9d3d995c937b4251a5557d95d494c9be1\/layout\/style\/res\/forms.css#L728-L737)\n*\/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n\/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*\/\n\nprogress {\n vertical-align: baseline;\n}\n\n\/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*\/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n\/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*\/\n\n[type='search'] {\n -webkit-appearance: textfield;\n \/* 1 *\/\n outline-offset: -2px;\n \/* 2 *\/\n}\n\n\/*\nRemove the inner padding in Chrome and Safari on macOS.\n*\/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*\/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n \/* 1 *\/\n font: inherit;\n \/* 2 *\/\n}\n\n\/*\nAdd the correct display in Chrome and Safari.\n*\/\n\nsummary {\n display: list-item;\n}\n\n\/*\nRemoves the default spacing and border for appropriate elements.\n*\/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n\/*\nReset default styling for dialogs.\n*\/\n\ndialog {\n padding: 0;\n}\n\n\/*\nPrevent resizing textareas horizontally by default.\n*\/\n\ntextarea {\n resize: vertical;\n}\n\n\/*\n1. Reset the default placeholder opacity in Firefox. (https:\/\/github.com\/tailwindlabs\/tailwindcss\/issues\/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*\/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n \/* 1 *\/\n color: #9ca3af;\n \/* 2 *\/\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n \/* 1 *\/\n color: #9ca3af;\n \/* 2 *\/\n}\n\n\/*\nSet the default cursor for buttons.\n*\/\n\nbutton,\n[role="button"] {\n cursor: pointer;\n}\n\n\/*\nMake sure disabled buttons don't get the pointer cursor.\n*\/\n\n:disabled {\n cursor: default;\n}\n\n\/*\n1. Make replaced elements `display: block` by default. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https:\/\/github.com\/jensimmons\/cssremedy\/issues\/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*\/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n \/* 1 *\/\n vertical-align: middle;\n \/* 2 *\/\n}\n\n\/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n*\/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n\/* Make elements with the HTML hidden attribute stay hidden by default *\/\n\n[hidden] {\n display: none;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 \/ 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 \/ 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.container {\n width: 100%;\n}\n\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n\n.col-span-2 {\n grid-column: span 2 \/ span 2;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.block {\n display: block;\n}\n\n.grid {\n display: grid;\n}\n\n.w-full {\n width: 100%;\n}\n\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.gap-4 {\n gap: 1rem;\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-lg {\n border-radius: 0.5rem;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 \/ var(--tw-border-opacity));\n}\n\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 \/ var(--tw-bg-opacity));\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 \/ var(--tw-bg-opacity));\n}\n\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 \/ var(--tw-bg-opacity));\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 \/ var(--tw-bg-opacity));\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.font-sans {\n font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n}\n\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 \/ var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 \/ var(--tw-text-opacity));\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 \/ var(--tw-text-opacity));\n}\n\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.hover\\:bg-blue-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 \/ var(--tw-bg-opacity));\n}\n\n.focus\\:border-blue-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 \/ var(--tw-border-opacity));\n}\n\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n@media (min-width: 768px) {\n .md\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1024px) {\n .lg\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}<\/code><\/pre><\/div>\n\n\n\nsrc\/test.html\u3092 dist\/ \u306b\u3082\u30b3\u30d4\u30fc\u3002<\/p>\n\n\n\n
test.html\u306f\u3059\u3067\u306b
<link rel=”stylesheet” href=”tailwind.css”>
\u3068\u540c\u4e00\u30d5\u30a9\u30eb\u30c0\u306etailwind.css\u3092\u8aad\u3080\u8a2d\u5b9a\u306a\u306e\u3067\u958b\u3044\u3066\u307f\u307e\u3059\u3068\u3002<\/p>\n\n\n\n![\"\"](\"https:\/\/web.cloudfree.jp\/journal\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-14-at-23-24-55-Tailwind-CSS-Sample.png\")
<\/figure>\n\n\n\n\u300e\u304a\u3049\u30fc\u300f
Tailwind\u304c\u3059\u3054\u3044\u306e\u304b\u3001ChatGPT\u304c\u3059\u3054\u3044\u306e\u304b\u3001\u3069\u3063\u3061\u304b\u3088\u304f\u308f\u304b\u308a\u307e\u305b\u3093\u304c\u3001\u3053\u308c\u306f\u3059\u3070\u3089\u3057\u3044\u3002
Tailwind\u3001\u30de\u30b9\u30bf\u30fc\u3059\u308b\u305e\uff01\u3063\u3068\u6c17\u5408\u5165\u308a\u307e\u3057\u305f\u3002
<\/p>\n","protected":false},"excerpt":{"rendered":"
Tailwind\u306eCSS\u3092\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u3066html\u306b\u9069\u7528\u3055\u305b\u308b\u30c6\u30b9\u30c8\u3092\u3057\u3066\u307f\u307e\u3057\u305f<\/p>\n","protected":false},"author":1,"featured_media":863,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"wp-custom-template-x24-index","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[101,129,23,130],"_links":{"self":[{"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/posts\/865"}],"collection":[{"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/comments?post=865"}],"version-history":[{"count":0,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/posts\/865\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/media\/863"}],"wp:attachment":[{"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/media?parent=865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/categories?post=865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/tags?post=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}