Mar
28
TypeScriptãšReact/Next.jsã§ã€ããå®è·µWebã¢ããªã±ãŒã·ã§ã³éçº
Forkwell Library #21
Organizing : Forkwell
Registration info |
åå æ Free
Attendees
|
---|---|
åå è ãžã®æ å ± |
(åå è
ãšçºè¡šè
ã®ã¿ã«å
¬éãããŸã)
|
Description
ð é嬿ŠèŠ
ãã€ãã®äžæ©ãèŠã€ãããæ°ã¥ããšåŠã³ã®å Žã Forkwell Library ã·ãªãŒãº 第19匟
ãããŸã§ Forkwell ã®ã€ãã³ãã§ç»å£ããããšãã¹ããŒãã®æ¹ã ã¯ãå éãèšããæžç±ãããæ°ã¥ãããåŸãŠå®è·µããæ¯ãè¿ããåçŸæ§ã®ãããåŠã³ããšããŠèº«ã«ä»ããŠããäžã§ãå®çžŸãç¯ããŠããããŸããã
ããããæ¥ã éãããæéã®äžã§ç¥èãæ å ±ãã¢ããããŒããç¶ããã®ã¯ããç°¡åã§ã¯ãããŸããã Forkwell Library ã§ã¯ãèè ã»èš³è ã»å®è·µè ããç»å£è ãšããŠæãããããªæããæ±ããéçºè ã®çããŸããåŠã³ã®ãã£ããããåŸãããå匷äŒãç®æããŸãã
ä»åã®ç¬¬21åç®ã§ã¯é«éãã«è£ä»ããããé«ãUXãšãéçºãããããäž¡ç«ããŠããWebã¢ããªã±ãŒã·ã§ã³ãã¬ãŒã ã¯ãŒã¯ã§ããNext.jsãåãäžããããTypeScriptãšReact/Next.jsã§ã€ããå®è·µWebã¢ããªã±ãŒã·ã§ã³éçºãã顿ã«ããŸãã
åºèª¿è¬æŒã§ã¯ãèè ã§ãããæå³¶æ°ãšåç°æ°ã«æ¬æžã解説ããŠããã ããReactãšã³ã³ããŒãã³ãåšãã§ãããããŒã§ã®éçºãéããŠåŸãç¥èŠããæ ªåŒäŒç€ŸãããããŒã®äœè€æ°ã«äºäŸè¬æŒãšããŠã話ãããã ããŸãã
ð æžç±ãã¬ãŒã³ããã£ã³ããŒã³
Forkwellã«äŒå¡ç»é²ããã ããã¢ã³ã±ãŒãã«åçããã ããæ¹ã«äžéšæœéžã§ããŒãæžç±ã§ãããTypeScriptãšReact/Next.jsã§ã€ããå®è·µWebã¢ããªã±ãŒã·ã§ã³éçºãããã¬ãŒã³ãããŸãã
ããã£ã³ããŒã³å¿åã®æ¡ä»¶ã
Forkwellã«äŒå¡ç»é²ãè¡ããæ¡ä»¶ãæºãããæ¹ã«äžéšãæœéžã«ãŠæžç±ãã¬ãŒã³ããè¡ããŸãã
- æ°èŠã«Forkwellã«äŒå¡ç»é²ãè¡ãªã£ãæ¹ â ãããªãæžç±ãã¬ãŒã³ã
- 以åããForkwelläŒå¡ã ã£ãæ¹ â äŒå¡å¿åã®äžããæœéžã§10åããŸã«æžç±ãã¬ãŒã³ãïŒ
ããã£ã³ããŒã³å¿åã®æ¡ä»¶ïŒæ°èŠã«Forkwell ã«äŒå¡ç»é²ãè¡ãªã£ã人ã
1. Forkwellã«äŒå¡ç»é²ãè¡ã
2. èªå·±ç޹ä»ãšææ°ïŒçŸè·ïŒã®è·åå
容ããããã100æå以äžèšå
¥ãã
3. ã¹ã«ãŠãåãåãèšå®ããªã³ã«ãã
4. åœæ¥ã®YouTubeæŠèŠæ¬ã«èšèŒã®ã¢ã³ã±ãŒããã©ãŒã ã§å¿åè³æ Œãæºãããã¢ã«ãŠã³ãïŒãŠãŒã¶ãŒåïŒã®æåº
ããã£ã³ããŒã³å¿åã®æ¡ä»¶ïŒä»¥åããForkwelläŒå¡ã ã£ãæ¹ã
1. ã¹ã«ãŠãåãåãèšå®ããªã³ã«ãã
2. èªå·±ç޹ä»ãšææ°ïŒçŸè·ïŒã®è·åå
容ããããã100æå以äžèšå
¥ãããããšã¯å¥ã«èªå·±ç޹ä»ã®æ¬ã«ãé«éã§éçºããããã«å®è·µããŠããããšã»å¿æããŠããããšãã«ã€ããŠæžãã
3. åœæ¥ã®YouTubeæŠèŠæ¬ã«èšèŒã®ã¢ã³ã±ãŒããã©ãŒã ã§å¿åè³æ Œãæºãããã¢ã«ãŠã³ãïŒãŠãŒã¶ãŒåïŒã®æåº
â»æ¬ãã£ã³ããŒã³ã¯ããžãã¹è·ïŒå¶æ¥ã»ããŒã±ã¿ãŒçïŒã®æ¹ã¯å¯Ÿè±¡å€ãšãããŠããã ããŸãã
â»åœéžè
ã«åŸæ¥ãæžç±çºéæç¶ããã©ãŒã ãéä»ãããŸãã®ã§å¿ããã«ãæç¶ããé¡ãããŸãã
â»ãã£ã³ããŒã³ã«é¢ããåå¥ã®ãåãåããã¯ãã¡ããããé¡ãããŸãã
ð§âð» ãããªãšã³ãžãã¢ã«ãããã
- ã¢ãã³ãªWebããã³ããšã³ãã«èå³ã®ããæ¹
- React/Next.jsãåããŠäœ¿ãæ¹ãæ¬çªã«å°å ¥ãããæ¹
- é«éã§å ç¢ãªWebéçºã«èå³ã®ããæ¹
ð€ ç»å£è æ å ±
åºèª¿è¬æŒïŒ ã¢ãã³ããã³ããšã³ãéçºè ã«æ±ããããã¹ãã«ãšã¯
ãæå³¶ æä¹ æ°ïŒ@tejitakïŒ
TypeScriptãšReact/Next.jsã§ã€ããå®è·µWebã¢ããªã±ãŒã·ã§ã³éçº èè
IBMãLINEã«ãŠäž»ã«Web補åéçºãçŽ7幎éæ
åœããã®åŸãå
±å嵿¥è
å
ŒCTOãšããŠã¿ã€ã«ãŠèµ·æ¥ãäºæ¥è²æž¡ãçµéšãçŸåšã¯ã·ã³ã¬ããŒã«ãæ ç¹ã«æ±åã¢ãžã¢çºã®ã¹ã¿ãŒãã¢ããã¹ã¿ãžãªGAOGAOãèšç«ã代衚ãåãããæ¬æžã§ã¯1-2ç« ãå·çã
çŸåšã¢ãã³ããã³ããšã³ãéçºã«å¿ èŠãªã¹ãã«ã¯åã«Reactãæžããã¹ãã«ã ãã§ã¯ãããŸãããWebã¢ããªã±ãŒã·ã§ã³éçºã®çŸå Žã§ã¯ããé«åºŠãªUX/UIã¢ããªã±ãŒã·ã§ã³ãæ±ããããèæ¯ãããããã³ããšã³ãéçºã®åœ¹å²æ¯éãäžå±€å€§ãããªã£ãŠããŠãããå¹ åºãããã°ã©ãã³ã°èœåã»ç¥èãšèšèšåã»ææ¡åãæ±ããããŸããæ¬è¬æŒã§ã¯ã¢ãã³ããã³ããšã³ããšã³ãžãã¢ãå¿ èŠãšãããåã¯ãããŸã§ãšäœãå€ãã£ãŠããŠããã®ããä»äœãæ±ããããŠããã®ããã«ã€ããŠèå¯ããŸãã
åºèª¿è¬æŒïŒ Next.js Web Application in Production
ãåç° å¥äºº æ°ïŒ@tamanyan55ïŒ
TypeScriptãšReact/Next.jsã§ã€ããå®è·µWebã¢ããªã±ãŒã·ã§ã³éçº èè
æ¥æ¬çµæžæ°è瀟ãã¿ã€ã®ç·ååç€Ÿç³»äŒæ¥ã§ã¢ããªã±ãŒã·ã§ã³éçºãçµéšãçŸåšã¯ã¢ããæ ªåŒäŒç€Ÿã§Software Development EngineerãšããŠåããDX(ããžã¿ã«ãšã¯ã¹ããªãšã³ã¹)ç³»ã®ãããã¯ãéçºãšããŒã«ãªãŒãŒã·ã§ã³ãã¯ãããžãŒã®ç ç©¶éçºã«åŸäºãæ¬æžã§ã¯5-7ç« ãå·çã
Next.jsã¯çŸåšæã泚ç®ãããŠããããã³ããšã³ããã¬ãŒã ã¯ãŒã¯ã®äžã€ã§ããæ¬è¬æŒã§ã¯ãNext.jsã®Webã¢ããªã±ãŒã·ã§ã³ãæ¬çªç°å¢ã§äœ¿ããã¬ãã«ã«æã£ãŠããäžã§èæ ®ãã¹ãç¹ãã¬ã³ããªã³ã°ææ³ã®äœ¿ãåããJavaScriptã®ãã³ãã«ãµã€ãºã®åæžããã®ã³ã°ããšã©ãŒãã³ããªã³ã°ãªã©ã®åŽé¢ããèªã£ãŠãããŸãã
äºäŸè¬æŒïŒ ãããã¯ãã®éçºçŸå Žã§çããç¥èãšæŽ»ããæ¹ãå®äŸ3éžã
ãäœè€ æäºº æ°ïŒ@takuuuuuuu777ïŒ
æ ªåŒäŒç€Ÿãããã㌠Homeäºæ¥ éçºè²¬ä»»è
æ±äº¬å€§åŠåæ¥åŸãã¯ãŒã¯ã¹ã¢ããªã±ãŒã·ã§ã³ãºãžæ°åå
¥ç€Ÿã2019幎æ¥ã«ãããããŒãžãžã§ã€ã³ãããœãããŠã§ã¢éçºã«æºããã2019幎ã¯bitkey Store(ECãµã€ã)ã瀟å
ã·ã¹ãã ã®éçºã«åŸäºãã2020幎ãããããã¯ãã®éçºããŒã ã«åå ãçŸåšã¯Homeäºæ¥ã®ãããã¯ãéçºè²¬ä»»è
ãåããã
æ¬æžã«ã¯TypeScript/React/Next.jsã§Webã¢ããªã±ãŒã·ã§ã³ãéçºããéã«æŒãããã¹ãéèŠãªç¥èãèšèŒãããŠããŸããæ¬ã»ãã·ã§ã³ã§ã¯ãããã®ç¥èãæŽ»çšããªãã£ããšãã«ãã©ã®ãããªèª²é¡ãçºçãããã®ãïŒããå®éã®ãããã¯ãéçºã®çµéšãå ã«ãäŒãããŸããæ¬æžã®åé ç®ãåŠã¶éã®ã¢ãããŒã·ã§ã³ã«ããŠããã ããã°å¹žãã§ãã
â ã¿ã€ã ã¹ã±ãžã¥ãŒã«
æé | å 容 | ç»å£è |
---|---|---|
19:30 | ãªãŒããã³ã°ïŒ5åïŒ | Forkwell éå¶ |
19:35 | åºèª¿è¬æŒïŒ20åïŒ ã¢ãã³ããã³ããšã³ãéçºè ã«æ±ããããã¹ãã«ãšã¯ |
ãTypeScriptãšReact/Next.jsã§ã€ããå®è·µWebã¢ããªã±ãŒã·ã§ã³éçºãèè
æå³¶ æå æ° |
19:55 | åºèª¿è¬æŒïŒ20åïŒ Next.js Web Application in Production |
ãTypeScriptãšReact/Next.jsã§ã€ããå®è·µWebã¢ããªã±ãŒã·ã§ã³éçºãèè
åç° å¥äºº æ° |
20:15 | äºäŸè¬æŒïŒ20åïŒ ãããã¯ãã®éçºçŸå Žã§çããç¥èãšæŽ»ããæ¹ãå®äŸ3éžã |
æ ªåŒäŒç€Ÿãããã㌠äœè€ æäºº æ° |
20:35 | æžç±ãã¬ãŒã³ãäŒç»æ¡å ïŒ5åïŒ | Forkwell éå¶ |
20:40 | èŠèŽè Q&Aããã«ããŒã¯ïŒ20åïŒ | |
21:00 | ã¯ããŒãžã³ã°ïŒ5åïŒ | Forkwell éå¶ |
21:05 | çµäº |
â» ããã°ã©ã ã¯å€æŽãšãªãå¯èœæ§ããããŸããéæãã¡ãã§æŽæ°ããããŸãã
ðº åå æ¹æ³
ä»åã®ãªã³ã©ã€ã³å匷äŒã¯ YouTube Live ã䜿çšããŠã©ã€ãé
ä¿¡ããããŸãã
åœæ¥ 19:30ã é
ä¿¡ãã¹ã¿ãŒãããŸãã®ã§ãäžèšã®ãªã³ã¯ãããã£ã³ãã«ç»é²ã®äžãã©ã€ãé
ä¿¡äºå®æ ã®ãªãã€ã³ããŒèšå®ããé¡ãããŸãã
ð¥Forkwell å ¬åŒ IT ãšã³ãžãã¢ã®ãã£ãªã¢ãšåŠã³
ãŸãã©ã€ãé
ä¿¡çµäºåŸãã¢ãŒã«ã€ãåç»ã®å
¬éãäºå®ããŠãããŸãã
åœæ¥ã®é嬿éã«ã©ã€ãåå ã§ããªãæ¹ããconnpass åå ç³èŸŒã¿ã®äžããèŠèŽãã ãããŸãã
ð€ äž»å¬ã»åå
äž»å¬ïŒForkwellïŒæ ªåŒäŒç€ŸgroovesïŒ
ãã€ããæãšãæªæ¥ãæããããšããããžã§ã³ã®å
ããèªåãç¥ããæé·ããããã£ãããæäŸããç¡æããŒããã©ãªãªãµãŒãã¹ãã¯ãããITãšã³ãžãã¢ã«ç¹åããæ±äººã»è»¢è·æ¯æŽãµãŒãã¹ã圹ç«ã€æ
å ±ãå Žã®æäŸãªã©ãéããŠãITãšã³ãžãã¢ã®ãã£ãªã¢ã«æ°ããéžæè¢ãæç€ºããããšã§ã人çã®å¯èœæ§ãæ¡ãããæäŒããããŠããŸãã
å ¬åŒãµããŒã¿ãŒïŒæ ªåŒäŒç€Ÿæè¡è©è«ç€Ÿ
ããœã³ã³ã®å ¥éæžããITæè¡è åãã®å°éæžãŸã§ãç¶²çŸ ããã³ã³ãã¥ãŒã¿æžãã¡ã€ã³ã«åè¡ããæè¡å°éåºç瀟ããã®ä»ãåµç«ä»¥æ¥54幎ã«åã¶æè¡æžäœãã®ããŠããŠã掻ãããçå·¥åŠæžãã¯ãããè³æ Œè©Šéšã®ããã®åèæžãäžè¬å®çšæžãããžãã¹æžã倧åŠåéšåèæžãªã©ãå¹ åºãåéã§ã®åºç掻åãè¡ã£ãŠããŸãã
äºäŸã¹ãã³ãµãŒïŒæ ªåŒäŒç€ŸãããããŒ
ãã¯ãããžãŒã®åã§ããããããã®ãå®å šã§äŸ¿å©ã§æ°æã¡ãããã€ãªãããã
ãConnectãããããããã¡ã®äºæ¥ããã·ã§ã³ã§ãããHomeïŒæ®ããïŒããWorkspaceïŒåãïŒããExperienceïŒå¿ãåããéæ¥åžžã®äœéšïŒãã®3ã€ã®äºæ¥é åã«ãããŠãç¬èªéçºã®ããžã¿ã«ã³ãã¯ããã©ãããã©ãŒã ãéããŠãããããããšãã³ãã¯ãããäœéšãçã¿åºãã¹ããããã¯ãã»ãµãŒãã¹éçºãäŸ¡å€æäŸãé²ããŠããŸããããžã¿ã«ãšãªã¢ã«ã®ãåæããšãã瀟äŒèª²é¡ã®è§£æ±ºãéããŠã人ã ã®äœéšããã£ãšå®å šã§ã䟿å©ã«ãæ°æã¡ãããã®ã«ã
â ïžæ³šæäºé
|