だからこそ高クオリティなcss,jsをまとめてAIに吐かせて最新っぽいオリジナルのテーマを作るのが良いのではと思っちゃうな 特に最近の3Dイラストの作成できるようになったことで、幅も広がっているはずだしSVGアニメーションも然り。 #web制作1000本ノック

#今日の積み上げ 15日目 完了 ☑️コーディング練習 未完了 ✅コンペ用LPコーディング ✅アニメーションの作成 今日もまたSVGアニメーションに上手くいかず、ハマってしまい3時間… なんとかアニメーションにはなったけど、完成まではいかなかった… 眠すぎるので、明日に持ち越しです😂 #Web制作

SVGアニメーションもかじりたさ出てきたからちょっと今朝勉強してた

#今日の積み上げ 14日目 完了 ☑️本業 ☑️コンペ用LPコーディング ☑️営業1件 ☑️健康診断 ☑️こども園で二者面談 アニメーションを考えて、作って、確認。 上手く思い通りにならなくて、調べまくる… SVGアニメーションに大苦戦の1日だった🥲 もっと勉強しよう… #Web制作

結論AfterEffectsであればプラグインBodymovinを使ってSVGアニメーション作成できた。AnimateからはCreateJSを使ったhtml+svgみたいなパブリッシュしかできなかった。SVGアニメーション作るならAfterEffects一択かな。（プラグイン入れなきゃだけど）

Adobe AnimateってSVGアニメーション出力できないの？？？

#今日の積み上げ 13日目 完了 ☑️本業 ☑️LPコーディング 未完了 ✅ポートフォリオサイト修正 習得 🔥SVGアニメーション 完全に寝ている子どもを1人でお風呂に入れるのってむずくない？ たまにあって慣れるけど、腰が痛い… そんなことを思いながらの #夜活

#今日のアウトプット 🛠️SVGアニメーションを作成 イラストレーターのデザインカンプにあるグラフをSVG形式でコピペしてアニメーションをつける！ グラフはchart.jsを使っていたが、デザイン通りのコーディングの場合、 SVGアニメーションでいいかもしれない🤔 #Web制作

SVGアニメーションでローディング作りたいけど初めてだとむずいんな😇

5/18-5/21 ・WPコーディング ・品質チェック ・面談 休日保育と実家に頼って何とか２ページ形にできましたー！ svgアニメーション激沼りで寝不足😇泣 いつもより早めの今日は16時お迎え︎📛 娘が起きてる時間でスケジュール表を作成します👊

次のプロジェクトではsvgアニメーションに挑戦したいと考えているが、短い納期で自分にできるのか不安😢　 ごまかしごまかし関わってきたJavaScript とCSSアニメーション。After Effects はインストールしただけ。週末にガッツリ勉強しないと📚ツライ💦

返信先:@RichRiverLABOおはようございます！イエス、今日は素晴らしいよ！コーディングするための新しいスキルを覚えましたし、 SVG アニメーションをマスターしました！みれいちゃん。。。僕はパワーを持ってるよ！このパワーで何が作れるかな。。。オーマイガー！皆さんと沢山のデモをシェアしたいし！レッツゴー！

CSSによるSVGアニメーション #CSS - Qiita qiita.com/takeshisakuma/…

【最近知ったスッゲーwebサイト】 1. Panasonicさん saiyou.jpn.panasonic.com/world/ 初めて｢カッケー！こういうの作りたい！！って｣思った 2. clerkさん clerk.com SVGアニメーションカッコいい！

5/16~17 ☑︎LP① SVGアニメーション調整、テスト環境アップ ☑︎LP② デザイン 3セクション ☑︎HP① デザイン微調整 ☑︎HP② コーディング 1ページ ☑︎MTG ☑︎自身のサーバー整理 じわじわ並行数が増えている... クオリティに影響が出ないように気をつけなければ！

返信先:@sumi_coderSVGアニメーションまだ実装したことがなかったので、今度練習も兼ねて早速勉強してみます！

返信先:@mari_7384まりさん 初めまして、ありがとうございます！ SVGアニメーションはCSSから動かせるので上手く使えばデザイナーさんのご要望も叶えられます！ 細かいところまで見ていただいて嬉しいです！

返信先:@sumi_coder初めまして、動きが面白いサイトで見入ってしまいました！ SVGアニメーションでこんなに色々動かせるんですね…！ 細部にもこだわりがあってすごいしか言葉が出てこないです✨笑

こういう感じのsvgアニメーションソフトで描いて、視線や顔向きをパラメータ化できないかな？ synfig.org

SVGアニメーション（沼り中） たったこれだけの表現に2時間もかかってしまった💦 新しいこと覚えるのって楽しくも大変… #Web制作  #ホームページ制作 pic.twitter.com/pu27IpgiiL

ちょっとかわいいSVGアニメーションできた っていってもアニメーションに関してline水平方向に動かす感じとか、polylineで表現してる針動かす感じとかcopilot頑張ってくれて感動 pic.twitter.com/g1uqQRhtXf

SVGアニメーション入門Done！簡単なSVGやったら作れるようになってきた 📝 - SMIL 使用: developer.mozilla.org/ja/docs/Web/SV… - fill="freeze"属性：アニメーション終了後の状態を保持 - `begin` 属性：特定のイベントに基づいてアニメーション開始 pic.twitter.com/XlqaE0MAoI

5/9 ☑︎HPデザイン① 下層×6、トップSP版提出 ☑︎LP① 公開作業、サーチコンソール ☑︎SVGアニメーション（沼り中） ▼今日の参考サイト stroke-dashoffsetとstroke-dasharrayについて torat.jp/svg_animation/

シンプルな動きならFigma上でSVGアニメーション作れるのいいね pic.twitter.com/svNPUY4de6

【ブログ更新のお知らせ】 プログラミングやコーディングが苦手な方でも、Webサイト上で使用できるアニメーション素材が手軽に作成できるツール「SVGator」を使用した、SVGアニメーション作成方法を記事にしました。本当に便利なので是非お試しいただきたいツールです。 blog.prophet.jp/3971/

この矢印のSVGアニメーション？でずっと感嘆の声を漏らしてる。どうやったらこんな動き思いつくの……… lyon-beton.com pic.twitter.com/zEonpshfrY

手描き風のSVGアニメーションが、 ブラウザで作成できる「SVG Artista」🚀 Webサイトへ実装するのも簡単なので、 オリジナルでLottieアニメーション作成をするのに、ハードルを感じる方は試してみて👍 オシャ度が一気に上がるよ！ #Webデザイン #Web制作 #LP pic.twitter.com/i3dG05rugw