NCP | Elementorで実験

WordPress × Elementorを使ってアニメーションの実験。
うまくいかないのも、たまに混ざります。それも含めて記録。
GSAP / Three.js / WebGL / GLSL

[NCP | Elementorで実験 @ncp_lab]

Diveを押すと、独立した仮想スクロール空間へカメラごと潜っていく実験。潜る瞬間に画面がバレルワープで歪む感じでぐわっ！となるようにした。DOMの配置をそのままWebGL座標へ写し、文字はSVGをThree.jsで立体化。

#threejs #WebGL #GLSL

[NCP | Elementorで実験 @ncp_lab]

Elementor ProにCriticalの脆弱性出とるやないかい！😱
Elementor Pro 4.2.1以下で、Elementor ProのFormウィジェットを使用、File Uploadフィールドが必須OFFの構成だと攻撃条件に該当するとのこと。
未認証の攻撃者による任意ファイルアップロードが可能で、最悪サイト乗っ取りにつながる可能性あり

[NCP | Elementorで実験 @ncp_lab]

@momovvw 今、修正版のWP Rocket v3.23.2.2が出ているので、このバージョンならWordPress7.1でもエラーでなくなってますよ✋

[NCP | Elementorで実験 @ncp_lab]

WordPress 7.1にあげたら、WP Rocket入れているサイトが全部エラーになるなぁ。一回WP Rocketとめるか✋

[NCP | Elementorで実験 @ncp_lab]

@ayumi_nocode 確定ではないですが、要素側にクラス参照は残っているのに、再読込時にElementorがクラス本体を見つけられていない感じですかね。（バグ）
複製元から直接作らず、Class Managerで先に新規クラスを作成・保存してから付けると回避できるかも？🤔

[エックスサーバー【公式】 @xserverjp]

修正版へのアップデート前に、脆弱性「wp2shell」を悪用されていなかったか不安な方へ。
不審な変更やアクセスの痕跡を確認する手順を紹介します。
簡易セルフチェックとしてご活用ください。

[NCP | Elementorで実験 @ncp_lab]

Cloudflare障害発生してる？

[NCP | Elementorで実験 @ncp_lab]

@miku_nosuke 特にGmailで受信する場合、送信はできていても迷惑メールフォルダに入ることがありますよね。
From設定だけでなく、SPF / DKIM / DMARC や送信経路まで確認しておくとより安心だと思います。

[NCP | Elementorで実験 @ncp_lab]

参考サイト
https://t.co/I96rSF0ZiX
構成や遷移表現を参考に、学習目的で制作しました。ページ遷移もBarba.jsとかで再現したかったけど、途中で力尽きた。実際に作ってみると、動きや速度、切り替えまで一貫させる難しさを実感しました。色々と勉強になりました。

[NCP | Elementorで実験 @ncp_lab]

WebGLで時計のショーケースを作ってみました。画像はChatGPT。スクロールに合わせて回るシリンダーで、以前作ったものを調整。右はレンズが開くように画像が切り替え。一番苦戦したのはイージングで、開く速さや、歪みが消えて画像が整うタイミングを何度も調整。疲れた。
#threejs #WebGL #GSAP

[ムラマツヒデキ｜クオートワークス @muuuuu_chang]

このサイトは2024年の2月にリリースされたアメリカのactive theoryというクリエイティブが強く有名な会社の自社サイトです。

2024年にclaude codeはありません。

このようにクリエイターの価値をさげAIスクールに誘導する嘘のポストに、私はすごくムカついています。

https://t.co/ClCHAiJVpY

[NCP | Elementorで実験 @ncp_lab]

最近WordPressプラグインの脆弱性で、認証バイパスとか権限昇格系をよく見る気がする👀👀👀
脆弱性の発見数自体も年々増えてるし、AIとか解析ツールの影響もあるのかな？
CloudflareのEmDashなら、この辺少しはマシになるんだろうか🤔

[NCP | Elementorで実験 @ncp_lab]

HTMLの自然な折り返しはそのまま、文字だけがカーソルに吸い寄せられて歪む実験。DOM上の各文字の位置をRange APIで取得して、canvasに字形を再構成。それをThree.jsのCanvasTextureに渡して、fragment shaderでカーソル距離に応じたUVワープ。

#threejs #WebGL #GLSL

[NCP | Elementorで実験 @ncp_lab]

@motoharusumi 4.6から刻んで最新のWP7.0×PHP8.3、プラグインは半分、テーマ改修なしは素晴らしい対応ですね👏
自分も2週間ほど前に全く同じような惨状のサイトを見つけて、危険性を伝えたら「今それ重要ですか？」と半ば逆ギレ気味に言われて対応を断念しました😅

[Haz @diegohaz]

Ways to mitigate GitHub/npm supply chain attacks:

- Use pnpm
- Block all postinstall scripts unless necessary
- Use minimumReleaseAge
- Set up Trusted Publisher on npm/GitHub
- Disallow npm tokens
- Require 2FA for all org members
- Avoid pull_request_target
- If repo is public, consider restricting PRs to collaborators only
- Pin GitHub actions (peter⁠-⁠evans⁠/⁠create⁠-⁠pull⁠-⁠request⁠@⁠v8 → peter⁠-⁠evans⁠/⁠create⁠-⁠pull⁠-⁠request⁠@⁠5f6978f...)

[NCP | Elementorで実験 @ncp_lab]

vscodeの最近使ってない拡張機能消しとこ、、、

[GitHub @github]

1/ We are sharing additional details regarding our investigation into unauthorized access to GitHub's internal repositories.

Yesterday we detected and contained a compromise of an employee device involving a poisoned VS Code extension. We removed the malicious extension version, isolated the endpoint, and began incident response immediately.

[NCP | Elementorで実験 @ncp_lab]

@ayumi_nocode コード集いいですね😄こういう情報はありがたい🙏
Elementorだと編集画面の再描画などのタイミングでJSが複数回実行されることがあるので、GSAPなどのライブラリは1回だけ読み込む、実際に使う時は使用バージョンを揃える、多重起動防止のガードなども補足されていると、より安全に使いやすそうです😃

[NCP | Elementorで実験 @ncp_lab]

@yui540 いつも投稿みて思うけど、ほんとにすごい👏
ここまでcssでいろんなことできると、作っているときも楽しいんだろうなとか思う😄

[NCP | Elementorで実験 @ncp_lab]

@mketanci @elemntor The same thing happened to me.