アニメ業界の未来は、学術研究が救う？ TRIGGERが国立情報学研究所にデータを提供した理由。 - CX（顧客体験）のメディア「XD:クロスディー」
2022年3月15日、日本の情報学研究を推進する研究機関からあるデータセットが公開された。 提供元は、『プロメア』や『キルラキル』などのヒット作を手がけるアニメーションスタジオ〈TRIGGER〉。同社の数あるヒット作のなかでも、オリジナルとして制作された短編劇場作品『リトルウィッチアカデミア』の制作データが提供され、大学や研究機関の学術研究に利用できるようになった。 学術研究とアニメーションという一見距離があるように見える二分野であるものの、この取り組みについて国立情報学研究所（以下NII：大学共同利用機関法人 情報・システム研究機構 国立情報学研究所）の教授、大山敬三氏は「双方にとって新しい扉を開く第一歩になるのでは」と語る。 こうした取り組みの背景には研究所、アニメーションスタジオの双方にどのような展望があり、実現に漕ぎ着けたのか。そして、この取り組みで、一体何が生まれうるのか。 NI
京アニ新作映画『ヴァイオレット・エヴァーガーデン』9・18公開決定 2度の延期経て待望の封切りへ
2度の公開延期となっていた京都アニメーションの新作映画『劇場版ヴァイオレット・エヴァーガーデン』が、9月18日に公開されることが25日（24日深夜）、TOKYO MXなどで再放送していたテレビアニメ『ヴァイオレット・エヴァーガーデン』最終回後のテレビCMで突然発表された。 【写真】その他の写真を見る 同作は、暁佳奈氏によるライトノベルが原作で、『第5回京都アニメーション大賞』小説部門で大賞を受賞し、2018年1月にテレビアニメが放送。かつて「武器」と呼ばれた少女、ヴァイオレット・エヴァーガーデンが、大戦終結後、相手の想いをすくい上げ、言葉を紡ぐ「自動手記人形」という仕事に就くというストーリーで、情緒あふれる豊かな世界観と登場人物の繊細な心情描写が話題となった。 新作映画は当初、今年1月10日に公開を予定していたが、昨年7月18日京都アニメーション・第1スタジオ（京都府京都市）で起きた放火殺
CSSで実現！目を奪われる素敵ホバーエフェクト用HTMLスニペット32個まとめ
普段からユーザーが何気なく利用しているホバーエフェクトやマウスクリックを、CSSアニメーションを使ってより魅力的に表現してみませんか。動きに目が奪われるアニメーションエフェクトは、デザイン的な見た目だけでなく、画像やハイパーリンクのクリックしやすさなど、ユーザビリティや操作性を大幅に改善することができます。 今回は、ユーザーの印象に残る効果的なホバーエフェクト用HTML/CSSスニペットをまとめてご紹介します。 HTML/CSSのみでスタイリングされたスニペットも多く、自由にカスタマイズできるだけでなく、コピペでサイトに利用することも可能です。ユーザーのハートをがっちり掴むエフェクトを、今後のプロジェクトに活かしてみてはいかがでしょう。 コピペ可ですぐに役立つ！マテリアルデザインを極めるHTML/CSSスニペット30個まとめ コピペで利用可！思わず押したくなるボタンエフェクト用HTMLスニ
TOPページの表現に心奪われて、ついスクロールしてしまったWebサイト7選（個人的な理由付き） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
長いゴールデンウィークからの社会復帰、おめでとうございます。 ジョンです。 ぼくはもともとグラフィックの世界にいたせいか、1コピー・1ビジュアルの表現が好きです。なのでどうしても、Webサイトを見るときはTOPページの表現に注目してしまいます。ファーストビューでコンセプトを語れているようなサイトにはグっときてしまう性分なのです。 今回は、最近ぼくが見たサイトの中から、いいなぁと思ったものを紹介させていただきます。 TOPページの表現に心奪われたサイト7選 ※なお、下記のキャプチャはPCサイトのもので、スマホの表示とは若干異なります。 東京メトロ 銀座線全面リニューアル http://www.tokyometro.jp/ginza/ 通勤で東京メトロを利用するので、このポスターはよく見かけていました。 中でも好きなのが駅はもっと街になれる。というコピー。 駅の改装工事って、ときにエスカレータ
【40個】CSS3ボタン集 – 3Dアニメーションで動くボタン等、40種類の色々なボタンを作ってみたよ。 | Stronghold Archive
【40個】CSS3ボタン集 – 3Dアニメーションで動くボタン等、40種類の色々なボタンを作ってみたよ。 どうもこんにちは！Toshikuraです。今回のTipsは【【40個】CSS3ボタン – 3Dアニメーションで動くボタン等、40種類の色々なボタンを作ってみたよ。】です。今回の為に作ってみたというより、つどつど書いたり真似てみて集めたボタンのまとめになります。個人的に毎回書くのも面倒ですし…やはりコピー&ペーストしたいので記事化してみました。 対応ブラウザ Chrome,Firefox,Opera(一部除き),Safari デモページ まずはデモページで動作を確認していただくのが解りやすいかもしれません。基本的な実装方法に関しましては下記【実装方法】をご参照ください。 実装方法 最初に基本となるCSSを記述します。あとは好きな動きに併せてコードを貼付けるだけです。動きのサンプルはデモに
animatope アニマトペ
オノマトペとは、 音や様子を文字に移し替えたもので、「擬音語・擬態語」という意味のフランス語です。 特に日本ではさまざまなオノマトペが存在します。 「きらきら」「しんしん」「そよそよ」「もくもく」などとても単純でわかりやすい言葉でありながら、 老若男女ほとんどの人が同じイメージを持つことが出来ます。 「ざらざらの手」と「さらさらの手」は、とても似てるけど全然違う手をイメージできます。 「ぽつぽつ」「しとしと」「ざあざあ」で、どんな雨が降っているかイメージできます。 「ごろごろ」と「ころころ」では、どんな大きさの物が転がっているかイメージできます。 私たちはそういった言葉を、知らず知らず常にイメージして使っていて、 難しい言葉を使わなくても子供でも大人と同じイメージを持てる。 それがオノマトペの素晴らしいところです。 そんなオノマトペを子供でも楽しく理解できて遊べるアプリを作ろうと思いました
[JS]jQueryのプラグイン100選 -2013年総集編
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクションも目立ちましたね。 1ページコンテンツ用のスクロール関連 パララックス スクロール関連 スクロールで定位置関連 その他スクロール操作・補助関連 スクロールバー関連 レスポンシブ関連 エフェクト関連 ナビゲーション関連 レイアウト関連 画像ギャラリー関連 画像拡大・配置・キャプション関連 コンテンツスライダー関連 カルーセル関連 アニメーション関連 フォーム関連 コンテンツのツアー関連 テキスト関連
[CSS]画像やボタンなどのクリック・ホバー時にCSS3アニメーションを簡単に与えることができる -All Animation
画像やボタンなどの要素にclassを与えるだけで、さまざまな面白いCSS3アニメーションを利用できるスタイルシートを紹介します。 トリガーにjQueryを使うことで、クリックやホバーなどのアクションでも簡単に利用できます。 All Animation All Animation -GitHub All Animationのデモ All Animationの使い方 All Animationのデモ デモでは数多くのCSS3アニメーションが楽しめます。 ほんの少しですが、gifアニメーションにしてみました。 ぶるぶる震えて拡大して、フェードでスライドして、ぱたっと開いて、ぷら〜んと落ちます。 実装できるアニメーションの一覧 All Animationの使い方 アニメーション自体はCSSで、クリックなどのトリガーにjQueryを使用します。 もちろん、ホバーなど他のアクションを利用することもでき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
motiontable
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Hover Effect Ideas | Set 1