JSON (JavaScript Object Notation ã®ç¥) ã¯ãWeb éçºè ã®éã§åºãæ®åããWeb äžã§ããŒã¿ãéåä¿¡ããããã®äºå®äžã®æšæºãšãªã£ãŠãã軜éã®ããã¹ãããŒã¹ã®ããŒã¿äº€æåœ¢åŒã§ãã JSON 㯠JavaScript ãªããžã§ã¯ã ãªãã©ã«è¡šèšæ³ã§èšè¿°ãããŠããããã人éãšã³ã³ãã¥ãŒã¿ãŒã®äž¡æ¹ãç°¡åã«èªã¿æžãããè§£æã§ããŸãã JSON 㯠JavaScript ã«å ããŠãã»ãŒãã¹ãŠã®ããã°ã©ãã³ã°èšèªã§ãµããŒããããŠãããããããŸããŸãªã¢ããªã±ãŒã·ã§ã³ããã©ãããã©ãŒã éã®ããŒã¿äº€æã«é«åºŠãªçžäºéçšæ§ãšå€çšéæ§ãåããŠããŸãã
JSON ã«ã¯ãXML ãªã©ã®ä»ã®ããŒã¿äº€æåœ¢åŒã«æ¯ã¹ãŠããã€ãã®å©ç¹ããããŸãã JSON ã¯ããã³ã³ãã¯ãã§åé·æ§ãäœããããWeb çµç±ã§ã®éä¿¡ãéããªããå¿ èŠãªåž¯åå¹ ãå°ãªããªããŸããã·ã³ãã«ãªæ§æãš JavaScript ã®ãã€ãã£ã ãµããŒãã®ãããã§ãè§£æãç°¡åã§ããããã«ãJSON ã¯å±±æ¬åŒ§ã屿§ãåå空éãªã©ã®ç¹å®ã®ããŒã¯ã¢ãããå¿ èŠãšããªããããæ§é ãç°¡çŽ åãããããŒã¿ã®èªã¿ããããåäžããŸãã
JSON ã¯ããã©ãŠã¶ãŒãªã©ã®ããã³ããšã³ã ã¯ã©ã€ã¢ã³ãã API åŒã³åºããéããŠããã¯ãšã³ã ãµãŒããŒãšå¯Ÿè©±ããããšãå¢ããŠãã Web éçºã§ç¹ã«åœ¹ç«ã¡ãŸãã JSON ã¯ããµãŒããŒåŽã§ããŒã¿ãã·ãªã¢ã«åããWeb çµç±ã§ã¯ã©ã€ã¢ã³ãã«éä¿¡ããããã»ã¹ãšãã¯ã©ã€ã¢ã³ãåŽã§ããŒã¿ãè§£æããŠåŠçããããã»ã¹ãç°¡çŽ åããŸãã
Web ãµã€ãéçºã®ã³ã³ããã¹ãã§ã¯ãJSON 㯠RESTful API ãšããŠç¥ãããææ°ã® Web ã¢ãŒããã¯ãã£ã§éèŠãªåœ¹å²ãæãããŸãã RESTful (Representational State Transfer) API ã䜿çšãããšãWeb ã¢ããªã±ãŒã·ã§ã³ã¯ãã·ã³ãã«ã§ã¹ããŒãã¬ã¹ã§ãã£ãã·ã¥å¯èœãªãªã¯ãšã¹ããšå¿çã䜿çšããŠãHTTP çµç±ã§çžäºã«éä¿¡ã§ããŸãã JSON ã¯ãã®ã·ã³ãã«ããšå¹çæ§ã«ãããRESTful API ã§ã®ããŒã¿ã®éåä¿¡ã«æé©ã§ãã
AppMasterno-codeãã©ãããã©ãŒã ã¯ãããã¯ãšã³ããWebãã¢ãã€ã« ã¢ããªã±ãŒã·ã§ã³ã®éçºããã»ã¹å šäœãéã㊠JSON ãæŽ»çšããŸããããšãã°ãããŒã¿ ã¢ãã«ãããžãã¹ ããžãã¯ãããã³ API endpointsãèšèšããå Žåã AppMasterãããã®ãšã³ãã£ãã£ã® JSON 衚çŸãçæãããã©ãããã©ãŒã ã¯ããã䜿çšããŠã¿ãŒã²ãã ã¢ããªã±ãŒã·ã§ã³ã«å¯Ÿå¿ããã³ãŒããçæããŸããããã«ãçæãããã¢ããªã±ãŒã·ã§ã³ã¯ããµãŒã㌠ããã¯ãšã³ããWeb ããã³ããšã³ããã¢ãã€ã« ã¯ã©ã€ã¢ã³ããªã©ãããŸããŸãªã³ã³ããŒãã³ããã¬ã€ã€ãŒéã®ããŒã¿äº€æãšå¯Ÿè©±ã« JSON ã䜿çšããŸãã
AppMaster ãJSON ããŒã¿ã®æ§é ãå®çŸ©ããã³æ€èšŒããããã®åŒ·åãªã¡ã«ããºã ã§ãã JSON ã¹ããŒãæšæºããµããŒãããŠããŸãã JSON ã¹ããŒãã䜿çšãããšãéçºè ã¯å¿ é ã®ããããã£ãèš±å¯ãããå€ãããŒã¿åãªã©ã®ããŒã¿ã®å¶çŽãæå®ã§ããŸãã AppMaster㯠JSON ã¹ããŒããå©çšããŠãéçºããã»ã¹å šäœãéããŠããŒã¿ã®äžè²«æ§ãšæŽåæ§ã確ä¿ãããµãŒããŒendpointsçšã® Swagger (OpenAPI) ããã¥ã¡ã³ããçæããŸãã
Web éçºã«ããã JSON ã®éèŠæ§ãé«ãŸããæ¥çã§åºãæ¡çšãããããã«ãªã£ãããšã§ãJSON ãçè§£ãããã®è€éããç¿åŸããããšã¯ãWeb éçºè ãš IT ãããã§ãã·ã§ãã«ã«ãšã£ãŠåæ§ã«äžå¯æ¬ ãªã¹ãã«ãšãªã£ãŠããŸãã AppMasterãã©ãããã©ãŒã ã¯ãJSON ã®ã·ãŒã ã¬ã¹ãªãµããŒããæäŸããããšã§ããŠãŒã¶ãŒããã®åŒ·åãªããŒã¿äº€æåœ¢åŒã®å¯èœæ§ãæå€§éã«æŽ»çšããå¹ççã§æè»ãã€ã¹ã±ãŒã©ãã«ãª Web ã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ã§ããããã«ããŸãã
å®éã® JSON ã®äŸãšããŠãRESTful API ã䜿çšããŠãµãŒããŒãã補åã®ãªã¹ããååŸãã Web ã¢ããªã±ãŒã·ã§ã³ã®æ¬¡ã®ã·ããªãªãèããŠã¿ãŸãããããŸãããµãŒã㌠ããã¯ãšã³ãã¯æ¬¡ã®ãããªè£œåã® JSON 衚çŸãçæããŸãã
{
"補å"ïŒ [
{
ãidã: 1ã
"åå": "ã©ããããã",
ãäŸ¡æ ŒãïŒ999.99
}ã
{
ãidã: 2ã
"åå": "ã¹ããŒããã©ã³",
ãäŸ¡æ ŒãïŒ499.99
}ã
{
ãidã: 3ã
"åå": "ã¿ãã¬ãã",
ãäŸ¡æ ŒãïŒ299.99
}
]
}
次ã«ãWeb ããã³ããšã³ã㯠HTTP GET ãªã¯ãšã¹ãããµãŒããŒã«éä¿¡ãããµãŒããŒã¯è£œåã®ãªã¹ããå«ã JSON ããŒã¿ã§å¿çããŸããæ¬¡ã«ãããã³ããšã³ã㯠JavaScript ã䜿çšã㊠JSON ããŒã¿ãè§£æããŸãã
const products = JSON.parse(response.data);
æåŸã«ãããã³ããšã³ãã¯ãJSON ããŒã¿ã䜿çšããŠå¿ èŠãªããŒã¯ã¢ãããçæããããŒãã«ããªã¹ã ãã¥ãŒãªã©ã®é©å㪠UI èŠçŽ ã«è£œåã衚瀺ããŸãã
çµè«ãšããŠãJSON 㯠Web éçºã®åéã«ãããŠéèŠãªãã¯ãããžãŒã§ããã AppMasterno-codeãã©ãããã©ãŒã ã®ä»çµã¿ã«æ·±ãçµã¿èŸŒãŸããŠããŸãã JSON ã¯ãå¯èªæ§ãé«ãå¹ççãªããŒã¿äº€æåœ¢åŒãšããŠãWeb éçºè ãš IT ãããã§ãã·ã§ãã«ã®äž¡æ¹ã«èšãç¥ããªã䟡å€ãæäŸããŸãã AppMaster ãJSON ãããã¯ãšã³ããWebãã¢ãã€ã« ã¢ããªã±ãŒã·ã§ã³éçºããã»ã¹ã®äžå¯æ¬ ãªéšåã«ããããšã§ãã¹ããŒããæè»æ§ãã¹ã±ãŒã©ããªãã£ã念é ã«çœ®ããŠã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ãã仿¥ã®ããŒã¹ã®éãããžã¿ã«äžçã®é²åãç¶ããããŒãºã«å¿ããŸãã