ãWebãµã€ããäœããããã©ãã©ããã£ãŠäœãã°ããã®ãããããªãã
ãWebãµã€ããç°¡åã«äœãããšã¯ã§ããªãã®ããªïŒã
Webãµã€ãäœãã«ã¯å°éçãªç¥èãæ±ãããããããèŠææèãæããŠããŸããŸãããã
ä»åã¯ãããã°ã©ãã³ã°ããã¶ã€ã³ã®ç¥èããªããŠããç°¡åã«Webãµã€ããäœæã§ãããµãŒãã¹ãSTUDIOããã玹ä»ããŸãã
ç®æ¬¡
- STUDIOãšã¯ïŒ
- STUDIOã§ã®Webãµã€ãå¶äœã®ã¡ãªãã
- STUDIOã§ã®Webãµã€ãå¶äœã®ãã¡ãªãã
- STUDIOã®æéãã©ã³
- STUDIOã§äœã£ãWebãµã€ãã»äºäŸç޹ä»
- STUDIOã¯æè»œã«ç°¡åãªWebãµã€ããäœããã人ã«ãããã
- Webãµã€ãã®ãã©ãŒã ãé«å質ã«ããã人ã«ã¯formrunããããã
STUDIOãšã¯ïŒ

STUDIOãšã¯ãã«ã¹ã¿ãã€ãºããã¶ã€ã³ãªã©ã®å°éçãªç¥èããªããŠããç°¡åã«Webãµã€ããäœæã§ããã¯ã©ãŠãäžã®ãµãŒãã¹ã§ããæäœã«ã¯ã³ãŒãã£ã³ã°ãäžèŠãªãããåå¿è ã®æ¹ã§ãå®å¿ããŠäœ¿çšã§ããŸãã
æäœæ§ã ãã§ãªãããã³ãã¬ãŒãã®ãã¶ã€ã³æ§ã®é«ãããã人æ°ãéããŠãããµãŒãã¹ã§ãã
STUDIOã§ã®Webãµã€ãå¶äœã®ã¡ãªãã
STUDIOãæŽ»çšããŠWebãµã€ããäœæããã¡ãªããã«ã¯æ¬¡ã®8ã€ããããŸãã
- ãã³ãã¬ãŒããè±å¯
- åççŽ æãè±å¯
- çŽæçã«æäœã§ãã
- æ¥æ¬èªã§ã®ãµããŒãããã
- HTML/CSSãæžããªããŠãã
- ã¯ã³ã¯ãªãã¯ã§å ¬é/éå ¬éãåãæ¿ãããã
- å ¬éåã«Webäžã§ãã¬ãã¥ãŒã§ãã
- ã¬ã¹ãã³ã·ãåãç°¡å
以äžãã詳ãã解説ããŸãã
â ãã¶ã€ã³æ§ã®é«ããã³ãã¬ãŒããè±å¯
STUDIOã«ã¯ãããã®ãã¶ã€ããŒã«ãããã³ãã¬ãŒããæ°å€ãæã£ãŠããŸãããã¶ã€ã³æ§ã®é«ããã³ãã¬ãŒããç¡æã§äœ¿çšå¯èœã§ãã
ã³ãŒãã¬ãŒããµã€ããããã°ãã€ãã³ããããŒããã©ãªãªãªã©ç®çã«åãããŠãã³ãã¬ãŒããéžæã§ããŸãã
ãã³ãã¬ãŒãã䜿çšããã°ããã¶ã€ã³ã«èªä¿¡ããªã人ã§ãæéããããã«ç°¡åã«ãããããªãµã€ããäœæã§ããç¹ãã¡ãªããã§ãã
â¡ãããããªåççŽ æãè±å¯
STUDIOã§ã¯ããããããªåççŽ æãè±å¯ã«æã£ãŠããŸãããµã€ãäœæã®ããã«åçãæããå¿ èŠããããŸãããåççŽ æã䜿ãããã®å¥å¥çŽãäžèŠã§ãã
åççŽ æã®äœ¿ç𿹿³ãç°¡åã§ããµã€ãäœæç»é¢ã§ç»åé çœ®ã®æ©èœãéžæããæ€çŽ¢æ©èœã掻çšããŠæé©ãªç»åãéžãã§é 眮ããã ãã§ãã
Webãµã€ãã®åçã¯ããµã€ãã®å°è±¡ã決ããéèŠãªåœ¹å²ãæãããŸããèŠæ ãã®è¯ããµã€ããäœæãããå Žåã¯ãç©æ¥µçã«æŽ»çšããŠãããŸãããã
â¢çŽæçã«æäœã§ãã
STUDIOã¯ãçŽæçã«æäœã§ããããšãã¡ãªããã®ã²ãšã€ã§ããã³ãŒããæžãå¿ èŠããªããããŠã¹ã®ç°¡åæäœã§Webãµã€ããäœæã§ããŸãã
ããã¹ããèšèŒãããæã¯ãããã¹ãããŒã«ãããã©ãã°&ããããã§è¿œå ããå¹ ãå€ãããæãããŠã¹ã§å¢çç·ããã©ãã°&ããããããŠå€æŽããã ãã§ãã
ããŒã«ã«äžæ £ããªæ¹ã§ãæèŠçã«æäœã§ããããããã®ããŒã«ã§ãã
â£æ¥æ¬èªã§ã®ãµããŒãããã
STUDIOã¯ãåœå ç£ã®ããŒã«ã®ãããæ¥æ¬èªã§ã®ãµããŒãã«å¯Ÿå¿ããŠããŸãã
Webãµã€ããäœæã§ããã¯ã©ãŠããµãŒãã¹ã¯æ°å€ãååšããŸãããæµ·å€æ§ã®ããŒã«ã§è±èªãã¡ã€ã³ã§ãã£ããããµããŒãèªäœããªããã®ããããŸãã
æŽç·Žããããªã·ã£ã¬ããšãæ¥æ¬èªã§ã®äžå¯§ãªãµããŒãã®äž¡æ¹ãæã£ãŠããããšã¯ãSTUDIOã®å€§ããªåŒ·ã¿ã§ãã
â€HTML/CSSãæžããªããŠãã
STUDIOã§ã®Webå¶äœã¯ãHTML/CSSã®ç¥èããªããŠãå¯èœã§ãã
Webå¶äœã§ã¯ãè²äžã€å€ããã«ããHTML/CSSãšãã£ãã³ãŒãã£ã³ã°ã®å°éç¥èãå¿ èŠã§ããããããSTUDIOã§ã¯ãã¬ããã§éžæããã ãã§ãæåãèæ¯ã®è²ãç°¡åã«å€æŽã§ããŸãã
HTML/CSSãäžèŠã®ãããHTML/CSSãæžãããã®ããŒã«ããWebããŒãžããµãŒããŒã«ã¢ããããŒãããããã®FTPã¯ã©ã€ã¢ã³ããœãããçšæããå¿ èŠããããŸããã
STUDIOã¯ãWebå¶äœç°å¢ãæŽã£ãŠããªã人ã§ããµã€ãäœæã«åãçµããŸãã
â¥ã¯ã³ã¯ãªãã¯ã§å ¬é/éå ¬éãåãæ¿ãããã
STUDIOã§ã¯ãã¯ã³ã¯ãªãã¯ã§å ¬é/éå ¬éãåãæ¿ããããŸããå ¬éããŠãããµã€ããä¿®æ£ããéã ãã¯ããŒãºããŠããããå Žåã«å³å¯Ÿå¿å¯èœã§ãã
å¿ èŠãªããªã£ããµã€ããã¯ããŒãºãããæã§ãã¯ã³ã¯ãªãã¯ã§å¯Ÿå¿ã§ããã®ã§ãé¢åããããŸããã
âŠå ¬éåã«Webäžã§ãã¬ãã¥ãŒã§ãã
STUDIOã¯ãå ¬éåã« Webäžã§ãã¬ãã¥ãŒã衚瀺ã§ããŸããå®éã«äœã£ãWebãµã€ããã©ã®ããã«ãã©ãŠã¶ã§è¡šç€ºãããã®ããã¹ããŒããã©ã³ã§ã¯ã©ã®ããã«æ ãã®ããäºåã«ãã§ãã¯å¯èœã§ãã
äœæããŠã¿ããã®ã®ãå®éã®ãã©ãŠã¶ã§èŠãŠã¿ããšãã€ã¡ãŒãžãéã£ããéåæããã£ããããå ŽåããããŸãã
å ¬éåã«ç¢ºèªããããšã§ã宿ã€ã¡ãŒãžãšã®ãºã¬ã軜æžãããããŠãŒã¶ãŒããã䜿ããããWebãµã€ããžãšæ¹åã§ããŸãã
ãã¬ãã¥ãŒç»é¢ã®ç¢ºèªã¯ãPCã ãã§ãªãã¹ããŒããã©ã³ãããå¯èœã§ãã
â§ã¬ã¹ãã³ã·ãåãç°¡å
STUDIOã䜿ãã°ãæäœç»é¢ã§è¡šç€ºãµã€ãºãå€ããã ãã§ãã¬ã¹ãã³ã·ã察å¿ãµã€ããäœæã§ããŸãã
Webãµã€ãã®ã¬ã¹ãã³ã·ã察å¿ã¯ã»ãŒå¿ é ãšèšã£ãŠãéèšã§ã¯ãããŸãããã¹ããŒããã©ã³ã®ãµã€ãºã«å¯Ÿå¿ããŠããªãWebãµã€ãã¯èŠã«ããããŠãŒã¶ãŒã«ã¹ãã¬ã¹ãäžããŠããŸãããµã€ãé¢è±ã«çŽçµããŸãã
STUDIOãæŽ»çšããŠããŠãŒã¶ãŒãã¬ã³ããªãŒãªãµã€ããå¶äœããŸãããã
STUDIOã§ã®Webãµã€ãå¶äœã®ãã¡ãªãã
æ°å€ãã®ã¡ãªãããããSTUDIOã§ããããã¡ãªããããããŸãã
STUDIOãå©çšãããã¡ãªããã¯ä»¥äžã®éãã§ãã
â ç¡æãã©ã³ã§ã¯æ©èœã«å¶éããã
STUDIOã«ã¯ç¡æãã©ã³ãçšæãããŠããŸããã䜿çšã§ããæ©èœã«å¶éãããç¹ããã¡ãªããã§ããç¡æãã©ã³ã§å¶éãããŠããæ©èœã«ã¯ä»¥äžã®ãããªãã®ããããŸãã
- CMSã®å ¬éã¢ã€ãã æ°ã®äžé
- Googleã¢ããªãã£ã¯ã¹ãšã®é£æºäžå¯
- ç¬èªãã¡ã€ã³ã®äœ¿çšäžå¯
ç¡æãã©ã³ã§ã¯ãCMSã§ã®èšäºãªã©ã®å ¬éã¢ã€ãã äžéæ°ã¯1000ä»¶ã§ããããã«ã2023幎5æä»¥éã¯æéæ¹å®ã«ãã100ä»¶ãŸã§æžå°ããŸãã
ãµã€ã蚪åè ã®å±æ§ããŒã¿ãè¡åããŒã¿ãååŸã§ããGoogleã¢ããªãã£ã¯ã¹ã飿ºã§ããªããããWebãµã€ããæ¹åããããŠãã©ããæ¹åãã¹ãã倿ãå°é£ã§ãã
ç¡æãã©ã³ã®å ŽåãURLã¯ãïŒå¥œããªæååïŒ.studio.siteãã«ãªããç¬èªãã¡ã€ã³ã䜿çšã§ããªãããããã©ã³ãã£ã³ã°ã«åãå ¥ãããå Žåã«ã¯åããŠããŸããã
äŒæ¥ã§æ¬æ Œçã«Webãµã€ãã®éçšãæ€èšããŠãããªãã°ãææãã©ã³ãæ€èšããã®ãããããã§ãã
â¡ã³ãŒãã£ã³ã°ã®ç¥èãå šããªããšæ±ãã«ãã
STUDIOã§ã®ãµã€ãå¶äœã«ã¯ãã³ãŒãã£ã³ã°ã¯äžèŠã§ããããããæäœãé 眮ãããäžã§ãã³ãŒãã£ã³ã°ã®ç¥èããã£ãæ¹ãæäœãããããªããŸãã
ã³ãŒãã§èŠããšãµã€ããã©ã®ãããªæ§é ã«ãªã£ãŠããã®ããæãããã«æäœã§ããªãå Žåã®åå ã¯äœãªã®ããªã©ãçºèŠãããããªãããã§ãã
STUDIOãæŽ»çšããŠããå¹çããWebãµã€ããéçšãããå Žåã¯ãããçšåºŠã®ã³ãŒãç¥èã®ç¿åŸãå¿ èŠã«ãªããŸãã
â¢<table>ã®æ©èœèªäœããªã
STUDIOã«ã¯ããtableãã¿ã°ã®åœ¹å²ãæããæ©èœããããŸããããtableãã¿ã°ãšã¯ã衚ãäœãããã®ã³ãŒãã§ãã
éåžžã®ã³ãŒãã£ã³ã°ã«ãããµã€ãå¶äœã§ã¯ãtableã¿ã°ã§ç°¡åã«è¡šãäœããŸãããããSTUDIOã§ã¯æ©èœèªäœãååšããªãã®ã§ãäžã€äžã€ç®±ãç©ã¿äžããŠè¡šã衚çŸãããããããŸããã
â£ãã°ã€ã³æ©èœå®è£ ãµã€ãã¯äœããªã
STUDIOã¯ããã°ã€ã³æ©èœãåããå®è£ ãµã€ãäœæã«ã¯å¯Ÿå¿ããŠããŸããã
äŒå¡åããµã€ããªã©ãã°ã€ã³ãå¿ èŠãšãããµã€ããäœããã人ã¯ãå¥ã®ãµãŒãã¹ãæ€èšããŸãããã
â€HTML/CSSã®æžãåºãã¯ã§ããªã
STUDIOã§ã¯ãHTMLãCSSã®æžãåºãã¯ã§ããŸããã
å¥ã®ãµãŒãã¹ãªã©ã«ãµã€ãããã®ãŸãŸåŒã£è¶ããããŠããã³ãŒããæžãåºããªãã®ã§ãäžããã³ãŒãã£ã³ã°ããå¿ èŠããããŸãã
â¥ã¹ãããã¿ãã¬ããããã®æŽæ°ã¯ã§ããªã
STUDIOã§ãµã€ããæŽæ°ããå Žåã¯ãããœã³ã³ããæäœããªããŠã¯ãããŸããã
ã¹ããŒããã©ã³ãã¿ãã¬ããããã®æŽæ°ã«ã¯å¯Ÿå¿ããŠããªãã®ã§ãã©ãã§ãç°¡åã«å€æŽãä¿®æ£ãã§ããããã§ã¯ãªãããšã泚æããŠãããŸãããã
STUDIOã®æéãã©ã³
STUDIOã«ã¯ã4ã€ã®æéãã©ã³ãçšæãããŠããŸããããããã®ãã©ã³ã«ã¯ã©ããŸã§ã®æ©èœãåãã£ãŠããã®ã1ã€ãã€è§£èª¬ããŸãã
ãªãã2023幎5æ1æ¥ã«æéæ¹èšã宿œãããŸããã
æ°è»œã«ç°¡åãªWebãµã€ããäœããã人åã0åãã©ã³
0åãã©ã³ã§å©çšã§ãããµãŒãã¹ã¯äžèšã®éãã§ãã
ã»ãã¶ã€ã³ããŒã«ã®å šæ©èœ
ã»ã¢ãã¡ãŒã·ã§ã³
ã»STUDIOãããŒä»å ¬é
ã»ãµããã¡ã€ã³å ¬éæ©èœ
ã»CMS å ¬éã¢ã€ãã æ°100ã¢ã€ãã ãŸã§
ã»ãã©ãŒã åçæ°100 ä»¶ãŸã§
ãã©ãŒã ã¯100ä»¶ãŸã§ãããããšããã§ããŸãããè€æ°ã®åãåãããäºæ³ãããWebãµã€ãã¯æ³šæãå¿ èŠã§ãã
ãŸãã¯æ°è»œã«Webãµã€ããäœããããšèããŠãã人ã«ããããã®ãã©ã³ã§ãã
ã©ã³ãã£ã³ã°ããŒãžã«ãããã980å/æãã©ã³
æé¡å©çšæé980åãã©ã³ã§å©çšã§ãããµãŒãã¹ã¯äžèšã®éãã§ãã
ã»ãã¶ã€ã³ããŒã«ã®å šæ©èœ
ã»STUDIOãããŒã®é衚瀺
ã»ããŒãžããšã®å ¬éç¯å²èšå®
ã»ç¬èªãã¡ã€ã³ã®æ¥ç¶
ã»Apps
ã»ãã©ãŒã åçæ°èš1,000 ä»¶ãŸã§
ã»æéPVæ° 50,000PV
æé¡980åã§ç¬èªãã¡ã€ã³ãå©çšã§ãããããã©ã³ãã£ã³ã°ããŒãžãäœæããã人ã«ããããã§ããæé¡980åãã©ã³ã§ã¯Webãµã€ãã«è¡šç€ºãããSTUDIOã®ãããŒãé衚瀺ã«ãªãã®ã§ããã©ã³ãã£ã³ã°ãæèãããµã€ãäœããã§ããŸãã
ãã ããã©ã³ãã£ã³ã°ããŒãžåããã©ã³ã®ãããCMSã¯å©çšã§ããªãã®ã§ã泚æãã ããã
ã³ãŒãã¬ãŒããµã€ãã«ãããã2,480å/æãã©ã³
æé¡å©çšæé2,480åãã©ã³ã§å©çšã§ãããµãŒãã¹ã¯äžèšã®éãã§ãã
ã»ãã¶ã€ã³ããŒã«ã®å šæ©èœ
ã»STUDIOãããŒã®é衚瀺
ã»ããŒãžããšã®å ¬éç¯å²èšå®
ã»ç¬èªãã¡ã€ã³ã®æ¥ç¶
ã»Apps
ã»CMSå ¬éã¢ã€ãã æ°2,000ã¢ã€ãã ãŸã§
ã»ãã©ãŒã åçæ°èš10,000 ä»¶ãŸã§
ã»æéPVæ° 100,000PV
ã»ã©ã€ã¿ãŒæš©é3 ä»¶ãŸã§
2,480åãã©ã³ã§ã¯ãCMSã¯2,000ã¢ã€ãã ãŸã§å ¬éå¯èœã§ãããã©ãŒã ã¯10,000ä»¶ãŸã§å¯Ÿå¿ã§ããã®ã§ãã³ãŒãã¬ãŒããµã€ãäœæã«ããããã§ãã
ãŸããã©ã€ã¿ãŒæš©éã3ä»¶ãŸã§ä»äžã§ããã®ã§ãç°¡æçãªã³ã³ãã³ãããŒã±ãã£ã³ã°ãè¡ãããäŒæ¥ã«ãåããŠããŸãã
çµç¹ã§ã®ãµã€ãå¶äœã»éçšããããªã4,980å/ãã©ã³
æé¡å©çšæé4,980åãã©ã³ã§å©çšã§ãããµãŒãã¹ã¯äžèšã®éãã§ãã
ã»ãã¶ã€ã³ããŒã«ã®å šæ©èœ
ã»STUDIOãããŒã®é衚瀺
ã»ããŒãžããšã®å ¬éç¯å²èšå®
ã»ç¬èªãã¡ã€ã³ã®æ¥ç¶
ã»Apps
ã»ãã©ãŒã åçæ°èš10,000 ä»¶ãŸã§
ã»CMSå ¬éã¢ã€ãã æ°10,000ã¢ã€ãã ãŸã§
ã»æéPVæ° 1,000,000PV
ã»åªå ãµããŒã
ã»ã©ã€ã¿ãŒæš©éïŒç¡å¶éïŒ
4,980åãã©ã³ã§ã¯ãæéPVæ° 1,000,000PVã»CMSã¯10,000ã¢ã€ãã ãŸã§å ¬éã§ããã®ã§çµç¹ã§ã®ãµã€ãäœæã»éçšã«æé©ã§ããã©ã€ã¿ãŒæš©éãç¡å¶éã§ä»äžã§ããã®ã§ãæ¬æ Œçãªã³ã³ãã³ãããŒã±ãã£ã³ã°ã«åãçµããŸãã
STUDIOã§äœã£ãWebãµã€ãã»äºäŸç޹ä»
å®éã«STUDIOã§äœæãããŠãããµã€ãã3ã€ç޹ä»ããŸãã
ã³ãŒãã¬ãŒããµã€ãäºäŸïŒå¯ŸéŠ¬èŠ³å ç©ç£åäŒ
察銬芳å ç©ç£åäŒã®Webãµã€ãã§ããã€ãã³ãæ å ±ããç¥ãããCMSã§æŽæ°ããŠããããŠãŒã¶ãŒãã¬ã³ããªãŒãªäœãã«ãªã£ãŠããŸãã
ããŒããã©ãªãªäºäŸïŒROY TSUKIJI
Roy Tsukijiæ°ã®ããŒããã©ãªãªãµã€ãã§ããæ å ±ããã£ãããšãŸãšãŸã£ãŠããäžæ¹ãã¢ãã¡ãŒã·ã§ã³ãä»èŸŒãŸããŠãããã¶ã€ã³åã®é«ãWebãµã€ãã«ãªã£ãŠããŸãã
ã€ãã³ãWebãµã€ãäºäŸïŒäºæ¥åžå°åŠæ ¡150åšå¹Žèšå¿µç¹èšãµã€ã
äºæ¥åžå°åŠæ ¡150åšå¹Žèšå¿µçšã®ç¹èšãµã€ãã§ããã€ãã³ãæ å ±ãããããããçºä¿¡ããŠããããªããã€å¿ èŠãªæ å ±ããããã«ãŸãšãŸã£ãŠããŸãã
STUDIOã¯æè»œã«ç°¡åãªWebãµã€ããäœããã人ã«ãããã
STUDIOã¯å°éçãªç¥èããªããŠãWebãµã€ããäœæã§ããŸããSTUDIOã«ã¯ä»¥äžã®ãããªç¹æ§ããããŸãã
ã»ç¡æã¢ã«ãŠã³ãã«ã¯è€æ°ã®å¶éããã
ã»ã³ãŒãã£ã³ã°ã®ç¥èãããã°æçã«ç¹ãã
ã»æè»œã«ç°¡åãªWebãµã€ããäœããã人ã«ãããã
ãŸãã¯ç¡æã¢ã«ãŠã³ãã§ãç°¡åãªãµã€ããäœã£ãŠã¿ãŠäœ¿çšæã詊ããŠã¿ãŸãããã
Webãµã€ãã®ãã©ãŒã ãé«å質ã«ããã人ã«ã¯formrunããããã
formrunã¯ãåãåããçªå£ãã¢ã³ã±ãŒããã©ãŒã ãªã©ãäœæã§ããããŒã«ã§ããSTUDIOãšé£æºã§ãããããSTUDIOã§äœæããWebãµã€ãã«ãã©ãŒã ãåã蟌ããŸãã
formrunã§ã¯ããªã¢ã«ããªããŒã·ã§ã³æ©èœãäœæè£å®æ©èœãªã©ãã©ãŒã äœæã«åœ¹ç«ã€æ©èœãè±å¯ã«æèŒãããŠããããããŠãŒã¶ãŒã«èŠªåãªãã©ãŒã ãäœæã§ããŸãã
ããã«40çš®é¡ä»¥äžã®ãã³ãã¬ãŒããæã£ãŠããããã¶ã€ã³æ§ã®é«ããç¹åŸŽã§ãã
èŠãç®ãæäœæ§ãé«ãã質ã®é«ãåãåãããã©ãŒã ãèšçœ®ããããšèããŠãã人ã¯ãformrunã®å°å ¥ããã²ãæ€èšãã ããã
âŒé«å質ãªãã©ãŒã ãåãããŠäœæãããæ¹ã¯formrunïŒ