ãã®è¨äºã¯ ã¯ã©ã¦ãã¯ã¼ã¯ã¹ Advent Calendar 2022 ã®ï¼æ¥ç®ã®è¨äºã§ãã
ã¯ã©ã¦ãã½ã¼ã·ã³ã°ãµã¼ãã¹ãã¯ã©ã¦ãã¯ã¼ã¯ã¹ãï¼ä»¥ä¸ crowdworks.jpï¼ã«ã¦ã¨ã³ã¸ãã¢ããã¦ããã¾ããããã³ãã¨ã³ãã®å¯è½æ§ããã¤ããä¿¡ãç¶ãã @okuto_oyama ã§ãã
ä¸æ¨å¹´ã»å»å¹´ã¨å¼ãç¶ããä»å¹´ãã¢ããã³ãã«ã¬ã³ãã¼åæ¥ã®çãä¸ãæã¨ãã¦ãã£ã¦ããã¾ãããããããé¡ããã¾ãã
ããã³ãã¨ã³ãæ´»åã®æ¯ãè¿ãããã¦ã¿ãã
ä¸æ¨å¹´ã»å»å¹´ãããã³ãã¨ã³ãæ´»åã®æ¯ãè¿ãããã¦ã¿ã¾ããããä»å¹´ããã£ã¦ããã¾ãã
å»å¹´ã¨å¤ããã crowdworks.jp ã«ã¯ããã³ãã¨ã³ãå°å±ãã¼ã ã¨ãããã®ã¯åå¨ãã¦ããã¾ãããã§ãããä»å¹´ã¯å»å¹´ãããéè¦ãªããã³ãã¨ã³ãã«ã¾ã¤ããæ´»åããã¦ãããã¨æã£ã¦ãã¾ãã
ããã§ã¯ãã覧ãã ããã
å ¨ä½ç·æ¬ç·¨
ã¾ã㯠crowdworks.jp ã®å ¨ä½ã®ããã³ãã¨ã³ãæ´»åãç·æ¬ãã¦ããã¾ãã
Vue2 ãã Vue3 ã¸ç§»è¡å®äº
ä»å¹´ã®å¤§ããªææ㯠Vue2 ãã Vue3 ã¸ã®ç§»è¡å®äºãããã«å°½ããã¨æã£ã¦ãã¾ãã
åè¨ 250 ãã® Vue.js ãã¡ã¤ã«ï¼å½æï¼ãããã¾ããã Storybook é§åéçºã«ã¦å¾ã ã« Vue3 ã¸ç§»è¡ãã¦ããã¾ãããerb ã®ä¸ã§è¤éã«å®è£ ããã¦ããããå é¨ã§ jQuery ã使ç¨ãã¦ããç®æããã£ãããããªã©ã容æãªãã®ã°ããã§ã¯ãªãã£ãã§ãããã¼ã å ã§åæ ã»ååãã¦ãã¹ã¦ç§»è¡ãããã¾ããã
Vue3 ã¸ã®ç§»è¡ã«ãã Composition API ã使ç¨ããããããå®å®ããåéçºãã§ããããã«ãªãã¾ãããç¾å¨ã§ã¯æ°ãã Vue ã³ã³ãã¼ãã³ããä½æããã¨ã㯠<script setup>
ã§æ¸ããdefineProps ã defineEmits ã¨ãã£ã API ãæ´»ç¨ãã¦éçºãã¦ããã¾ãã
詳細ã¯ä»¥ä¸ã¨ã³ã¸ãã¢ããã°ãã覧ãã ããã
Visual Regression Testing ã®å°å ¥
Vue3 移è¡ã®éã«ã¯ Storybook ã«ã¦ã¹ãããã·ã§ãããã¹ããã㦠DOM ã®å¤æ´ãæ¤ç¥ãã¦ãã¾ããããããè¦ãç®ï¼CSSï¼ã®å¤æ´ã«ã¤ãã¦ã®ãã¸ã¥ã¢ã«ãã¹ãã¯æ ä¿ããã¦ããªãã£ããããVisual Regression Testingï¼ä»¥ä¸ VRTï¼å°å ¥ãããã¨ã«ãªãã¾ããã
å種 VRT ãã¼ã«ã調æ»ãã¦ãStorycap + reg-suit ã®æ§æãæ¡ç¨ãããã¨ã«ãã¾ãããéç¨ãã¯ããã®é ã¯ä¸å®å®ãªé¨åãããã¾ããããé½åº¦ç´°ããªèª¿æ´ããã¦æ¤ç¥ãå®å®ããã¦ããã¾ããã
æ°è¦ã§ Vue ã³ã³ãã¼ãã³ããä½ã以å¤ã«ãå é¨ã®ãªãã¡ã¯ã¿ãªã³ã°ã CSS ã®ä¿®æ£ã«ã¦ã©ããå¤ãã£ããã»å¤ãã£ã¦ããªãããç解ãããããªããä»ã VRT ã¯ããã³ãã¨ã³ãéçºã§ã¯ãªãã¦ã¯ãªããªãåå¨ã«ãªã£ã¦ããã¾ãã
詳細ã¯ä»¥ä¸ã¨ã³ã¸ãã¢ããã°ãã覧ãã ããã
åãã§ãã«ã¼ãå°å ¥
Vue3 åã«ãã£ã¦å®å®ããåéçºãã§ããããã«ãªã£ãã®ã§ãããèå¿ã® Vue.js ã®åãã§ãã¯èªä½ã¯ããã¦ããã¾ããã§ãããããã§ã¯æå ã§åã¨ã©ã¼ãç¡è¦ãã¦ãã¾ãå¯è½æ§ãåºã¦ãã¾ãã¾ãããã㧠Vue.js ã®åãã§ãã«ã¼ãã¼ã«ã§ãã vue-tsc ã CI ä¸ã§å°å ¥ããããã«ãã¾ããã
vue-tsc ãå°å
¥ãããã¨ã«ãã <script lang="ts">
å
ã®åãã§ãã¯ã¯ãã¡ããã®ãã¨ã<template>
å
ã® HTML ã¿ã°ã®å±æ§å¤ãå³å¯ã«ãã§ãã¯ãã¦ãããããã«ãªããã¼ã¯ã¢ããã®æ£ãããä¿è¨¼ãããããã«ãªãã¾ããã以ä¸ã¯ç§»è¡æã«ä¿®æ£ããä¸ä¾ã§ãã
- <form action="/login" accept-charset="UTF-8" method="post" novalidate="novalidate"> + <form action="/login" accept-charset="UTF-8" method="post" novalidate="true">
æåã¯ä¸é¨ã®ã³ã³ãã¼ãã³ãã®åãã§ãã¯ããã¯ããã¦ãexcludes ãªã©ã§ç¯å²ãçµãã¤ã¤ãå¾ã ã« TypeScript ãã¡ã¤ã«ãå«ãã対象ç¯å²ãåºãã¦ããã¾ããã
CoffeeScript ã JavaScript ã«æ©æ¢°çã«å¤æ´
crowdworks.jp ã«ãããããã³ãã¨ã³ãã®æè¡çè² åµã¨ãã¦ãåé«ãã£ã CoffeeScriptããã¡ãã decaffeinate ã«ã¦æåã§ï¼ã¤ãã¤ç½®æãã¦ãã¾ããããç· 411 ãã¡ã¤ã«ãããé常ã«æéãããã£ã¦ãã¾ãããããã Sprockets ã®å¤æã³ã¼ããåç¨ãã¦ãã»ã¨ãã©ãæ©æ¢°çã«ç½®ãæããã¨ãã対å¿ããã¾ããã
å¤æãããã¡ã¤ã«ã¯ä¾ç¶ã¨ã㦠app/asstes
é
ä¸ã«ããããããã webpack å´ã«ç§»è¡ããã TypeScript åãããªã©ã®å¯¾å¿ã¯ã¾ã æ®ã£ã¦ãã¾ããã大éã«ãã£ãã¬ã¬ã·ã¼ã³ã¼ããä¸æ¬ã§å¤æ´ã§ãããã¨ã«ãããã³ã¼ããªã¼ãã£ã³ã°ãããããªãã¾ããã
詳細ã¯ä»¥ä¸ã¨ã³ã¸ãã¢ããã°ãã覧ãã ããã
Webpacker ãã Simpacker + webpack æ§æã¸
é·ãã crowdworks.jp ã®ã¢ãã³ããã³ãã¨ã³ãéçºã«å°½åãã¦ããã¦ãã Webpacker ã§ãããä»å¹´ã® 1 æã«ã¡ã³ããã³ã¹çµäºãããã¨ãçºè¡¨ãããEOL 対å¿ãã©ãããããã¨ãªã£ã¦ãã¾ããã
å¾ç¶ã® Shakapacker ã»ã Rails å ¬å¼ã®ããã³ãã¨ã³ãã©ã¤ãã©ãªã使ç¨ããé¸æè¢ãããã¾ãããããã³ãã¨ã³ãã®ãªã½ã¼ã¹ã¨ Rails ã¨ã®å¯çµåã¯æã¡åãããã¨æã£ã¦ããã®ã¨ãå社ã§ã® Webpacker ãå»æ¢ããäºä¾ãããã¤ãè¦åããããã®ã§ãè± Webpacker ä½æ¥ã«åãçµã¿ã¾ããã
ã¾ã㯠Vue3 移è¡ãçµãã£ã 4 æããå社ã®äºä¾ãéããããWebpacker å é¨ã® webpack.config.js ã«ã¤ãã¦èª¿æ»ãã¦ããã¾ããããã®å¾ã¯èª¿æ»çµæããã¨ã« crowdworks.jp ã® Webpacker ã§ãã³ãã«ãããã½ã¼ã¹ã webpack åä½ã§ãã«ãã§ããããæ¤è¨¼ãæå¾ã¯ãã¼ã«ã«éçºãã§ããããã«è¨å®ããã CI ãåé¡ãªãéãããæ¤è¨¼ããªãããªãªã¼ã¹ã¾ã§ãã©ãçãã¾ããã
éä¸å¥ã®å¯¾å¿ããã£ãã®ã§ç¶ç¶ãã¦ãã£ã¦ããã®ã§ã¯ãªãã§ãããå年以ä¸ããã£ã調æ»ã¨ç§»è¡å¯¾å¿ã§ããããã¡ãã«é¢ãã¦ã®è©³ç´°ã¯å¾æ¥ã¨ã³ã¸ãã¢ããã°ã«ã¦å ¬éããäºå®ã§ããã楽ãã¿ã«ï¼
2022/12/13 追è¨
è¨äºãå ¬éããã¾ããã engineer.crowdworks.jp
erb ã® Vue.js åæ´»å
@okuto_oyama ã¯æ¨å¹´ã® 10 æããæè¡çè² åµã®è§£æ¶ããªã¼ããã¦ãããã¼ã ãã¸ã£ã³ããã«æå±ãã¦ãã¾ããæ´»åã®ä¸ç°ã¨ãã¦ããã³ãã¨ã³ãã¨ããã¯ã¨ã³ãã®å¯çµåããªããã¦ãããã¨ã«ãåãçµãã§ãã£ã¦ãã¾ãã
ããã³ãã¨ã³ãã¨ããã¯ã¨ã³ãã®åé¢ã«ããã¦åªå ããããã¨ã¨ãã¦ãerb ã§è¨è¿°ããã表示ã«ã¾ã¤ããé¨åã Vue.js åãã¦ãããå¿ è¦ã«å¿ãã¦ããã¯ã¨ã³ãã API åãã対å¿ããã¦ãã¾ãããæåã«ãã£ããã¨ã¯ shared partials ã«ã¦å¤ãã®ç»é¢ã§ä½¿ç¨ããã¦ãããã®ã Vue.js åããããã使ç¨ãã¦ãããã¼ã¸ã® erb ã Vue.js åãã¦ããã¾ããã
Vue.js åã«ããã¦ã¯ãã¼ã ã®ããã³ãã¨ã³ãã®ã¬ãã«æããã©ãã©ã ã£ãã®ã§ãã¢ãããã°ã©ãã³ã°ä¼ãå®æ½ãã¦ä¸æç¹ãªã©ãè£ããªãã対å¿ãã¦ãããã¨ãã§ãã¾ããã
ç¾å¨ã¯ Rails ã® Controller ã«ããã¦ã¢ã¯ã»ã¹ãå¤ããã¼ã¸ãåèã«ãã©ã®ç»é¢ã Vue.js åãããã¨ããè¨ç»ãç«ã¦ã¦ãã¾ãã
ããã³ãã¨ã³ãéçºã«ãããããã¥ã¡ã³ããéææ´åãã¦ãããä»ãã¼ã ã§ã Vue.js åãåæã«ããéçºãããããããªåå£ãä½ã£ã¦ãã£ã¦ããã¾ãã
crowdworks.jp ã«ãããæ½çã»æ©è½éçºãããéã«ä»ãã¼ã ã«ã¦ Vue.js åã§ããç®æã¯æ°è¦ä½æããã erb ããç½®ãæã対å¿ããã¦ããã ãã¦ãã¾ããé常ã«å¿å¼·ãã§ãï¼
2022/12/26 追è¨
ã¦ã¼ã¶ã¼åãæ©è½éçºãã¼ã ã®åãçµã¿ã«ã¤ãã¦ã®è¨äºãå ¬éããã¾ããã
ã³ã³ãã¼ãã³ãã¸ã®ãã¶ã¤ã³ãã¼ã¯ã³ã®åæ
æ¨å¹´ã®åãçµã¿ã§ãç´¹ä»ãã¾ãããããã¶ã¤ã³ã«ãããè² åµè§£æ¶ã«åãçµããã¶ã¤ã³åºç¤ãã¼ã ã¯ç¾å¨ãã¶ã¤ã³ã·ã¹ãã ãnormanãã®éçºãé²ãã¦ãã¾ããä»å¹´ã¯ norman ã«ããããã¶ã¤ã³ãã¼ã¯ã³ãå®ç¾©ãã¦ãããã¨ã«æ³¨åããã«ã©ã¼ããã©ã³ããä½ç½ãã·ã£ãã¦ã¨ãã£ããã®ã決ãã¦ããã¾ããã
ãã¼ã¹ãã¼ã¯ã³ã¨ã»ãã³ãã£ã¯ã¹ãã¼ã¯ã³ã§ã®ããããå®ç¾©ãããã®ãæ¢åã® norman ã³ã³ãã¼ãã³ãã«å¤æ´ãã¦ãã£ã¦ããã¾ãããã¶ã¤ã³ãã¼ã¯ã³ã«é¢ãã¦ã®èª¬æã«ã¤ãã¦ã¯éå»ã®åãçµã¿ãã覧ãã ããã
ãã®ä» Figma Tokens ã®å°å ¥æ¤è¨¼ãæ°ãã«å®ç¾©ããã°ãªããã¬ã¤ã¢ã¦ãã®é©å¿ãªã©ãé²ãã¦ããäºå®ã§ãã
Vue Fes Japan Online 2022 ç»å£
ä»å¹´ 4 å¹´ã¶ãã«å¾©æ´»ã¨ãªã£ãæ¥æ¬æ大㮠Vue.js ã«ã³ãã¡ã¬ã³ã¹ãVue Fes Japanããä»åã¯å ¨ç·¨ãªã³ã©ã¤ã³ã§ã®éå¬ã¨ãªãã¾ããã
æ¨å¹´ãã Vite ã Vue3 ãå ¬éãããä»å¹´ 11 æã«ã¯ Nuxt3 ããªãªã¼ã¹ããããªã©ãVue.js ãåãå·»ãéçºç°å¢ãå¤åãã¦ãã¾ãããVue.js ã¯ãªã¨ã¤ã¿ã¼ã§ããã Evan You ãã«ã³ãã¡ã¬ã³ã¹ã«ç»å£ãããã¾ã¾ã§ã®æ´å²ãæ¯ãè¿ãã¤ã¤ããããã®å±æã«ã¤ãã¦ãèªã£ã¦ããã¾ããããã®ä»å社ã§ã® Vue3 ã¸ã®ç§»è¡ãæ°ããªã OSS ã¨ã³ã·ã¹ãã ã«é¢é£ããçºè¡¨ããããªã©ãã¨ã¦ãå®ããããã«ã³ãã¡ã¬ã³ã¹ã¨ãªãã¾ããã
ã«ã³ãã¡ã¬ã³ã¹ã®åå ã¬ãã¼ãã¯ä»¥ä¸ã¨ã³ã¸ãã¢ããã°ãã覧ãã ããã
å¼ç¤¾ãã㯠@t0yohei 㨠@yamanoku ããããã® CFP ãæ¡æããç»å£ã§ãã¾ãããä¸è¿°ãã Vue.js åã«ãããããã³ãã¨ã³ãã®è² åµè§£æ¶ã¨ Vue.js ã³ã³ãã¼ãã³ããã¢ã¯ã»ã·ãã«ã«ããæ¹æ³ã«ã¤ãã¦ãçºè¡¨ãã¾ããã
ã¾ã @yamanoku ã¯ããªãã»ã© Vue ã³ã³ãã¼ãã³ããã«ã¦å社㮠Vue.js ã«ããã³ã³ãã¼ãã³ãéçºããã¶ã¤ã³ã·ã¹ãã ãã¢ã¯ã»ã·ããªãã£ã¸ã®å¯¾å¿ã«ã¤ãã¦ã®åº§è«ä¼ã«åå ãã¦ãã¾ããã
çºè¡¨è³æã»åç»ã¯ä»¥ä¸ãªã³ã¯ããã覧ãã ããã
è² åµãæºã¾ã£ãã¬ã¬ã·ã¼ããã³ãã¨ã³ãç»é¢ã Vue.js ã§ãªãã¬ã¤ã¹ãã話
Vue.js ã§ã¢ã¯ã»ã·ãã«ãªã³ã³ãã¼ãã³ããã¤ããããã«
ãªãã»ã© Vue ã³ã³ãã¼ãã³ã
ãã®ä»ããã³ãã¨ã³ãæ¹åããã¯ã¢ãã
- ããã³ãã¨ã³ãã«é¢ãã CI ã GitHub Actions ã¸ç§»è¡
- markuplint ã«ã¼ã«ã®æ¡å
- permitted-contents ã«ã¼ã«ã®å°å ¥
target="_blank"
æã®rel="noopener"
ãä»ä¸ããã«ã¼ã«- wai-aria ã«ã¼ã«ã®å°å ¥
<button>
ã®type
æå®ãå¿ é åããã«ã¼ã«
- Vue ã³ã³ãã¼ãã³ãã®ã¹ãããã·ã§ãããã¹ãã« markuplint ãå®æ½
- node_modules ã¢ãããã¼ãã»ä¸è¦ã¢ã¸ã¥ã¼ã«åªå®
- moment.js ãã date-fns ã¸ç½®ãæã
- Jest ãææ°ãã¼ã¸ã§ã³ã«è¿½å¾
- ã¬ã¬ã·ã¼ãªã¬ã¤ã¢ã¦ã CSS ããã¯ãããã
display: inline-block
ã§æ¨ªä¸¦ã³ãã¦ããã¬ã¤ã¢ã¦ããdisplay: flex
ã«å¤æ´- å²ã¨ããç®ã«ããéè¦ãªç»é¢ã§ãã£ã¨ä½¿ç¨ããã¦ãã¾ãã
å人活åç·¨
ä¸æ¨å¹´ãæ¨å¹´ã¨å¼ãç¶ãã®èªåèªãã§ããã@okuto_oyama ï¼@yamanokuï¼ã® 2021 å¹´ããã³ãã¨ã³ãæ´»åã«ã¤ãã¦ãç´¹ä»ããã¦ãã ããã
HTML 解ä½æ°æ¸ã¬ãã¥ã¼ã»åº§è«ä¼åå
ä»å¹´çºå£²ããã HTML 解ä½æ°æ¸ã§ãããèè ã§ãã太ç°ããããã声ãããããã ãæ¬æ¸ã®ã¬ãã¥ã¢ã¼ã¨ãã¦åå ããã¦ããã£ã¦ãã¾ãããããã«åè¶ãªããåºçè¨å¿µã¤ãã³ãã§ã®åº§è«ä¼ã«ãåå ããã¦ããã ãã¾ãããçµäºå¾ã® Twitter Spaces ã§ã®éè«ä¼ãå«ãã¦ã¨ã¦ã楽ããã£ãã¤ãã³ãã«ãªãã¾ããã
HTML 解ä½æ°æ¸ãçºå£²ããã¦ããã£ããã¨ã®ï¼ã¤ã«ç¤¾å ã§ã® HTML ã«ã¾ã¤ããã¬ãã¥ã¼ã«ã¤ãã¦èªä¿¡ããã¦ãããã«ãªã£ããã¨ã§ãã
ããã¾ã§ã¯ HTML ã®ä½¿ãæ¹ã«ã¤ãã¦ç¾è¡ã®ä»æ§ãåç §ãããããªãã£ãã®ã§ããããã®æ©ããã¨ã㦠HTML ã¿ã°ã®å ·ä½çãªç¨æ³ãç¥ããã¨ãã§ããã¢ã¯ã»ã·ããªãã£ä¸ã®æ³¨æç¹ã確èªã§ããã®ã§ã¨ã¦ããããããã§ãã
æ¸è©ã«ã¤ãã¦ã以ä¸ã¨ã³ã¸ãã¢ããã°ã«ã¦å ¬éãã¦ããã¾ãããªããã¼çã®é»åæ¸ç±ã販売éå§ããã¦ããã¾ãã®ã§æ°ã«ãªã£ãæ¹ã¯æ¯éè³¼å ¥ãã¦ã¿ã¦ãã ããã
OSS ã¸ã®ã³ã³ããªãã¥ã¼ã
ä»å¹´ã¯å»å¹´ã®æ´»åã¨æ¯è¼ãã¦ããã¾ã§æ´»åã§ãã¦ãã¾ããã§ããããããã³ãã¨ã³ãã«ã¾ã¤ãã OSS ã®ç¿»è¨³ãããã¥ã¡ã³ãã®ä¿®æ£ãªã©ãè¡ã£ã¦ããã¾ããã
å人çã«å¬ããã£ããã¨ã®ï¼ã¤ã«ãæ¨å¹´ããã¥ã¡ã³ãå¤æ´ã®ææ¡ããã¦ãããã®ã«å©ãèãåºãã¦ãããæ¹ããããæçµçã«å¤æ´ã¾ã§ç¹ãã£ããã¨ãããã¾ãããããã¦è¦ãç¥ããã®æ¹ã«å©ãã¦ããããã®ã OSS ãªãã§ã¯ã ãªã¨æããåºæ¥äºã§ããã
社å ã»ç¤¾å¤ã§ã® LT çºè¡¨
ä»å¹´ã¯ç¤¾å ã¨ç¤¾å¤ãããã㧠LT çºè¡¨ããã¦ãããã¾ããã
PWA Night ã§ã®ã¢ã¯ã»ã·ããªãã£ããã¼ãã¨ããåå¼·ä¼ã§ã¯ãPWA ãã¢ã¯ã»ã·ãã«ã«ããæ¹æ³ã¨ Vue.js ã¨ã¢ã¯ã»ã·ããªãã£ã«é¢ããå 容ãçºè¡¨ãã¾ããã
社å ã®ã¨ã³ã¸ã㢠LT ä¼ã§ã¯ä¸è¿°ãã HTML 解ä½æ°æ¸ã®æ¸è©è¨äºã§ã¯èªããããªãã£ããã¨ãçºè¡¨ãã¾ããã
Saitama.js ã«ã¦ Stroybook ãæ´»ç¨ããããã³ãã¨ã³ãã®è² åµè§£æ¶ã«é¢ããåãçµã¿ã®çºè¡¨ããã¦ãã¾ããã
WEB+DB PRESS é£è¼è¨äºã®æ»èªåå
åãã³ã³ãã¼ãã³ãæ§é ã§ãa11y tree ã«æç½ãªå·®ãåºããµã³ãã«ãç¨æãã¾ãããä»åã¯Webã¢ã¯ã»ã·ããªãã£åéã«æ³¨åããã¦ãã @yamanoku ããã«ããååé ãã¦ãã¾ãmm æ¯éèªãã§ã¿ã¦ãã ãã https://t.co/2PV7fYhFiu
— Takepepeâï¸æ¯è»æ¬ð (@takepepe) 2022å¹´10æ21æ¥
åäºããï¼@takepepeï¼ã WEB+DB PRESS ã«ã¦é£è¼ãã¦ãããããã³ãã¨ã³ã ã³ã³ãã¼ãã³ãé§åéçºãã®ã¢ã¯ã»ã·ããªãã£æ¹åè¨äºã«æ»èªååãããã¾ãããç¥äººãå¯ç¨¿ãã¦ãã WEB+DB PRESS ã§ãããçå稿ãè¦ãããã®ã¯è²´éãªä½é¨ã§ãããããã³ãã¨ã³ãéçºã§ã®æèãå¿ããã¡ãªé¨åã§ãããã®ã§æ¯éèªãã§ãããããã§ãã
ãããã«
æ¹ãã¦æ¯ãè¿ã£ã¦ã¿ãã¨ä»å¹´ãè²ã ã¨ãã£ã¦ãããªâ¦ã¨ãªãã¾ãããæ¨å¹´ããã crowdworks.jp çµç¹ãã¨ã¨ãã¦ã®ããã³ãã¨ã³ãæ´»åãã§ããããã«æãã¾ãã
ãã¡ããããã³ãã¨ã³ãã«é¢ãã課é¡ã¯ã¾ã ã¾ã æ®ã£ã¦ããããããã対å¿ãã¦ãããããã¨ãå«ãã¦ãã£ããã¨æ¸ãåºãã¦ã¿ã¾ããã
- ããã³ãã¨ã³ãã»ããã¯ã¨ã³ãã®å¯çµååé¢
- SSG, SSR ã®æ©æ§ãæ¤è¨ãã¦ãã
- SEO ã®ããã«éç㪠HTML ãè¿ããããã«ãã
- Nuxt.js ï¼ Astro ï¼
- BFF 層ã®éçº
- webpack ãã¥ã¼ãã³ã°
- v4 â v5 ã¸ã®ã¢ãããã¼ã
- ä¸è¦ã¢ã¸ã¥ã¼ã«åªå®
- ä»ãã³ãã«ãã¼ã«ã®æ¤è¨ï¼Vite, Rollup çï¼
- ããã³ãã¨ã³ããã¹ãã®å
å®
- Storybook ãã¼ã¸ã§ã³ã¢ãã対å¿ã Play function ã使ç¨ããã
- ããã³ãã¨ã³ãéçºã«ãããåèã¨ãªã Vue.js ã®å®è£ ãã¿ã¼ã³ãã¤ãã
- ããã³ãã¨ã³ãã«é¢ãããã£ã¬ã¯ããªã Rails ä¾åã®æ§æããå¤æ´ãã¦ããåãçµã¿
- ãã¶ã¤ã³ã·ã¹ãã ã®å®è£ ã«ã¾ã¤ããåå è ãå¢ãã
è²ã ã¨ããã¾ããã
crowdworks.jp ã§ã¯ãããªããã³ãã¨ã³ãã®èª²é¡ã«åãåã£ã¦ããããæ¹ãåéãã¦ãã¾ããæããã¯ï¼ã¨æã£ãããã®ããªããç§ãã¡ã¯å¾ ã£ã¦ãã¾ãã
ããã¾ã§ã覧ããã ããããã¨ããããã¾ããã
ææ¥ã®è¨äºã¯ SRE ãã¼ã ã®é«æ©ããã«ããã2022 å¹´ crowdworks.jp ã® SRE ãã¼ã ã§ãã£ããã¨ãã«ãªãã¾ãã
æ¬æ¥ãã 25 æ¥ã¾ã§æ§ã ãªå 容ããå±ããã¦ããã¾ãã®ã§ãã楽ãã¿ã«ï¼