{"id":1401,"date":"2022-03-11T01:01:30","date_gmt":"2022-03-10T16:01:30","guid":{"rendered":"https:\/\/coralnet.co.jp\/wordpress\/?p=1401"},"modified":"2022-03-11T01:01:31","modified_gmt":"2022-03-10T16:01:31","slug":"firebase-%e3%81%a7%e3%82%b5%e3%83%b3%e3%83%97%e3%83%ab%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f","status":"publish","type":"post","link":"https:\/\/coralnet.co.jp\/raku-log\/?p=1401","title":{"rendered":"firebase \u3067\u30b5\u30f3\u30d7\u30eb\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u307f\u305f"},"content":{"rendered":"\n

\u3044\u304f\u3064\u304b\u306e\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8\u3092\u53c2\u8003\u306b\u3057\u3066\u30b5\u30f3\u30d7\u30eb\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u305f\u5099\u5fd8\u9332<\/p>\n\n\n\n

firebase\u3068\u306f<\/h2>\n\n\n\n

firebase\u3068\u306f\u3001Google\u304c\u63d0\u4f9b\u3059\u308b\u3001WEB\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084\u30e2\u30d0\u30a4\u30eb\u5411\u3051\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3067\u304d\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3084HTML\u306a\u3069\u306e\u958b\u767a\u306e\u6a5f\u80fd\u306a\u3069\u3059\u3079\u3066goolge\u5074\u3067\u7528\u610f\u3057\u305f\u30a4\u30f3\u30d5\u30e9\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u3002\uff08\u7121\u6599\u30d7\u30e9\u30f3\u3042\u308a\uff09<\/p>\n\n\n\n

Google\u30a2\u30ab\u30a6\u30f3\u30c8\u304c\u3042\u308b\u3068\u7c21\u5358\u306b\u59cb\u3081\u3089\u308c\u307e\u3059<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u30b5\u30f3\u30d7\u30eb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308b<\/h2>\n\n\n\n

\u4e0a\u8a18\u753b\u50cf\u306fGoogle\u30a2\u30ab\u30a6\u30f3\u30c8\u3067\u30ed\u30b0\u30a4\u30f3\u3057\u305f\u72b6\u614b\u3002\u300c\u4f7f\u3063\u3066\u307f\u308b\u300d\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210\u3078\u79fb\u52d5\u3002<\/p>\n\n\n\n

\u300c\u4f7f\u3063\u3066\u307f\u308b\u300d\u2192\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8ffd\u52a0\u9078\u3073\u3001\u540d\u524d\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

\u7279\u306b\u8a2d\u5b9a\u306f\u5909\u3048\u307e\u305b\u3093\u3002Google\u30a2\u30ca\u30ea\u30c6\u30a3\u30af\u30b9\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u9023\u643a\u3055\u305b\u308b\u3068\u3001\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u3044\u308bGoogle\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u7d10\u3065\u3051\u3055\u308c\u3066\u3044\u308b\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u9078\u3076\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\"\"<\/a>
\u4f5c\u6210\u4e2d<\/figcaption><\/figure>\n\n\n\n

\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u51fa\u6765\u4e0a\u304c\u3063\u305f\u3089\u3001\u4f5c\u6210\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u300cSample\u300d\u3092\u9078\u3076\u3068\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u753b\u9762\u304c\u958b\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u4f5c\u6210\u3059\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff08\u8d64\u4e38\uff09\u306e\u4e2d\u3067\u8a72\u5f53\u3059\u308b\u3082\u306e\u3092\u9078\u3073\u307e\u3059\u3002<\/p>\n\n\n\n

\u4eca\u56de\u306fweb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff08\u53f3\u7aef\uff09\u3092\u9078\u3073\u307e\u3059<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u30a2\u30d7\u30ea\u306e\u540d\u524d\u3092\u5165\u308c\u307e\u3059<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\uff62\u30a2\u30d7\u30ea\u306e\u767b\u9332\u300d\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u6b21\u306b\u9032\u307f\u307e\u3059\u3002<\/p>\n\n\n\n

\u4ee5\u4e0b\u306e\u8868\u793a\u304c\u3067\u307e\u3059\u304c\u3001\u307e\u305a\u767b\u9332\u3059\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u5fc5\u8981\u3068\u306a\u308a\u307e\u3059\u306e\u3067\u30b5\u30f3\u30d7\u30eb\u306e\u3072\u306a\u578b\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u6700\u521d\u306a\u306e\u3067JavaScript\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u307e\u3060\u306a\u3044\u5834\u5408\u306f\u3001\u30b5\u30f3\u30d7\u30eb\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304a\u304d\u307e\u3059<\/p>\n\n\n

\"\"<\/div>
Firebase<\/div>
3 Users<\/a><\/object><\/div><\/div>
\"\"<\/figure>
sample<\/div>
https:\/\/firebase.google.com\/docs\/samples?hl=ja<\/div>
firebase sample<\/div><\/div>
<\/div><\/div><\/a><\/div><\/div>\n\n\n\n

\u4e0a\u8a18\u8868\u793a\u306f\u305d\u306e\u307e\u307e\u306bWindowsPowerShell\u3092\u4f7f\u3044\u3001\u3072\u306a\u578b\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u30d5\u30a9\u30eb\u30c0\u3078\u30ab\u30ec\u30f3\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u79fb\u52d5\u3057\u3001\u4ee5\u4e0b\u3092\u5b9f\u65bd\u3002<\/p>\n\n\n\n

$ npx create-next-app myapp --typescript<\/pre>\n\n\n\n
myapp\u30d5\u30a9\u30eb\u30c0\u306e\u4e0b\u306bmyapp\u30d5\u30a9\u30eb\u30c0\u304c\u3067\u304d\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u304c\u3002\u3053\u306e\u72b6\u614b\u3067firebase\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3092\u884c\u3044\u307e\u3059\u3002\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u30d5\u30a9\u30eb\u30c0\u3078\u30ab\u30ec\u30f3\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u79fb\u52d5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u5b8c\u4e86<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
HOSTING \u306e\u8a2d\u5b9a<\/h2>\n\n\n\n
npm install -g firebase-tools<\/pre>\n\n\n\n
firebase login<\/pre>\n\n\n\n
firebase init<\/pre>\n\n\n\n
Firebase\u521d\u671f\u5316\u304c\u7d42\u4e86\u3059\u308b\u3068\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u8868\u793a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
firebase deploy<\/pre>\n\n\n\n
deploy\u5b9f\u65bd\u5f8c\u3001\u8868\u793a\u5148\u306eurl\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001WEB\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u4eca\u56de\u306f\u4f55\u3082\u306a\u3044\u3072\u306a\u578b\u306a\u306e\u3067\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u5f62\u3067\u3059\u3002<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"
\u3044\u304f\u3064\u304b\u306e\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8\u3092\u53c2\u8003\u306b\u3057\u3066\u30b5\u30f3\u30d7\u30eb\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u305f\u5099\u5fd8\u9332 firebase\u3068\u306f firebase\u3068\u306f\u3001Google\u304c\u63d0\u4f9b\u3059\u308b\u3001WEB\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084\u30e2\u30d0\u30a4\u30eb\u5411\u3051\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3067\u304d\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002…<\/p>\n","protected":false},"author":1,"featured_media":956,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[134],"tags":[],"class_list":["post-1401","post","type-post","status-publish","format-standard","has-post-thumbnail","category-pc","article"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\n\t\t\n