å ¬éæ¥: 2021-08-09
æŽæ°æ¥: 2021-09-01
2020幎12æ28æ¥ã«piguãšããåãæå±ããŠããçç倧åŠã®åŠçåãæ
å ±å
±æãµã€ãããªãªãŒã¹ããŸããã倧åŠã«é¢ããæ§ã
ãªæ
å ±ãåŠçå士ã§å
±æããå¹ççãªæ
å ±åéãå®çŸããããã®ãµã€ãã§ãã
履修ç»é²ã®ææã«ãªããšåã®Twitterã®ã¿ã€ã ã©ã€ã³ããææ¥ã®ç»é²ã£ãŠã©ãããã®ïŒããããããã®ææ¥æããŠãã ããïŒããšãã£ããã€ãŒãã§æº¢ããŠããã®ã§ããããWebãµã€ããšèšã圢ã§äžç®æã«ãŸãšããã°äŸ¿å©ããã ãªãšæã£ãã®ããã£ããã§ãã
2020幎10æé ããéçºãå§ããçŽ2ã¶æã§ãªãªãŒã¹ããŸããããã®åŸã2021幎5æé ãŸã§ã¯é »ç¹ã«æ©èœè¿œå ãè¡ã£ãŠããŸããããªãªãŒã¹åŸã«è¿œå ããäž»ãªæ©èœã«ã¯ç»åæçš¿æ©èœãéç¥æ©èœãæ€çŽ¢æ©èœãªã©ããããŸãããµã€ãã®UIãããªãå€åããŸããã
æåã¯ãŠãŒã¶ãŒ0人ãèŠæããŠããŸããããTwitterã§ãªãªãŒã¹ã®å ±åããããšããããããæ°ããããã䌞ã³ãŸããã2021幎8æçŸåšã§ã¯200人è¿ãã®ç»é²ãŠãŒã¶ãŒããããæçš¿æ°ã¯150ãè¶ããŸãããpiguããªãªãŒã¹ããåãŸã§ã¯WebãµãŒãã¹ã®éçºãªã©ãå®çžŸãšåŒã¹ããã®ãäœãç¡ãç¶æ
ã ã£ããããå€å°ã¯èªä¿¡ãã€ããŸããã
ãã®ãµã€ãã¯ReactãšFirebaseã䜿ã£ãŠæ§ç¯ããŸãããVanilla JSããTypeScriptãžã®ç§»è¡ãCloud Firestoreã®ããŒã¿èšèšãcanvasãCloud Functionsã䜿ã£ãåçOGPã®çæãCloud FirestoreãšAlgoliaãå©çšããå
šææ€çŽ¢æ©èœã®å®è£
ãªã©ãéçºãéããŠæ§ã
ãªç¥èŠãåŸãããŸããã
ãã®ãµã€ããäœã£ãããšããã£ããã§ãTwitterã§ã¯ãããã°ã©ãã³ã°ããŠã人ããšããŠèªç¥ãããããã«ãªããŸããã倧åŠã§ã¯å察é¢ã®äººãpiguã®ååšãç¥ã£ãŠãã or 䜿ã£ãŠãããŠãããšããããšãäœåºŠããããŸãããäžéšã§è²ã
ãšåéããããŠæ¯çãæããããŸããããå·¥åŠéšã®ç¥èœæ
å ±ã³ãŒã¹ïŒæ
å ±å·¥åŠå°æ»ïŒã®LTäŒã«ç»å£ãããŠããã ããããä»ã®åŠçããWebéçºã®äŸé Œãããã ããããšãçµæçã«ã¯è¯ãã£ããšæã£ãŠããŸãã
ãªãªãŒã¹åœæã¯ãããŸã§ãµãŒãã¹ã®éçšãç¶ãããšãæ³å®ããŠããªãã£ããããä»ãŸã§ã«äœ¿çšããçµéšã®ããVanila JSãšReactã§UIãæ§ç¯ããSassã§ã¹ã¿ã€ãªã³ã°ãè¡ããŸããããããä»ã§ã¯ãã£ããã¢ããã®ããã®åŠç¿ã§ãªãªãŒã¹ææãæ°ã¶æ䌞ã³ãŠã§ãTypeScript, CSS Modules, Tailwind CSS, Next.jsãªã©ã®æè¡ãå°å
¥ããã¹ãã ã£ããšåŸæããŠããŸããVanilla JSããTypeScriptãžã®ç§»è¡ã¯ãªããšãã§ããŸããããNext.jsãTailwind CSSãžã®ç§»è¡ã¯æéçã«å³ãããã§ããä»åŸãŸãWebãµãŒãã¹ãäœãéã¯ç¹ã«æ°ãã€ããããšããã§ãã
ãµãŒãã¹ã«é¢ããæèŠãèŠæãéãããã£ãã®ã§ããµã€ããšã¯å¥ã«è³ªåç®± (Peing) ãèšçœ®ããŸããããããã質åç®±ã«å±ãããã®ã¯æ¬æ¥ãªãpiguã«æçš¿ããŠæ¬²ããã£ã倧åŠé¢é£ã®è³ªåãã»ãšãã©ã§ããããã¡ããããã®ãããªè³ªåã«åçãããšpiguãžã®æçš¿ã¯ããã«æžã£ãŠããŸãã®ã§ãããåœæã¯ã質åãç¡èŠãããšãµãŒãã¹ã䜿ã£ãŠããããªããªããããããªãããšãäœèšãªããšãè²ã
ãšèããŠããŸããããã«å¯Ÿçãè¬ããããšãã§ããŸããã§ãããæçµçã«ã¯ãµãŒãã¹ã«é¢ãã質å以å€ã«ã¯çããªãããšã«ããŸããã
äžææã¯Twitterã§å€§åŠã«ã€ããŠã®è³ªåãããæ°å
¥çãèŠããã³ã«ããã®äººã¯ã©ããããpiguã䜿ã£ãŠããããã ããâŠããšèããŠã¯çµå±äœãçããåºãããã²ãããèœã¡èŸŒãã§ããŸãããåœç¶ãããªããšã¯æ¬äººã«çŽæ¥çç±ãèãããèªåãªãã«ä»®èª¬ãç«ãŠãŠè²ã
è©ŠããŠã¿ãªãéãäœãããããªããŸãŸã§ããããã èãç¶ãããšããã§çããåºãªãåé¡ã§ãããšããããšã«æ°ä»ãããã®è¡çºãããããŸã§ã«æéãããããŸããã
ãµãŒãã¹ã®éçšããã€ãŸã§ç¶ãããã¯ãŸã æªå®ã§ãããåœåã®éã¯ç¶ããŸããããã§åé¡ã«ãªãã®ã¯å
¬åŒTwitterã¢ã«ãŠã³ãã®éçšã§ããå
¬åŒã¢ã«ãŠã³ãã§ã®æçš¿ã®å
±æããªããšé²èŠ§æ°ããªããªã䌞ã³ãªããããpiguã«æçš¿ããã¡ãªããã匱ããªã£ãŠããŸããŸãããã®ãããTwitterã§ã®æçš¿ã®å
±æã¯äžå¯æ¬ ã§ããããããçŸåšã¯å
šãŠæåã§ãã€ãŒããããŠãæçš¿ã®URLãå
±æãããŸã§ã«ãã¿ã³ãäœåãæŒããªããšãããªããããæ£çŽããªãé¢åã§ããä»ã«ãæ§ã
ãªåé¡ã¯ãããŸããããŸãã¯ãã®åé¡ã解決ããããã®ã·ã¹ãã ãæ§ç¯ããäºå®ã§ãã
éçšã®ããšã§æ©ãã§ã€ããææããããŸãããããã以äžã«è¯ãããšããããããããŸããããµã€ãã®çºå±ã«è²¢ç®ããå¿æŽããŠãããæ¹ã ã«ã¯ãšãŠãæè¬ããŠããŸããããã糧ã«ããŠä»åŸããµãŒãã¹ã®éçºãªã©ã«å±ã¿ãããšæããŸãããã®èšäºã誰ãã®ã圹ã«ç«ãŠãã°å¹žãã§ãã