しゅう【Webサイト制作/コーダー】
のPortfolio Site

以下、X投稿全文コピペ↓↓

アイコン画像の色変更したい
↓
pngでなく、SVG画像を使う
↓
SVG画像、htmlにインラインで書くと見にくくていや
↓
objectタグを使って記述
↓
CSSでfill指定できねぇ
↓
JavaScriptでpathを取得してfillを変更
↓
複雑なSVG画像にはpathが複数あることを知る=色ちぐはぐに
↓
全部のpath、querySelectorAllで取得してforeachで書き換え…
できた！！

色違いのpng画像エクスポートして差し替えて使えば、１０分で終わるところ、１時間かけてやったぜ…

ワイルド！？だろぅ？？
趣味だな…

完全に自分の失敗談

まず、ひとつ目は、複雑なSVG画像にはpathが複数ある場合がある、、、

たぶん、こまかく色とかカスタマイズするため？？

＆メインの失敗

お客様目線で同じ価値がでるなら、時間かけてムズカシイことこねくり回すのは、自己満足でしかない、、、

ってこと

この例だと、普通にpng画像とか色違いのものをFigmaからエクスポートできたので、それを使えばすぐ終わる話。

当時の自分は、なんか、ムズカシイこと、ややこしいことができることに快感を覚えてた、

いま振り返るとあほな時期です

なんか、ムズカシイことができると、オレ、すげ～感が出るのは今も少しありまする、、、

趣味ならいいんですが、仕事としてやっていくなら、あくまでお客様目線！！

ですね、

失敗談でした～

サイバーエージェントが運営する小学生向けプログラミングスクール
Tech Kids School【テックキッズスクール】

けっこうガチ目っぽいです↓↓

僕がWeb制作を学んだデイトラ↓↓
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます