以åããäŒç€Ÿã«ãŠãç é¢å ã®åçš®å»çæ©åšã®ç®¡çã®çºã«äœã£ãã¢ããªã±ãŒã·ã§ã³ã§ããæ³ä»€ã§ç é¢æœèšã§ã¯ãã®å»çæ©åšã«ã€ããŠã¯çŽ°ããªç®¡çå°åž³ã®æŽåãæ±ããããŠããããŸããã®èª¬ææžãç¹æ€èšé²ããã®ä»è«žã ãå šãŠçŽã§ç®¡çãããŠããŸããã
ããããçŽã§ã®ç®¡çãšãããã®ã¯ãæãããã¡ã€ã«ã次ã ã«äœãããšã«ãããåæ£ã»æçåãæãããŸãæœèšéã§è²æž¡ãªã©ãçããå Žåãèšé²å¿ããªã©æ§ã ãªãã©ãã«ãæãã ãã§ãªããéåžžã«ç ©éã§ããGoogle Driveã§è¡ã£ãŠãåæ§ã§ããããã§ããããã¢ããªã±ãŒã·ã§ã³ãšããŠç®¡çãè¡ããããã«ããå šæœèšã§å ±éã®ãã©ãããã©ãŒã ã䜿ãããšã§äžå åãç®çã«æ§æããŸããã
ãã£ãšãåºæ¬çãªæ©èœãè£ åããŠããŸãããã«ã¹ã¿ãã€ãºã§è¿œå ããããšãå¯èœã ãšæããŸãã®ã§ããã£ã¬ã³ãžããŠã¿ãŠãã ããã
ç®æ¬¡
ãã®ããã°ã©ã ã®æ§æãã¡ã€ã«
ããã°ã©ã æ¬äœãšãã³ãã¬ãŒã
- å»çæ©åšç®¡çDBæ¬äœ - ããã°ã©ã æ¬äœ
- å»çæ©åšDB Templateã·ãŒã - æœèšå¥ã«çšæããããŒã¿æ ŒçŽå ãã¡ã€ã«
ãã®ïŒã€ã§ããã°ã©ã ã¯æ§æãããŠããŸãã®ã§ãã³ããŒããŠã䜿ããã ããã
ããã°ã©ã å ã§äœ¿çšããŠããåçš®ã©ã€ãã©ãª
- jQueryã©ã€ãã©ãªããã³jQuery UIã©ã€ãã©ãªÂ â Google CDNãå©çš
- CSS Package for editor add-ons â äžéšã®ãã¿ã³é¡ã®ãã¶ã€ã³çšCSS
- w2ui â jQueryãã©ã°ã€ã³ãšããŠåäœããdatagridã©ã€ãã©ãª
- Lightbox2 - WordPressã§ãããªãã¿ã®ç»åãåç»ããããã¢ãã衚瀺ããã©ã€ãã©ãª
- Modal CSS - ã¢ãŒãã«ã§è¡šç€ºããããã€ã¢ãã°ãå®çŸããCSS
- jQuery Alert Dialog - jQueryã«ãŠæ§ã ãªalertãå®çŸããã©ã€ãã©ãª
ãã®ä»çŽ°ããªCSSãå€éšåŒã³åºããŠå©çšããŠããŸããåã©ã€ãã©ãªã¯ãã®ãµãŒãäžã«é 眮ããŠãããã®ãçŸåšã¯å©çšããŠããã®ã§ãæ¬çªã§å¯åãèããã®ã§ããã°ãäžèšã©ã€ãã©ãªé¡ãhttpsã®å©çšã§ããWebãµãŒãäžã«é 眮ããŠãããã°ã©ã å ã§åç §ããŠãã©ã€ãã©ãªã®URLãæžãçŽããŠäœ¿ãäºããªã¹ã¹ã¡ããŸãã
ã»ããã¢ãã
ãããžã§ã¯ãäœæ
Cloud Consoleã®èšå®
æ¬ããã°ã©ã ã¯Picker APIãå©çšããŠããçºãGoogle Cloud Consoleã«ãŠPicker APIãè¿œå ããäœæ¥ãå¿ èŠã§ãããã®ãããåå貞åºãã©ãŒã åŽãããžã§ã¯ãã«ã¯ãCloud Platformãããžã§ã¯ããšçŽä»ãäœæ¥ãå¿ èŠã§ãã以äžã®æé ã§èšå®ããŸãããã
Picker APIãè¿œå
APIãæå¹ã«ãã
åé ã§äœæãããããžã§ã¯ãå ã«ãŠãPicker APIã®è¿œå ãå¿ èŠã§ãããã®åŸã®ã»ããã¢ããã§äœ¿çšãããã¡ã€ã«ãšãã©ã«ãã®æå®ã«ãŠå©çšããããã§ãã以äžã®æé ã§API Keyãå ¥æããŸãã
èªèšŒæ å ±ãäœã
ãµã€ãããŒèšå®
ãµã€ãããŒèšå®ã«ã¯ããã°ã©ã ã§äœ¿çšããåçš®èšå®ãå«ãŸããŠããŸããå©çšåã«ã»ããã¢ãããããŸãããããŸããã»ããã¢ãããè¡ãªãããã«ã¯ãäžåºŠã¹ã¯ãªãããšãã£ã¿ã«å ¥ãããonOpenãå®è¡ãããŠæ¿èªäœæ¥ãæžãŸããŠããã§ãªããšã»ããã§ããªãã®ã§ãã泚æãã ããã
ã¡ãã¥ãŒãããèšå®é¢ä¿ãâãã¢ããªèšå®ãã§å ¥ããŸãã
äž»ãªèšå®ã¯
- ãã®ãµã€ãããŒã§å©çšããPickerçšã®API Keyã»ããé ç®ïŒãããäžçªæåã«ã»ããã¢ããããŸãããïŒ
- 管çè éç¥ã¢ãã¬ã¹ïŒç³è«æã«ã¡ãŒã«ãé£ã°ãå ã®ã¡ã¢ãïŒ
- ç»åæ ŒçŽãã©ã«ããæå®ããïŒäºããGoogle Driveã«äœã£ãŠãããŸãããïŒ
- æ·»ä»ãã¡ã€ã«æ ŒçŽãã©ã«ããæå®ããïŒäºããGoogle Driveã«äœã£ãŠãããŸãããïŒ
- ããã¥ã¢ã«ãã¡ã€ã«æ ŒçŽãã©ã«ããæå®ããïŒäºããGoogle Driveã«äœã£ãŠãããŸãããïŒ
- ç¹æ€è¡šæ ŒçŽãã©ã«ããæå®ããïŒäºããGoogle Driveã«äœã£ãŠãããŸãããïŒ
- 垳祚åºåãã©ã«ããæå®ããïŒäºããGoogle Driveã«äœã£ãŠãããŸãããïŒ
- ããã¯ã¢ããå ãã©ã«ããæå®ããïŒäºããGoogle Driveã«äœã£ãŠãããŸãããïŒ
ãšãªã£ãŠããŸãã
ããªã¬ãŒãèšçœ®ãããšãèªåã§ããã¯ã¢ãããå®è¡ãããããã«ãªã£ãŠããŸãã
ã·ãŒãäžã®èšå®
ã·ãŒãäžã§ã»ããã¢ããããäœæ¥ãšããŠã¯ä»¥äžã®ïŒç¹ã
- ããã°ã©ã æ¬äœïŒå»çæ©åšç®¡çDBïŒã®æ¿èªãªã¹ãã«å©çšè ã®ååãå ¥åãæ®ãã®åã¯3.ã®å€ãvlookupã§åŒã£åŒµããšè¯ãã
- 1.ãšåããã管çè ã·ãŒãã«ç®¡çè ã®ã¡ãŒã«ã¢ãã¬ã¹ãè€æ°ç»é²ã§ããŸãã
- settingã·ãŒãã«æŒããŠãæœèšåãšç é¢å¥ãã³ãã¬ãŒãã®ãã¡ã€ã«ã®URLãèšè¿°ãã
- ã¯ã©ã¹åé¡ã·ãŒãã¯ããŒã¿ãæŽæ°ããããå ¥ãæ¿ãããšè¯ãããŸããæ€çŽ¢çšã«ã¯ãŒããå ¥ãããšã¢ããªäžã§æ€çŽ¢ããæã«æ€çŽ¢ãããããªãã
ãŸããåå¥ãã³ãã¬ãŒãã¯äžèšã®3.ã§ãã®URLãæå®ããŠããŸãããæœèšå¥ã«çšæãèšè¿°ããã ãã§è¯ãããã¡ã€ã«ã«ã¯äœãèšè¿°ããªãã
ãŠã§ãã¢ããªã±ãŒã·ã§ã³
æ¬ãããžã§ã¯ãã¯ããŠã§ãã¢ããªã±ãŒã·ã§ã³ãšããŠåäœããŸããå®éã«å©çšããå Žåã«ã¯ããŠã§ãã¢ããªã±ãŒã·ã§ã³ãšããŠå ¬éããäœæ¥ãå¿ èŠã«ãªããŸãã以äžã®æé ã§å ¬éããæœèšç®¡çè ã«å©çšããŠãããããã«ããŸãããã
管çDBã¢ããªã®äœ¿ãæ¹
ã¡ã€ã³ç»é¢
ãŠã§ãã¢ããªã±ãŒã·ã§ã³ã®URLã«ã¢ã¯ã»ã¹ããŠæ©åšã®ç»é²ããã¡ã€ã«ã®ã¢ããããŒããè¡ããŸããã¡ã€ã³ç»é¢ã¯ä»¥äžã®ãããªæããäžäººãè€æ°æœèšãæ åœããå Žåã«ã¯ãã¹ãã¬ããã·ãŒãã®æ¿èªãªã¹ãã«åäžã¡ã¢ãã§éãç é¢ãè€æ°ç»é²ããŠãããŸãããããšãå³äžã®ããããããŠã³ã®ãªã¹ãã«ç é¢åãåºãŠããŸãã
ãŸãããã®ç é¢åãåãæ¿ããããšã§ãç»é²æžã¿ã¹ãã¬ããã·ãŒããåãæ¿ããããŒã¿ãå ¥ãæ¿ããããã«ãªã£ãŠããŸãã
å³ïŒã¡ã€ã³ç»é¢ãããããå šãŠäœæ¥ãè¡ãªã
æ©åšã®è¿œå ãšåé€ã»ç·šé
æ©åšã®è¿œå ããã³åé€ã¯é£ãããããŸãããè¿œå ãã¿ã³ãæŒãã°è¿œå ãã€ã¢ãã°ãåºãŠããŸããæ©åšã®åçãåçš®æ å ±ãäºåã«çšæããŠãããŸãããããŸãã該åœã®æ©åšãéžæããŠåé€ãã¿ã³ãæŒãã°ç»é²ãã解é€ãããŸãã
å³ïŒç»é²ãã€ã¢ãã°
æ©åšã³ãŒãã¯ã³ãŒãéžæã§æ€çŽ¢ãããã°å»çæ©åšã®ã¯ã©ã¹åé¡è¡šããããŒã¿ãååŸå¯èœã§ããç»é²æžã¿ã®ã¯ã©ã¹ãç¹å®ä¿å®ãªã©ã®å€ãã«ãã¯ã¢ãããããããã«ãªã£ãŠããŸããåçš®ãã¡ã€ã«é¡ããã®ç»é¢ããã¢ããããŒãå¯èœã§ãããªãããã®ç»é¢ã¯ç»é²åŸã¯æ©åšã®ç·šéãã¿ã³ããå€æŽãå¯èœã§ãã
æ©åšã®å䜵
æ©åšã®å䜵ãã¿ã³ã¯åããããªæ©åšãç»é²ããå Žåã«ã²ãšã€ã«çºããæ©èœã§ãããŸããŸãšããæ©åšãéžæè¢ããã¿ã³ãæŒãããããŠãåºãŠããç»é¢ã«ãŠããŸãšãå ã®å»çæ©åšãéžã¶ã ãã§ããå ã®ããŒã¿ã¯æ¶æ» ã詳现ããŒã¿ã«ç»é²ãããŠããæ°éçïŒåŸè¿°ïŒãäžã€ã«çµ±åãããŸãã
å³ïŒå䜵äœæ¥ãã€ã¢ãã°
现ããªäœæ¥ç»é²
æ©åšã®è©³çŽ°ããäœæ¥ãè¡ããŸããå³ã¯ãªãã¯âæ©åšã®è©³çŽ°ã§éããŸãããã®ãã€ã¢ãã°ã¯ïŒã€ã§æ§æãããŠãããç»é²æžã¿æ©åšã®ããŒã¿é²èŠ§ã詳现ã§ã¯ãã®æ©åšã®åå¥ã®ç»é²ïŒïŒå°æ¯ç»é²ãå¿ èŠã§ãïŒãšåé€ãä¿®çå±¥æŽã®ç»é²ãã¡ã³ããã³ã¹æ å ±ã®é²èŠ§ãå¯èœã§ãã
äž»ã«äœ¿ãã®ã¯è©³çŽ°æ å ±ã¿ããšä¿®çå±¥æŽã¿ãã®ïŒã€ã詳现æ å ±ã«ãŠåã ã®æ©åšã®èšçœ®æ å ±çãç»é²ããªããšä¿®çå±¥æŽã§å±¥æŽç»é²ã¯åºæ¥ãŸããã®ã§ããã£ããããã§ç»é²ãããªããã°ãªããŸããã
å³ïŒæ©åšã®è©³çŽ°æ å ±ãç»é²
å³ïŒä¿®çå±¥æŽç»é²ç»é¢
æ©åšã®ç§»å
æ©åšã移åããæ©èœã¯æ©åšã®è©³çŽ°æ å ±ã®äžã«ãããŸããããŸãå©çšããæ©äŒãå€ãããã§ã¯ãªãã®ã§ãå¿ããã¡ã§ãããæ©åšãå¥ã®ç é¢ã«ç§»åããå Žåã«éå»ã®ä¿®çå±¥æŽæ å ±ãšå ±ã«ãå¥ç é¢ãžç§»åãããäºãå¯èœã§ãã移åããããã«ã¯
- ç»é²è ãè€æ°ç é¢ã·ãŒããžã¢ã¯ã»ã¹åºæ¥ãããã«ç»é²ãããŠããå¿ èŠãããã
- ç»é²ããè€æ°ã®ç é¢ããªã¹ãã«åºãŠããã®ã§ã詳现ã®ç§»åæã«ç é¢ãéžã¶ãšããŒã¿ã移è¡ããã
- ããŒã¿ç§»åå±¥æŽã«ç»é²ããã