{"id":862,"date":"2024-01-11T23:59:14","date_gmt":"2024-01-11T14:59:14","guid":{"rendered":"https:\/\/web.cloudfree.jp\/journal\/?p=862"},"modified":"2024-01-14T22:26:47","modified_gmt":"2024-01-14T13:26:47","slug":"node-js%e3%82%92%e3%81%84%e3%82%8c%e3%81%a6tailwind%e3%82%92%e3%82%b3%e3%83%b3%e3%83%91%e3%82%a4%e3%83%ab","status":"publish","type":"post","link":"https:\/\/web.cloudfree.jp\/journal\/node-js%e3%82%92%e3%81%84%e3%82%8c%e3%81%a6tailwind%e3%82%92%e3%82%b3%e3%83%b3%e3%83%91%e3%82%a4%e3%83%ab\/","title":{"rendered":"Node.js\u3092\u3044\u308c\u3066Tailwind\u3092\u30b3\u30f3\u30d1\u30a4\u30eb"},"content":{"rendered":"<h3 class=\"wp-block-post-title\">Node.js\u3092\u3044\u308c\u3066Tailwind\u3092\u30b3\u30f3\u30d1\u30a4\u30eb<\/h3>\n\n\n<p class=\"has-tertiary-color has-text-color has-background has-small-font-size\" style=\"background-color:#8d8dd8;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">2024-01-11 \u8a18\u8f09<br>\u6982\u8981 : php\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u304c\u30b8\u30e7\u30a4\u30f3\u3057\u3066\u3044\u308bCSS\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30afTailwind\u306b\u30c8\u30e9\u30a4<br>Keyword : Tailwind, Laravel, Node.js, CSS, <\/p>\n\n\n\n<p>Tailwind\u3092\u4f7f\u3046\u306b\u306fNode.js\u304c\u3044\u308b\u3088\u3046\u3067\u3059\u3002<br>Node.js\u306f\u6614\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u307e\u3057\u305f\u304c\u3001Version16\u3068\u53e4\u304b\u3063\u305f\u306e\u3067\u3001\u30a2\u30f3\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u6700\u65b0\u5b89\u5b9a\u7248\u3092\u5165\u308c\u306a\u304a\u3057\u307e\u3057\u305f\u3002<br>Version 20.11.0<\/p>\n\n\n\n<p>npm\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3002<br>npm\u304bnmp\u304b\u6df7\u4e71\u3057\u3066\u307e\u3057\u305f\u304c\u3001\u30ce\u30fc\u30c9(N)\u30d1\u30c3\u30b1\u30fc\u30b8(P)\u30de\u30cd\u30fc\u30b8\u30e3(M)\u3068\u61b6\u3048\u3066\u3082\u3046\u9593\u9055\u3044\u307e\u305b\u3093\u3002v(-_-<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>cd C:\\pgm\\nodejs\\\nnpm install -D tailwindcss\nadded 112 packages, and removed 238 packages in 13s\n27 packages are looking for funding\n  run `npm fund` for details<\/code><\/pre><\/div>\n\n\n\n<p>PATH\u3092\u8a2d\u5b9a\u3057\u3066\u306a\u3044\u306e\u3067\u3001node.js\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u304b\u3089\u53e9\u3044\u3066\u30a8\u30e9\u30fc\u3002<br>\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u79fb\u52d5\u3057\u3066 init\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>cd C:\\pgm\\nodejs\\node_modules\\.bin\ntailwindcss init\nCreated Tailwind CSS config file: tailwind.config.js<\/code><\/pre><\/div>\n\n\n\n<p>tailwind -v \u3067\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\u3067\u304d\u306a\u304b\u3063\u305f\u306e\u3067\u3001-help\u3092\u53e9\u3044\u305f\u3089\u3053\u3061\u3089\u3067\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u8868\u793a\u3055\u308c\u307e\u3057\u305f\u3002v3.4.1<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>tailwind -help\n\ntailwindcss v3.4.1\n\nUsage:\n   tailwindcss build [options]\n\nOptions:\n   -i, --input              Input file\n   -o, --output             Output file\n   -w, --watch              Watch for changes and rebuild as needed\n   -p, --poll               Use polling instead of filesystem events when watching\n       --content            Content paths to use for removing unused classes\n       --postcss            Load custom PostCSS configuration\n   -m, --minify             Minify the output\n   -c, --config             Path to a custom config file\n       --no-autoprefixer    Disable autoprefixer\n   -h, --help               Display usage information<\/code><\/pre><\/div>\n\n\n\n<p>2024.1.13\u73fe\u5728\u3001\u516c\u5f0f\u30b5\u30a4\u30c8\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<br><a href=\"https:\/\/tailwindcss.com\/docs\/installation\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/tailwindcss.com\/docs\/installation<\/a><br>\u3082v3.4.1\u3092\u5bfe\u8c61\u306b\u3057\u3066\u3044\u3066\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u624b\u9806\u306f\u66f8\u7c4d\u3068\u540c\u3058\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\"tailwind.config.js\"><code>\/** @type {import(&#39;tailwindcss&#39;).Config} *\/\nmodule.exports = {\n  content: [],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u4e00\u884c\u66f8\u304d\u63db\u3048<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\"tailwind.config.js\"><code>content: [&#39;.\/src\/*\/.{html,js}&#39;],<\/code><\/pre><\/div>\n\n\n\n<p>.\/src\/main.css \u3092\u30d5\u30a9\u30eb\u30c0\u542b\u3081\u3066\u4f5c\u6210\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\".\/src\/main.css\"><code>@tailwind base;\n@tailwind components;\n@tailwind utilities;<\/code><\/pre><\/div>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>tailwindcss -i .\/src\/main.css -o .\/dist\/main.css --watch\n\nRebuilding...\n\nwarn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.\nwarn - https:\/\/tailwindcss.com\/docs\/content-configuration\n\nDone in 173ms.<\/code><\/pre><\/div>\n\n\n\n<p>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u304c\u7a7a\u306e\u72b6\u614b\u3067\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u305f\u304b\u3089\u3067\u3057\u3087\u3046\u304b\u3002\u306a\u306b\u304bWarning\u304c\u51fa\u3066\u3044\u307e\u3059\u3002<br>\u305d\u308c\u3067\u3082\u4ee5\u4e0b\u306e552\u884c\u3082\u3042\u308b\u30d5\u30a1\u30a4\u30eb\u304c\u751f\u6210\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\".\/dist\/main.css\"><code>\/*\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: &#39;&#39;;\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&#39;s configured `sans` font-family by default.\n5. Use the user&#39;s configured `sans` font-feature-settings by default.\n6. Use the user&#39;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, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;\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&#39;s configured `mono` font-family by default.\n2. Use the user&#39;s configured `mono` font-feature-settings by default.\n3. Use the user&#39;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, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, 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=&#39;button&#39;],\n[type=&#39;reset&#39;],\n[type=&#39;submit&#39;] {\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=&#39;search&#39;] {\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&#39;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=&quot;button&quot;] {\n  cursor: pointer;\n}\n\n\/*\nMake sure disabled buttons don&#39;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}<\/code><\/pre><\/div>\n\n\n\n<p>\u3053\u3053\u307e\u3067\u306f\u3067\u304d\u307e\u3057\u305f\u3002\u3057\u304b\u3057\u3001CSS\u3068\u3057\u3066\u6a5f\u80fd\u3055\u305b\u308b\u3068\u3053\u308d\u307e\u3067\u306f\u3044\u3063\u3066\u307e\u305b\u3093\u3002Tailwind\u3001\u4f7f\u3044\u59cb\u3081\u304c\u306a\u304b\u306a\u304b\u6577\u5c45\u9ad8\u3044\u3067\u3059\u306d\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30e1\u30b8\u30e3\u30fc\u306aphp\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u304c\u30b8\u30e7\u30a4\u30f3\u3057\u3066\u3044\u308bCSS\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30afTailwind\u306b\u30c8\u30e9\u30a4\u3057\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":[129,143,23,130],"_links":{"self":[{"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/posts\/862"}],"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=862"}],"version-history":[{"count":0,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/posts\/862\/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=862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/categories?post=862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/web.cloudfree.jp\/journal\/wp-json\/wp\/v2\/tags?post=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}