邪悪は道理もなく舞い降りた。7月18日、一人の暴徒が日本京都府にある「京都アニメーション」の第一スタジオを爆破放火した。 建物に居た73名のスタッフのうち6名だけが火災を逃れ、その他の方はみな被害に遭った。現在34名が死亡(7月20日まで)、30余名が重軽傷を負ったという（犯人も含む）。 「アニメ会社放火事件」は80年代以来死亡者が最も多いテロ事件となり、全世界でニュースとなって駆け巡り、一般人でさえこの少し奇妙な名前のアニメ制作会社を知ることとなった。アニメ業界を知る者にとって、京アニを知る人にとって、この災難が想像を絶する物であり、未来に対して悪影響しか与えないという考えに至るだろう。 私は今回の事件の詳細について追及したくない。私はこの場を借りて、皆さんに京アニが日本のアニメの過去と未来を背負った会社であることを伝えたいと思っている。我々が失ったのは、京都アニメーションが描き下ろした
慢性的ストレスに悩まされる現代社会。 生き抜くために我々は何をしたらいいのか。 その答えを悪役令嬢カタリナ・クラエスから学ぶ。 なぜカタリナ・クラエスは破滅を回避できたのか アニメ『はめふら』がきれいに終わった。 『乙女ゲームの破滅フラグしかない悪役令嬢に転生してしまった…』12話 物語はこの先も続くが、まずはゲームで示された「カタリナ・クラエス破滅エンド」を回避したわけで、一つの区切りがついたと言える。 しかし振り返ってみると、カタリナはよく破滅を回避しきったものだと感心する。彼女にはいわゆるチート能力が無い。魔法は7年間消えても土ボコ一つ出すだけだし、身体も常識的な範囲で健康な程度。現代知識を生かしてマヨネーズを作ることさえしない。 カタリナが持つ唯一の強みは、ゲームの展開を知っていること。しかしそれさえも完璧とは言えない。なぜなら彼女は破滅ルートという「間違い」を知っているが、ど
ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか？ この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas（WebGL）の3つについて、それぞれのできること・できないこと（得意・不得意）を作例とともに紹介します。 クイズ：どうやって実現する？ webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas（WebGL）のいずれかを中心に実装されています
TVアニメ「うる星やつら」第１弾PV
高橋留美子デビュー作『#うる星やつら』（小学館 少年サンデーコミックス 刊）が2022年フジテレビ"ノイタミナ"ほかにてアニメ化が決定！！ 公式Twitter：https://twitter.com/uy_allstars ■放送 2022年10月よりフジテレビ“ノイタミナ”ほかにて放送開始 ■原作 高橋留美子「うる星やつら」（小学館 少年サンデーコミックス 刊） ■スタッフ 監督：髙橋秀弥 、木村泰大 シリーズディレクター：亀井隆広 シリーズ構成：柿原優子 キャラクターデザイン：浅野直之 サブキャラクターデザイン：高村和弘 みき尾 メカニックデザイン： JNTHED 曽野由大 プロップデザイン：ヒラタリョウ 美術設定：青木 薫 美術監督：野村正信 色彩設計：中村絢郁 CG ディレクター：大島寛治 撮影監督：長田雄一郎 編集：廣瀬清志 音楽：横山 克 音
写真をアニメっぽい画像に変換する「AnimeGAN」に改良を加えたオープンソースプロジェクト「AnimeGANv2」を手軽に試せるデモサイトが公開されています。 AnimeGANv2 - a Hugging Face Space by akhaliq https://huggingface.co/spaces/akhaliq/AnimeGANv2 これは、「AnimeGANv2」のPython向け機械学習フレームワークである「PyTorch」版をもとに、機会学習体験UIを作成するGradioで作られたデモで、基本的には人の顔が写ったポートレート写真の変換を行います。 サイト上部にある「Drop Image Here - or - Click to Upload」と書かれたエリアに変換したい写真をドラッグ＆ドロップするか、エリアをクリックしてエクスプローラーから変換したい写真をアップロードし
となりのトトロ [DVD] 発売日: 2014/07/16メディア: DVD 『となりのトトロ』は子どもが妖怪に出会う物語だ。 妖怪が出るような、よくわからない場所が間近な生活圏にあったということだし、よくわからない場所に子どもが出入りする自由があったということでもある。 おばあちゃんの田舎へと引っ越してきたメイとさつきは、まず廃屋同然の新居を冒険する。 新居はほこりだらけで、ぼろくなっていて、まっくろくろすけ（すすわたり）が巣食っている。まっくろくろすけが巣食っているということは、新居はよくわからない場所で、そのよくわからない場所に、メイとさつきが踏み込んでいったわけだ。 床を踏み抜いてしまうかもしれない、リスクのあるよくわからない場所に子どもが入っていくのは、令和の子育て感覚では許容されない。親や周囲の大人が許容しないだけでなく、よく訓練された令和の子どもなら、よくわからない場所に勝手
京都市伏見区にあるアニメーション製作会社のスタジオに、男がガソリンのような液体をまいて火をつけた火災で、現場から西におよそ500メートル離れたガソリンスタンドの店員によりますと、火災が起きるおよそ30分前の18日午前10時ごろ、男が１人で訪れ、40リットルのガソリンを購入したということです。 男は年齢が30代から40代くらいで赤いＴシャツのようなものを着て、リュックサックを背負っていたということです。警察が火災との関連について調べています。
齋藤 雄志 @Yuusisaitou 映画「若おかみは小学生！」が先日Eテレで放送され、物議を醸している 私は公開初期から絶賛、応援し原作も全巻(短編集以外)読んだ人間で、今作を巡る賛否両論は当時から見てきた。 評判が良いという今作だが、当時から決して絶賛一色ではなかった。反発する声もそれなりに確かにあったのである。 pic.twitter.com/J1qqWPtgBz 2020-05-22 02:51:01
とある魔法少女ガチ勢「まどマギ以降、魔法少女は殺伐としたものが多くなってしまった…姫ちゃんのリボンみたいなのが好きだったのに…」
846号＠療養中 @846Go そう言えば昔、魔法少女ガチ勢(男性)の人が『まどマギ』に否定的で、理由を訊ねたら 「まどマギ以降、魔法少女って殺伐としたものが多くて…アッコちゃんやサリー、姫ちゃんのリボンみたいなのが好きなのに…」 って言ってて、 「なるほど、本当にガチの方だった…」 と納得した思い出 2023-01-13 23:31:40
悪いのは手塚治虫？ 日本のアニメについて語られるとき、そこで働く人たちの低賃金が問題になる。 アニメが好きでその仕事をしているので、いわゆる「やりがい搾取」になっている、と。 それはアニメのみならず、映像の世界全体に言えるようでもある。 しかし映像全体であれば、不況でテレビ局の業績がどうこうとか、とくに特定の個人のせいにはされないが、アニメに関しては、いまだに「手塚治虫が『鉄腕アトム』を安く作ったおかげで、アニメーターは低賃金になった」と、亡くなって30年が過ぎている手塚治虫のせいにされている。 本当にそうなのだろうか。 ひとは断片的な「事実」をもとに、「物語」を捏造してしまいがちだ。 手塚治虫疫病神説もそのひとつであり、この「誤った歴史」を拡散させたひとりが、宮崎駿である。 1989年に手塚治虫が亡くなったとき、マンガ専門誌「Comic Box」1989年5月号、「特集 ぼくらの手塚治虫
Webデザイナーとデベロッパー向けに、2020年参考にしたいWebデザインの最新トレンドと技術の進化を紹介します。 最近注目されているWebサイトやスマホアプリのトレンドを調べ、デザインと技術の変化とそのトレンドの根底にある背景を解説します。 Top Web Trends for 2020 and why they are coming by Jouan Marcel 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webデザインのほとんどのトレンドは、その時点で利用可能な技術に遡ることができます。少し前までは例えば、表示がフェードインする要素、レスポンシブレイアウト、パララックスなどがそうです。また、グラフィックデザインのトレンドと並行することもあります。 磨りガラスのエフェクト ダークモード どこにでもグラデーション 洗練さ
文化功労者に選出された富野由悠季監督からコメントが到着！「文化功労者顕彰を受けて」 | GUNDAM.INFO
令和3年度の文化功労者に選出された富野由悠季監督よりコメントが到着した。 文化功労者は、文化の向上発達に関し特に功績顕著な者を顕彰する制度で、富野監督は「物事の本質をつく視点で壮大な世界観をもつ作品を創造し、我が国のアニメーション界に新たな表現を切り拓いてきたものであり、アニメーションを文化として発展させた功績は極めて顕著」として顕彰された。 文化功労者顕彰を受けて 今回、文化功労者として選出されたことは、ぼく以後の後進のために、大変嬉しいことだと思っています。この種のジャンルの創作者、アーチストにとって励みになるからです。 本当にありがとうございました。 しかし、ぼくのキャリアを少しでもご存知の方は、不思議に感じていらっしゃることでしょう。名のある賞をとったこともないアニメ監督なのですから……。 ぼくに取り柄があるとすれば、世間的に職業と認められていなかった仕事をやるようになって、半世紀
スクロールで全画面がスライドのように切り替わるウェブサイトの表現があります。手軽にこの表現を実装するJSライブラリ、fullPage.jsを使ったことのある方もいるのではないでしょうか？ かつては無料で使えたこのライブラリですが、現在はGPLライセンスのプロジェクト以外では使用料がかかります。 その一方、CSSとJavaScriptの進化により、このような表現をライブラリを使わずとも比較的簡単に実装できるようになりました。本記事では、基本的な機能をおさえた、全画面スクロールの実装方法を紹介します。 この記事を通じて以下の技術も学べます。 スクロールをピタッと止めるCSSプロパティscroll-snap-type 画面と要素の交差を検知するIntersection Observer API スムーススクロールが実装できるJavaScriptメソッドscrollIntoView() デモを別ウ
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し
京都アニメーション火災、人命と芸術の無残なる喪失
「アニメ」という言葉の語源である「アニマ」は、ラテン語で生命・魂を意味する。京都市伏見区のアニメ制作会社「京都アニメーション（京アニ）」のスタジオにはそんな魂が多く宿っていた。１８日午前、このスタジオを放火とみられる火災が襲い３３人の命が失われた。人間の尊厳と、芸術作品を生み出す営みの両方にとって、あまりに大きな損失となった。 京アニは業界でも有力な制作会社として、国内外におけるアニメの普及に貢献してきた。八田英明・陽子両氏が１９８０年代に夫婦で創業。以降、所属するアニメーターらの能力を最大限に引き出す独自の企業風土で知られてきた。 アニメ産業の職場は男性が多く、作品も伝統的に男性の観客向けのものが多かった。その中で、京アニは同業他社より管理職を含め多くの女性を雇用してきたことで有名だ。 アニメーターを給与制で雇用し、高い質の作品を作り出せるような金銭面や社会保障の環境を整えた。アニメータ
Gitコマンドの結果一体どうなるのかをすばやくアニメーション画像を生成して視覚的にわかりやすく見せてくれる「git-sim」
プログラマー育成を支援するInitial Commitが、ローカルリポジトリにおけるGitの動作をシミュレート可能なコマンドラインツール「git-sim」を2023年1月22日にリリースしました。git-simを使うことで、Gitコマンドがリポジトリに及ぼす影響を視覚化した画像やアニメーションを生成できます。 git-sim - Visually simulate Git operations in your own repos with a single terminal command. https://initialcommit.com/tools/git-sim GitHub - initialcommit-com/git-sim: Visually simulate Git operations in your own repos with a single terminal c
はじめに 以下のツイートが500いいねを超えましたので解説記事を書きます。 デモ＆ソースコード CodePen に完成品のデモとソースコードを置いてあります。 グリッチとは 元々は「一過性の障害」という意味ですが、映像の世界ではしばしば「映像の乱れ」という意味で用いられます。ホラーやサイバーなどでよく見られる演出の一つ。 https://www.google.com/search?q=glitch&tbm=isch RGB ずらしとは 色収差、RGB シフト、RGB split (RGB 分割) など、さまざまな言い方がありますが、要するに本来光の三原色である Red、Green、Blue がズレることなく重なって映像を映し出すところ、それがズレた状態で表示されることです。 グリッチエフェクトと一緒に用いたり、場合によっては色ズレも含めてグリッチと言ったりしますので、今回も合わせて実装する
iOS NativeからReact Native に乗り換えた Shopify の話聞いてきた - tomoima525's blog
"最も使われているサービスのひとつを iOS Native から React Native に作り変えた" というアナウンスメントを出し話題となった Shopify で、まさにその内容を扱った React Native の meetup があり、参加してきたので内容と所感をまとめました。 React Native is the Future of Mobile at Shopify 発表内容 検証/導入フェーズ 技術スタック React Native がもたらした効果 途中でやめたこと 追加で登壇者に聞いたこと その他の発表 React Native for Web @twitter その他もろもろ React Native is the Future of Mobile at Shopify React Native で書き換えた話はしばらく前にアナウンスしていたのですが、Shopify
アニメーション映画「君の名は。」が記録的なヒットとなった、新海誠監督。 ３年ぶりとなる最新作「天気の子」が、７月19日から公開される。 「君の名は。」のあと一段と注目度が増した新海監督は、何を考え、どのような作品を作り上げていったのか。およそ１時間におよぶインタビューで監督が口にしたのは、「より批判される作品を作る」という強い思いだった。（科学文化部記者 岩田宗太郎 おはよう日本 ディレクター 白川貴弘） 新海誠監督は、長野県出身の46歳。平成14年に短編作品「ほしのこえ」をほぼ１人で作り上げてアニメーション監督としてデビューした。 平成28年に公開された「君の名は。」は、興行収入250億円、観客動員数1900万人の記録的ヒットとなった。インタビューは、３年ぶりとなる新作「天気の子」の公開を目前に控えたある日、東京都内のスタジオで実現した。 今は完成直後、公開直前なんですが、大変落ち着かな
エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、株式会社ゆめみの佐々木祥晶氏。導入事例を交えながら「Three.js」の魅力、メリット・デメリットを語りました。 株式会社ゆめみ所属・新人フロントエンドエンジニア 佐々木祥晶氏：それでは発表いたします。題目は、「Three.js の魅力を語る」です。 目次ですね。最初に軽く自己紹介をして、本編で「『Three.js』とは何ぞや？」とか、そういったことをいろいろ話していき、最後に軽くまとめをしていければなと思っています。 では、軽く自己紹介を。初めまして、佐々木祥
京都市伏見区桃山町因幡の「京都アニメーション」で１８日に起きた火事で、ガソリンのような液体をまいた男が京都府警の警察官に確保される際、「パクリやがって」と叫んでいたことが現場周辺の住民らへの取材で分かった。府警によると、男は「死ね」と叫んで建物内に入ってきたとみられるという。男は市内の病院に搬送されており、府警が放火の疑いで調べている。 府警によると、男は液体をまいた後に逃走。京都アニメーションの男性従業員１人が追いかけていったところ、まもなく路上でへたりこんだ。 男が確保された現場近くに住む女性によると、インターホンが鳴り、外に出てみたところ、Ｔシャツにジーパン姿の男が玄関横のガレージ付近に仰向けで倒れていたという。足から血を流し、ズボンには火がついていたので介抱していると、警察官が来て、男を確保。「どうしてやったんだ」などと問いかけると、男は怒った様子で「パクリやがって」と声を荒らげた
宮崎駿の引退説をジブリ幹部が否定 すでに次回作を構想中だと明かす
スタジオジブリ最新作『君たちはどう生きるか』は、宮崎駿の最後の作品になると長い間噂されてきたが、それは事実とは異なるようだ。 『君たちはどう生きるか』（英題：『The Boy and the Heron』）の上映が行われたトロント国際映画祭にて、スタジオジブリ広報・学芸担当スーパーバイザーの西岡純一はCBC Newsに対し、82歳の宮崎は現在もたくさんのアイディアを持っており、毎日出社していると明かした。 これが引退作になるのか、と問われた西岡は「世間ではそういう噂もありますけれども、本人は全然そう思っていなくて、今も次のアニメーションの構想をもう考えているんですよ」と返答。「だから、毎日、今も会社に来て、“次のアニメーションをどうしようか”ということを言っていますから、今回は引退宣言はしません」と語った。 "次のアニメーションの構想をもう考えているんですよ。毎日、今も会社に来て“次のアニ
アニメ界のご意見番と言えばこの人！ 『GHOST IN THE SHELL／攻殻機動隊』『イノセンス』などの作品で知られる押井守監督に、今年のアニメ界で注目した出来事を振り返っていただいた。 取材・構成＝渡辺麻紀 ◆◆◆ 「作り手として“配信”に限界が見えた」 （１）視聴者からの反響が見えづらい見放題月額制 当初、ネットフリックスやアマゾンプライムなどの配信会社はクリエイターを尊重してくれる上に、資金もあって予算的にも苦労が少ない……そんなふうに聞いていた。私も何本か企画書を出したのだけれど、ことごとく通らなかったし、そうしているうちに状況も変化していったんだよね。 こういう状況は、80～90年代のOVA（オリジナル･ビデオ･アニメ）ブームと似ていると思う。最初はオリジナルのストーリーを作らせてくれていたのに、あっという間に人気シリーズのスピンオフなど、鉄板の企画しか通らなくなったんだ。配
りんたろう監督：アニメ激動の80年代 技術が一つの頂点に 伝説「幻魔大戦」振り返る - MANTANWEB（まんたんウェブ）
アニメ界の巨匠・りんたろう監督が手がけた劇場版アニメ「幻魔大戦」が、11月19日から開催される「角川映画祭」で上映される。平井和正さんと石森章太郎さんの原作をアニメ化し、角川映画のアニメ第1弾として1983年に公開。「AKIRA」などで知られるマンガ家の大友克洋さんがキャラクターデザインを担当するなど豪華スタッフが集結した伝説のアニメだ。同作が公開された1980年代は、日本のアニメの歴史が大きく動いた時代だった。「1980年代にアニメの技術が一つの頂点を迎えた」と話すりん監督に、激動の時代を振り返ってもらった。 ◇イチかバチか 角川春樹の慧眼 りん監督は、1941年生まれ。1958年に東映動画（現・東映アニメーション）に入社し、「白蛇伝」（1958年）や「西遊記」（1960年）などに参加した。その後、虫プロダクションに移籍し、「鉄腕アトム」（1963～66年）で演出デビュー。「ジャングル大
フロントエンドの開発が初めての人が意外と抜けがちな観点をまとめてみました。 初めにざっくりと概要を話すと「デザイナーが作るデザインでは表現しづらいもの」をまとめたものになります。 デザイナーが作るデザインは静的なものなので(たまにがっつりプロトタイプを作ったりもありますが)、いわゆる"状態"を表現するのが難しかったり抜けたりしがちです。 具体的に言うとローディング、Empty、エラーなどです。これらをよしなに補完できるフロントエンドエンジニアはデザイナーからもきっと「頼りになるぅ！」と思われること間違いないでしょう。 と言うわけでそんな例を紹介していきます。 今後も思いついたら追加する可能性が無きにしも非ず。 ローディングを出そう こう言うクルクルするやつとか こんな感じでシュインシュインするやつがあります。 基本的にユーザがアクションを起こした時に待たせる場合は必ず表示させましょう。 ロ
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
「京都アニメーション」の放火殺人事件にNHKのディレクターが関わったかのような虚偽の記事がインターネットのまとめサイトに掲載され、名誉を傷つけられたとNHKが訴えた裁判で、東京地方裁判所は「NHKの社会的評価を大きく低下させた」として、サイトの編集長に360万円余りの賠償を命じました。 おととし、京都市の京都アニメーションのスタジオが放火され社員36人が死亡した事件をめぐり、インターネットのまとめサイト「LH MAGAZINE」にNHKとそのディレクターが事件に関わったかのような虚偽の記事が掲載され、名誉を傷つけられたとして、NHKはサイトの編集長を訴えました。 判決で、東京地方裁判所の古田孝夫裁判長は「記事の内容を普通に読むと、NHKとディレクターが放火事件に関与したうえ、証拠隠滅をしたという印象を与える。高い信頼性と中立性を要求されるNHKの立場を踏まえると、社会的評価が大きく低下した
使われたセル画は4万5000枚超。作者が自宅を抵当に入れてまで作った狂気の手描きアニメゲーム『Cuphead』のヤバさを今さら語りたい
そして、本編発売からおよそ5年後には、新たなプレイアブルキャラクターとしてチャリスを迎え、新武器を携えたカップヘッドたちの新しい冒険が描かれるダウンロードコンテンツ、『The Delicious Last Course』の配信がスタート。タイトルの頭文字をとっていくと、ダウンロードコンテンツの略称である “DLC” になるというオシャレが輝くこちらの作品でも、高いアニメーションの品質とゲーム性は健在です。 そんな本作の人気はゲーム発売当初から止まることを知らず、様々な媒体へと展開していきました。海外では、コミックスはもちろんのこと、小説でも新作短編が作られており、更にはNetflixで、本作を題材とするオリジナルアニメシリーズ『ザ・カップヘッド・ショウ！』が配信されています（現在、シーズン3まで配信中。日本語吹き替え版もあります）。 海外のカートゥーンをリスペクトしたゲーム作品が正式にカー
jQueryとCSSアニメーションを はじめたばかりの方へ Webデザインのスクール講師が 「動かしたいパーツ」ごとの 逆引きリストをつくりました News 2024.03.27Gmailにおける特典受け取りについて2024.01.185-1-1、5-1-2 グローバルナビゲーション ドロップダウンメニュー（上・左）に関するCSSコード不備のお詫び2023.08.305-1-3、5-1-4 グローバルナビゲーション ドロップダウンメニュー（写真付 上・左ナビ）に関するコード不備のお詫び2022.10.195-1-7 「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」に関するコード不備のお詫び Gmailにおける特典受け取りについて 【お知らせとお詫び】 2024年2月にGmailのガイドラインが変更となった影響で、特典受け取りとお問い合わせフォームの内容がGmail
インターネットの歴史そのものは1970年代までさかのぼることができますが、インターネットが一般に普及しだしたのは1994年～1995年頃といわれています。そんなインターネット黎明期に作成されたウェブサイトの「あるある」をまとめたサイト・Dark Ages of the Web(ウェブの暗黒時代)が公開されており、インターネットの進化の過程を振り返ることができます。 Dark Ages of the Web https://pavellaptev.github.io/web-dark-ages/ Dark Ages of the Webを表示すると、冒頭からいきなりパンチの強いGIFアニメーションが配置されています。 さらに、スター・ウォーズシリーズでおなじみのオープニングクロールのパロディという形でサイト説明文が書かれています。 まず最初に解像度の変化から。2015年の時点で1920×10
この記事では、コーディング作業で迷ったときに確認したいコードスニペットを集めた便利サイトをまとめて紹介しています。 ウェブ開発において、フロントエンドやデベロッパーが悩んでしまう問題の解決方法を知ることができるだけでなく、世界中の優秀なプログラマーの作成したコードを確認、実際に動かしながら学ぶことができます。 ちなみに、2020年に人気だったコードスニペットランキングがこちら。 2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 どう書くんだっけ？ を一発解決！コードスニペットを集めたオススメWebサイトまとめ CoddMyUI Javascript、HTML、CSS、jQueryプラグイン、ウェブ開発にできるデザインスニペット1200個以上が揃ったサイト。ボタンやホバーリンク、テキストアニメーションなど細かくカテゴリ分けされているので、必要なパーツごとのコー
パーティクルやラインアニメーションなど、ウェブページにちょっと見栄えのする表現を加えてみたくなることはありませんか？ ICS MEDIAのトップページや弊社採用サイトでもこうした表現を実装していますが、思った通りの演出をコードで表現するのはなかなか難しいものです。技術は分かっても「自分にはセンスがないから……」と諦めてしまっている人もいるかもしれません。 この記事では、簡単なパーティクル表現を題材に、効果的なアニメーション表現のためのテクニックを紹介します。サンプルコードはブラウザー標準のWeb Animations APIを使用して実装していますが、CSSアニメーションやGSAP等のライブラリを用いても同様の実装は可能です。 基本のパーティクル 例題とする基本のパーティクルを見てみましょう。クリックすると中央の星からパーティクルが放射状に広がるアニメーションが再生されます。 デモを別画面
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
漫画家の赤松健さんと声優の榎本温子さん・神田朱未さんの3人が、2022年2月28日にツイッターの「スペース」上で交わした会話の中で、現役声優の厳しい労働事情が話題になった。 声優人口が増えダンピング化 榎本さんは「彼氏彼女の事情」（1998年）でデビューし、現在も声優やナレーターとして活躍する。 今回のトークの終盤に赤松さんが聞いた「これから政治家を目指す赤松にもしやってほしいことがあったら」という質問に、榎本さんが挙げたのが声優のギャラ事情の改善だった。赤松さんは現在政治団体「表現の自由を守る会」の最高顧問を務め、22年の参院選に自民党から立候補する意向を示している。 アニメ業界の中で、声優の労働環境だけが改善が進んでいないと訴える榎本さん。理由にアニメ出演ギャラの安さと、声優の立場の弱さを挙げた。 「アニメーションのお仕事の値段が安すぎる。値段を上げていくことができるんですが、実際はダ
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever. View Transitions, Image Optimization, JSX Fast Refresh, and so much more. https://t.co/vOi44246Hg — Astro (@astrodotbuild) August 30, 2023 Astroは、ReactやVue、Svelte、Alpine.js、TypeScriptなどのさまざまなフレームワークやライ
すべての会社が「鬼滅の刃レベル」を目指しても「良アニメを量産」することにはならない説…「多様性が大事」「『君の名は。』の悲劇」など
作画を語るスレ公認巡回委員長 @sakuga_thread すべての会社が「『鬼滅の刃』レベル（のクオリティ）を目指す事」が、「『鬼滅の刃』のような見た目のアニメを量産させる事」に繋がらない事を祈ります。それではアニメーションの多様性を失いかねないです。 2022-02-13 00:32:32
※ CSS Animationに関してはWeb Animation APIを使うことでより簡単にJavaScriptからアニメーションを構築・制御できるようになります。2020年2月時点ではブラウザの実装が不十分でPolyfillを要するため、この記事では対象外としています。 専用ライブラリを使わずにアニメーションを作ろう 各ライブラリは特別な魔法を使っているわけではありません。 原理的にはCSS・SVG・WebGLといった各要素技術をしっかりと習得すれば、専用のライブラリと同等のことができるばかりか、より高い自由度を手に入れながら軽量化を実現できる可能性もあります。 また、専用のライブラリを利用する場合にも、基礎となる原理や各技術の得意不得意を知っていることは大きな武器となるでしょう。 Vue.jsを使ってCSSやSVGのアニメーションを書く とは言え、これらのアニメーションを土台の技術
日本アニメって軍隊を描けなくなってない？
ヤマト2199とかガンダムの新しめのシリーズとか見てて不思議に思ったんだけど、 あれ軍隊の体をなしてなくない？ 敵もいい加減だが特に主人公陣営。 戦闘訓練とか演習とか全然しねーし、なんなら勝手に持ち場離れて戦闘機持ち出してたりとか。 昔のシリーズなら描けてたかと聞かれるとちょっと微妙だが、昨今のは学生のノリで戦艦乗ってる感がキツくてげっそりする。 お前ら命令より規律より自分の感情が優先されると思ってない？ ゲートなんかは原作者が原作者だから軍隊は割とリアリティがあったけど、まあ展開が軍人の願望てんこ盛り過ぎてアレになってたから作品全体としては微妙になってしまってたが、まとも（っぽく感じる）軍隊像が描けてるのあれくらいしかない気がする。 戦争から時が経ちすぎてまともな軍隊を描けなくなってしまったのかね。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『アニメで知る中国』京アニ爆発火災―焼かれたのは“日本アニメの過去と未来”〜葛仰騫著
破滅フラグを回避するには運動しかない - 本しゃぶり
君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
ポートレート写真をアニメ風に変換する「AnimeGANv2」を手軽に試せるデモサイト登場
"本当は正しくない『となりのトトロ』"が、受け入れられている - シロクマの屑籠
現場近くで男がガソリン40リットル購入 警察が関連を捜査 | NHKニュース
映画レビュー「若おかみは小学生！ってホントに＂感動的＂な映画ですか？」
アニメ業界の低賃金は手塚治虫のせいなのか？ 見えてきた意外な真実（中川 右介） @gendai_biz
2020年、注目されているWebデザインの最新トレンドと技術の進化
モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出（2019年版） - ICS MEDIA
2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける
WEB特集 新海誠監督 批判を乗り越えた先に | NHKニュース
必要なのはJavaScriptの基本的な知識だけ 3Dアニメーション制作をお手軽にする「Three.js」の魅力
京アニ火災 「パクリやがって」「死ね」液体まいた男が叫ぶ ズボンには火がついたまま… - 産経ニュース
「あの事件でスピルバーグは過去の遺物になった」押井守監督が感じた“ハリウッドの破壊者”の限界 | 文春オンライン
【フロントエンド初心者向け】ユーザビリティを上げるちょいテク
Web制作を変える！2021年の便利オンラインツール・ベスト100選
虚偽記事でNHKの名誉を毀損 まとめサイト編集長に賠償命じる | アニメ会社放火 | NHKニュース
Patterns
動くWebデザインアイデア帳 | 動くWebデザインアイディア帳
25年前は当たり前だったがほぼ絶滅した「ウェブサイトあるある」をまとめた「Dark Ages of the Web」
どう書くんだっけ？ を一発解決！コピペ用コードスニペットを集めたオススメWebサイトまとめ
センスだけに頼らない！ CSSとJSで作るパーティクル表現のテクニック - ICS MEDIA
【2022年】注目すべきUI/UXデザイントレンド - Qiita
「1万5000円からギャラ上げられない」 現役声優が訴えたアニメ現場の「過酷な労働実態」
CSS・SVGとVue.jsでのアニメーション作成入門 - ライブラリに頼らない表現力を身に付けよう - ICS MEDIA