만든 것

평소보다 편집기이라는 의료용 문장 템플릿을 누구나 만들 수 있는 사이트를 공개했습니다.

왜 만들었는가

의료용 차트 등은, 실은 거의 메모장 레벨의 기능이며,
입력 지원에 관해서도 카르테벤더씨가 나카나카 의료 리스크를 취할 수 없기 때문인지, 템플리 문장의 입력 지원 기능도 나카나카 넣어 주지 않습니다.

의사라든가는, word등으로, 잘 치는 문장을 스톡하거나 합니다만, 시바시바 공란 보충을 잊어 이상한 기술이 되고 있거나, 병원을 전근에 나루토 그러한 템플릿을 사용할 수 없고 불편하고 했다.
따라서 웹에서 이러한 템플릿을 관리할 수 있다면. 라고 생각해서 만들었습니다.

구현

・Vue.js로 입력된 문장을 computed로 변환하고 있습니다.
・STEP2, STEP3는 「모든 공란의 패턴」의 물건을 미리 준비해, 입력으로부터 얻어진 「{}」의 수를 세어 V-show로 표시하고 있습니다.
· Firebase에 호스팅하고 있습니다. (데이터베이스는 사용하고 있지 않습니다.)

미래

현재는 서버에 호스팅하고 있지만,
① 사용자 인증(Firebase Auth)
② 템플릿 저장 기능(Firebase Store)
③ 니코니코 동영상과 같이 태그나 랭킹에 유용한 템플릿을 참조할 수 있는 기능(현재 구현 방법은 불명)
④ 인터넷에 연결하지 않는 전자 의료 기록이나 보안 문제도 신경쓰는 병원도 많기 때문에 파일을 다운로드하면 오프라인에서도 템플릿을 사용할 수 있도록 한다(cdn 형식이 아닌 html의 vue.js. 그 때문에 데이터베이스를 통한 처리 하지 않는 현재의 방식이 매치하고 있다.)
⑤ 선택식이나 라디오 버튼식도 대응할 수 있도록 한다.

힘든 일

① 당초 상정했던 것보다 훨씬 많은 미학습 기술이 필요했다
구체적인 신규로 기억한 기술로서는
○○Vue.js의 컴퍼넌트
○○ Vue.js의 computed
　○　CSS의 flexbox
○○ 정규 표현(「"」같은 것을 DOM중에서 사용하는 경우의 이스케이프 방법)

② 당초 상정했던 논리에서는 실장 불가능 만났다
○○ Vue.js의 컴퍼넌트간의 교환(아이⇨자식)은, Vuex등 꽤 어렵다
　○　method는 data의 교환이 복잡해지면 힘들다

③ 실장 불가능에 대해 사양 변경을 강요당했다
○○ 컴퍼넌트간의 교환은 어렵기 때문에, 「모든 공란 작성 조건(공란 0개로부터 20개까지)」을 html에 기입해, v-show로 조건에 있던 것만을 표시하는 역기로 해결했다
○○ 컴포넌트의 기술이 어렵고 개인 개발에서는 속공성이 상실되기 때문에, 컴퍼넌트를 그만두고, 모두를 computed로 작성
○○method는 data의 교환이 꽤 복잡해지기 때문에, computed로 무리 교환한다.

특히, ③의 실장 불가능으로부터 사양 변경은 정말로 스트레스였습니다. 쭉 사양 변경을 어떻게 할지, 어떤 기능을 잘라내는지 등을 생각하기 때문에, 꽤 스트레스 풀이었습니다.
나는 생각하기만 해도 계속 생각해 버리므로, 이러한 스트레스는 정말 개인 개발로서는 치명적이었습니다.
좀 더 간단한 단계에서 공개를 목표로 해야 했습니다.
이번은 어떻게든 공개까지 찔렀습니다만, 앞으로 이러한 무리는 절대 안 되네요.