{"id":510,"date":"2025-01-06T07:04:58","date_gmt":"2025-01-05T22:04:58","guid":{"rendered":"https:\/\/kitayama.jp\/?p=510"},"modified":"2025-01-06T07:04:59","modified_gmt":"2025-01-05T22:04:59","slug":"tailwind-css-%e3%81%ab%e3%80%80preline-ui%e3%82%92%e5%b0%8e%e5%85%a5","status":"publish","type":"post","link":"https:\/\/kitayama.jp\/?p=510","title":{"rendered":"Tailwind CSS \u306b\u3000Preline UI\u3092\u5c0e\u5165"},"content":{"rendered":"\n<p>TAG\u304c\u3081\u3061\u3083\u304f\u3061\u3083\u9577\u304f\u306a\u308b\u306e\u3067\u5acc\u3063\u3066\u3044\u305f\u3001Tailwind \u3060\u3051\u3069\u3001\u6d41\u77f3\u306b\u6d41\u308c\u306b\u4e57\u3089\u306a\u3044\u308f\u3051\u306b\u3082\u3044\u304b\u306a\u3044\u306e\u3067\u3001\u5c0e\u5165\u3092\u6c7a\u610f\u3002<\/p>\n\n\n\n<p>\u591a\u5c11\u5171\u697d\u3092\u3057\u305f\u3044\u306e\u3067\u3001Preline\u3092\u5165\u308c\u3066\u307f\u305f\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u5165\u308c\u65b9<\/p>\n\n\n\n<p>npm install preline<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u3067\u3001praline \u3092\u5c0e\u5165<\/p>\n\n\n\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8. root \u306e\u3000tailwind.config.js \u3092\u4ee5\u4e0b\u3092\u8ffd\u52a0<\/p>\n\n\n\n<p>\u3000\uff08breeze\u3092\u5c0e\u5165\u6e08\u307f\u3060\u3051\u3069\u3001jetstream \u3067\u3082\u540c\u3058\uff09<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-file=\"tailwing.config.js\" data-lang=\"JavaScript\"><code>import defaultTheme from &#39;tailwindcss\/defaultTheme&#39;;\nimport forms from &#39;@tailwindcss\/forms&#39;;\n\n\/** @type {import(&#39;tailwindcss&#39;).Config} *\/\nexport default {\n    content: [\n        &#39;.\/vendor\/laravel\/framework\/src\/Illuminate\/Pagination\/resources\/views\/*.blade.php&#39;,\n        &#39;.\/storage\/framework\/views\/*.php&#39;,\n        &#39;.\/resources\/views\/**\/*.blade.php&#39;,\n        &#39;node_modules\/preline\/dist\/*.js&#39;,   \/\/\u3000\u8ffd\u52a0\n    ],\n\n    theme: {\n        extend: {\n            fontFamily: {\n                sans: [&#39;Figtree&#39;, ...defaultTheme.fontFamily.sans],\n            },\n        },\n    },\n\n    plugins: [\n\u3000\u3000\u3000\u3000\u3000forms,\n\u3000\u3000\u3000\u3000\u3000require(&#39;preline\/plugin&#39;),\u3000\u3000\u3000\/\/ \u8ffd\u52a0\n\u3000\u3000\u3000],\n};<\/code><\/pre><\/div>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-file=\"app.js\" data-lang=\"JavaScript\"><code>import &#39;.\/bootstrap&#39;;\nimport &#39;preline&#39;;    \/\/\u3000\u8ffd\u52a0<\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306f\u3001<a href=\"https:\/\/preline.co\/docs\/\">https:\/\/preline.co\/docs\/<\/a>\u3000\u3053\u3053\u304b\u3089\u53d6\u5f97\u3067\u304d\u308b\u6a21\u69d8\u3067\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TAG\u304c\u3081\u3061\u3083\u304f\u3061\u3083\u9577\u304f\u306a\u308b\u306e\u3067\u5acc\u3063\u3066\u3044\u305f\u3001Tailwind \u3060\u3051\u3069\u3001\u6d41\u77f3\u306b\u6d41\u308c\u306b\u4e57\u3089\u306a\u3044\u308f\u3051\u306b\u3082\u3044\u304b\u306a\u3044\u306e\u3067\u3001\u5c0e\u5165\u3092\u6c7a\u610f\u3002 \u591a\u5c11\u5171\u697d\u3092\u3057\u305f\u3044\u306e\u3067\u3001Preline\u3092\u5165\u308c\u3066\u307f\u305f\u3002 \u5165\u308c\u65b9 npm install preline \u3067\u3001praline \u3092\u5c0e\u5165 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8. root \u306e\u3000tailwind.config.js \u3092\u4ee5\u4e0b\u3092\u8ffd\u52a0 \u3000\uff08breeze\u3092\u5c0e\u5165\u6e08\u307f\u3060\u3051\u3069\u3001jetstream \u3067\u3082\u540c\u3058\uff09 \u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306f\u3001https:\/\/preline.co\/docs\/\u3000\u3053\u3053\u304b\u3089\u53d6.. <a href=\"https:\/\/kitayama.jp\/?p=510\">\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/kitayama.jp\/index.php?rest_route=\/wp\/v2\/posts\/510"}],"collection":[{"href":"https:\/\/kitayama.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kitayama.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kitayama.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitayama.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=510"}],"version-history":[{"count":2,"href":"https:\/\/kitayama.jp\/index.php?rest_route=\/wp\/v2\/posts\/510\/revisions"}],"predecessor-version":[{"id":512,"href":"https:\/\/kitayama.jp\/index.php?rest_route=\/wp\/v2\/posts\/510\/revisions\/512"}],"wp:attachment":[{"href":"https:\/\/kitayama.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kitayama.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kitayama.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}