보통 프런트 엔드 엔지니어가 아무 생각 없이 Elm 웹 애플리케이션 개발을 시작하는 방법에 대해 씁니다. 요점은 이것을 쓰는 나 자신, Elm에 대해 거의 아무것도 이해하지 못한다는 것입니다.

대상 독자

elm이라는 이름은 들었지만 아무것도 시작하지 않은 사람

명령줄 도구 설치

create-elm-app라는 명령줄 도구가 있으므로 이를 설치합니다.

npm install -g create-elm-app

앱의 병아리 생성

create-elm-app 명령을 사용하여 my-app라는 이름으로 앱의 병아리를 생성합니다.

elm-app create my-app

서버 시작

elm-app start

브라우저 보기

elm 앱이 움직이고 있습니다! 했어!

소스 보기

src/Main.elm 를 보면 소스가 있습니다.

소스 수정하기

조금 전의 elm-app start 한 상태에서 이것을 다시 써 보면 그것이 반영됩니다. 이른바 Hot Module Replacement라는 기능이군요. 히나가타에 처음부터이 설정 들어있는 것이 기쁘네요.

다음 단계

아무것도 생각하지 않고 시작하기 위해서는 더 이상 쓰는 일은 없다고 생각합니다만, 당연히 이것만으로는 개발이 되지 않기 때문에 다음의 스텝에 대해서도 자신의 체험을 기초로 조금씩 다른 기사로 해 써 갔다 하고 싶습니다. 솔직히 자신은 처음으로 Elm 앱의 소스를 보고 모르는 것만으로 먹고 어려웠기 때문에 순서가 중요하다고 생각합니다.

주변 도구에 대해 알아보기

Elm 아키텍처에 대해 자세히 배웁니다

Elm 언어에 대해 알아보기

HTML의 기법에 대해 아는

문서를 읽는 방법 알아보기

언어 사양에 대해 천천히 배우기

HTML의 기법에 대한 의문(어째서 [] 로 둘러싸고 있는 것, 같은 의문)라든지 문서의 함수 시그니쳐 어떻게 읽으면 좋을 것, 같은 곳을 발판으로 하여 Elm 언어에 입문하는 것 같은 형태가 좋을 것 같다

요약

뭔가 이것만으로 기사 공개하는 것도 있을까라고 생각하지만, elm계 쿠마의 사람 모두 머리 좋을 것 같기 때문에 반대로 이 정도 머리의 나쁜 기사도 있어 좋은 것은

나 자신은 elm에서 취미 앱을 만드는 곳이기 때문에 아직 앞으로의 느낌입니다

뭔가 나중에 쓸지도 모른다