本記事では、非線形の偏微分方程式の数値解法について、分かりやすい具体例とともに掘り下げていきます。Pythonを活用したアプローチ方法を学びます。 本記事を通して偏微分方程式の数値解法の1つを会得しましょう！ 注） 差分法の一部の話だけにとどめています。誤差や境界条件などの詳細な議論は冗長化を避けるためにご紹介していません。 偏微分方程式の数値解法とは 偏微分方程式の数値解法は、偏微分方程式（PDE: Partial Differential Equations）の解を近似的に求めるための手法のことを指します。これらの方程式は、多くの場合、解析的な解が見つけられないため、数値的な手法が必要となります。以下に、主な数値解法をいくつか紹介します。 有限差分法（Finite Difference Method）: 空間や時間を離散的なグリッドに分割し、微分を差分に置き換えることにより近似します。
Animate Anyone
Animate Anyone: Consistent and Controllable Image-to-Video Synthesis for Character Animation Character Animation aims to generating character videos from still images through driving signals. Currently, diffusion models have become the mainstream in visual generation research, owing to their robust generative capabilities. However, challenges persist in the realm of image-to-video, especially in c
仕事が早い人は使っている最新Web便利ツール34選
「Webサイト制作がもっと楽になる方法ってないの？」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが
こんにちは、VRoid部所属のエンジニアのyueです。 VRoid Hubでページ遷移時にcanvasの状態を維持する改善をリリースしました。本記事ではこの取り込みについて解説していきます。 前提 VRoid Hubではモデル詳細画面と投稿者のみに表示するモデル編集画面が存在しています。この二つのページは別々のレイアウトを使っていたため、モデル表示用のcanvasを操作するインスタンスがお互い共通せず、ページ遷移するたびにモデルを再度読み込むことが必要でした。 今回はDOM APIを利用してコード変更を最小限に押えつつ、再度読みを無くすような改善を行いました。 問題の再現 通常Reactの再レンダリングを防ぐには様々な手段があります。例えば React.memo 、React コンポーネントの key 、classコンポーネントのshouldComponentUpdate などが存在します
Google is celebrating the most searched figures and moments in 25 years of Google Search. From BTS to Taylor Swift, see the moments that have changed the world and inspired the next generation to come. Explore more at https://trends.google.com/trends/yis/2023/GLOBAL/ #YearinSearch Audio described version here: https://www.youtube.com/watch?v=AqduXftWeEE Music by: U2 “I Still Haven’t Found What
2024年春開始の新作アニメ一覧
放送・配信中のアニメの最終回が近づき、入れ替わりに新たな作品が始まる時期がやってきました。2024年春に始まるアニメの数は、ショートアニメや特撮も含めると約65本。春は例年本数が多いので、特別多くも少なくもない数ですが、うまく好みの作品を見つけて楽しんでください。 今期はオリジナルアニメが充実している印象で、『ガールズ＆パンツァー』の水島努監督が手がける『終末トレインどこへいく？』、『銀魂』の高松信司総監督が仕掛ける『アストロノオト』、東映アニメーションによるバンドアニメ『ガールズバンドクライ』、女性レーサーを題材にした『HIGHSPEED Étoile(ハイスピード エトワール)』、『エロマンガ先生』などを手がけた竹下良平監督による『夜のクラゲは泳げない』、シンカリオンシリーズ新作で設定を一新した『シンカリオン チェンジ ザ ワールド』、プリティーシリーズ待望の新作『ひみつのアイプリ』、
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
実務で生成AIサービスを開発してわかったこと
生成AIを使ったサービスを開発してわかったことをメモしておきます。 開発したもの 業種 SaaS 課題 提供サービス内でユーザーがアイディアを考えることが難しかった。様々なデータを人力で集めてくる必要があった 解決策 アイディア起案に繋がりそうなデータを自動で集めてきて提示する。手法はベクトル検索、AIによる要約生成。 その他 チャットUIは作っていない。ユーザーの入力は最初の検索テキスト入力文のみ。 開発前の検証・プロトタイピング 開発する前に生成AIの出力を検証することが必要 生成AIの出力の質はサービスの肝だから 生成AIの出力は事前の予想と違うこともあり早い段階で出力を確認しておかないと後々の仕様変更があったときにキツイから AIに渡すデータの中身を確認しておく 例えばRAGを使って社内ドキュメントやDBを検索する場合、それらのデータの中身を吟味する必要がある 必要なデータと不要な
本記事では、二次元放物形偏微分方程式の数値解法について、分かりやすい具体例とともに掘り下げていきます。Pythonを活用したアプローチ方法を学びます。 本記事を通して偏微分方程式の数値解法の1つを会得しましょう！ 注） 差分法の一部の話だけにとどめています。誤差や境界条件などの詳細な議論は冗長化を避けるためにご紹介していません。 偏微分方程式の数値解法とは 偏微分方程式の数値解法は、偏微分方程式（PDE: Partial Differential Equations）の解を近似的に求めるための手法のことを指します。これらの方程式は、多くの場合、解析的な解が見つけられないため、数値的な手法が必要となります。以下に、主な数値解法をいくつか紹介します。 有限差分法（Finite Difference Method）: 空間や時間を離散的なグリッドに分割し、微分を差分に置き換えることにより近似しま
As your web app matures, it becomes challenging to ensure your GUI doesn’t break with any given update. There are a lot of browsers and devices, and countless states for every one of your components. Unit tests ensure your code remains consistent, and E2E tests will ensure your system remains consistent, but neither will catch visual anomalies, layout issues, or platform compatibility issues. Ente
ピノキオピー - ポケットのモンスター feat. 初音ミク / The Pokémon Inside My Heart
Download & Streaming: https://karent.jp/album/3813 はじめましての人ははじめまして、ピノキオピーと申します。 強くても 弱くても 人気でも 不人気でも。 ポケモン feat. 初音ミク Project VOLTAGE 18 Types/Songs https://www.project-voltage.jp/ https://twitter.com/PokeMikuVOLTAGE ©2023 Pokémon. ©1995-2023 Nintendo/Creatures Inc./GAME FREAK inc. ©Crypton Future Media, INC. Music, Character & Pokémon Illustration / ピノキオピー Lyrics / ピノキオピー, Project VOLTAGE Musi
プロトタイピング向けにペライチで最低限のフロントエンドスタックを動かす方法について。 注意: 本番で使わないでください。tailwind は CDN モードで動かしているし、 esm.sh はスクリプトを動的にビルドするのでパフォーマンスは良くないです。 前提 jsconf.jp で色々なツールを使えばそれっぽいバンドルレス実現できる(けどパフォーマンスに難)という話を書きました。 具体的には NativeESM + importmaps + esm.sh 等の組み合わせます。 <script type="importmap"> - HTML: ハイパーテキストマークアップ言語 | MDN ESM>CDN これに、 esm.sh の v135 の新機能を使って tsx をバンドルするのを組み合わせる話です。 esm.sh/run 使い方は簡単。 <!-- esm.sh からランナーをロード
『葬送のフリーレン』次回予告集
アニメ『葬送のフリーレン』の各話本編のラストに付く次回予告を集めた映像集。 『葬送のフリーレン』 全28話 各動画配信サービスで配信中 Blu-ray&DVD全7巻順次発売中 【スタッフ】 原作：山田鐘人・アベツカサ(小学館「週刊少年サンデー」連載中) 監督：斎藤圭一郎 シリーズ構成：鈴木智尋 キャラクターデザイン・総作画監督：長澤礼子 コンセプトアート：吉岡誠子 魔物デザイン：原科大樹 アクションディレクター：岩澤亨 デザインワークス：簑島綾香/山﨑絵美/とだま。/長坂慶太/亀澤蘭/松村佳子/高瀬丸 美術監督：高木佐和子 美術設定：杉山晋史 色彩設計：大野春恵 3DCGディレクター：廣住茂徳 撮影監督：伏原あかね 編集：木村佳史子 音響監督：はたしょう二 音楽：Evan Call 第1クールオープニングテーマ：「勇者」YOASOBI 第2オープニングテーマ：「晴る」ヨルシカ エンディ
【行商人と狼の旅路は、また一から紡がれる。】 KADOKAWA電撃文庫にて発行されている、第12回電撃小説大賞〈銀賞〉を受賞し、2021年にシリーズ15周年を迎えた大人気ライトノベル『狼と香辛料』。 現在ではシリーズ累計発行部数500万部を突破しており、更に続編となる『狼と香辛料Spring Log』やスピンオフシリーズ『新説 狼と香辛料 狼と羊皮紙』などが刊行されており、国内だけはなく海外でも高い人気を誇る本作。 シリーズ15周年フィナーレ企画として発表された完全新作アニメプロジェクト『狼と香辛料 MERCHANT MEETS THE WISE WOLF』は、2024年4月よりテレ東ほかにて放送開始。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ◆ストーリー 若き行商人クラフト・ロレンスは、荷馬車を引く一頭の馬を相棒に、街から街へと商品を売り歩く日々を送っていた。 ある日、黄金色の麦畑が広
概要 ゲーミングPC、ゲーミングマウス、ゲーミングキーボード、ゲーミングチェアーなど、色々ありますが、なぜか光っています。 なので、WEB画面も光らせてみようと、gaming-cssというプラグイン作成しnpmに公開しました。 セットアップ方法 下記のコマンドでインストールできます。 詳細な使い方についてはREADMEを確認して頂ければと思います。 CSSを適用 Qiitaのプロフィール画面を装飾しました！ Before After とっても綺麗になりましたね！（Qiita運営さん！ゲーミングテーマはいかがでしょうか？） ちなみに、CSSを適用するのに１時間くらいかかりました。 仕組み 仕組みは、簡単です。下記のように、線・文字・背景・画像などに対してアニメーションのスタイルを用意して適用しているだけです。 /*背景色*/ .gaming-background-color { animat
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
セガ，ナムコ，ドリームファクトリー……「バーチャファイター」以降，さまざまな環境に身を置いた石井精一氏の足跡 ビデオゲームの語り部たち：第38部
セガ，ナムコ，ドリームファクトリー……「バーチャファイター」以降，さまざまな環境に身を置いた石井精一氏の足跡 ビデオゲームの語り部たち：第38部 ライター：黒川文雄 ライター：大陸新秩序 カメラマン：畑沢亮太 今回の「ビデオゲームの語り部たち」第38部は，2017年12月17日掲載の「ビデオゲームの語り部たち 第2部：『バーチャファイター』のプロトタイプに込められた石井精一氏の人生」で取材した石井精一氏の，「それ以降」の足跡を追った。 関連記事 ビデオゲームの語り部たち 第2部：「バーチャファイター」のプロトタイプに込められた石井精一氏の人生 メディアコンテンツ研究家の黒川文雄氏が，ビデオゲームの歴史で記録・記憶しておくべき人々や場所などを振り返る連載「ビデオゲームの語り部たち」。第2部は，「バーチャファイター」のベースとなったプロトタイプについて，同作のディレクションを担当した石井精一氏
TVアニメ『薬屋のひとりごと』 第2期 2025年放送決定！ ティザービジュアル＆ティザーPV解禁！ 猫猫と壬氏の前に立ちはだかる新たな事件。 ふたりを待ち受ける未来とは？ ふたたび、謎解きの幕が上がる―！ 原作者・日向夏先生、キャラクター原案・しのとうこ先生、 猫猫役 悠木碧、壬氏役 大塚剛央からのコメントも到着✨ ▶ 第1期は各種配信プラットフォームでも好評配信中！ 【スタッフ】 原作：日向夏（ヒーロー文庫／イマジカインフォス刊） キャラクター原案：しのとうこ 製作：「薬屋のひとりごと」製作委員会 【キャスト】 猫猫：悠木碧 壬氏：大塚剛央 ほか ＃薬屋のひとりごと ＃#TheApothecaryDiaries ＃悠木碧 ----------------------------------------------- TOHO animation ポータルサ
2011年の東日本大震災で発生した津波で甚大な被害を受けた福島第一原子力発電所から、多くの放射性物質を含む汚染水が発生しました。この汚染水を他核種除去設備(ALPS：Advanced Liquid Processing System)によって環境放出の規制基準を満たすまで浄化処理した「ALPS処理水」の海洋放出が2023年8月24日(木)から始まり、ALPS処理水の放流システムをモニタリングできるウェブページが国際原子力機関(IAEA)によって公開されています。 Data from Fukushima Daiichi ALPS Treated Water Discharge | IAEA https://www.iaea.org/topics/response/fukushima-daiichi-nuclear-accident/fukushima-daiichi-alps-treated
たった1枚の画像から高品質なアニメーションを作成できる技術が登場、人型のイラストや写真が1枚あれば自由自在に振付を付与できる
元となる画像データと「動作」のデータを入力することで元の画像を動作データの通りにアニメーションさせる技術の論文がAlibabaの研究チームから発表されました。「Animate Anyone」と名付けられたこの技術を使用することで、ちらつきの少ない高品質なアニメーションが生成可能です。 Animate Anyone https://humanaigc.github.io/animate-anyone/ 下記のムービーで生成されるアニメーションの品質を確認可能です。 Animate Anyone: Consistent and Controllable Image-to-Video Synthesis for Character Animation - YouTube 今回登場した「Animate Anyone」は、下図左端のような1枚の「元画像」を元に、中央の「動作」データを入力することで右
ジャンプTOON アプリチーム 2024 年新卒の西峰です。 5 月にサービスを開始した「ジャンプTOON」は、Flutter を採用し Android, iOS, iPadOS 向けのアプリを提供しています。 本記事では、ジャンプTOON モバイルアプリのために独自に開発されたマンガビューワについて紹介したいと思います。 マンガビューワとは マンガ作品を閲覧できる機能です。 本アプリでは、快適に縦マンガを閲覧いただけるよう、スクロールや拡大縮小操作に工夫を加えています。また、作品の転載防止のため、画面録画、ミラーリングの禁止機能も存在します。（本記事では解説しません） ビューワを自作した目的 本アプリではビューワ機能を自作していますが、その目的はいくつかあります。まず、柔軟に独自の機能を追加しやすくするためです。連続して話を読んだり、お気に入りやコメント、いいね、拡大縮小といった要件を全
大変ご無沙汰しております、今年度もあと少しです。この記事ではAutoReserveでのCLS改善についてお話します。 Web高速化シリーズ第2弾となります、第1弾「メンバーを巻き込み、分析基盤を整える」も併せてご覧ください。 CLSはきちんと改善を行えば必ず満点の25点を取ることができる、Page Speed Insightsの中でもある意味特別な指標です。CLS以外の指標は「~するまでの”時間”」を示しますが、CLSだけは「1画面のなかでコンテンツがずれた”総量”」を示しているためです。秒数を削るのはある程度限界がありますが、「コンテンツがずれないようにする」のはほぼ完璧に対応することができます。 Page Speed Insightsが登場してすぐの頃はCLSは5点しか持っていませんでした。 5点にしてはUXへの影響が大きいなあと思っていたら、バージョン8で15点、現在のバージョン10
Blender Foundationが3DCG制作ソフトウェア「Blender」のバージョン4.0となるBlender 4.0を正式リリースしました。Blender 4.0ではUIが刷新されたりカラーマネジメントが改善されたりしたほか、Pythonを必要とせずにBlenderを拡張できる「ノードツール」が利用可能になりました。 4.0 — blender.org https://www.blender.org/download/releases/4-0/ Reference/Release Notes/4.0 - Blender Developer Wiki https://wiki.blender.org/wiki/Reference/Release_Notes/4.0 ノードツールについては以下のムービーで紹介されています。 Introduction to Node Tools in
『ゼルダの伝説 ブレス オブ ザ ワイルド』の“よく見るといちいちアイテム拾ってない”挙動がいま称賛される。無駄を省く“引き算”の実装いろいろ - AUTOMATON
任天堂より2017年3月に発売された『ゼルダの伝説 ブレス オブ ザ ワイルド』（以下、ブレス オブ ザ ワイルド）。そのアイテムを拾った際の挙動について、あるゲーム開発者が称賛。その投稿はX上で話題となっているようだ。 『ブレス オブ ザ ワイルド』は2017年3月にWii UおよびNintendo Switch向けに発売されたシリーズ作品。シリーズのエッセンスを継承しつつも、オープンエアーと呼ばれる広大なフィールドを導入している。自然あふれるハイラルの世界を自由に攻略できる大作として、高い評価を獲得。数々のゲーム・オブ・ザ・イヤーのアワードを総なめするなど、2017年を代表する作品となった。 また本作は続編として、『ゼルダの伝説 ティアーズ オブ ザ キングダム』がNintendo Switch向けに発売されている。同作も発売後3日間で世界累計販売本数が1000万本を突破するなど大ヒッ
ある物質と質量やスピンが同じにもかかわらず電気的な性質が対になっている反物質について、科学者の中には「重力と反対方向に動く反重力が働くのではないか」と考える人もいました。ところが、欧州原子核研究機構(CERN)の研究チームが実際に反物質を用いた実験を行った結果、反物質も重力に従って落ちることが初めて直接観測され、「反物質に反重力は働かない」ことが示されました。 Observation of the effect of gravity on the motion of antimatter | Nature https://www.nature.com/articles/s41586-023-06527-1 Antimatter embraces Earth, falling downward l | EurekAlert! https://www.eurekalert.org/news-r
CSSで実装できるのか！ iPhone 15 Proのページで見かけたスクロール駆動のダイナミックアイランドを実装するテクニック
先週発表されたiPhone 15のWebページに、面白い仕掛けが実装されていました。Appleは新製品のページにはスクロール駆動のアニメーションを多数取り入れており、今回のはスクロール駆動のダイナミックアイランドです。 このスクロール駆動のダイナミックアイランドをCSSで実装するテクニックを紹介します。下記のアニメーションは少しゆっくりめにしています。 ダイナミックアイランド（Dynamic Island）とは、iPhone 14 Proで実装された機能で、カメラのパンチホール部分のスペースを利用して実行しているアプリのアクティビティを表示します。サイズはアプリごとに最適化されます。 参考: iPhone 14 ProのDynamic Islandの使い方 | Appleサポート で、今回のiPhone 15 Proのページにスクロール駆動のダイナミックアイランドが多数実装されています。コ
AIはアニメ制作現場でどこまで活用できるのか？スタジオジブリ作品にも参加する泉津井陽一氏×AIHUB 新井モノ氏の対談から浮き彫りになった現場のニーズ | アニメ！アニメ！
アニメ制作のためのAI開発を考えるアニメチェーン構想の中核メンバー、AIHUB CTO・新井モノとアニメ関係者の対談企画第2弾。今回はスタジオジブリ作品などにも参加する撮影監督・コンポジッターの泉津井陽一を迎え、制作現場でAIがどのような働きができるかについて語り合う。 ■プロフィール 泉津井陽一（せんずい・よういち） 撮影監督、コンポジッター。1997年よりスタジオジブリで「CG」「エフェクト」「撮影」などを担当。『ホーホケキョ となりの山田くん』（1999）、『千と千尋の神隠し』（2001）、『風立ちぬ』（2013）、『かぐや姫の物語』（2013）などを担当。 ジブリ作品以外でも『電脳コイル』（2007）、『ジャーニー 太古アラビア半島での奇跡と戦いの物語』（2021）で撮影監督を務めるほか、『モノノ怪 第一章「唐傘」』（2024）ではビジュアルディレクターを担当する。著書に『Open
【本編第45話「変身」をご視聴頂いた後にご覧頂くことを推奨いたします】 アニメ本編のために制作された楽曲をリリックと共にお楽しみください。 第45話挿入歌「最高潮☆JUMPING!」 Vocal 高田ちゃん（CV.黒沢ともよ） Lyrics ミズノゲンキ Music 照井順政・堤博明 「呪術廻戦 懐玉・玉折／渋谷事変」 オリジナル・サウンドトラック 2024年1月24日（水）発売!! ----------------------------------------------- 【商品情報】 アーティスト：照井順政 品番：THCA-60285 価格：3,630円（税抜3,300円） 仕様：ジュエルケース 組数：2枚組 詳細はこちら：https://jujutsukaisen.jp/music/#m_ost 【配信情報】 2024年1月24日（水）よりiTunes、レコチョク、App
An all-new series, “Dragon Ball DAIMA”. Drawn by the original creator, Akira Toriyama, a story never told in “DRAGON BALL" begins! Original work, Story & Character Design by Akira Toriyama DRAGON BALL OFFICIAL SITE en.dragon-ball-official.com DRAGON BALL OFFICIAL X @DB_official_en ©BIRD STUDIO/SHUEISHA, TOEI ANIMATION Dragon Ball ⓒBIRD STUDIO/SHUEISHA, TOEI ANIMATION Dragon Ball Z ⓒBIRD
画像内のキャラを思うがままに抜群の精度で動かせる「Animate Anyone」、話した声をすぐに翻訳するMeta「Seamless」など重要論文5本を解説（生成AIウィークリー） | テクノエッジ TechnoEdge
2014年から先端テクノロジーの研究を論文単位で記事にして紹介しているWebメディアのSeamless（シームレス）を運営し、執筆しています。 1週間分の生成AI関連論文の中から重要なものをピックアップし、解説をする連載です。第23回目は、AIアニメーションを次の段階に進ませる技術と大きな脚光を浴びた「Animate Anyone」、3D Gaussian Splattingを使った新しい3D応用技術など、生成AI最新論文の概要5つをお届けします。 生成AI論文ピックアップ画像内のキャラクターや写真内の人物を骨格動画に応じて動かせる「Animate Anyone」 アリババらが開発 話した言葉をリアルタイム翻訳できるシステムMeta「Seamless」 話し方や感情なども忠実に再現 リアルな動きを持つ高品質なアバターを生成するモデル「Animatable Gaussians」 写真から3D
1980年、東京生まれ。片手袋研究家。町中で見かける片方だけの手袋を研究し続けた結果、この世の中のことがすべて分からなくなってしまった。著書に『片手袋研究入門』（実業之日本社）。 前の記事：有名人と同じ高さの棒で身近に感じられる ＞ 個人サイト 片手袋大全 世界を変えるかもしれないアイディアが、ふいに降りてきた 「スリットアニメーション」あるいは「スキャニメーション」というものをご存じだろうか？人間の錯視を利用したアニメーションの手法で、パラパラ漫画なんかに近いものだ。
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
いざという時のために覚えておくと便利なHTML＆CSS Tips集の第2弾です。何かで困った時に読み返してみてください。何かでお役にたてると思います。 グラデーションを使ったテキストアニメーション See the Pen Text gradient animation by BUILD (@buildstd) on CodePen. テキストカラーにグラデーションを使ったアニメーションを施す方法。 テキスト要素の背景にanimation プロパティでアニメーションさせたグラデーションを設定し、background-clip: text で背景グラデションをテキストのかたちに切り抜くイメージです。color: rgba(0 0 0 / 0) でテキストカラーを透明にしないと背景グラデーションが表示されないので指定します。 CSSp { color: rgba(0 0 0 / 0); -web
【ブルアカTVアニメ】ティザー PV
仲間。学校。私たちの居場所。 『ブルーアーカイブ The Animation』 2024年4月より放送開始！ 公式サイト：https://sh-anime.shochiku.co.jp/bluearchive-anime/ 公式X（旧Twitter）： https://twitter.com/BlueArchive_TV X推奨ハッシュタグ：#ブルアカTVアニメ ■イントロダクション ここが、私たちの居場所だから 数千を超える学校で形成された巨大な学園都市「キヴォトス」。 ここでは銃を手にした生徒たちの諍いが、日常的な風景になっている。 その中で、砂に包まれた「アビドス高等学校」は廃校の危機に瀕していた。 状況を脱すべく奮闘する「対策委員会」の5人の生徒が、 「先生」と呼ばれる“大人”と出会い、物語は動き始める。 ■キャスト シロコ：小倉 唯 セリカ：大橋 彩香 アヤネ：原田
TVアニメ『葬送のフリーレン』×ミツカン「味ポン」コラボ企画 ミニアニメ「～●●の魔法～」特別版「食卓をしあわせにする魔法」 原作：山田鐘人・アベツカサ(小学館「週刊少年サンデー」連載中) 企画：TOHO animation キャラクターデザイン：めばち アニメーション制作：TOHO animation STUDIO ミツカン「味ぽん」コラボ情報 ▶️https://www.mizkan.co.jp/file.jsp?id=2021_Renewal/files/pdf/company/newsrelease/detail/newsrelease-231122-70.pdf 味ぽん公式X▶️https://twitter.com/ajipon_mizkan 【TVアニメ『葬送のフリーレン』放送情報】 毎週金曜よる11時 放送中 日本テレビ系全国30局ネット「FRIDAY ANIME N
LogLog Games
The article is also available in Chinese. Disclaimer: This post is a very long collection of thoughts and problems I've had over the years, and also addresses some of the arguments I've been repeatedly told. This post expresses my opinion the has been formed over using Rust for gamedev for many thousands of hours over many years, and multiple finished games. This isn't meant to brag or indicate su
「KONAMI animation」設立のお知らせ ～ ANIMEにKONAMIを＋(プラス)する。 ～ 株式会社コナミデジタルエンタテインメントは、アニメーション映像制作に取り組むことを目的として、「KONAMI animation（コナミ アニメーション）」を新たな組織として設立したことをお知らせします。 「KONAMI animation」は、“ANIMEにKONAMIを＋（プラス）する。”をタグラインとして、当社がこれまでゲーム制作で培ったCG技術やノウハウ、制作環境のすべてを余すことなくアニメーションに注ぎこみ、いわゆるジャパニメーションをダイナミックに進化させることを目指す社内スタジオです。 「KONAMI animation」では、３つのバリューを掲げ、日々アニメーションづくりに邁進していきます。 ①ゲーム制作を支える環境づくりを応用し、クリエイターにとって理想的な環境を整え
この記事では、ReactにおいてDOMへのアクセスが必要な理由と、その際にRefがどう役立つのかを見ていきます。また、useRef、forwardRef、useImperativeHandleという3つのフックについて説明し、これらを適切に使用する方法を紹介したいと思います。 この記事と同じ内容を扱ったYouTube動画も公開していますので、活字媒体よりも動画視聴を好まれる方はそちらをご覧ください。文字ではなく、アニメーションと音声で同じ概念を解説しています。 この記事は動画形式でも公開しています。 目次 useRefを使用してReactでDOMにアクセスする 親から子にRefをpropとして渡す forwardRefを使用して親から子にRefを渡す useImperativeHandleを使用した命令型API useImperativeHandleを使用しない命令型API Reactには
We recently launched the JavaScript Registry - JSR. It’s a new registry for JavaScript and TypeScript designed to offer a significantly better experience than npm for both package authors and users: It natively supports publishing TypeScript source code, which is used to auto-generate documentation for your package It’s secure-by-default, supporting token-less publishing from GitHub Actions and pa
次の実装例のように、テキストを1文字ずつspan要素で区切ってアニメーションする際の注意点と実装例について纏めたメモ書きです。 実装例テキストアニメーションの実装例（英文）
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【コード付き】非線形の偏微分方程式の数値解法【Python】 - LabCode
ページ遷移時にReactコンポーネントの状態を維持する - pixiv inside
Google — 25 Years in Search: The Most Searched
【コード付き】二次元放物形の偏微分方程式の数値解法【Python】 - LabCode
Ultimate Guide to Visual Testing with Playwright
インストール不要。ペライチHTMLでReact+TSX+Tailwind のフロントエンド一式を動かす
TVアニメ『狼と香辛料』第2弾PV／4月よりテレ東ほかにて放送開始！
ゲーミングCSSを作ってQiitaを光らせてみた - Qiita
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
【2025年放送決定！】TVアニメ『薬屋のひとりごと』第2期 ティザーPV
IAEAが福島第一原発のALPS処理水放出システムをモニタリングできるウェブページを公開中
ジャンプTOON マンガビューワ を支える Flutter の技術
Page Speed Insightsの改善 「CLSで満点を取る」 - Hello Tech
オープンソースの3DCG制作ソフト「Blender 4.0」が正式リリースされる
物質と対の性質を持つ「反物質」が重力に従って落ちることがCERNの実験で判明して反重力が否定される
TVアニメ『呪術廻戦』第2期「懐玉・玉折/渋谷事変」第45話挿入歌「最高潮☆JUMPING!」リリックビデオ
“Dragon Ball DAIMA” Teaser Trailer / Fall 2024
近い将来、都市はアニメーションで溢れる～街角スリットアニメーションの作り方～
【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
いざという時に使える7つのHTML&CSS Tips集vol.2 | BUILD Journal
葬送のフリーレン ミニアニメ「●●の魔法」特別版：「食卓をしあわせにする魔法」／ミツカン 味ぽんコラボ
「KONAMI animation」設立のお知らせ | 株式会社コナミデジタルエンタテインメント
ReactにおけるRef：DOMへのアクセスから命令的APIまで | POSTD
How we built JSR
テキストを1文字ずつアニメーションさせる時の注意点と実装例 ｜ TAKLOG