{"id":12547,"date":"2019-11-20T21:51:00","date_gmt":"2019-11-20T12:51:00","guid":{"rendered":"http:\/\/takuminasuno.com\/?p=12547"},"modified":"2020-01-10T11:34:34","modified_gmt":"2020-01-10T02:34:34","slug":"20191120_firebase_ja","status":"publish","type":"post","link":"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja","title":{"rendered":"\u3010Web\u30a2\u30d7\u30ea\u4f5c\u6210\u3011Firebase\u3092\u4f7f\u3063\u3066\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b\u8981\u70b9\u3010\u6700\u77ed\u30eb\u30fc\u30c8\u3011"},"content":{"rendered":"<p>&#12496;&#12483;&#12463;&#12456;&#12531;&#12489;&#12398;&#12371;&#12392;&#12434;&#12354;&#12414;&#12426;&#32771;&#12360;&#12378;&#12395;&#12373;&#12367;&#12387;&#12392;Web&#12450;&#12503;&#12522;&#12364;&#20316;&#12428;&#12427;mBaaS&#31558;&#38957;&#12398;Firebase&#12364;&#33288;&#21619;&#28145;&#12363;&#12387;&#12383;&#12398;&#12391;&#12289;&#35430;&#12375;&#12364;&#12390;&#12425;&#12289;&#12476;&#12525;&#12363;&#12425;&#30331;&#37682;&#12289;&#38283;&#30330;&#12375;&#12390;&#20844;&#38283;&#12377;&#12427;&#12414;&#12391;&#12398;&#35201;&#28857;&#12434;&#12414;&#12392;&#12417;&#12390;&#12415;&#12414;&#12375;&#12383;&#12290;<p>&nbsp;<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12544\" src=\"http:\/\/takuminasuno.com\/wp-content\/uploads\/2019\/11\/firebase.jpg\" alt=\"\" width=\"1600\" height=\"1020\"><\/p><p>&nbsp;<\/p><p>&#12381;&#12428;&#12391;&#12399;&#26412;&#38988;&#12395;&#20837;&#12427;&#21069;&#12395;&#12289;&#29305;&#38263;&#12434;&#12374;&#12387;&#12392;&#30906;&#35469;&#12375;&#12414;&#12377;&#12290;<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_68_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >\u76ee\u6b21<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#Firebase%E3%81%AE%E7%89%B9%E9%95%B7\" title=\"Firebase&#12398;&#29305;&#38263;\">Firebase&#12398;&#29305;&#38263;<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E2%91%A0%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%BF%E3%82%A4%E3%83%A0%E3%81%AA%E3%83%87%E3%83%BC%E3%82%BF%E5%90%8C%E6%9C%9F\" title=\"&#9312;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#12394;&#12487;&#12540;&#12479;&#21516;&#26399;\">&#9312;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#12394;&#12487;&#12540;&#12479;&#21516;&#26399;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E2%91%A1%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E6%A9%9F%E8%83%BD\" title=\"&#9313;&#12471;&#12531;&#12503;&#12523;&#12394;&#12513;&#12483;&#12475;&#12540;&#12472;&#27231;&#33021;\">&#9313;&#12471;&#12531;&#12503;&#12523;&#12394;&#12513;&#12483;&#12475;&#12540;&#12472;&#27231;&#33021;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E2%91%A2%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8B%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E8%AA%8D%E8%A8%BC%E6%A9%9F%E8%83%BD\" title=\"&#9314;&#12377;&#12368;&#20351;&#12360;&#12427;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;&#27231;&#33021;\">&#9314;&#12377;&#12368;&#20351;&#12360;&#12427;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;&#27231;&#33021;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E2%91%A3Firebase%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%AE%8C%E7%B5%90\" title=\"&#9315;Firebase&#12384;&#12369;&#12391;Web&#12450;&#12503;&#12522;&#38283;&#30330;&#12364;&#23436;&#32080;\">&#9315;Firebase&#12384;&#12369;&#12391;Web&#12450;&#12503;&#12522;&#38283;&#30330;&#12364;&#23436;&#32080;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#Web%E3%82%A2%E3%83%97%E3%83%AA%E4%BD%9C%E6%88%90%E3%81%AE%E6%B5%81%E3%82%8C\" title=\"Web&#12450;&#12503;&#12522;&#20316;&#25104;&#12398;&#27969;&#12428;\">Web&#12450;&#12503;&#12522;&#20316;&#25104;&#12398;&#27969;&#12428;<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E2%91%A0%E6%96%B0%E8%A6%8F%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8B%E6%B5%81%E3%82%8C\" title=\"&#9312;&#26032;&#35215;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12434;&#20316;&#12427;&#27969;&#12428;\">&#9312;&#26032;&#35215;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12434;&#20316;&#12427;&#27969;&#12428;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E2%91%A1Hello_world%E7%9A%84%E3%81%AAWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8B%E6%B5%81%E3%82%8C\" title=\"&#9313;Hello world&#30340;&#12394;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#27969;&#12428;\">&#9313;Hello world&#30340;&#12394;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#27969;&#12428;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E2%91%A2%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E6%B5%81%E3%82%8C\" title=\"&#9314;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12434;&#20351;&#12387;&#12390;&#23455;&#35013;&#12377;&#12427;&#27969;&#12428;\">&#9314;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12434;&#20351;&#12387;&#12390;&#23455;&#35013;&#12377;&#12427;&#27969;&#12428;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/takuminasuno.com\/ja\/20191120_firebase_ja\/#%E3%81%BE%E3%81%A8%E3%82%81\" title=\"&#12414;&#12392;&#12417;\">&#12414;&#12392;&#12417;<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Firebase%E3%81%AE%E7%89%B9%E9%95%B7\"><\/span>Firebase&#12398;&#29305;&#38263;<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Firebase&#12434;&#20351;&#12387;&#12390;&#12487;&#12496;&#12452;&#12473;&#12501;&#12522;&#12540;&#12394;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#12392;&#12356;&#12358;&#35222;&#28857;&#12391;&#12289;Firebase&#12398;&#29305;&#38263;&#12434;&#9312;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#12394;&#12487;&#12540;&#12479;&#21516;&#26399;&#12289;&#9313;&#12471;&#12531;&#12503;&#12523;&#12394;&#12513;&#12483;&#12475;&#12540;&#12472;&#27231;&#33021;&#12289;&#9314;&#12377;&#12368;&#20351;&#12360;&#12427;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;&#27231;&#33021;&#12289;&#9315;Firebase&#12384;&#12369;&#12391;Web&#12450;&#12503;&#12522;&#38283;&#30330;&#12364;&#23436;&#32080;&#12289;&#12398;4&#12388;&#12395;&#25972;&#29702;&#12375;&#12390;&#12415;&#12414;&#12375;&#12383;&#12290;<\/p><p>&nbsp;<\/p><h4><span class=\"ez-toc-section\" id=\"%E2%91%A0%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%BF%E3%82%A4%E3%83%A0%E3%81%AA%E3%83%87%E3%83%BC%E3%82%BF%E5%90%8C%E6%9C%9F\"><\/span>&#9312;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#12394;&#12487;&#12540;&#12479;&#21516;&#26399;<span class=\"ez-toc-section-end\"><\/span><\/h4><p>Web&#12450;&#12503;&#12522;&#12395;&#12450;&#12463;&#12475;&#12473;&#12375;&#12390;&#12356;&#12427;&#12463;&#12521;&#12452;&#12450;&#12531;&#12488;&#65288;&#12502;&#12521;&#12454;&#12470;&#65289;&#12395;&#12289;&#12469;&#12540;&#12496;&#12540;&#20596;&#12398;&#26368;&#26032;&#12398;&#12487;&#12540;&#12479;&#12434;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#12391;&#21516;&#26399;&#12391;&#12365;&#12414;&#12377;&#12290;&#36890;&#24120;&#12394;&#12425;JavaScript&#12391;&#23450;&#26399;&#30340;&#12394;&#12469;&#12540;&#12496;&#12540;&#36890;&#20449;&#12392;&#30011;&#38754;&#26356;&#26032;&#12434;&#23455;&#35013;&#12377;&#12427;&#24517;&#35201;&#12364;&#12354;&#12427;&#12392;&#12371;&#12429;&#12289;Firebase&#12394;&#12425;&#25968;&#34892;&#12398;&#12467;&#12540;&#12489;&#12434;&#26360;&#12367;&#12384;&#12369;&#12391;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#21516;&#26399;&#12434;&#23455;&#29694;&#12391;&#12365;&#12427;&#12398;&#12364;&#29305;&#38263;&#12391;&#12377;&#12290;&#12414;&#12383;&#12289;&#30011;&#20687;&#12420;&#21205;&#30011;&#12394;&#12393;&#12398;&#12496;&#12452;&#12490;&#12522;&#12501;&#12449;&#12452;&#12523;&#12399;&#12302;Firebase Cloud Storage&#12303;&#12395;&#20445;&#23384;&#12391;&#12365;&#12427;&#12398;&#12391;&#12289;Firebase&#12391;&#20840;&#12390;&#12364;&#23436;&#32080;&#12375;&#12414;&#12377;&#12290;<\/p><p>&#12394;&#12362;&#12289;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#21516;&#26399;&#12434;&#23455;&#29694;&#12377;&#12427;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12395;&#12399;&#12289;Firebase&#20803;&#26469;&#12398;&#12302;Realtime Database&#12303;&#12392;&#12289;&#26368;&#26032;&#12363;&#12388;Google&#25512;&#22888;&#12398;&#12302;Cloud Firestore&#12303;&#12392;&#12356;&#12358;2&#12388;&#12398;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12364;&#12354;&#12426;&#12414;&#12377;&#12290;<a href=\"https:\/\/firebase.google.com\/docs\/database\/rtdb-vs-firestore?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#20844;&#24335;&#24773;&#22577;&#12399;&#12371;&#12385;&#12425;<\/a>&#12395;&#12354;&#12426;&#12414;&#12377;&#12364;&#12289;&#12374;&#12387;&#12367;&#12426;&#36949;&#12356;&#12434;&#26360;&#12367;&#12392;&#12289;<\/p><ul>\n<li><a href=\"https:\/\/firebase.google.com\/docs\/database?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">Realtime Database<\/a>&#12399;&#21336;&#19968;&#12398;JSON&#12484;&#12522;&#12540;&#24418;&#24335;&#12290;&#12524;&#12452;&#12486;&#12531;&#12471;&#65288;&#21516;&#26399;&#36933;&#24310;&#65289;&#12364;&#20302;&#12367;&#12289;&#12487;&#12540;&#12479;&#35215;&#27169;&#12364;&#23567;&#12373;&#12369;&#12428;&#12400;&#12471;&#12531;&#12503;&#12523;&#12391;&#25201;&#12356;&#12420;&#12377;&#12356;&#12290;&#21046;&#38480;&#12392;&#12375;&#12390;&#12399;&#12289;&#21516;&#26178;&#25509;&#32154;&#12399;10&#19975;&#20214;&#12414;&#12391;&#12289;&#21516;&#26178;&#12524;&#12473;&#12509;&#12531;&#12473;&#12399;10&#19975;&#20214;\/&#31186;&#12414;&#12391;&#12289;&#26360;&#12365;&#36796;&#12415;&#12399;1000&#20214;\/&#31186;&#12414;&#12391;&#12289;&#12493;&#12473;&#12488;&#12399;32&#38542;&#23652;&#12414;&#12391;&#12392;&#12356;&#12387;&#12383;&#12418;&#12398;&#12364;&#12354;&#12426;&#12289;&#21046;&#38480;&#12434;&#36229;&#12360;&#12390;&#12473;&#12465;&#12540;&#12522;&#12531;&#12464;&#12377;&#12427;&#12395;&#12399;&#35079;&#25968;&#12398;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12434;&#31435;&#12390;&#12390;&#12471;&#12515;&#12540;&#12487;&#12451;&#12531;&#12464;&#12377;&#12427;&#65288;&#12487;&#12540;&#12479;&#20966;&#29702;&#12434;&#20998;&#25955;&#12373;&#12379;&#12427;&#65289;&#24517;&#35201;&#12364;&#12354;&#12427;&#12290;<\/li>\n<li><a href=\"https:\/\/firebase.google.com\/docs\/firestore?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">Cloud Firestore<\/a>&#12399;&#12489;&#12461;&#12517;&#12513;&#12531;&#12488;&#12398;&#12467;&#12524;&#12463;&#12471;&#12519;&#12531;&#12392;&#12375;&#12390;&#20445;&#23384;&#12377;&#12427;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12290;&#12467;&#12524;&#12463;&#12471;&#12519;&#12531;&#12289;&#12489;&#12461;&#12517;&#12513;&#12531;&#12488;&#12289;&#12501;&#12451;&#12540;&#12523;&#12489;&#12363;&#12425;&#27083;&#25104;&#12373;&#12428;&#12289;&#35079;&#38609;&#12394;&#12487;&#12540;&#12479;&#12398;&#22580;&#21512;&#12399;&#12489;&#12461;&#12517;&#12513;&#12531;&#12488;&#12398;&#19979;&#12395;&#12467;&#12524;&#12463;&#12471;&#12519;&#12531;&#12434;&#12406;&#12425;&#19979;&#12370;&#12427;&#12371;&#12392;&#12391;&#38542;&#23652;&#22411;&#12398;&#12487;&#12540;&#12479;&#27083;&#36896;&#12434;&#20316;&#12427;&#12371;&#12392;&#12418;&#12391;&#12365;&#12427;&#12290;&#33258;&#21205;&#12391;&#12473;&#12465;&#12540;&#12522;&#12531;&#12464;&#12373;&#12428;&#12427;&#12383;&#12417;&#12289;&#22823;&#35215;&#27169;&#12394;&#12487;&#12540;&#12479;&#12391;&#12418;&#12381;&#12398;&#12414;&#12414;&#25201;&#12360;&#12427;&#12290;<\/li>\n<\/ul><p>&#12392;&#12356;&#12387;&#12383;&#36949;&#12356;&#12364;&#12354;&#12426;&#12414;&#12377;&#12290;<\/p><p>&nbsp;<\/p><h4><span class=\"ez-toc-section\" id=\"%E2%91%A1%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E6%A9%9F%E8%83%BD\"><\/span>&#9313;&#12471;&#12531;&#12503;&#12523;&#12394;&#12513;&#12483;&#12475;&#12540;&#12472;&#27231;&#33021;<span class=\"ez-toc-section-end\"><\/span><\/h4><p><a href=\"https:\/\/firebase.google.com\/docs\/cloud-messaging?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#12302;Firebase Cloud Messaging&#65288;FCM&#65289;<\/a><a href=\"https:\/\/firebase.google.com\/docs\/cloud-messaging?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#12303;<\/a>&#12434;&#20351;&#12358;&#12392;&#12289;&#29305;&#23450;&#26465;&#20214;&#12395;&#21512;&#33268;&#12375;&#12383;&#12479;&#12540;&#12466;&#12483;&#12488;&#12395;&#21521;&#12369;&#12390;&#12513;&#12483;&#12475;&#12540;&#12472;&#12420;&#36890;&#30693;&#12434;&#36865;&#20449;&#12377;&#12427;&#12371;&#12392;&#12364;&#21487;&#33021;&#12391;&#12377;&#12290;&#36865;&#20449;&#12525;&#12472;&#12483;&#12463;&#12434;&#12450;&#12503;&#12522;&#12469;&#12540;&#12496;&#12540;&#20596;&#12391;&#23455;&#35013;&#12375;&#12289;&#21463;&#12369;&#21462;&#12387;&#12383;&#12513;&#12483;&#12475;&#12540;&#12472;&#12434;&#20966;&#29702;&#12377;&#12427;&#27231;&#33021;&#12434;&#12463;&#12521;&#12452;&#12450;&#12531;&#12488;&#12450;&#12503;&#12522;&#12391;&#23455;&#35013;&#12377;&#12427;&#12452;&#12513;&#12540;&#12472;&#12391;&#12377;&#12290;&#12487;&#12540;&#12479;&#12399;&#26368;&#22823;4KB &#12398;&#25991;&#23383;&#21015;&#12434;&#36865;&#20449;&#21487;&#33021;&#12391;&#12377;&#12290;<\/p><p>&nbsp;<\/p><h4><span class=\"ez-toc-section\" id=\"%E2%91%A2%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8B%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E8%AA%8D%E8%A8%BC%E6%A9%9F%E8%83%BD\"><\/span>&#9314;&#12377;&#12368;&#20351;&#12360;&#12427;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;&#27231;&#33021;<span class=\"ez-toc-section-end\"><\/span><\/h4><p><a href=\"https:\/\/firebase.google.com\/docs\/auth?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#12302;Firebase Authentification&#12303;<\/a>&#12434;&#20351;&#12358;&#12392;&#12289;&#12513;&#12540;&#12523;&#12450;&#12489;&#12524;&#12473;&#12392;&#12497;&#12473;&#12527;&#12540;&#12489;&#12395;&#12424;&#12427;&#19968;&#33324;&#30340;&#12394;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;&#12384;&#12369;&#12391;&#12394;&#12367;&#12289;Google&#12420;Facebook&#12289;Twitter&#12394;&#12393;&#12398;&#12450;&#12459;&#12454;&#12531;&#12488;&#12395;&#12424;&#12427;&#35469;&#35388;&#12418;&#12373;&#12367;&#12387;&#12392;&#23455;&#35013;&#12364;&#21487;&#33021;&#12391;&#12377;&#12290;<\/p><p>&#12414;&#12383;&#12289;&#12525;&#12464;&#12452;&#12531;&#19981;&#35201;&#12398;&#21311;&#21517;&#35469;&#35388;&#12395;&#12424;&#12387;&#12390;&#19968;&#26178;&#30340;&#12395;&#12518;&#12540;&#12470;ID&#12434;&#25391;&#12387;&#12390;&#12362;&#12365;&#12289;cookie&#12398;&#12424;&#12358;&#12395;&#12518;&#12540;&#12470;&#12540;&#21028;&#21029;&#12395;&#20351;&#12387;&#12383;&#12426;&#12289;&#12525;&#12464;&#12452;&#12531;&#21069;&#12398;&#12487;&#12540;&#12479;&#12392;&#12375;&#12390;&#21462;&#24471;&#12375;&#12390;&#12362;&#12356;&#12390;&#24460;&#12391;&#12525;&#12464;&#12452;&#12531;&#12375;&#12383;&#12392;&#12365;&#12395;&#32113;&#21512;&#12391;&#12365;&#12427;&#12383;&#12417;&#12289;&#12450;&#12459;&#12454;&#12531;&#12488;&#35469;&#35388;&#12434;&#32068;&#12415;&#21512;&#12431;&#12379;&#12428;&#12400;&#12289;cookie&#21336;&#20307;&#12398;&#27604;&#12395;&#12394;&#12425;&#12394;&#12356;&#12524;&#12505;&#12523;&#12391;&#12398;&#12518;&#12540;&#12470;&#12540;&#21028;&#21029;&#12364;&#21487;&#33021;&#12395;&#12394;&#12426;&#12414;&#12377;&#12290;<\/p><p>&nbsp;<\/p><h4><span class=\"ez-toc-section\" id=\"%E2%91%A3Firebase%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%AE%8C%E7%B5%90\"><\/span>&#9315;Firebase&#12384;&#12369;&#12391;Web&#12450;&#12503;&#12522;&#38283;&#30330;&#12364;&#23436;&#32080;<span class=\"ez-toc-section-end\"><\/span><\/h4><p><a href=\"https:\/\/firebase.google.com\/docs\/cli?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#12302;Firebase CLI&#12303;<\/a>&#12434;&#20351;&#12358;&#12392;HTML, CSS, JavaScript&#12394;&#12393;&#12398;&#12501;&#12449;&#12452;&#12523;&#12434;<a href=\"https:\/\/firebase.google.com\/docs\/hosting?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#12302;Firebase Hosting&#12303;<\/a>&#12395;&#31777;&#21336;&#12395;&#12487;&#12503;&#12525;&#12452;&#12391;&#12365;&#12427;&#12398;&#12391;&#12289;&#38745;&#30340;&#12394;&#12454;&#12455;&#12502;&#12506;&#12540;&#12472;&#12399;&#12373;&#12367;&#12387;&#12392;&#20316;&#12427;&#12371;&#12392;&#12364;&#21487;&#33021;&#12391;&#12377;&#12290;JavaScript&#29992;&#12398;&#12302;Firebase SDK&#12303;&#12434;&#22475;&#12417;&#36796;&#12416;&#12384;&#12369;&#12391;&#12289;&#19978;&#36848;&#12398;&#12522;&#12450;&#12523;&#12479;&#12452;&#12512;&#12394;&#12487;&#12540;&#12479;&#36899;&#25658;&#12420;&#12513;&#12483;&#12475;&#12540;&#12472;&#27231;&#33021;&#12418;&#12373;&#12367;&#12387;&#12392;&#23455;&#35013;&#12364;&#21487;&#33021;&#12391;&#12289;&#29420;&#33258;&#12489;&#12513;&#12452;&#12531;&#12391;&#12398;&#20844;&#38283;&#12399;&#12418;&#12385;&#12429;&#12435;&#12398;&#12371;&#12392;&#12289;Firebase&#12398;&#12469;&#12502;&#12489;&#12513;&#12452;&#12531;&#12395;&#12390;&#12373;&#12367;&#12387;&#12392;&#20844;&#38283;&#12377;&#12427;&#12371;&#12392;&#12418;&#12391;&#12365;&#12414;&#12377;&#12290;Firebase&#12384;&#12369;&#12391;&#20840;&#12390;&#12364;&#23436;&#32080;&#12377;&#12427;&#12289;&#12392;&#12356;&#12358;&#12392;&#12371;&#12429;&#12395;mBaaS&#12392;&#12375;&#12390;&#12398;&#24375;&#12415;&#12434;&#24863;&#12376;&#12414;&#12377;&#12290;<\/p><p>&nbsp;<\/p><p>&#12381;&#12428;&#12391;&#12399;&#26412;&#38988;&#12290;&#12476;&#12525;&#12363;&#12425;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#27969;&#12428;&#12434;&#35211;&#12390;&#12415;&#12414;&#12377;&#12290;<\/p><h3><span class=\"ez-toc-section\" id=\"Web%E3%82%A2%E3%83%97%E3%83%AA%E4%BD%9C%E6%88%90%E3%81%AE%E6%B5%81%E3%82%8C\"><\/span>Web&#12450;&#12503;&#12522;&#20316;&#25104;&#12398;&#27969;&#12428;<span class=\"ez-toc-section-end\"><\/span><\/h3><p>&#30011;&#38754;&#12398;&#12461;&#12515;&#12503;&#12481;&#12515;&#12399;&#26368;&#23567;&#38480;&#12395;&#12289;&#23455;&#38555;&#12395;&#20316;&#26989;&#12375;&#12383;&#26178;&#12398;&#27880;&#24847;&#28857;&#12395;&#12399;&#37325;&#12365;&#12434;&#32622;&#12365;&#12388;&#12388;&#12289;&#9312;&#26032;&#35215;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12434;&#20316;&#12427;&#27969;&#12428;&#12289;&#9313;Hello world&#30340;&#12394;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#27969;&#12428;&#12289;&#9314;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12434;&#20351;&#12387;&#12390;&#23455;&#35013;&#12377;&#12427;&#27969;&#12428;&#12289;&#12398;3&#27573;&#38542;&#12395;&#12390;&#26360;&#12356;&#12390;&#12356;&#12365;&#12414;&#12377;&#12290;<\/p><p>&nbsp;<\/p><h4><span class=\"ez-toc-section\" id=\"%E2%91%A0%E6%96%B0%E8%A6%8F%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8B%E6%B5%81%E3%82%8C\"><\/span>&#9312;&#26032;&#35215;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12434;&#20316;&#12427;&#27969;&#12428;<span class=\"ez-toc-section-end\"><\/span><\/h4><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12532\" src=\"http:\/\/takuminasuno.com\/wp-content\/uploads\/2019\/11\/firebase_01.jpg\" alt=\"\" width=\"1600\" height=\"1019\"><\/p><ol>\n<li>&#12414;&#12378;&#12289;Google&#12395;&#12525;&#12464;&#12452;&#12531;&#12375;&#12383;&#29366;&#24907;&#12391;<a href=\"https:\/\/firebase.google.com\/?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">Firebase<\/a>&#12395;&#12450;&#12463;&#12475;&#12473;&#12375;&#12390;&#12289;&#30011;&#38754;&#20013;&#22830;&#12395;&#12354;&#12427;&#12302;&#20351;&#12387;&#12390;&#12415;&#12427;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li><a href=\"https:\/\/console.firebase.google.com\/?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#12467;&#12531;&#12477;&#12540;&#12523;&#30011;&#38754;<\/a>&#12364;&#34920;&#31034;&#12373;&#12428;&#12427;&#12398;&#12391;&#12289;&#30011;&#38754;&#20013;&#22830;&#12395;&#12354;&#12427;&#12302;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12434;&#20316;&#25104;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#30011;&#38754;&#12364;&#20999;&#12426;&#26367;&#12431;&#12387;&#12390;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#21517;&#12434;&#20837;&#21147;&#12377;&#12427;&#12424;&#12358;&#20419;&#12373;&#12428;&#12427;&#12398;&#12391;&#12289;&#20837;&#21147;&#12375;&#12390;&#12302;Firebase &#12398;&#35215;&#32004;&#12395;&#21516;&#24847;&#12375;&#12414;&#12377;&#12303;&#12395;&#12481;&#12455;&#12483;&#12463;&#12434;&#20837;&#12428;&#12390;&#12289;&#19968;&#30058;&#19979;&#12395;&#12354;&#12427;&#12302;&#32154;&#34892;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<span style=\"color: #ff0000;\">&#65288;&#8251;&#12394;&#12362;&#12289;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#21517;&#12395;&#20351;&#12360;&#12427;&#25991;&#23383;&#21015;&#12399;&#12289;&#33521;&#25968;&#23383;&#12289;&#21322;&#35282;&#12473;&#12506;&#12540;&#12473;&#12289;&#12362;&#12424;&#12403;&#12300;-&#12301;,&#12300;!&#12301;,&#12300;'&#12301;,&#12300;\"&#12301;&#12398;4&#25991;&#23383;&#12398;&#12415;&#12391;&#12289;&#12371;&#12398;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#21517;&#12364;&#12381;&#12398;&#12414;&#12414;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;ID&#12395;&#12418;&#12394;&#12426;&#12414;&#12377;&#12290;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#21517;&#12399;&#24460;&#12391;&#22793;&#26356;&#21487;&#33021;&#12391;&#12377;&#12364;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;ID&#12399;&#22793;&#26356;&#12391;&#12365;&#12394;&#12356;&#12398;&#12391;&#27880;&#24847;&#12375;&#12414;&#12377;&#12290;&#65289;<\/span><\/li>\n<li>&#12414;&#12383;&#30011;&#38754;&#12364;&#20999;&#12426;&#26367;&#12431;&#12387;&#12390;Google Analytics&#65288;GA&#65289;&#12434;&#26377;&#21177;&#12395;&#12377;&#12427;&#12363;&#12393;&#12358;&#12363;&#12398;&#30906;&#35469;&#12364;&#20986;&#12414;&#12377;&#12290;&#12487;&#12501;&#12457;&#12523;&#12488;&#12399;&#12302;&#26377;&#21177;&#12395;&#12377;&#12427;&#12303;&#12395;&#12394;&#12387;&#12390;&#12356;&#12427;&#12398;&#12391;&#12289;&#21839;&#38988;&#12394;&#12369;&#12428;&#12400;&#12381;&#12398;&#12414;&#12414;&#12302;&#32154;&#34892;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>GA&#12434;&#26377;&#21177;&#12395;&#12375;&#12383;&#22580;&#21512;&#12399;&#12414;&#12383;&#30011;&#38754;&#12364;&#20999;&#12426;&#26367;&#12431;&#12426;&#12289;&#32016;&#12389;&#12369;&#12427;GA&#12398;&#12450;&#12459;&#12454;&#12531;&#12488;&#12434;&#36984;&#25246;&#12377;&#12427;&#12424;&#12358;&#20419;&#12373;&#12428;&#12414;&#12377;&#12290;&#12503;&#12523;&#12480;&#12454;&#12531;&#12395;&#12354;&#12427;&#26082;&#23384;&#12450;&#12459;&#12454;&#12531;&#12488;&#12363;&#12425;&#36984;&#25246;&#12377;&#12427;&#12363;&#26032;&#35215;&#12450;&#12459;&#12454;&#12531;&#12488;&#12434;&#20316;&#25104;&#12375;&#12390;&#12289;&#19968;&#30058;&#19979;&#12395;&#12354;&#12427;&#12302;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12434;&#20316;&#25104;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#12377;&#12427;&#12392;&#12414;&#12383;&#30011;&#38754;&#12364;&#20999;&#12426;&#26367;&#12431;&#12426;&#12289;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12398;&#20316;&#25104;&#12364;&#36914;&#12415;&#12414;&#12377;&#12290;&#12384;&#12356;&#12383;&#12356;&#21313;&#25968;&#31186;&#31243;&#24230;&#12391;&#12300;&#26032;&#12375;&#12356;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12398;&#28310;&#20633;&#12364;&#12391;&#12365;&#12414;&#12375;&#12383;&#12301;&#12392;&#34920;&#31034;&#12373;&#12428;&#12427;&#12398;&#12391;&#12289;&#12302;&#32154;&#34892;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#12377;&#12427;&#12392;&#12289;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12398;&#12467;&#12531;&#12477;&#12540;&#12523;&#30011;&#38754;&#12364;&#34920;&#31034;&#12373;&#12428;&#12414;&#12377;&#12290;&#12385;&#12394;&#12415;&#12395;URL&#12399;&#12289;<br>\n<span style=\"word-break: break-all;\">https:\/\/console.firebase.google.com\/project\/{YOUR_PROJECT_NAME}\/overview?hl=ja<\/span><br>\n&#12392;&#12394;&#12427;&#12424;&#12358;&#12391;&#12377;&#12290;&#20316;&#12387;&#12383;&#12400;&#12387;&#12363;&#12426;&#12398;&#29366;&#24907;&#12391;&#12399;&#28961;&#26009;&#12398;&#12302;Spark&#12503;&#12521;&#12531;&#12303;&#12391;&#12354;&#12427;&#12371;&#12392;&#12364;&#34920;&#31034;&#12373;&#12428;&#12390;&#12356;&#12427;&#12392;&#24605;&#12356;&#12414;&#12377;&#12290;&#12371;&#12428;&#12395;&#12390;&#28961;&#20107;&#12289;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12398;&#26032;&#35215;&#20316;&#25104;&#12364;&#23436;&#20102;&#12391;&#12377;&#12290;<\/li>\n<\/ol><p>&nbsp;<\/p><h4><span class=\"ez-toc-section\" id=\"%E2%91%A1Hello_world%E7%9A%84%E3%81%AAWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8B%E6%B5%81%E3%82%8C\"><\/span>&#9313;Hello world&#30340;&#12394;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#27969;&#12428;<span class=\"ez-toc-section-end\"><\/span><\/h4><h4><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12535\" src=\"http:\/\/takuminasuno.com\/wp-content\/uploads\/2019\/11\/firebase_02.jpg\" alt=\"\" width=\"1600\" height=\"1019\"><\/h4><ol>\n<li>Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#12398;&#12391;&#12289;&#12467;&#12531;&#12477;&#12540;&#12523;&#12398;&#12488;&#12483;&#12503;&#30011;&#38754;&#12398;&#12300;&#12450;&#12503;&#12522;&#12395;Firebase&#12434;&#36861;&#21152;&#12375;&#12390;&#21033;&#29992;&#12434;&#38283;&#22987;&#12375;&#12414;&#12375;&#12423;&#12358;&#12301;&#30452;&#19979;&#12395;&#12354;&#12427;&#12302;&#12454;&#12455;&#12502;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;&#20998;&#12363;&#12426;&#12395;&#12367;&#12356;&#12391;&#12377;&#12364;&#24038;&#12363;&#12425;&#19977;&#30058;&#30446;&#12398;&#12508;&#12479;&#12531;&#12391;&#12377;&#12290;<\/li>\n<li>&#30011;&#38754;&#12364;&#20999;&#12426;&#26367;&#12431;&#12387;&#12390;&#12302;&#12450;&#12503;&#12522;&#12398;&#12491;&#12483;&#12463;&#12493;&#12540;&#12512;&#12303;&#12434;&#20837;&#21147;&#12377;&#12427;&#12424;&#12358;&#20419;&#12373;&#12428;&#12414;&#12377;&#12290;Web&#12450;&#12503;&#12522;&#12398;&#12518;&#12540;&#12470;&#12540;&#12395;&#12399;&#35211;&#12360;&#12394;&#12356;&#31649;&#29702;&#29992;&#12398;&#21517;&#31216;&#12394;&#12398;&#12391;&#12289;&#20869;&#36650;&#21069;&#25552;&#12391;&#20998;&#12363;&#12426;&#12420;&#12377;&#12356;&#21517;&#21069;&#12434;&#20184;&#12369;&#12414;&#12377;&#12290;&#12414;&#12383;&#12289;&#12302;&#12371;&#12398;&#12450;&#12503;&#12522;&#12398;Firebase Hosting&#12418;&#35373;&#23450;&#12375;&#12414;&#12377;&#12303;&#12392;&#12356;&#12358;&#12458;&#12503;&#12471;&#12519;&#12531;&#12364;&#12354;&#12427;&#12398;&#12391;&#12289;&#24517;&#35201;&#12395;&#24540;&#12376;&#12390;&#12481;&#12455;&#12483;&#12463;&#12434;&#20184;&#12369;&#12390;&#12289;&#12302;&#12450;&#12503;&#12522;&#12434;&#30331;&#37682;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#21313;&#25968;&#31186;&#12411;&#12393;&#24453;&#12388;&#12392;&#12302;Firebase SDK &#12398;&#36861;&#21152;&#12303;&#12392;&#12356;&#12358;&#12371;&#12392;&#12391;JavaScript&#12479;&#12464;&#12364;&#21462;&#24471;&#12391;&#12365;&#12414;&#12377;&#12290;&#21491;&#19979;&#12398;&#12508;&#12479;&#12531;&#12434;&#25276;&#12377;&#12392;&#12467;&#12500;&#12540;&#12375;&#12383;&#12425;&#12289;&#12302;&#27425;&#12408;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#12302;&#9312;Firebase CLI &#12398;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12303;&#12497;&#12540;&#12488;&#12392;&#12356;&#12358;&#12371;&#12392;&#12391;&#12289;&#12467;&#12510;&#12531;&#12489;&#12521;&#12452;&#12531;&#12484;&#12540;&#12523;&#12391;&#12354;&#12427;Firebase CLI&#12398;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12434;&#20419;&#12373;&#12428;&#12414;&#12377;&#12290;Node.js&#12364;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12373;&#12428;&#12383;&#29872;&#22659;&#12391;&#12467;&#12510;&#12531;&#12489;&#12521;&#12452;&#12531;&#12434;&#31435;&#12385;&#19978;&#12370;&#12390;&#12302;npm install -g firebase-tools&#12303;&#12398;&#12467;&#12510;&#12531;&#12489;&#12395;&#12390;&#12289;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12364;&#12391;&#12365;&#12414;&#12377;&#12290;&#65288;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12375;&#12390;&#12356;&#12394;&#12356;&#22580;&#21512;&#12399;&#19979;&#35352;&#35036;&#36275;&#12434;&#21442;&#29031;&#12398;&#12371;&#12392;&#65289;<\/li>\n<li>&#12302;&#9313;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12398;&#21021;&#26399;&#21270;&#12303;&#12497;&#12540;&#12488;&#12392;&#12356;&#12358;&#12371;&#12392;&#12391;&#12289;&#12302;firebase login&#12303;&#12467;&#12510;&#12531;&#12489;&#12395;&#12390;Google&#12395;&#12525;&#12464;&#12452;&#12531;&#12375;&#12414;&#12377;&#12290;Firebase(Google)&#12395;&#12424;&#12427;&#24773;&#22577;&#21454;&#38598;&#12392;&#12456;&#12521;&#12540;&#22577;&#21578;&#12471;&#12473;&#12486;&#12512;&#12434;&#20351;&#12358;&#12363;&#12393;&#12358;&#12363;&#12434;Yes\/No&#12391;&#32862;&#12363;&#12428;&#12414;&#12377;&#12364;&#12289;&#29305;&#12395;&#21839;&#38988;&#12394;&#12369;&#12428;&#12400;Yes&#12391;&#12424;&#12356;&#12391;&#12375;&#12423;&#12358;&#12290;&#12371;&#12398;&#12392;&#12365;&#29872;&#22659;&#12395;&#12424;&#12387;&#12390;&#12399;&#12302;Windows&#12475;&#12461;&#12517;&#12522;&#12486;&#12451;&#12398;&#37325;&#35201;&#12394;&#35686;&#21578;&#12303;&#12392;&#12356;&#12358;&#12371;&#12392;&#12391;<br>\n<blockquote style=\"margin-top: 20px;\"><p>&#12377;&#12409;&#12390;&#12398;&#12497;&#12502;&#12522;&#12483;&#12463;&#12493;&#12483;&#12488;&#12527;&#12540;&#12463;&#12392;&#12503;&#12521;&#12452;&#12505;&#12540;&#12488;&#12493;&#12483;&#12488;&#12527;&#12540;&#12463;&#12391;&#12289;Windows Defender&#12501;&#12449;&#12452;&#12450;&#12454;&#12457;&#12540;&#12523;&#12395;&#12424;&#12426;Node.js:Server-side JavaScript&#12398;&#27231;&#33021;&#12398;&#12356;&#12367;&#12388;&#12363;&#12364;&#12502;&#12525;&#12483;&#12463;&#12373;&#12428;&#12390;&#12356;&#12414;&#12377;&#12290;<\/p><\/blockquote>\n<p>&#12392;&#34920;&#31034;&#12373;&#12428;&#12414;&#12377;&#12364;&#12289;&#12302;&#12450;&#12463;&#12475;&#12473;&#12434;&#35377;&#21487;&#12377;&#12427;&#12303;&#12434;&#25276;&#12375;&#12390;&#32154;&#34892;&#12375;&#12414;&#12377;&#12290;<\/p><\/li>\n<li>&#12377;&#12427;&#12392;&#12502;&#12521;&#12454;&#12470;&#12395;&#31227;&#12387;&#12390;Firebase CLI&#12434;&#35469;&#35388;&#12377;&#12427;Google&#12450;&#12459;&#12454;&#12531;&#12488;&#12434;&#36984;&#12435;&#12391;&#12302;&#32154;&#34892;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12289;&#27425;&#12398;&#30011;&#38754;&#12391;&#12302;&#35377;&#21487;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#12377;&#12427;&#12392;&#12502;&#12521;&#12454;&#12470;&#12398;&#26041;&#12391;&#12418;&#12525;&#12464;&#12452;&#12531;&#25104;&#21151;&#12364;&#34920;&#31034;&#12373;&#12428;&#12289;&#32925;&#24515;&#12398;&#12467;&#12510;&#12531;&#12489;&#12521;&#12452;&#12531;&#12398;&#26041;&#12391;&#12302;Success! Logged in as {YOUR_EMAIL_ADDRESS}&#12303;&#12392;&#34920;&#31034;&#12373;&#12428;&#12414;&#12377;&#12290;<\/li>\n<li>&#12381;&#12358;&#12375;&#12383;&#12425;Firebase&#12398;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12501;&#12457;&#12523;&#12480;&#12434;&#36969;&#24403;&#12394;&#12392;&#12371;&#12429;&#12395;&#20316;&#25104;&#12375;&#12289;&#12467;&#12510;&#12531;&#12489;&#12521;&#12452;&#12531;&#12391;&#12302;firebase init&#12303;&#12467;&#12510;&#12531;&#12489;&#12434;&#23455;&#34892;&#12375;&#12414;&#12377;&#12290;&#29694;&#22312;&#12398;&#12487;&#12451;&#12524;&#12463;&#12488;&#12522;&#12434;&#21021;&#26399;&#21270;&#12375;&#12390;&#12424;&#12356;&#12363;&#34920;&#31034;&#12373;&#12428;&#12427;&#12398;&#12391;&#12289;&#36969;&#24403;&#12394;&#12501;&#12457;&#12523;&#12480;&#12395;&#31227;&#21205;&#12375;&#12390;&#12363;&#12425;Enter&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;&#65288;&#31169;&#12399;&#12302;C:\\USERS\\{USERNAME}\\Firebase&#12303;&#12394;&#12427;&#12501;&#12457;&#12523;&#12480;&#12434;&#20316;&#12426;&#12414;&#12375;&#12383;&#12290;&#65289;<\/li>\n<li>&#12377;&#12427;&#12392;Firebase CLI&#12398;&#12393;&#12398;&#27231;&#33021;&#12434;&#12475;&#12483;&#12488;&#12450;&#12483;&#12503;&#12375;&#12383;&#12356;&#12363;&#32862;&#12363;&#12428;&#12427;&#12398;&#12391;&#12289;&#24517;&#35201;&#12394;&#12418;&#12398;&#12434;&#36984;&#12435;&#12391;Enter&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;&#20170;&#22238;&#12399;Database, Functions, Hosting&#12398;3&#12388;&#12434;&#36984;&#12435;&#12391;&#12415;&#12414;&#12377;&#12290;<span style=\"color: #ff0000;\">&#65288;&#8251;Cloud Firestore&#12420;Storage&#12399;Firebase&#20596;&#12391;&#35373;&#23450;&#12434;&#34892;&#12387;&#12390;&#12356;&#12394;&#12356;&#12392;&#12456;&#12521;&#12540;&#12364;&#36215;&#12365;&#12427;&#12398;&#12391;&#27880;&#24847;&#12290;&#65289;<\/span><\/li>\n<li>&#27425;&#12395;&#12393;&#12398;Firebase&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12392;&#32016;&#12389;&#12369;&#12427;&#12363;&#12434;&#32862;&#12363;&#12428;&#12427;&#12398;&#12391;&#12289;&#29694;&#22312;&#12398;&#12503;&#12525;&#12472;&#12455;&#12463;&#12488;&#12363;&#12425;&#36984;&#12406;&#12371;&#12392;&#12395;&#12375;&#12390;&#12289;&#20808;&#12411;&#12393;&#20316;&#25104;&#12375;&#12383;&#12450;&#12503;&#12522;&#12434;&#36984;&#12435;&#12391;Enter&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#12381;&#12428;&#20197;&#38477;&#12399;&#32048;&#12363;&#12356;&#12458;&#12503;&#12471;&#12519;&#12531;&#12364;&#20006;&#12403;&#12414;&#12377;&#12364;&#12289;&#29305;&#12395;&#27671;&#12395;&#12379;&#12378;Enter&#12434;&#36899;&#25171;&#12375;&#12390;&#12356;&#12367;&#12392;&#12300;Firebase initialization complete!&#12301;&#12392;&#34920;&#31034;&#12373;&#12428;&#12390;&#23436;&#20102;&#12391;&#12377;&#12290;<\/li>\n<li><span class=\"ng-star-inserted\">&#12302;&#9314;<\/span>Firebase Hosting &#12408;&#12398;&#12487;&#12503;&#12525;&#12452;&#12303;&#12497;&#12540;&#12488;&#12391;&#12399;&#12289;&#12300;firebase deploy&#12301;&#12467;&#12510;&#12531;&#12489;&#12434;&#23455;&#34892;&#12375;&#12414;&#12377;&#12290;&#12377;&#12427;&#12392;&#12289;<br>\n<span style=\"word-break: break-all; color: #3366ff;\">https:\/\/{YOUR_PROJECT_ID}.firebaseapp.com<\/span><br>\n<span style=\"word-break: break-all; color: #3366ff;\">https:\/\/{YOUR_PROJECT_ID}.web.app<\/span><br>\n&#12393;&#12385;&#12425;&#12363;&#12425;&#12391;&#12418;&#12487;&#12501;&#12457;&#12523;&#12488;&#12398;&#12302;index.html&#12303;&#12434;&#30906;&#35469;&#12391;&#12365;&#12427;&#12424;&#12358;&#12395;&#12394;&#12426;&#12414;&#12377;&#12290;<\/li>\n<li>\n<div class=\"mat-step-icon-state-number mat-step-icon mat-step-icon-selected\">\n<div class=\"mat-step-icon-content\">&#26368;&#24460;&#12395;&#12289;&#12302;index.html&#12303;&#12501;&#12449;&#12452;&#12523;&#12434;&#35079;&#35069;&#12375;&#12390;&#12302;test.html&#12303;&#12394;&#12393;&#12392;&#26360;&#12365;&#25563;&#12360;&#12390;&#12289;body&#12398;&#20013;&#12434;&#12302;hello world!&#12303;&#12395;&#26360;&#12365;&#25563;&#12360;&#12390;&#12289;&#25913;&#12417;&#12390;&#12302;firebase deploy&#12303;&#12467;&#12510;&#12531;&#12489;&#12434;&#23455;&#34892;&#12377;&#12427;&#12392;&#12289;<br>\n<span style=\"word-break: break-all; color: #3366ff;\">https:\/\/{YOUR_PROJECT_ID}.firebaseapp.com\/test.html<\/span><\/div>\n<div style=\"word-break: break-all;\"><span style=\"color: #3366ff;\">https:\/\/{YOUR_PROJECT_ID}.web.app\/test.html<\/span><\/div>\n<div>&#12398;&#12424;&#12358;&#12394;URL&#12391;Hello world!&#12434;&#30906;&#35469;&#12391;&#12365;&#12427;&#12424;&#12358;&#12395;&#12394;&#12426;&#12414;&#12377;&#12290;&#12371;&#12428;&#12395;&#12390;&#9313;Hello world&#30340;&#12394;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#27969;&#12428;&#12399;&#23436;&#20102;&#12391;&#12377;&#12290;<\/div>\n<\/div>\n<\/li>\n<\/ol><p>&nbsp;<\/p><p><strong>&#8251;&#35036;&#36275;&#65306;Node.js&#12364;&#12394;&#12356;&#22580;&#21512;&#12399;&#20107;&#21069;&#12395;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12377;&#12427;<\/strong><\/p><ol>\n<li><a href=\"https:\/\/nodejs.org\/en\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">Node.js&#20844;&#24335;&#12469;&#12452;&#12488;<\/a>&#12424;&#12426;&#29872;&#22659;&#12395;&#21512;&#12387;&#12383;&#12418;&#12398;&#12434;&#12480;&#12454;&#12531;&#12525;&#12540;&#12489;&#12375;&#12414;&#12377;&#12290;&#20170;&#22238;&#12399;Windows10&#12394;&#12398;&#12391;&#12289;&#12302;LTS&#12303;&#12398;&#12302;Windows Installer&#12303;&#12479;&#12452;&#12523;&#12434;&#25276;&#12375;&#12383;&#12425;&#12302;node-v12.13.0-x64.msi&#12303;&#12392;&#12356;&#12358;&#12501;&#12449;&#12452;&#12523;&#21517;&#12391;&#12375;&#12383;&#12290;<\/li>\n<li>&#12452;&#12531;&#12473;&#12488;&#12540;&#12521;&#12540;&#12434;&#23455;&#34892;&#12377;&#12427;&#12392;&#12454;&#12451;&#12470;&#12540;&#12489;&#12364;&#31435;&#12385;&#19978;&#12364;&#12427;&#12398;&#12391;&#12289;&#29305;&#12395;&#12371;&#12384;&#12431;&#12426;&#12364;&#12394;&#12369;&#12428;&#12400;&#12302;Next&#12303;&#12508;&#12479;&#12531;&#12434;&#36899;&#25171;&#12375;&#12390;&#12289;&#26368;&#24460;&#12395;&#12302;Finish&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12390;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12434;&#23436;&#20102;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#12467;&#12510;&#12531;&#12489;&#12503;&#12525;&#12531;&#12503;&#12488;&#65288;cmd&#65289;&#12434;&#31435;&#12385;&#19978;&#12370;&#12390;&#12289;&#12302;node --version&#12303;,&#12302;npm --version&#12303;&#12398;&#12467;&#12510;&#12531;&#12489;&#12434;&#25171;&#12387;&#12390;&#12289;&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#12373;&#12428;&#12390;&#12356;&#12427;&#12371;&#12392;&#12434;&#30906;&#35469;&#12375;&#12390;&#23436;&#20102;&#12290;<\/li>\n<\/ol><p>&nbsp;<\/p><h4><span class=\"ez-toc-section\" id=\"%E2%91%A2%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E6%B5%81%E3%82%8C\"><\/span>&#9314;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12434;&#20351;&#12387;&#12390;&#23455;&#35013;&#12377;&#12427;&#27969;&#12428;<span class=\"ez-toc-section-end\"><\/span><\/h4><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12543\" src=\"http:\/\/takuminasuno.com\/wp-content\/uploads\/2019\/11\/firebase_03.jpg\" alt=\"\" width=\"1600\" height=\"1019\"><\/p><ol>\n<li>&#21311;&#21517;&#35469;&#35388;&#12434;&#35377;&#21487;&#12375;&#12383;&#12356;&#12398;&#12391;&#12289;&#12467;&#12531;&#12477;&#12540;&#12523;&#30011;&#38754;&#12398;&#24038;&#12479;&#12502;&#12363;&#12425;&#12302;Authentification&#12303;&#12434;&#25276;&#12375;&#12289;&#19978;&#12479;&#12502;&#12398;&#12302;&#12525;&#12464;&#12452;&#12531;&#26041;&#27861;&#12303;&#12434;&#25276;&#12375;&#12390;&#12289;&#19979;&#12395;&#12354;&#12427;&#12302;&#21311;&#21517;&#12303;&#12524;&#12467;&#12540;&#12489;&#12434;&#26377;&#21177;&#12395;&#22793;&#12360;&#12390;&#12362;&#12365;&#12414;&#12377;&#12290;<\/li>\n<li>&#26089;&#36895;&#26412;&#30058;&#12290;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12434;&#20316;&#25104;&#12375;&#12383;&#12356;&#12398;&#12391;&#12289;&#12467;&#12531;&#12477;&#12540;&#12523;&#30011;&#38754;&#12398;&#24038;&#12479;&#12502;&#12363;&#12425;&#12302;Database&#12303;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#30011;&#38754;&#12488;&#12483;&#12503;&#12395;&#32118;&#36059;&#25512;&#22888;&#20013;&#12398;&#12302;Cloud Firestore&#12303;&#12364;&#34920;&#31034;&#12373;&#12428;&#12289;&#12302;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12398;&#20316;&#25104;&#12303;&#12508;&#12479;&#12531;&#12364;&#34920;&#31034;&#12373;&#12428;&#12390;&#12356;&#12414;&#12377;&#12364;&#12289;&#20170;&#22238;&#12399;&#12471;&#12531;&#12503;&#12523;&#12394;&#12302;Realtime Database&#12303;&#12434;&#20351;&#12356;&#12383;&#12356;&#12398;&#12391;&#12289;&#23569;&#12375;&#19979;&#12395;&#12473;&#12463;&#12525;&#12540;&#12523;&#12375;&#12383;&#12392;&#12371;&#12429;&#12395;&#12354;&#12427;&#12302;&#12414;&#12383;&#12399;Realtime Database&#12434;&#36984;&#25246;&#12303;&#12398;&#12392;&#12371;&#12429;&#12395;&#12354;&#12427;&#12302;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12434;&#20316;&#25104;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#12509;&#12483;&#12503;&#12450;&#12483;&#12503;&#12364;&#31435;&#12385;&#19978;&#12364;&#12387;&#12390;&#12302;Realtime Database &#12398;&#12475;&#12461;&#12517;&#12522;&#12486;&#12451; &#12523;&#12540;&#12523;&#12303;&#12392;&#12356;&#12358;&#12371;&#12392;&#12391;&#12300;&#12487;&#12540;&#12479;&#27083;&#36896;&#12398;&#23450;&#32681;&#24460;&#12395;&#12289;&#12487;&#12540;&#12479;&#12434;&#20445;&#35703;&#12377;&#12427;&#12523;&#12540;&#12523;&#12434;&#20316;&#25104;&#12377;&#12427;&#24517;&#35201;&#12364;&#12354;&#12426;&#12414;&#12377;&#12290;&#12301;&#12392;&#34920;&#31034;&#12373;&#12428;&#12414;&#12377;&#12290;&#12486;&#12473;&#12488;&#30340;&#12395;&#32032;&#26089;&#12367;&#20316;&#12426;&#12383;&#12356;&#12398;&#12391;&#12302;&#12486;&#12473;&#12488;&#12514;&#12540;&#12489;&#12391;&#38283;&#22987;&#12303;&#12395;&#12481;&#12455;&#12483;&#12463;&#12434;&#20837;&#12428;&#12390;&#12289;&#12302;&#26377;&#21177;&#12395;&#12377;&#12427;&#12303;&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12414;&#12377;&#12290;<\/li>\n<li>&#30011;&#38754;&#12364;&#20999;&#12426;&#26367;&#12431;&#12387;&#12390;Realtime Database&#12398;&#12467;&#12531;&#12477;&#12540;&#12523;&#30011;&#38754;&#12364;&#34920;&#31034;&#12373;&#12428;&#12414;&#12377;&#12290;&#19978;&#12479;&#12502;&#12398;&#12302;&#12523;&#12540;&#12523;&#12303;&#12434;&#25276;&#12377;&#12392;&#12289;read, write&#12392;&#12418;&#12395;&#21046;&#38480;&#12394;&#12375;&#12391;&#21487;&#33021;&#12395;&#12394;&#12387;&#12390;&#12356;&#12427;&#12371;&#12392;&#12364;&#30906;&#35469;&#12391;&#12365;&#12414;&#12377;&#12290;<span style=\"color: #ff0000;\">&#65288;&#8251;&#12383;&#12384;&#12375;&#12289;deloloy&#12377;&#12427;&#12383;&#12403;&#12395;&#12525;&#12540;&#12459;&#12523;&#12395;&#12354;&#12427;database.rules.json&#12501;&#12449;&#12452;&#12523;&#12395;&#12424;&#12387;&#12390;&#19978;&#26360;&#12365;&#12373;&#12428;&#12427;&#12398;&#12391;&#12289;&#12525;&#12540;&#12459;&#12523;&#12398;&#12501;&#12449;&#12452;&#12523;&#12364;true&#12395;&#12394;&#12387;&#12390;&#12356;&#12427;&#12371;&#12392;&#12399;&#30906;&#35469;&#12375;&#12390;&#12362;&#12365;&#12414;&#12377;&#12290;&#65289;<\/span><\/li>\n<li>&#26368;&#24460;&#12395;&#12289;HTML&#12501;&#12449;&#12452;&#12523;&#12395;&#12390;&#12289;A.&#21311;&#21517;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;&#12289;B.&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12398;&#21442;&#29031;&#12289;C.&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#26356;&#26032;&#12289;D.&#26356;&#26032;&#12487;&#12540;&#12479;&#12398;&#30011;&#38754;&#21453;&#26144;&#12398;&#27231;&#33021;&#12434;&#26360;&#12356;&#12390;&#12289;&#12302;firebase deploy&#12303;&#12467;&#12510;&#12531;&#12489;&#12391;&#20877;&#12487;&#12503;&#12525;&#12452;&#12375;&#12383;&#12425;&#23436;&#25104;&#12391;&#12377;&#12290;&#12418;&#12392;&#12418;&#12392;&#29983;&#25104;&#12373;&#12428;&#12390;&#12356;&#12383;index.html&#12501;&#12449;&#12452;&#12523;&#12434;&#35079;&#35069;&#12377;&#12427;&#22580;&#21512;&#12399;&#12289;Firebase&#12392;&#12398;&#36899;&#25658;&#12479;&#12464;&#65288;firebase-app.js, firebase-analytics.js, init.js&#12354;&#12383;&#12426;&#65289;&#12434;&#22475;&#12417;&#36796;&#12416;&#24517;&#35201;&#12418;&#12394;&#12356;&#12398;&#12391;&#12471;&#12531;&#12503;&#12523;&#12391;&#12377;&#12290;<\/li>\n<\/ol><p>&nbsp;<\/p><p>&#12539;&#12539;&#12539;&#12392;&#12289;&#12473;&#12486;&#12483;&#12503;6&#12391;&#12375;&#12428;&#12387;&#12392;&#30465;&#30053;&#12375;&#12383;A.&#21311;&#21517;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;&#12289;B.&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12398;&#21442;&#29031;&#12289;C.&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#26356;&#26032;&#12289;D.&#26356;&#26032;&#12487;&#12540;&#12479;&#12398;&#30011;&#38754;&#21453;&#26144;&#12354;&#12383;&#12426;&#12398;&#27231;&#33021;&#12395;&#12388;&#12356;&#12390;&#12289;&#21208;&#25152;&#12364;&#20998;&#12363;&#12427;&#12424;&#12358;&#12395;&#20363;&#38988;&#30340;&#12394;&#12467;&#12540;&#12489;&#12434;&#36617;&#12379;&#12390;&#12362;&#12365;&#12414;&#12377;&#12290;<\/p><p>&nbsp;<\/p><p><strong>A.&#21311;&#21517;&#12518;&#12540;&#12470;&#12540;&#35469;&#35388;<\/strong><\/p><p>&#24773;&#22577;&#30340;&#12395;&#12399;<a href=\"https:\/\/firebase.google.com\/docs\/auth\/web\/anonymous-auth?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">&#20844;&#24335;&#12398;&#12522;&#12501;&#12449;&#12524;&#12531;&#12473;<\/a>&#12364;&#35443;&#12375;&#12356;&#12391;&#12377;&#12290;&#12450;&#12463;&#12475;&#12473;&#12373;&#12428;&#12383;&#12392;&#12365;&#12395;&#12518;&#12540;&#12470;&#12540;ID&#12434;&#21462;&#24471;&#12375;&#12390;&#12289;&#12464;&#12525;&#12540;&#12496;&#12523;&#22793;&#25968;&#12395;&#25918;&#12426;&#36796;&#12435;&#12391;&#20351;&#12356;&#12414;&#12431;&#12377;&#12452;&#12513;&#12540;&#12472;&#12391;&#12377;&#12290;<\/p><pre class=\"toolbar:1 lang:js decode:true\">var userId;\r\n\r\n$(function() {\r\n\tfirebase.auth().signInAnonymously().catch( (error) =&gt; {\r\n\t\tconsole.log('[error] Can not signin anonymouse (${error.code}:${error.message})');\r\n\t});\r\n\tfirebase.auth().onAuthStateChanged( (user) =&gt; {\r\n\t\tif (user) {\r\n\t\t\tuserId = user.uid;\r\n\t\t}\r\n\t});\r\n});<\/pre><p>&nbsp;<\/p><p><strong>B.&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12398;&#21442;&#29031;<\/strong><\/p><p>&#33258;&#21205;&#26356;&#26032;&#12434;&#12363;&#12369;&#12383;&#12356;&#12487;&#12540;&#12479;&#12395;&#21442;&#29031;&#65288;ref&#65289;&#12434;&#24373;&#12426;&#12414;&#12377;&#12290;&#24341;&#25968;&#12434;&#35373;&#23450;&#12375;&#12394;&#12369;&#12428;&#12400;root&#12364;&#23550;&#35937;&#12395;&#12394;&#12426;&#12414;&#12377;&#12364;&#12289;&#36969;&#24230;&#12395;&#23567;&#12373;&#12394;&#21336;&#20301;&#12391;&#21442;&#29031;&#12434;&#12363;&#12369;&#12390;&#12356;&#12387;&#12383;&#26041;&#12364;&#12424;&#12356;&#12391;&#12375;&#12423;&#12358;&#12290;<\/p><pre class=\"toolbar:1 lang:js decode:true\">$(function() {\r\n\tvar database = firebase.database();\r\n\tvar ref = database.ref('{YOUR_TARGET_PATH}');\r\n});<\/pre><p>&nbsp;<\/p><p><strong>C.&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#26356;&#26032;<\/strong><\/p><p>&#12508;&#12479;&#12531;&#12434;&#25276;&#12375;&#12390;&#12524;&#12467;&#12540;&#12489;&#36861;&#21152;&#12377;&#12427;&#12398;&#12391;&#12354;&#12428;&#12400;&#12289;&#21442;&#29031;&#35373;&#23450;&#12375;&#12383;ref&#12395;&#12487;&#12540;&#12479;&#12434;&#25918;&#12426;&#36796;&#12416;&#12384;&#12369;&#12391;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12395;&#21453;&#26144;&#12373;&#12428;&#12414;&#12377;&#12290;&#12524;&#12467;&#12540;&#12489;&#12398;&#26356;&#26032;&#12394;&#12425;&#20195;&#20837;&#12391;&#12377;&#12290;&#12471;&#12531;&#12503;&#12523;&#12391;&#12377;&#12290;<\/p><pre class=\"toolbar:1 lang:js decode:true\">$(function() {\r\n\t$('#{YOUR_BUTTON_ID}').on('click', function() {\r\n\t\tref.push({NEW_RECORD});\r\n\t});\r\n});<\/pre><p>&nbsp;<\/p><p><strong>D.&#26356;&#26032;&#12487;&#12540;&#12479;&#12398;&#30011;&#38754;&#21453;&#26144;<\/strong><\/p><p>&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#12391;&#26356;&#26032;&#12373;&#12428;&#12383;&#12487;&#12540;&#12479;&#12434;&#30011;&#38754;&#21453;&#26144;&#12377;&#12427;&#12395;&#12399;&#12289;&#12381;&#12428;&#23554;&#29992;&#12398;&#12467;&#12540;&#12489;&#12364;&#24517;&#35201;&#12391;&#12377;&#12290;&#21442;&#29031;&#35373;&#23450;&#12375;&#12383;ref&#12395;&#12363;&#12369;&#12427;&#24418;&#12391;&#12487;&#12540;&#12479;&#12364;&#26356;&#26032;&#12373;&#12428;&#12383;&#12392;&#12365;&#12395;&#21205;&#12367;on&#12488;&#12522;&#12460;&#12540;&#12434;&#35373;&#23450;&#12375;&#12289;&#25147;&#12387;&#12390;&#12365;&#12383;&#26368;&#26032;&#12487;&#12540;&#12479;&#65288;snapshot&#65289;&#12434;HTML&#12395;&#21453;&#26144;&#12373;&#12379;&#12427;&#12452;&#12513;&#12540;&#12472;&#12391;&#12377;&#12290;&#20197;&#19979;&#12398;&#20363;&#12399;&#23550;&#35937;&#12434;&#23376;&#35201;&#32032;&#12398;&#36861;&#21152;&#65288;'child_added'&#65289;&#12395;&#35373;&#23450;&#12375;&#12390;&#12289;&#36861;&#21152;&#12373;&#12428;&#12383;&#12524;&#12467;&#12540;&#12489;&#12434;&#35201;&#32032;&#12398;&#19978;&#12395;&#36861;&#21152;&#12377;&#12427;&#12452;&#12513;&#12540;&#12472;&#12391;&#12377;&#12290;&#12394;&#12362;&#20516;&#33258;&#36523;&#12398;&#26356;&#26032;&#12434;&#23550;&#35937;&#12395;&#12377;&#12427;&#22580;&#21512;&#12399;'child_added'&#12398;&#20195;&#12431;&#12426;&#12395;'value'&#12434;&#35373;&#23450;&#12377;&#12427;&#31561;&#12289;&#12371;&#12398;&#12354;&#12383;&#12426;&#12398;&#12458;&#12503;&#12471;&#12519;&#12531;&#12399;&#35079;&#25968;&#12354;&#12427;&#12398;&#12391;&#12289;<a href=\"https:\/\/firebase.google.com\/docs\/reference\/js\/firebase.database.Reference?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">reference&#12395;&#12388;&#12356;&#12390;&#12398;&#12522;&#12501;&#12449;&#12524;&#12531;&#12473;<\/a>&#12434;&#21442;&#29031;&#12375;&#12414;&#12377;&#12290;<\/p><pre class=\"toolbar:1 lang:js decode:true\">$(function() {\r\n\tref.on('child_added', function(snapshot) {\r\n\t\tsnapshot.val().prependTo('#{TARGET_ELEMENT_ID}');\r\n\t});\r\n});<\/pre><p>&nbsp;<\/p><p>&#12371;&#12435;&#12394;&#24863;&#12376;&#12395;A&#65374;D&#12398;&#27231;&#33021;&#12434;&#23455;&#35013;&#12377;&#12427;&#12392;&#12289;&#12354;&#12392;&#12399;&#12356;&#12356;&#24863;&#12376;&#12395;&#12487;&#12540;&#12479;&#12505;&#12540;&#12473;&#20596;&#12398;&#26368;&#26032;&#12487;&#12540;&#12479;&#12364;&#21516;&#26399;&#12373;&#12428;&#12390;&#12356;&#12356;&#24863;&#12376;&#12395;&#30011;&#38754;&#21453;&#26144;&#12373;&#12428;&#12427;&#12392;&#12356;&#12358;&#12392;&#12371;&#12429;&#12364;&#12289;&#12487;&#12540;&#12479;&#12434;&#21487;&#35222;&#21270;&#12377;&#12427;Web&#12450;&#12503;&#12522;&#12434;&#20316;&#12429;&#12358;&#12392;&#12377;&#12427;&#12392;&#12365;Firebase&#12398;&#24375;&#28872;&#12394;&#24375;&#12415;&#12395;&#12394;&#12387;&#12390;&#12356;&#12427;&#12392;&#24863;&#12376;&#12414;&#12375;&#12383;&#12290;<del>&#65288;Firebase&#12434;&#20351;&#12431;&#12394;&#12356;&#12392;&#38750;&#24120;&#12395;&#35079;&#38609;&#12363;&#12388;&#20491;&#21029;&#12394;&#38750;&#21516;&#26399;&#20966;&#29702;&#12434;&#24310;&#12293;&#12392;&#26360;&#12363;&#12394;&#12356;&#12392;&#12356;&#12369;&#12394;&#12356;&#12392;&#24605;&#12358;&#12392;&#21520;&#12365;&#27671;&#12364;&#12539;&#12539;&#12539;&#65289;<\/del><\/p><h3><span class=\"ez-toc-section\" id=\"%E3%81%BE%E3%81%A8%E3%82%81\"><\/span>&#12414;&#12392;&#12417;<span class=\"ez-toc-section-end\"><\/span><\/h3><p>&#12392;&#12356;&#12358;&#12371;&#12392;&#12391;&#12289;Firebase&#12434;&#12476;&#12525;&#12363;&#12425;&#30331;&#37682;&#12289;&#38283;&#30330;&#12375;&#12390;&#20844;&#38283;&#12377;&#12427;&#12414;&#12391;&#12398;&#35201;&#28857;&#12434;&#12414;&#12392;&#12417;&#12390;&#12415;&#12414;&#12375;&#12383;&#12290;<\/p><p>&#12452;&#12531;&#12473;&#12488;&#12540;&#12523;&#36884;&#20013;&#12391;Node.js&#12398;&#35441;&#12364;&#20986;&#12390;&#12365;&#12383;&#12426;&#12289;&#12507;&#12473;&#12486;&#12451;&#12531;&#12464;&#12395;Firebase CLI&#65288;&#12467;&#12510;&#12531;&#12489;&#12521;&#12452;&#12531;&#12484;&#12540;&#12523;&#65289;&#12364;&#20986;&#12390;&#12365;&#12383;&#12426;&#12392;&#33509;&#24178;&#12398;&#12469;&#12540;&#12496;&#12540;&#35201;&#32032;&#12364;&#12481;&#12521;&#35211;&#12360;&#12375;&#12383;&#12418;&#12398;&#12398;&#12289;&#12411;&#12392;&#12435;&#12393;&#20316;&#26989;&#30340;&#12395;&#36914;&#12417;&#12428;&#12400;&#21839;&#38988;&#12394;&#12356;&#12368;&#12425;&#12356;&#12395;&#12399;&#27927;&#32244;&#12373;&#12428;&#12390;&#12356;&#12427;&#12398;&#12391;&#12289;&#12385;&#12423;&#12387;&#12392;&#12375;&#12383;&#12450;&#12503;&#12522;&#12434;&#20316;&#12427;&#12395;&#12399;&#38750;&#24120;&#12395;&#20415;&#21033;&#12394;&#12503;&#12521;&#12483;&#12488;&#12501;&#12457;&#12540;&#12512;&#12384;&#12392;&#24863;&#12376;&#12414;&#12375;&#12383;&#12290;<\/p><p>&nbsp;<\/p><p>&#12375;&#12363;&#12418;&#12539;&#12539;&#12539;&#12371;&#12371;&#12414;&#12391;&#20351;&#12387;&#12390;&#28961;&#26009;&#12392;&#12356;&#12358;&#12398;&#12364;&#34909;&#25731;&#12391;&#12375;&#12383;&#12290;<\/p><p>&#12418;&#12385;&#12429;&#12435;&#19968;&#23450;&#20197;&#19978;&#12398;&#21033;&#29992;&#12391;&#12354;&#12428;&#12400;&#26377;&#20767;&#12503;&#12521;&#12531;&#12395;&#31227;&#12427;&#24517;&#35201;&#12364;&#12354;&#12427;&#12418;&#12398;&#12398;&#12289;&#20491;&#20154;&#21033;&#29992;&#12392;&#12356;&#12358;&#12363;&#23567;&#35215;&#27169;&#12394;&#21033;&#29992;&#12395;&#30041;&#12414;&#12427;&#12398;&#12391;&#12354;&#12428;&#12400;&#28961;&#26009;&#12391;&#21313;&#20998;&#12395;&#12420;&#12426;&#12365;&#12428;&#12390;&#12375;&#12414;&#12358;&#12371;&#12392;&#12364;&#20998;&#12363;&#12387;&#12383;&#12383;&#12417;&#12289;&#12394;&#12435;&#12392;&#12418;&#26411;&#24656;&#12429;&#12375;&#12356;&#12418;&#12398;&#12434;&#24863;&#12376;&#12414;&#12375;&#12383;&#12290;<\/p><p>&#20170;&#22238;&#12399;&#12471;&#12531;&#12503;&#12523;&#12373;&#12434;&#20778;&#20808;&#12375;&#12390;Realtime Database&#12434;&#20351;&#12356;&#12414;&#12375;&#12383;&#12364;&#12289;&#26222;&#36890;&#12395;&#20351;&#12358;&#20998;&#12395;&#12399;Cloud Firestore&#12398;&#26041;&#12364;&#20351;&#12356;&#21213;&#25163;&#12364;&#12424;&#12356;&#12392;&#12398;&#12371;&#12392;&#12391;&#12377;&#12375;&#12289;Cloud Storage&#12420;Cloud Functions&#12289;Firebase Cloud Messaging&#12394;&#12393;&#12398;&#12381;&#12398;&#20182;&#12398;&#22522;&#26412;&#27231;&#33021;&#12434;&#20351;&#12360;&#12400;&#12373;&#12425;&#12395;&#12391;&#12365;&#12427;&#12371;&#12392;&#12399;&#24195;&#12364;&#12426;&#12414;&#12377;&#12290;Google&#12377;&#12372;&#12356;&hellip;&#12398;&#19968;&#35328;&#12391;&#12377;&#12290;<\/p><p>&#12371;&#12398;&#35352;&#20107;&#12364;&#12289;&#65288;Firebase&#12391;&#12365;&#12427;&#12363;&#12394;&hellip;&#65289;&#12392;&#24745;&#12435;&#12391;&#12356;&#12427;&#20154;&#12398;&#19968;&#27497;&#12434;&#36367;&#12415;&#20986;&#12377;&#12365;&#12387;&#12363;&#12369;&#12395;&#12394;&#12428;&#12400;&#24184;&#12356;&#12391;&#12377;&#12290;<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#12496;&#12483;&#12463;&#12456;&#12531;&#12489;&#12398;&#12371;&#12392;&#12434;&#12354;&#12414;&#12426;&#3277 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12544,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[252],"tags":[],"class_list":["post-12547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business_ja"],"_links":{"self":[{"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/posts\/12547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/comments?post=12547"}],"version-history":[{"count":6,"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/posts\/12547\/revisions"}],"predecessor-version":[{"id":12633,"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/posts\/12547\/revisions\/12633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/media\/12544"}],"wp:attachment":[{"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/media?parent=12547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/categories?post=12547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takuminasuno.com\/ja\/wp-json\/wp\/v2\/tags?post=12547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}