AWS CDKとReactのモノリポ構成にしたらSVGファイルの読み込みエラーが発生するようになった？？？ | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 前回のエントリで、AWS CDKプロジェクトとReactプロジェクトを同じRepositoryに作成するモノリポ（monorepo）構成を作りました。 今回は、その際に遭遇したSVGファイルの読み込みエラーとその対処について紹介します。 AWS CDKとReactのモノリポ構成にしたらSVGファイルの読み込みエラーが発生するようになった？？ AWS CDKとReactのモノリポ構成は、（ざっくり目に言うと）下記のように作りました。 $ npx cdk init --language typescript $ npx create-react-app web --template typescript これにより次のようなCDKプロジェクトのサブディレクトリ配下にReactプロジェクトがあるという構成が出来上がります。 $ ls -1 RE
SVGのアニメーションをSMILとReactでつくる - Qiita
概要 SVGにアニメーションを実装する方法は、CSSやSMIL、JavaScriptのライブラリなどが候補となると思います。この中でSMILは、 SVGファイルの中にアニメーションを記述できる というメリットがありますが、反対にコード量が多くなり見通しが悪いという悩ましい点がありました。 またアニメーションを開発中には SVGの各パーツを別のファイルで管理したい ファイルを編集したらすぐに反映させたい アニメーションのパラメータを変えたい なんてことを考えていたら、SMILによるアニメーションはReactと相性がいいんじゃないかと思いつきました。 アニメーション開発はずぶの素人なので、かなり自由気ままにですが、実際に実装して試してみました。 制作したもの 私の趣味はロードバイクなので、ペダリングの動作をアニメーションにしました。 こちらが完成したもので、ペダリングのアニメーションはSMIL
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Build SVG Line Charts with React, SSR and Tailwind CSS
