출처 : CSS Grid Layout Generator에서 레이아웃 CSS 생성

대략 3일에 눈 썼던 것의 소개입니다.

이것이 이번에 내가 만든 사람입니다.
htps // 미야모엔. 기주 b. 이오/에 lm-g d-게네라와 r/
이쪽이 카피원인 mizchi씨가 만든 녀석
htps : // 미z 치씨 d보 x. 기주 b. 이오 / g d 게네라와 r /
(외형을 갖고 있으므로 조심하십시오)

이게 뭐야

mizchi 씨가 만든 CSS Grid Generator를 Elm으로 만들었습니다.
view 라이브러리로 style-elements을 사용하고 있습니다.

mizchi 씨가 Elm으로 해보라고 말하고, 그냥 CSS Grid하고 나서 만들었습니다

외형과 기능을 거의 그대로 재현했습니다.
떨어뜨리는 기능으로서는 컨테이너의 사이즈 지정, 오토 세이브(대신 키보드 단축키로 세이브 할 수 있습니다), styled-components용의 내보내기입니다

원래와 마찬가지로 invalid한 area name 지정하면 굉장히 망가집니다
IE의 이야기는 모른다.

사용법

여기 봐

Ctrl-S에서 Save, Ctrl-L에서 Load

내용의 이야기

Elm입니다.
Elm이 뭐라고 사람은 올해의 Advent Calendar 정리 가 있으므로 봐 주세요
Discord에서 리모트도 쿠모쿠 모임도 하고 있다 그래서 조금 들여다주세요.

홍보 끝

1일 반 정도로 외형을 눈빛으로 하고, 하루 정도로가-와 처리를 써 갔던 느낌으로 만들었습니다

view 부분에는 style-elements
grid도 이것을 사용하고 있습니다만 결과적으로는 css-in-js가 되는 느낌입니다

구현 비교

여기서 코드를 비교하려고 합니다만, 여러분 redux라든지 여러가지 읽을 수 없기 때문에 비교할 수 없습니다

비교해주는 사람 모집 중입니다.