はじめに mizchiさんのCSS Grid Layout GeneratorをElmでクローンを作っている(記事)というのを見て、関数型すごいなあと思いつつ、中身のロジックは置いといて単に見た目同じようなものをVueで作るならどのくらいで出来るかなと興味が湧いたのでベンチマーク的に目コピを試してみました。 結果から言うとこんな感じになりました。 デモ: https://vue-grid-generator.netlify.com/ リポジトリ: https://github.com/miyaoka/grid-generator 今回記事にまとめるにあたり、特にゼロから立ち上がりの部分を見ていったらいろいろ手順とかつまづきどころとか作業見積もり感とか面白いんじゃないかなーと思うので、一個一個のコミットを拾って振り返ってみようと思います。 1stコミット [11:34] コミット:https
![実録コミット振り返り:CSS Grid Layout GeneratorをVueで作ってみる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/25866e367321074cdcd737d94a73b540e9b9fa93/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU1JUFFJTlGJUU5JThDJUIyJUUzJTgyJUIzJUUzJTgzJTlGJUUzJTgzJTgzJUUzJTgzJTg4JUU2JThDJUFGJUUzJTgyJThBJUU4JUJGJTk0JUUzJTgyJThBJUVGJUJDJTlBQ1NTJTIwR3JpZCUyMExheW91dCUyMEdlbmVyYXRvciVFMyU4MiU5MlZ1ZSVFMyU4MSVBNyVFNCVCRCU5QyVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OGRhMmEzMmZiMmE4NDNkY2E1NjQ4YTQwMzhkYjA1ODU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWl5YW9rYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MmVhMjUyMmY1OWVjOTU0ODM2MDZhYzAzNzUwZjNiNzc%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3De3878ed09f1589d45f5e0d0f58211a17)