「動き」のあるWebサイトを支えるCSSアニメーション技術｜yui540
昨日、PIXIV TECH FESで登壇させていただいたときに発表したスライドの内容になります。 当日、来れなかった方はぜひこちらをご覧ください！ そして、当日お越し下さった皆さま本当にありがとうございました！ Twitterで「CSSアニメーション」「CSSヤクザ」というワードがたくさん飛び交って、とても嬉しいです。 これからもCSSと共に新しい表現を模索していきますのでぜひお楽しみに！
昨日、PIXIV TECH FESで登壇させていただいたときに発表したスライドの内容になります。 当日、来れなかった方はぜひこちらをご覧ください！ そして、当日お越し下さった皆さま本当にありがとうございました！ Twitterで「CSSアニメーション」「CSSヤクザ」というワードがたくさん飛び交って、とても嬉しいです。 これからもCSSと共に新しい表現を模索していきますのでぜひお楽しみに！
報道で世界中、信じられないほど多くの人たちが、私たちに想いを寄せて下さっていることを知りました。 皆さんの想いは、今、暗闇に立ち向かっている私たちにとって、かけがえのない縁です。 今、この瞬間も病院で苦しみ、精一杯生きようとしている仲間たちがいます。 家族の命を奪われ、哀しみのただ中にいる方々がいます。 今暫く、時間をください。 京都アニメーションは、これからも世界中の人たちに夢と希望と感動を育むアニメーションを届け、社員、スタッフの幸せを実現し社会と地域に貢献していくため手を差し伸べて下さる方々とともに、必死に戦っていきます。 株式会社京都アニメーション 代表取締役社長 八田英明」。 八田社長は先週、ニュースで世界中の人たちが事件を悼み、支援の動きが広がっていることを知り、そうした人たちに言葉を届けたいと考え、メッセージを寄せたということです。
映像化作品トラブル事件簿
・いいひと。 ：フジテレビ(修正しました) 原作者が主人公とヒロインのキャラを変えるなと念を押していたが改変しまくり。 原作者ブチ切れで原作クレジットから原案クレジットへ変更。 「いいひと。」を守れなかった責任は作者にあると連載終了を決意。 ・おせん ：日本テレビ 原作を大きく改変し主演男優(ジャ◯ニーズ)の演技もひどく炎上状態に。 ドラマを見た原作者がが原作と違いすぎてショック。もうやってられんと連載休止に。 最終的に原作クレジットが原案に変更されてしまう。 ・八神くんの家庭の事情 ：テレビ朝日 作品のキモである「高校生の主人公が若く見えすぎてしまう母親を女性として意識してしまう」という設定に どう見てもババアにしか見えない女優をあて、ストーリーや設定を改変しまくり。 原作者がやっぱりブチ切れて、最終的に原作クレジットが原案クレジットに変更されてしまう。 ・ハガネの女s2 ：テレビ朝日
cell @CellYT5 多分皆さんが言いたいのはアニメだと意図的に気持ちよくフレーム作ってるけど動画を変換するとおかしな場所で切り替わってただのぶつ切りになっちゃうって事だと解釈しました。 2023-04-18 10:32:30
【Official】Pokémon Special Music Video 「GOTCHA！」 | BUMP OF CHICKEN - Acacia
ポケモン ＆ BUMP OF CHICKEN スペシャルミュージックビデオ「GOTCHA！」 9言語の歌詞字幕付きで公開中！ ----- ミュージックビデオ「GOTCHA！」 音楽：BUMP OF CHICKEN「アカシア」（TOY’S FACTORY） 監督：松本理恵 キャラクターデザイン：林祐己 アニメーション制作：株式会社ボンズ 企画・プロデュース：川村元気、畑中雅美 ----- Pokémon & BUMP OF CHICKEN The special music video “GOTCHA!” is now available with subtitles in nine languages! ----- “GOTCHA!” Music Video Music: “Acacia” by BUMP OF CHICKEN (TOY’S FACTORY) Director: Ri
一色登希彦 on Twitter: "珍しく、ちょっと大きな主語で書く。私たち（漫画描いたりアニメ作ったり映像撮ったりする種類の人たち）、その中でもさらに男性の属性の人に特徴的な傾向に思えるんだけど「非生物のものすごい物理」というのものがとにかく大好きです。"
珍しく、ちょっと大きな主語で書く。私たち（漫画描いたりアニメ作ったり映像撮ったりする種類の人たち）、その中でもさらに男性の属性の人に特徴的な傾向に思えるんだけど「非生物のものすごい物理」というのものがとにかく大好きです。
「AI」や「機械学習」といった言葉を耳にすることが増えていますが、その仕組みを理解するのは難しいと感じる人もいるはず。ジョージア工科大学のAIに関する研究チームであるPolo Clubが、機械学習の代表的なモデルである畳み込みニューラルネットワーク(CNN)を視覚的に理解できるウェブアプリ「CNN Explainer」を公開しています。 CNN Explainer https://poloclub.github.io/cnn-explainer/ 実際にCNN Explainerを操作しているムービーは以下。 Demo Video "CNN Explainer: Learning Convolutional Neural Networks with Interactive Visualization" - YouTube CNNは機械学習における分類器のひとつで、ニューラルネットワークを用
→ English 対象読者 ワイヤーフレームだけが渡されて、それを元にコーディングしなければいけないようなケースで役立つ知識を紹介します。 以下のような環境にいるエンジニアは読む必要はないと思います。 毎回デザイナーからデザインデータが用意されて、それを忠実に再現すればよい そもそもコーディングはコーダーがやってくれる （デザインといっても、無からクリエイティブを生み出すような部分ではなく、あくまでエンジニアが実装段階で関与し得る範囲について言及します。） 概要 最近のWebデザインはシンプルなので、既存のWebサイトに新しいパーツを実装するような場合に、ワイヤーフレームだけが与えられ、デザインデータが用意されないことがあるかもしれません。 そのような場合、エンジニアにデザイン領域への多少の裁量が生じ、実装者によって仕上がりに差が出ます。 この記事では、ワイヤーフレームを元にエンジニアが
警察によりますと京都市伏見区のアニメーション製作会社「京都アニメーション」のスタジオで起きた火災で、複数の人が死亡したことが確認されたということです。警察は死亡した人の人数や性別などは明らかにしていません。
『シン・エヴァンゲリオン劇場版』の制作進行・成田和優が語る、プロジェクトマネジメントの極意。メタ的に見て、細かく考え続ける - ミーツキャリアbyマイナビ転職
想定外の出来事やスケジュールと戦わなければならないことが多いプロジェクトマネジメントの仕事。その醍醐味や面白さとは何なのでしょうか？ ここにアニメファンのみならずIT・コンサル業界までもざわつかせている一冊があります。その名も『プロジェクト・シン・エヴァンゲリオン -実績・省察・評価・総括-』（以下、『プロジェクト・シン・エヴァンゲリオン』。2023年）。2021年に劇場公開され、ジャンルとしての「ロボットアニメ」作品では異例の興行収入100億円を超えた『シン・エヴァンゲリオン劇場版』（以下、『シン・エヴァ』）の制作過程を、『シン・エヴァ』を制作した株式会社カラーによる完全自主制作・出版によって、映像技術の側面ではなく、あくまでプロジェクト遂行の視点で克明に記したドキュメントです。その赤裸々さと記録風の文体のギャップが大いに話題を集めています。 執筆を担当したカラーの成田和優さんは、JAX
アメリカ映画界で最高の栄誉とされるアカデミー賞の各賞が10日、ロサンゼルスで発表され、長編アニメーション賞に、宮崎駿監督の「君たちはどう生きるか」が選ばれました。 日本の作品が長編アニメーション賞を受賞したのは、2003年に同じく宮崎監督の「千と千尋の神隠し」が受賞して以来で、宮崎監督がこの賞を受賞するのは2度目です。 「君たちはどう生きるか」は宮崎監督が引退宣言を撤回し、原作と脚本も担当しておよそ7年の製作期間をかけて作り上げた作品で、太平洋戦争中に母親を失った少年が不思議な世界に迷い込む宮崎監督のオリジナルストーリーです。 これまでにアメリカでアカデミー賞の前哨戦とされるゴールデングローブ賞を受賞したほか、英国アカデミー賞でも日本の作品として初めてアニメ映画賞を受賞していて、国際的に高い評価を受けています。 宮崎駿監督の「君たちはどう生きるか」がアカデミー賞の長編アニメーション賞を受賞
「本職は内装業」「経験ゼロから独学」「制作期間は7年」――「狂気」の映画が世界で認められるまで（Yahoo!ニュース オリジナル 特集）
塗装のアルバイトで訪れた映画館で、ポスターを見つけて記念撮影する堀貴秀監督（C）2021 MAGNET/YAMIKEN “異例づくし”の映画が話題を呼んでいる。その名は『JUNK HEAD』。全編ストップモーションアニメで、1コマずつ撮影され、総コマ数はおよそ14万。監督の堀貴秀（49）が全作業を手掛け、7年の歳月をかけて作りあげた。堀の本職は内装業で、映像の制作経験はない。映画作りは独学だ。途中、ハリウッドからのオファーを受けても引き受けず、黙々と制作現場にこもった。「才能があるわけじゃなくて、あきらめなかっただけ」。なぜ作り続けられたのか。無謀な挑戦の理由、執念の制作について聞いた。（取材・文：塚原沙耶／Yahoo!ニュース オリジナル 特集編集部、文中敬称略） 『JUNK HEAD』のエンドロールには、ひたすら「堀貴秀」の名前が並ぶ。監督、原案、キャラクターデザイン、編集、撮影、照明
クロネコのマークが少し変わります。｜ヤマトグループ
２０２１年４月１日より、みなさまに親しんでいただいているマークが少し変わります。大切な子猫をくわえて運ぶクロネコの姿は変わりません。信頼をいただいていくために積み重ねてきたサービスを、これからもよりていねいに、より洗練させ、前進していきます。これは“次の運び方をつくる”ヤマトグループの意思表明です。 クロネコのマークは、目や耳など、細部のかたちまで、あらゆる可能性を検証しました。背景には、クロネコを囲うだけでなく、やわらかく広がりのある楕円を採用しています。これまでのマークを引き継ぎながら、これからもずっと前進し続けるヤマトグループの、新しいシンボルマークです。 また、グループ各社の社名は、より読みやすく洗練されたかたちを目指して、全て専用のロゴタイプを開発しました。 コーポレートカラーは４色。トラックはもちろん、あらゆるアイテムで、どのようなかたちになっても環境にノイズを生まず、それぞれ
エヴァンゲリオン公式サイト News
初めに、この度の新型コロナウイルス感染症(COVID-19)被害に遭われた皆様へ、心よりお見舞い申し上げます。 また、今現在も対応に当たられている医療従事者、その関係者の皆様へも感謝と敬意を表します。 この度、新型コロナウイルス感染症(COVID-19)拡大の状況、並びに日本政府による緊急事態宣言の発出という事態を重く受け止め、慎重に検討を重ねて参りました。 その結果、感染拡大の収束が最優先であると判断し、2021年1月23日（土）に向け進んでおりました、『シン・エヴァンゲリオン劇場版』公開を自粛し、再延期を決定いたしました。 なお、新たな公開日は皆様が安心して本作をお楽しみいただける時期を、慎重に検討中でございます。 楽しみにしていただいている皆様には、再びお待たせしてしまう事となり、誠に申し訳なく、深くお詫び申し上げます。 今後の公開予定に関しましては、決定次第、速やかに『エヴァンゲリ
この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト
【中村光毅氏、イデの元に召される・・・】ﾒｶﾆッｸ･ｱｰﾄの第一人者 (ジョニー暴れん坊デップの部屋) 「Confort」中村光毅氏インタビュー ( // musi-musi //) 崖の上のポニョ 感想 (崖の上のポニョ 感想) 【アニメ】：これがプロフェッショナルの仕事と生き様、マクロスの河森正治監督が語る「アニメーション監督という職業」 (白石運送) 足利事件から日本鬼子まで (cancerkiller173のブログ) 今敏 追悼BOOKだけを目当てに今月号のコミックリュウを買ってしまうのは不謹慎なんでしょうか…。 (新製品と価格のメモ) 「破」全記録全集・庵野総監督インタビューの感想 (ユイさんのこと、を想う) Twitter Trackbacks () Twitter Trackbacks () 早すぎる、今敏監督 (札幌生活) 「もうコメントしない」と公言しましたが、海外からの
ウェブサイトの印象を大きく左右する「動き」。 現役Webデザイナーがこれは外せない！というCSSアニメーションライブラリをまとめてご紹介。 任意の要素にクラスを付与するだけで、用途に応じたアニメーションを実装できる便利なライブラリを整理しています。 フワフワやユラユラ、ポヨンといった弾む系の動きから、背景アニメーションなどWebサイトの印象づくりに欠かせない動きが揃います。GitHubレポジトリのスター数が多いものを中心にセレクト。 コンテンツ目次 1. 万能CSSアニメーション 2. 文字エフェクト向け 3. ホバーエフェクト向け 4. 画像、背景向け 5. ふわふわ、ゆらゆら、面白系 6. ハンバーガーメニュー向け 7. クリエイティブなアニメーション 8. よりなめらかな動きを表現するには 9. アニメーションの参考リソース一覧 万能CSSアニメーション Animista 基本となる
『君たちはどう生きるか』を観た。 しばらくしたら専門家が本格的なレビューを書くのだと思うが、今の段階では簡単なレビューしか書かれていない。ちらりと見たレビュー記事が「ファンタジーへの回帰」を称賛するというもので、あまりにも素朴すぎると感じたので、僕も感想を書いてみたい。 一度見終わった直後に走り書きしているので、固有名や記憶違いがあるかもしれないが、その熱だけでも留めておきたい。 宮崎駿の自我空襲警報が高らかになり、燃え尽くす街を駆ける少年の映像。冒頭の1分ほどの映像を観たとき、僕はすでに感動した。この1分の間に、宮崎駿がこれまで描かなかった新しい表現があり、そこにこの映画全体のメッセージがあった。 宮崎駿はこれまで、幾度となく疾走する少年を描いてきた。誰もがコナン、ルパン、パズー、アシタカ、の走る姿を思い浮かべることができると思う。しかし、これらほとんどは走る少年の後ろや横からカメラが追
京アニ人気3作品のワンシーン法廷上映 「小説パクられた」主張、実際に比べてみたら 【京アニ公判速報】｜社会｜地域のニュース｜京都新聞
京アニ人気3作品のワンシーン法廷上映 「小説パクられた」主張、実際に比べてみたら 【京アニ公判速報】 2023年9月6日 17:17
猛煙をあげる京都アニメステーションのスタジオ（京都市伏見区桃山町） １８日午前１０時半すぎ、京都市伏見区桃山町因幡の映像制作会社「京都アニメーション」の第１スタジオで、男がガソリンをまき、火を付けた。京都府警や市消防局によると、鉄筋コンクリート造り３階建て延べ約６９０平方メートルが全面燃焼し、消防によると、午後９時現在、建物内に取り残された男性１２人、女性２０人、不明１人の計３３人の死亡が確認された。３６人がやけどを負うなどして救急搬送された。火を付けたとみられる男も重いやけどを負い、病院で治療を受けている。府警捜査１課と伏見署が殺人と現住建造物等放火の疑いで捜査し、男の回復を待って事情を聴く方針。火災による死傷者数が６０人を超え、平成以降で最悪の大惨事となった。 捜査関係者などによると、火を付けたとみられるのは４１歳の男。男はガソリンを入れたバケツを持って１階フロアに侵入し、受付近くでい
概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい！」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP
「安売り肉を買うシーン、パクられた」 京都アニメーション放火殺人事件の被告が主張 わずか2分半、ありふれた描写（京都新聞） - Yahoo!ニュース
36人もの犠牲者を出した京都アニメーション放火殺人事件は、自身も大やけどを負いながら一命を取り留めた青葉真司被告（42）が2020年12月に殺人などの罪で起訴され、大きな節目を迎えた。こうした中、青葉被告が「京アニにパクられた」と主張してきた小説のシーンがどのようなものか、具体的に見えてきた。アニメのオリジナリティーを巡るトラブルは過去にも起きているが、関係者は「京アニ事件が起きたことで、全てを『笑いごと』として切って捨てるわけにはいかなくなった」と対応に苦慮する。（岸本鉄平、本田貴信） 【写真】事件2日前、防犯カメラがとらえた青葉被告
アニメ『チェンソーマン』公式サイト
リンク ニコニコ大百科 中割りとは (ナカワリとは) [単語記事] - ニコニコ大百科 中割り（なかわり）は、以下を意味する。 アニメーションの作画工程のひとつで、原画と原画の間を補う作業。 ボードゲームの一種、オセロにおける戦術のひとつ。 この記事では、1.アニメーション... リンク note（ノート） 世界一わかりやすい「イージング」と、その応用｜ritar｜note これはdesigning plus nine Advent Calendar 2018 5日目の記事です。 こんにちは。ritarと申します。designing plus nineというサークルで日々楽しく活動しております。 最近、こんな記事を見つけました。 サクサク感をデザインするデザイナにもできる体感速度対策の記事です。techblog.yahoo.co.jp どうすれば体感でサクサク動作するかを書いた良
鈴木敏夫プロデューサー、大塚康生が今朝逝去と明かす…TAAF2021授賞式で哀悼の意捧げる｜最新の映画ニュースならMOVIE WALKER PRESS
映画ニュース 2021/3/15 21:18 鈴木敏夫プロデューサー、大塚康生が今朝逝去と明かす…TAAF2021授賞式で哀悼の意捧げる 3月12日～15日まで池袋で開催されてきたTAAFこと東京アニメアワードフェスティバル2021の授賞式が、15日にとしま区民センターで開催。アニメ功労賞やコンペティション部門の各賞が発表されたなか、アニメ功労部門顕彰者である鈴木敏夫プロデューサーや富野由悠季監督ら多くの受賞者が登壇した。鈴木プロデューサーは、本日逝去したという「ルパン三世」シリーズなど、数多くの作品で一緒に仕事をしてきたアニメーターでキャラクターデザイナーの大塚康生への哀悼の意を示した。 アニメ功労部門を受賞した富野由悠季監督 「僕がアニメに携わったのは1978年5月からで、そのころは『アニメージュ』というアニメーション雑誌にいました。気づいたら実際に製作に関わってから、もう40何年も経
アニメ会社放火 33人の死亡確認 消防 | NHKニュース
京都市の「京都アニメーション」のスタジオが放火された事件で消防は現場で説明を行い、これまでに33人の死亡が確認されたと明らかにしました。
井上俊之が語る『君たちはどう生きるか』- ロングインタビュー by Matteo Watzky | Oct 20, 2023 | インタビュー | 0 comments Fullfrontal.moeでは、宮崎駿監督の新作『君たちはどう生きるか』について、もっと知りたい、情報を共有したいとずっと考えていました。そのため、映画のスタッフにインタビューするのは当然のことだった。そこで、伝説のアニメーター、井上俊之にインタビューをいただきました。 井上俊之は、日本アニメーションで最も偉大な職人の一人であり、最も作画の歴史に詳しい人物の一人でもある。井上氏は、『アキラ』、『攻殻機動隊』、『千年女優』、『電脳コイル』、『おおかみこどもの雨と雪』など、日本アニメーションの最高傑作のいくつかに参加していましたが、『魔女の宅急便』と『君たちはどう生きるか』の間にに宮崎監督と仕事をしたことはない。 そこで今
「かっこいいウェブサイト」とはどのようなものでしょう？ ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう？」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう？」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか！」と身近に感じられるようにな
11月のブラックフライデー／サイバーマンデーセールもあり、今年もMac appを中心にいろいろなソフトウェアを導入してみました。中にはきっと使わなくなってしまうものもありそうですが、これは使う使わないだけでなく、実装されているUIの研究をする目的だったり、あるいは単にクリエイターへの「応援」としてでもあったりします。いくつかピックアップしてみます。 Procreate Dreams (iPad)Procreate DreamsはiPadOS向けの2Dアニメーション制作ソフトウェアです。iPadで一番有名なお絵かきソフトウェアの一つ、Procreateを作っている会社が新たにリリースしたアプリケーションです。 私はアニメーション制作をやるようなクリエイターではないのですが、Procreate DreamsはとにかくUIがよくできていて、まずワクワクしてしまったというのもあるのですが、やっぱり
3DアバターのVRMのスクショアプリ「VRM Posing Desktop」を使いVRMで画像（左）を作成後、Stable DiffusionのWebUIでimg2imgを行ってイラスト風の画像（右）を生成したもの。（画像：筆者作成） 画像生成AIの「img2img」が議論を起こしています。 img2imgとは、画像生成AIの機能の1つ「Image-to-Image」の略称。画像を読み込ませて、テキストで指定するプロンプトと合わせて画像生成すると、元となる画像のイメージを踏襲した画像を作ってくれるという機能です。 たとえば3DアバターのVRMデータを読み込ませるだけでアニメ風の絵が生成されます。パラメーターの設定次第ですが、元のキャラクターの特徴もそのまま踏襲させることが可能です。元となる画像を用意することで、同じ顔つきのやポーズの画像が生成を容易にすることができるわけですね。 この原理を
京都市の「京都アニメーション」のスタジオが放火された事件では、テレビアニメ「らき☆すた」などの監督を務めた武本康弘さん（47）も安否がわからなくなっています。76歳の父親は「事件の前に時間が戻ってほしい」と息子への思いを語りました。 兵庫県に住む武本さんの父親が21日、ＮＨＫの取材に応じました。武本さんの父親は「ニュースで京都アニメーションが火事だと知って、心配していましたが、最近は出張も多かったので、現場にいなかったらいいなと思っていました。しかし、息子の妻から『いくら携帯電話に連絡してもつながらない』と聞き、絶望的な気持ちになりました」と話していました。 武本さんは新しい映画作品ができるたびに、必ず両親へ招待券を送っていたということです。 父親は「招待券を送ってくれた映画はすべて見に行きました。優しい性格の息子です。私にとってはできすぎた息子です」と話していました。そのうえで「犯人に対
おひさしぶりです。この記事はクソアプリ Advent Calendar 2021の13日目です 突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います？ 最近多いですよね、あれ。 確かにオシャレだし楽しいしゲームとか作家さんのギャラリーサイトとかなら全然OK。でも情報が欲しくてアクセスしてるページで「ふわっ」ってされるとちょっとイラッとする。 ちょっと？...イラッと？...いや、 許さない、絶対 よろしい、ならば粉砕だ よそ様のサイトを粉砕する都合上、今回の実装はChrome機能拡張です。機能拡張はViteにChrome機能拡張用のプラグインvite-plugin-chrome-extensionを入れて作りました。今回は解説しないけど、これ超楽。フレームワークは無し、言語はTypeScriptです。 とは言え、クソアプリのためにChromeに機能拡張をイ
fullfrontal.moeは日本語のホームページが作りました! このインタービューはこちらで読めるになりました。
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
この記事では、「それ、何使ってるの？」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ
2019年7月、京都アニメーションのスタジオが放火され、社員ら36人が死亡、32人が重軽傷を負いました。
庵野秀明のプロフェッショナル100分拡大版「さようなら全てのエヴァンゲリオン」 2021年4月16日 18:07 2558 299 コミックナタリー編集部 × 2558 この記事に関するナタリー公式アカウントの投稿が、SNS上でシェア / いいねされた数の合計です。 648 986 924 シェア
Web制作者は1冊持っておくとかなり便利！UIに適したさまざまなアニメーションの実装方法が分かる解説書 -動くWebデザイン アイディア帳 実践編
Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。 動きやアニメーションのコードはサポートサイトから最新版がダウンロードでき、要素表示、背景の動き、エリアの動き、画像の動き、テキストの動きなど9種類にバリエーションが100個以上あり、「この1冊が丸ごとカバー」の文字通り大全集です。 既視感を覚えた人は、大正解！ 「動くWebデザインアイディア帳（紹介記事）」の第2弾で、第1弾は基本的な動きでしたが、第2弾の本書は実践編として「印象に関わる動き」となっています。 Web制作者は、1冊持っておくとかなり便利だと思います。こういった気持ちいいアニメーションはクライアントからの要望も多く、喜ばれます。
原画と原画の間にあたる画像を複数枚入れることで、自然な連続性のある動きを作る。アニメの基本となる「中割」作業を画像生成AIが実現する可能性が出てきました。鍵になっているのは「AnimateDiff」という技術。8月に入って、様々なユーザーのアップデートによって機能拡張が進められています。それは完全な画像生成AIで作られるアニメの可能性を垣間見せるほどのものです。 16コマ/2秒の短い動画が生成できる AnimateDiffは7月10日に発表された、上海AIラボ、香港中文大学、スタンフォード大学の共同研究による技術。画像生成AI「Stable Diffusion」の仕組みとデータセットを利用しつつ、数百万本の動画を学習させた「モーションモジュール」と呼ばれるデータセットを別途に参照させることで、連続するキャラクターの動きを生成可能にするというのが基本原理です。生成できる時間は、16コマ/2秒
人気アニメ『ポケットモンスター』（公式略称：アニポケ テレビ東京系 毎週金曜 後6：55～）第136話が16日、放送された。放送後、新情報が発表され、主人公が交代となる新シリーズが、2023年4月より放送されることが決定した。 アニメ『ポケットモンスター』最終章のビジュアル（C）Nintendo･Creatures･GAME FREAK･TV Tokyo･ShoPro･JR Kikaku （C）Pokemon 写真ページを見る 【写真】その他の写真を見る また、サトシとピカチュウの物語の最終章「ポケットモンスター めざせポケモンマスター」が、2023年1月13日から放送されることも発表された。 新シリーズは、ポケモン世界全体を舞台にした 新たな夢と冒険となり、本日世界初公開された映像では、今作の新たな2人の主人公、少女・リコと少年・ロイの姿も発表。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“京アニ” 社長「必死に戦う 世界中にアニメ届けるために」 | NHKニュース
話題のAIアニメーション、何だか動きに違和感がある→有識者の分析が興味深い「脳の機能として気持ちよく見えるか」
ディープラーニングの手法「CNN」の画像識別処理がアニメーションで理解できる「CNN Explainer」
エンジニアでも知っておきたいデザインの基礎知識 - Qiita
警察「複数の人の死亡を確認」アニメ会社で火事 | NHKニュース
「君たちはどう生きるか」アカデミー賞長編アニメーション賞に | NHK
ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ
京都アニメーションの成り立ちと「ブランド」について - 氷川竜介ブログ
サンプル付コピペOK！すごいCSSアニメーションライブラリ30選【2022年版】
宮崎駿の悲しみと問いかけ─『君たちはどう生きるか』｜下西 風澄
京アニ火災「小説を盗んだから放火した」確保の男、強い殺意持つ : 京都新聞
フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita
ちゃんとダンスに見える動きとラジオ体操みたいに見えちゃう動きとの差はこんなところにあった？「これがキレの秘密…！」
井上俊之が語る『君たちはどう生きるか』- ロングインタビュー - fullfrontal.moe
トレンドウェブサイトから学べ！ JavaScriptで作る本格スクロール演出 - ICS MEDIA
今年導入したソフトウェア、魅力的だったソフトウェア（2023）｜usagimaru
「AIトレパク」が問題に (1/3)
アニメ「らき☆すた」監督 武本康弘さん父親「時間戻って」 | NHKニュース
😡webのスクロールでふわっと出てくるやつ絶対粉砕するマン【クソアプリ】 - Qiita
「電脳コイル」総作画監督 井上俊之インタビュー
リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA
これは便利！ありそうでなかった最新Web、オンラインツール36選
京アニ跡地利用 地元町内会が要望書 「不特定多数訪問の慰霊碑などに整備しないで」 | 毎日新聞
庵野秀明のプロフェッショナル100分拡大版「さようなら全てのエヴァンゲリオン」
アニメの常識、画像生成AIが変える可能性「AnimateDiff」のすごい進化 (1/3)
アニメ『ポケモン』来年4月から新シリーズで主人公交代 1月から最終章でサトシとピカチュウの物語終了