안녕하십니까? 후쿠오카 주식회사의 goto입니다.
올해 31살의 나이에 엔지니어의 세계에 발을 들여놓았다.개발 캠프 멤버 중 나이가 좀 많은 용모.
회사의 계좌번호는 모두 gotou입니다. 저는 매우 불만입니다.
알아차리면 개발 캠프도 4번째다.
이번에 우리 회사의 신입 선생님이 처음으로 참가하셨습니다!
하지만 이번에도'당일 왕복 캠프'
제1회: 파이팅!개발 캠프 @ 후쿠오카
제2회: 제2회 개발 캠프 개최: 화제의 Flutter로 SNS 앱 개발
제3회: 제3회 개발 캠프: 팀 개발 본격 시작!

참여 동기

이것은 이미 뭔가를 하고 싶은 것이다.
혼자 집에서 하는 것도 싫지는 않지만 원래 집중할 때 카페, 코워킹 등을 가고 싶지만 시끄럽지 않을 정도로 주위 사람들의 환경이 집중될 수 있는 성격도 있어서 개발 캠프를 하면 바로 날아간다.
또 업무상 하기 어려운 일을 하는 것도 매력이다.원래의 개발 경험이 매우 적기 때문에 나는'충분히 실패할 수 있는 환경'이 매우 중요하다고 생각한다.(방어선을 미리 설치하고...)
현재 팀 개발이 진행되고 있기 때문에'어떤 것을 할 수 있을까'라는 흥분도 있다.

이번 참가자가 하는 일.

팀 응용 프로그램 개발

백엔드

디렉터리 구성 확인

실제 설치 시작

프런트엔드

Vue.js로 화면 구현(...)

AWS Lambda를 사용하여 Slack bot 제작

TensorFlow를 사용하여 일반 키워드를 특정 유형의 키워드로 변환

매혹적인 환경을 구축하다

그럼 저는 팀 응용 개발의 전단 담당입니다.
예전의 작업은 프리랜서 HTML, CSS 인코더였기 때문에 할 수 있는 일을 더욱 확대하기 위해 Vue.나는 js에 도전하고 있다.
또한 같은 팀의 uehara(환경 구축, 백엔드 담당)는'시대는 TypeScript'라고 말합니다, Vue.js+TypeScript.얼마나 유행이야.
그래서 나는 중세에서 현대로 전생하는 심정으로 공부했다.한 세트의 지식을 얻었기 때문에, 남은 것은 실천밖에 없다!

계속 토하는 콘솔 오류

환경은 uehara군이 Docker로 구축한 것으로 의기양양하다docker-compose up -d면

나온 것 같은데.
그리고 증가.2초 정도.
Docker에nginx용 용기와 응용용 용기 두 용기가 설정되어 있지만, 응용용 용기에서 웹소켓 통신을 하는 JS 라이브러리(sockjs)는 어떤 설정이 부족해서 통신할 수 없는 것 같습니다.
그래서 크롬이 된 것 같다net::ERR_CONNECTION_REFUSED.
구축을 통해 페이지가 표시됩니다.열중량도 진행되며 기능적으로는 아무런 문제가 없는 것 같지만 오류 메시지가 계속 표시됩니다.
못 본 걸로 하자.이런 생각도 떠올랐지만 모처럼 찾아온 기회라 해결해 보기로 했다.나는 Docker를 거의 건드리지 않았고 업무 환경에서 파괴를 두려워했지만 이렇게 되면 프로젝트의 시작이기 때문에 그렇게 무섭지 않다.좋은 걸 배울 수 있을까 싶어 조사를 시작했어요.
나도 이게 지옥의 입구인 줄 몰랐어.

해결할 수 없다

결과적으로 해결하지 못했다.
오류 메시지 클릭
sockjs-node ERR_CONNECTION_REFUSED when accessing from network
주위를 참고해서 많이 했는데 잘 안 돼서...
우하라 군도 협조해 주십시오. nginx/default.conf 설정을 재검토해도 안 됩니다.
이날은 시간으로, 결과는'진전: 환경 건설(미해결)'이었다.
그리고 그 후 3주 동안 이 보고서를 쓰기 위해 Docker를 시작해서 검증을 했습니다. 오류를 없앨 수 없어서 주말이 끝났습니다.그래서 보고서를 쓰는 데 시간이 많이 걸렸어요.핑계지만

진일보한 늪지 - 응용 프로그램 재가입 작전 -

이것은 이미 처음으로 들어간 환경이 좋지 않은 것이다. 틀림없이 이렇고 매우 실례적인 사고일 것이다.주어진 환경을 원망하는 전형적인 문외한이다.
그러면 어플리케이션 자체를 교체하기 위해 Vue CLI로 재설치를 시도했습니다.
그럼 어때요?node-sass が無いからコンパイルできないよ욕을 먹었다.

Error: Missing binding /app/node_modules/node-sass/vendor/linux_musl-x64-72/binding.node
Node Sass could not find a binding for your current environment: Linux/musl 64-bit with Node.js 12.x

Found bindings for the following environments:
 - OS X 64-bit with Node.js 12.x

This usually happens because your environment has changed since running `npm install`.

이 해결은 의외로 간단합니다. 중요한 것은 Docker 용기의 환경 (Linux) 입니다. 로컬 (Mac) 의 node-sass를 보러 가고 싶어서 발생한 오류입니다.응, 3시간 정도 걸렸어.
참조 Docker에서 node-SASS를 사용하면 Node Sass could not find a binding for your current environment: Linux64-bit with Node를 찾을 수 없습니다.js X.X…
Docker 설정을 변경하고 구성합니다.
번역 성공!
페이지 표시!

개발자 도구 열기!

오류가 발생했습니다!

다 됐어!

우리의 모험은 지금부터!

그래서 결과는 해결되지 않은 상태다.
하지만 실제로webpack-dev-server의sockPort/sockPath의 존재도 발견했기 때문에 한번 해보고 싶어요.해결될 때까지 하면 내년 말쯤 이 보고서를 못 써서 먼저 썼어요.
그래서 프로젝트로서의 진전은 전혀 없지만 Docker가 좀 익숙해졌나 봐요.나는 1년 정도docker-compose build와docker-compose up라고 생각한다.
이후 보살핌을 받은 컨테이너 전멸, 이미지 전멸, 음량 전멸의 전멸 삼총사를 붙였다.

# コンテナ全消し
docker container rm -f $(docker container ls -aq)

# イメージ全消し
docker image rm -f $(docker image ls -aq -f "dangling=true")

# ボリューム全消し
docker volume rm $(docker volume ls -qf dangling=true)

이번 MVP.

마음대로 결정되는 이번 MVP는 슬랙봇을 만든 신인 타나카 군!

'딤섬'을 넣으면 오늘 추천한 딤섬을 돌려주는 슬랙봇을 만들었어요!
귀여워!
아저씨가 없는 생각이에요.
다음엔 이걸 발전시켜서 뭘 할 생각인 것 같은데.전도가 유망하다.