Open10
近年話題のフロント技術を使ってみるログ(Bun,Hono,Biome,Remixなど)
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
諸々ほぼ知らない状態からスタート。
比較したり追加で勉強しながら実装してみる。
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
bunをinstallして、remixプロジェクトをbunx --bun vite
しようとしたら以下のエラー
error: No route matches URL "/manifest.json"
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
Expected a Response object
4670 | errorMessage = "You made a " + method.toUpperCase() + " request to \"" + pathname + "\" but " + ("did not provide an `action` for route \"" + routeId + "\", ") + "so there is no way to handle the request.";
4671 | } else if (method) {
4672 | errorMessage = "Invalid request method \"" + method.toUpperCase() + "\"";
4673 | }
4674 | }
4675 | return new ErrorResponseImpl(status || 500, statusText, new Error(errorMessage), true);
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
remix + bunはここを参考に勉強しなおす
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
途中からnpmからBunに切り替えたので、ごちゃごちゃになった。
もう最初からやる。
bun create remix
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
"scripts": {
"build": "remix vite:build",
"dev": "remix vite:dev",
"lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
"start": "remix-serve ./build/server/index.js",
"typecheck": "tsc"
},
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
OK
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
Biomeも入れ直す
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
いつかbun.lockbの管理をどうにかしないといけなくなる
![こまきち](https://res.cloudinary.com/zenn/image/fetch/s--g9Wrzwwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/29305b71e1.jpeg)
今回はTailwindcssではなく、Panda cssを採用