{"id":7980,"date":"2023-12-27T14:05:16","date_gmt":"2023-12-27T05:05:16","guid":{"rendered":"\/media\/?p=7980"},"modified":"2023-12-27T14:05:19","modified_gmt":"2023-12-27T05:05:19","slug":"vite-vercel-deploy","status":"publish","type":"post","link":"https:\/\/www.flying-h.co.jp\/media\/2023\/12\/27\/vite-vercel-deploy\/","title":{"rendered":"\u30ab\u30c3\u30d7\u9eba\u306e\u51fa\u6765\u4e0a\u304c\u308a\u3092\u5f85\u3063\u3066\u3044\u308b3\u5206\u9593\u3067Vercel\u306bVite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u30c7\u30d7\u30ed\u30a4\u3059\u308b"},"content":{"rendered":"\n

\u3069\u3046\u3082\u3001\u597d\u304d\u306a\u30ab\u30c3\u30d7\u9eba\u306f\u300c\u30ab\u30c3\u30d7\u30cc\u30fc\u30c9\u30eb \u30c8\u30e0\u30e4\u30e0\u30af\u30f3\u30cc\u30fc\u30c9\u30eb\u300d\u3067\u3059\ud83c\udf5c
\u4eca\u56de\u306f\u3001\u305d\u3093\u306a\u30ab\u30c3\u30d7\u9eba\u304c\u51fa\u6765\u4e0a\u304c\u308b\u304a\u304a\u3088\u305d3\u5206\u9593\u3067\u3001Vite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092Vercel\u3078\u30c7\u30d7\u30ed\u30a4\u3057\u3066WWW\uff08\u30ef\u30fc\u30eb\u30c9\u30fb\u30ef\u30a4\u30c9\u30fb\u30a6\u30a7\u30d6\uff09\u3078\u516c\u958b\u3057\u3061\u3083\u3044\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

Vite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n

\u30b3\u30de\u30f3\u30c9\u3092\uff8a\uff9f\uff8a\uff9f\uff6f\u3068\u5165\u529b\u3057\u3066Vite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\ud83e\udef5
https:\/\/vitejs.dev\/guide\/#scaffolding-your-first-vite-project<\/a><\/p>\n\n\n\n

npm create vite@latest<\/code><\/pre><\/div>\n\n\n\n
\u3044\u308d\u3044\u308d\u805e\u304b\u308c\u307e\u3059\u304c\u3001\u9069\u5f53\u306b\u9078\u629e\u3057\u3066\u3044\u304d\u307e\u3059\u3002
\u4eca\u56de\u306fVue\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u9078\u629e\u3057\u3066\u307f\u307e\u3057\u305f\ud83d\ude03<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u7121\u4e8b\u306b\u4f5c\u6210\u3067\u304d\u305f\u3089\u3001\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u901a\u308a\u306b\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\ud83d\udd21<\/p>\n\n\n\n
cd cup-noodle\nnpm install\nnpm run dev<\/code><\/pre><\/div>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
localhost:5173\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001\u7121\u4e8b\u306bVite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u7acb\u3061\u4e0a\u304c\u3063\u3066\u3044\u308b\u3053\u3068\u304c\u78ba\u8a8d\u3067\u304d\u307e\u3057\u305f\ud83e\udd73<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
Git\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n
\u4eca\u56de\u306fGithub\u3067\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u307e\u3059\ud83e\udd2b<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u9069\u5f53\u306a\u30ea\u30dd\u30b8\u30c8\u30ea\u540d\u3092\u5165\u529b\u3057\u3066\u3001\u300cCreate repository\u300d\u3092\uff8e\uff9f\uff81\u3063\u3068\u3057\u307e\u3059\ud83d\udc47
\u4eca\u56de\u306f\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\ud83d\udd11\uff08\u30a2\u30ab\u30a6\u30f3\u30c8\u306essh\u306e\u8a2d\u5b9a\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u304c\u3001\u305d\u306e\u3042\u305f\u308a\u306e\u8aac\u660e\u306f\u5272\u611b\u3057\u307e\u3059\uff09<\/p>\n\n\n\n
\u30ea\u30dd\u30b8\u30c8\u30ea\u306bvite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u30d7\u30c3\u30b7\u30e5\u3059\u308b<\/h2>\n\n\n\n
\u3055\u304d\u307b\u3069\u4f5c\u6210\u3057\u305f\u30ea\u30dd\u30b8\u30c8\u30ea\u3078\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\uff8c\uff9f\uff6f\uff7c\uff6d\u3057\u307e\u3059\u3002
\u4eca\u56de\u306f\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u304b\u3089\u4e0b\u8a18\u306e\u901a\u308a\u306b\u5b9f\u884c\u3057\u3066\u307f\u307e\u3059\u270b<\/p>\n\n\n\n
git init\ngit add .\ngit commit -m "\ud83c\udf89 Initial commit"\ngit branch -M main\ngit remote add origin git@github.com:user-name\/cup-noodle.git\ngit push -u origin main<\/code><\/pre><\/div>\n\n\n\n
\u4eca\u56de\u306f\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30ea\u30dd\u30b8\u30c8\u30ea\u306a\u306e\u3067ssh\u306eURL\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u30d1\u30d6\u30ea\u30c3\u30af\u30ea\u30dd\u30b8\u30c8\u30ea\u306e\u5834\u5408\u306fHTTPS\u306eURL\u3092\u6307\u5b9a\u3057\u3066\u554f\u984c\u3042\u308a\u307e\u305b\u3093\ud83d\ude36<\/p>\n\n\n\n
git remote add origin https:\/\/github.com\/user-name\/cup-noodle.git<\/code><\/pre><\/div>\n\n\n\n
\u5404URL\u306b\u95a2\u3057\u3066\u306f\u30ea\u30dd\u30b8\u30c8\u30ea\u306e\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u3042\u308b\u4e0b\u8a18\u3092\u53c2\u7167\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\ud83d\udc40<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u30ea\u30dd\u30b8\u30c8\u30ea\u306b\u30d5\u30a1\u30a4\u30eb\u306e\u4e00\u89a7\u304c\u53cd\u6620\u3055\u308c\u305f\u3089\u5b8c\u4e86\u3067\u3059\ud83d\udccb<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
Vercel\u3078\u30c7\u30d7\u30ed\u30a4\u3059\u308b<\/h2>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u300cAdd New\u300d\u304b\u3089\u300cProject\u300d\u3092\u9078\u629e\u3057\u3066\u3001\u65b0\u3057\u3044\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u2728<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u30ea\u30dd\u30b8\u30c8\u30ea\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u5148\u3092\u805e\u304b\u308c\u308b\u306e\u3067\u3001\u9069\u5b9c\u9078\u629e\u3057\u307e\u3059\u3002\u4eca\u56de\u306fGithub\u3067\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u305f\u306e\u3067Github\u3092\u9078\u629e\u3057\u307e\u3059\ud83d\udc46
Github\u3068\u306e\u9023\u643a\u304c\u5b8c\u4e86\u3059\u308b\u3068\u30ea\u30dd\u30b8\u30c8\u30ea\u4e00\u89a7\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u304c\u3001\u30c7\u30d7\u30ed\u30a4\u3057\u305f\u3044\u30ea\u30dd\u30b8\u30c8\u30ea\u304c\u8868\u793a\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u3082\u3042\u308a\u307e\u3059\ud83d\ude36\u200d\ud83c\udf2b\ufe0f <\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u305d\u306e\u969b\u306f\u3001\u4e0b\u306b\u3042\u308b\u300cAdust Github App Permissions\u300d\u306e\u30ea\u30f3\u30af\u3092\u62bc\u4e0b\u3057\u3066\u3001\u9023\u643a\u3059\u308b\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u9078\u629e\u3057\u3066\u300cSave\u300d\u3057\u307e\u3059\u2705<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u300cAll repositories\u300d\u3092\u9078\u629e\u3057\u3066\u3001\u3059\u3079\u3066\u306e\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u8a31\u53ef\u3057\u3066\u3082\u554f\u984c\u306a\u3044\u3068\u601d\u3044\u307e\u3059\ud83d\udca1<\/p>\n\n\n\n
\u300cSave\u300d\u3057\u305f\u3042\u3068\u306b\u30ea\u30dd\u30b8\u30c8\u30ea\u4e00\u89a7\u306e\u753b\u9762\u306b\u623b\u308b\u3068\u3001\u5148\u307b\u3069\u8ffd\u52a0\u3057\u305f\u30ea\u30dd\u30b8\u30c8\u30ea\u304c\u8ffd\u52a0\u3055\u308c\u3066\u3044\u308b\u30fb\u300cImport\u300d\u306e\u30dc\u30bf\u30f3\u304c\u62bc\u305b\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u30c7\u30d7\u30ed\u30a4\u3057\u305f\u3044\u30ea\u30dd\u30b8\u30c8\u30ea\u306e\u300cImport\u300d\u3092\u62bc\u4e0b\u3057\u307e\u3059\ud83d\udc47<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u8a2d\u5b9a\u753b\u9762\u306b\u9077\u79fb\u3059\u308b\u3068\u3001\u81ea\u52d5\u7684\u306bVite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3042\u308b\u3053\u3068\u3092\u8a8d\u8b58\u3057\u3066\u30b3\u30de\u30f3\u30c9\u3084\u51fa\u529b\u5148\u306e\u30d5\u30a9\u30eb\u30c0\u540d\u306a\u3069\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u306e\u304c\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\uff7d\uff7a\uff9e\u2757<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u305d\u3057\u3066\u3001\u305d\u306e\u4e0b\u306b\u3042\u308b\u300cdeploy\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u30fb\u30fb\u30fb\ud83d\ude0f<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u30fb\u30fb\u30fb<\/p>\n\n\n
\n
\"\"
\u7d19\u5439\u96ea\u304c\u821e\u3046\u3093\u3067\u3059\u3051\u3069\u3061\u3093\u305f\u3089\u3057\u3066\u3044\u305f\u3089\u30b9\u30af\u30b7\u30e7\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\uff08\u60b2\uff09<\/figcaption><\/figure><\/div>\n\n\n
\u79d2\u3067\u30c7\u30d7\u30ed\u30a4\u3055\u308c\u307e\u3057\u305f\u3002\uff7d\uff7a\uff9e~~~~\u2757\u2757\u2757
\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3078\u623b\u308b\u3068\u3001\u5404\u30c9\u30e1\u30a4\u30f3\u306a\u3069\u306e\u78ba\u8a8d\u304c\u3067\u304d\u307e\u3059\ud83c\udf89<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u305d\u3057\u3066\u3001\u4eca\u5f8c\u30ea\u30dd\u30b8\u30c8\u30ea\u306b\u4f55\u304b\u5909\u66f4\u304c\u3042\u308b\u3068\u3001\u81ea\u52d5\u7684\u306b\u30c7\u30d7\u30ed\u30a4\u3057\u3066\u304f\u308c\u307e\u3059\ud83c\udf89
\u3067\u306f\u3001\u3055\u3063\u305d\u304f\u8a66\u3057\u306b\u9069\u5f53\u306b\u30c6\u30ad\u30b9\u30c8\u5909\u66f4\u306a\u3069\u3092\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n
- <HelloWorld msg="Vite + Vue" \/>\n+ <HelloWorld msg="\u30c8\u30e0\u30e4\u30e0\u30af\u30f3\u30cc\u30fc\u30c9\u30eb" \/><\/code><\/pre><\/div>\n\n\n\n
git add src\/App.vue\ngit commit -m "Change text"\ngit push -u origin main<\/code><\/pre><\/div>\n\n\n\n
main\u30d6\u30e9\u30f3\u30c1\u306e\u5909\u66f4\u3092\u691c\u77e5\u3057\u3066\u81ea\u52d5\u3067\u30d3\u30eb\u30c9\u30b3\u30de\u30f3\u30c9\u304c\u8d70\u308a\u3001\u7121\u4e8b\u306b\u53cd\u6620\u3055\u308c\u307e\u3057\u305f\ud83e\udee8<\/p>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
\u30ab\u30c3\u30d7\u9eba\u306e\u3067\u304d\u3042\u304c\u308a<\/h2>\n\n\n\n
Vercel\u3092\u4f7f\u3048\u3070\u3001\u7206\u901f\u304b\u3064\u7c21\u5358\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u30c7\u30d7\u30ed\u30a4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4eca\u56de\u3001\u8aac\u660e\u306f\u5272\u611b\u3057\u307e\u3057\u305f\u304c\u3001\u672c\u756a\u30fb\u958b\u767a\u306a\u3069\u306e\u30d6\u30e9\u30f3\u30c1\u3054\u3068\u306b\u30c7\u30d7\u30ed\u30a4\u3059\u308bURL\u3092\u5206\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u305f\u308a\u3001\u7279\u5b9a\u306e\u30d6\u30e9\u30f3\u30c1\u306e\u66f4\u65b0\u306e\u307f\u3092\u30c7\u30d7\u30ed\u30a4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u305f\u308a\u3082\u3057\u307e\u3059\ud83e\udd74 \u306a\u306b\u3088\u308aGit\u30ea\u30dd\u30b8\u30c8\u30ea\u3055\u3048\u3042\u308c\u3070\u3001\u30b5\u30fc\u30d0\u30fc\u3078\u30c7\u30d7\u30ed\u30a4\u3067\u304d\u308b\u3068\u3044\u3046\u306e\u304c\u624b\u8efd\u3055\u304c\u3042\u3063\u3066\u3088\u3044\u3067\u3059\u306d\ud83d\ude09<\/p>\n\n\n\n
\u305d\u308d\u305d\u308d\u30ab\u30c3\u30d7\u9eba\u3082\u51fa\u6765\u4e0a\u304c\u3063\u305f\u9803\u5408\u3044\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u305d\u308c\u3067\u306f\u3053\u3053\u3089\u3078\u3093\u3067\ud83c\udf5c<\/p>\n","protected":false},"excerpt":{"rendered":"
\u3069\u3046\u3082\u3001\u597d\u304d\u306a\u30ab\u30c3\u30d7\u9eba\u306f\u300c\u30ab\u30c3\u30d7\u30cc\u30fc\u30c9\u30eb \u30c8\u30e0\u30e4\u30e0\u30af\u30f3\u30cc\u30fc\u30c9\u30eb\u300d\u3067\u3059\ud83c\udf5c\u4eca\u56de\u306f\u3001\u305d\u3093\u306a\u30ab\u30c3\u30d7\u9eba\u304c\u51fa\u6765\u4e0a\u304c\u308b\u304a\u304a\u3088\u305d3\u5206\u9593\u3067\u3001Vite\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092Vercel\u3078\u30c7\u30d7\u30ed\u30a4\u3057\u3066WWW\uff08\u30ef\u30fc\u30eb\u30c9\u30fb\u30ef\u30a4\u30c9\u30fb\u30a6\u30a7\u30d6\uff09\u3078\u516c\u958b\u3057\u3061\u3083\u3044\u305f […]<\/p>\n","protected":false},"author":3,"featured_media":8027,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7980","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/7980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/comments?post=7980"}],"version-history":[{"count":0,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/7980\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/media\/8027"}],"wp:attachment":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/media?parent=7980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/categories?post=7980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/tags?post=7980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}