かど

島根からフルリモートで事業開発に全コミット. アウトプット駆動. JAWS-UG Shimane. 誕生日が東京大阪リージョンと同じです

[かど @gitkado]

AIのアプデを追う毎日が、いつしか脆弱性や情報漏洩をキャッチアップする日々へ

[ピクシブ株式会社 pixiv Inc. @pixiv_corp]

【#pixiv_inside】
PHP 8.5.12の緊急リリースに
pixivはどう対応したか
https://t.co/zYpXH9HWOy

PHPにて緊急セキュリティリリースが予告され
pixivも対応しました。

セキュリティアップデート公開から
pixivメンテナンス明けまで約30分の対応を
ビルド・デプロイ基盤も踏まえながら説明します✍️

[高市早苗 @takaichi_sanae]

皆様に、今夜に対応して頂きたい大至急のお願いです。

多くのウェブサイトで使用されているPHPに関し、PHPのセキュリティチームが、重大な２件の脆弱性に関する注意喚起を行っています。

公開しているウェブサイトでPHPを使用しているか確認し、今夜、10月21日午後11時（日本時間）に公開される修正パッチについて、可及的速やかに適用できるよう準備をお願いします。

修正パッチを速やかに適用することが困難な場合は、例えばウェブサイト等を一時的に停止させることも、リスクを低減させるための有効策の一つと考えられます。

国家サイバー統括室のXアカウントでも関係する情報を発信していますので、そちらも参考にして下さい。
国家サイバー統括室(注意・警戒情報)（@cyber_forecast） / X

[かど @gitkado]

久々に東京の電車��揺られてるがマスクしてる人いなさすぎてビックリしてる

[かど @gitkado]

２ヶ月に１回くらいやるらしい！最高やで
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

エンジニアじゃなくてもArtifactsをガンガン使うつもりならProプラン以上じゃないとストレスすごそう
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

エンジニアのワイはProプランで事足りてます（業務外）
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

会議参加者の時給メーターおもしろい。Meetとかに内蔵されたら無駄な会議が減るのでは？
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

Chrome Dinoつくらせたらキツネにさせられた件
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

ArtifactsからClaudeのモデル使えるの知らなかった！
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

お茶菓子が地元の洋菓子店「CLAUDE」でさすがだった
https://t.co/QnhAYsm0Ab
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

Artifactsは人間が絶対HTMLでやらないことをやらせるための機能という理解をしてる
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

これですね
#ClaudeCommunity #ClaudeCommunityMatsue

[妖精アーヤ @aiehon_aya]

Claude Opus5.5 モーショングラフィックス
────────────────────
天才Opus5.5にどうやって作ったのか
説明させて��た（↓）
─────────
■ 全体の流れ
index.html（絵を描くプログラム）
↓ 1コマずつ描かせる
render .py（900コマを撮って動画ファイルにする）
↓
make_audio.py（音楽を計算で作る）
↓
合体して MP4

① すべてを「拍」で決めている
いちばん大事な考え方です。テンポを 128BPM にすると、32拍でちょうど15秒になります。「4拍目で MOVE が出る」「28拍目で爆発」のように、映像の出来事をすべて拍の番号で書いています。音楽も同じ拍の番号で鳴らしています。だから、映像と音がずれる余地がありません。手作業のタイミング合わせは一度もしていません

② 動きは「イージング（緩急）」の数式
たとえば文字が滑り込む動きは、「0→1 に進む割合」を数式で曲げて作っています。���初速く、最後ゆっくり止まる（expo）：MOVE の滑り込み
少し行き過ぎて戻る（back）：SHAPE の文字がポンと出る
跳ねて止まる（bounce）：RHYTHM の文字が落ちて弾む

グラフエディタの場面はこの「緩急の曲線」そのものを見せる演出です。モーションデザイナーが毎日さわる道具なので分かる人ほど「おっ」となるところです。

③ 図形の変形・3D・粒子もすべて計算
丸→四角→三角→星：図形のまわりを240点で表し、同じ点同士を少しずつ動かして変形させています
トンネルとワイヤーの立方体：遠くの物ほど小さく描く計算（遠近法）を自分で書いて、3Dっぽく見せています。

最後の CLAUDE：一度見えないところに文字を描き、文字の形の点を約5,000個拾っています。その位置へ粒子を集めています。

④ 仕上げの質感
��ーションブラー：1コマを、ほんの少しずつ時間をずらして10回描き、平均しています。速い動きがなめらかにぶれて、映像らしくなります（5回だと残像が段々に見えたので10回にしました）
グリッチ：赤・緑・青の色を分けて左右にずらし、画面を横に切ってずらしています
フィルムの粒子・周辺の暗さ：薄いノイズを毎コマ違う位置に重ねています
四隅の表示（タイムコードなど）：「白黒反転」の重ね方で描いているので、どの背景色でも読めます

⑤ 書き出し
render. py が、画面を持たない Chrome を裏で起動します。「0コマ目を描いて → 画像を受け取る」を900回くり返し、そのまま ffmpeg（動画を作る道具）へ流して MP4 にしています。約6分かかりました。

⑥ 音楽も計算で作っている
楽器の音を、波の形の計算で作っています。
キック：低い音が一瞬で下がっていく波
ハット・スネア・「シュッ」という効果音：ザーッという雑音を削って形を整えたもの
和音：少しずつ音程をずらしたノコギリ波を7本重ねたもの

さらに、キックが鳴るたびに他の音を一瞬小さくして、クラブ音楽っぽいうねりを出しています。最後の決めの直前には、わざと0.1秒ほど完全な無音を入れて、爆発の落差を大きくしています。

[かど @gitkado]

ちなみにHaikuでは1分以内でゲーム作ってくれました
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

ごめんなさい、やっぱりHaikuでは心許ないのでOpusに昇格させます。有料プラン最高
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

OpusにArtifacts作成を依頼して7分経過（まだ作ってる）
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

Haikuが思ったより優秀でなんでもOpusやFableに投げなくてもいいじゃんと思った。応答めちゃ早いし
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

Haiku4.5「5行でまとめました！（11行）」
→かわいい
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

余談ですが、会場が心地良すぎて感動してる
https://t.co/UckgFqaMht
#ClaudeCommunity #ClaudeCommunityMatsue

[かど @gitkado]

Haiku 5.5が近々くると噂もあるので、Haiku 4.5を使えるのは実質今日が最初で最後かもしれない
#ClaudeCommunity #ClaudeCommunityMatsue