ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA（シングルページアプリケーション）の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。設計思想や機能の種類、学習コストなどの観点で、プロダクト・プロジェクトチームへの適性を検討するのがセオリーです。幸いにも、それぞれを比較した記事がウェブに数多くあり、選定のヒントを簡単に得ることができます。 一方、機能面の比較ばかりが取り上げられ、性能面で紹介されている記事が少ないように見受けられます。記事『サービスにおいて速さこそが神である｜深津 貴之』でも紹介されているように、昨今のウェブはスピードが求められる時代でもあり、ライブラリの性能評価の記事があってもよいのではないで
リンク Engaging Data Real Country Sizes Shown on Mercator Projection (Updated) - Engaging Data This interactive map shows the real size of countries on a mercator projection map. The animation shows some countries shrinking to show their true size. 14 users 4966 にゃんこそば🌤データ可視化 @ShinagawaJP なんで北半球の方が縮小されるかというと、陸地が北半球に偏っているため。 南米最南端の都市・ウシュアイアは南緯55°、対してアラスカ最北のバローは北緯71°。メルカトル図法での拡大率は1.7倍 vs 3.1倍と大きな差がついて
ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか？ この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas（WebGL）の3つについて、それぞれのできること・できないこと（得意・不得意）を作例とともに紹介します。 クイズ：どうやって実現する？ webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas（WebGL）のいずれかを中心に実装されています
2020年冬開始の新作アニメ一覧
2020年最初の番組改編期が近づいてきました。昨年同期の2019年冬が約40本、前期・2019年秋が50本強で、今回も50本弱なので、大きな増減はないといえます。放送・配信形態では、放送よりも配信の方が早い作品もじわじわ増えてきていて、「配信は一切ない」という作品は減ってきていますが、まだゼロにはなっていません。好みの作品を見逃さないように、以下のリストをうまく活用してもらえれば幸いです。 以下、作品は放送・配信時期の近い順から並んでいます。作品名冒頭に「◆」をつけているので、ページ内で「◆」を検索すると素早く次の作品に移動可能です。 なお、「独占配信」表記はその他のサービスでの配信がないケース、「最速配信」「先行配信」は他の配信サービスよりも早いタイミングで配信するケースを指しています。先行以降のタイミングでの全配信スケジュールまでは網羅はしていないため、掲載していない動画配信サービスで
今日のウィークリーAIニュースではnpaka大先生と一週間のニュースを振り返った。今週もいろいろあったが、なんといってもダークフォース、GPT-4越えと言われるXwin-LMである。中国製。 大先生もまだ試してないというので番組内で一緒に試してみた。 もちろんドスパラ製Memeplexマシン(A6000x2)を使用。 >>> from transformers import AutoTokenizer, AutoModelForCausalLM >>> model = AutoModelForCausalLM.from_pretrained("Xwin-LM/Xwin-LM-7B-V0.1") Downloading (…)lve/main/config.json: 100%|██████████████████| 626/626 [00:00<00:00, 56.2kB/s] [2023
便利なのが登場！ 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi
更新履歴 追加 2024/04/01 「Epic Easing」を掲載しました 2024/03/07 「Filter Blend」を掲載しました 2024/03/04 「Tooltips & Speech Bubbles」を掲載しました 2023 2023/07/04 「CSS Box Shadows Generator」を掲載しました 2023/06/29 「Regulex」を掲載しました 2023/04/05 「Colorable」を掲載しました 2023/03/09 「Scrollbar.app」を掲載しました 2022 2022/10/04 「CSS Shadow Palette Generator」を掲載しました 2022/09/07 「Wayback Machine」を掲載しました 2022/05/31 「Min-Max-Value Interpolation」を掲載しました
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で作成し
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
OpenAIが2023年3月14日に正式発表した「GPT-4」は、ChatGPTなどに用いられたGPT-3.5の性能をさらに超え、「初代iPhone登場時と同等の衝撃を与える存在」と評されています。すさまじい性能を有するGPT-4がどのような影響を生み出しているのか、AIに関するマーケティングの専門家であるサム・ウッズ氏が「生後わずか3週間のGPT-4が作成した14の素晴らしいもの」としてまとめています。 GPT-4 is barely 3 weeks old. It has already made significant contributions to various fields. Here are the 14 incredible things created with GPT-4.— Sam Woods (@samuelwoods_) GPT-4では、テキストだけでなく画像を
2020年秋アニメ1話かなり観たので“for me”な感想書くよ - Sweet Lemon
はじめに コロナ禍が猛威を振るう昨今において、相次いだ放送延期により全体の作品数が少なかった2020年7月クール。対して今期は制作の再開した作品が一斉に放送を開始し、前期比1.5倍ほどの作品数に。とりわけ印象的なのがシリーズ物の続編、新シリーズの数で、だいたい全体の⅓くらいがこれに相当する。最近のトレンドである「10～20年ぶりのリバイバル作品」までカウントすると割合は更に増えるので、正直「新作」の定義って難しいなって思う。 もちろん完全新作も続編も感想を書いているけれど、私みたいにあまりアニメを見てこなかった人間が「ちょっと過去作見返してみようかな」などと軽い気持ちで旧作に手を伸ばした結果、思いっきり沼にハマって新作どころじゃなくなってきてるよ、という近況です。 「今期なんも観るものないなー」と思っている人は、今期放送される新シリーズの予習から始めるのが良いかもしれない。そこら中に沼が潜
みんなー！Netfilxで先週公開されたアニメシリーズ「日本沈没2020」は観たかな？ 「マインドゲーム」「四畳半神話大系」「ピンポン the Animation」「映像研には手を出すな！」など名作を生み続けてる湯浅政明監督が 日本SF界の巨塔である小松左京原作の名作「日本沈没」を2020年にアニメ化したという超話題作さ！ とはいえ、政治などを中心に描かれていた原作から大幅に変更され、「日本沈没の災害に巻き込まれた家族が生き延びるためのサバイバル作品」という、個人を描いていて、名作ディザスターアニメ「東京マグニチュード8.0」のような話になってるのが今作のミソなんだ。 しかし、配信早々に大炎上！その理由が ・シンプルに面白くない。 ・原作と話が違いすぎる。 ・展開がバカバカしい。 ・作画が崩壊している。 ・日本人が露悪的に描かれている！反日作品！ ・愛国的な結末に納得いかない！右翼的だ！
2021年冬開始の新作アニメ一覧
年4回ある番組改編期がやってきました。2020年12月～2021年2月ぐらいの間に始まるアニメの本数は60本弱。新型コロナウイルス感染症の影響で放送が延期されていた作品が放送される事例もあるため、一概に「制作本数が増えている」とはいえないものの「減っていない」のは確かなので、どの作品を見るのか、事前にしっかりチェックしておかないと、見たかった作品のスタートに気付かないことも……。ただ、配信でカバーできる作品も少なからずあるので、希望は捨てずに、ぜひ1本でも多くの作品を追いかけてみてください。 以下、リストは放送・配信が近いものから順に並んでいます。作品名の頭には◆をつけています。また、記事内容は情報解禁などに合わせて随時更新していきます。 ◆OBSOLETE(EP7-EP12) ・放送情報 YouTube：12/1(火)～ ・作品情報 2021年。アメリカ合衆国をはじめとした先進工業諸国に
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
2022年冬開始の新作アニメ一覧
年4回の番組改編期が近づき、また多くの新作アニメが始まります。2022年冬(新春)の改編でスタートするアニメの本数は50本強。 Netflixは改編期に縛られないこともあって、すでに注目作「ジョジョの奇妙な冒険 ストーンオーシャン」は第1話～第12話が地上波放送に先駆けて一括配信されています。このほか、原作モノでは「鬼滅の刃 遊郭編」「進撃の巨人 The Final Season Part 2」などの人気作が放送・配信されます。オリジナルアニメでは「空色ユーティリティ」「東京24区」「地球外少年少女」「永遠の831」「リーマンズクラブ」などの放送・配信が予定されています。 以下、作品リストは放送・配信時期が早いものから順に並べています。作品名の頭に「◆」をつけているので、「◆」でページ内検索すると1作品ごとにどんどんジャンプしていけます。また、目次からも各作品部分へ移動可能です。 放送情報
最近のアニメを調べていて特に印象的なのは「アニメだけで完結しないIP」の圧倒的な多さ。いわゆるアイドル作品はその典型で、アニメの放送自体は彼らの幅広い活動における、いち形態でしかなかったりするので、「いやーアイドールズ（アニメ）いいわー」とか言ってるうちに着々とYoutube配信を重ねていたりするんだよね。「お前はアイドールズの良さを全然わかってない」と言われてしまえば、実際そうなのかもしれない。 なので、アニメ放送だけを切り取ってあれこれ感想を書くよりも、メディアミックス含めた体験記のほうが時代に即しているのでは・・・と思うことは多くなった。 ここではアニメをメインに感想を書いてはいるけれど、あくまで「こういうメディアミックスコンテンツがあって、その中の一つとしてアニメを観てみたよ」くらいに捉えていただければと思う（もちろん純然たるアニメ作品もあるよ）。読んだ人の片足だけでも沼に引きずり
現在、隆盛を極めている〝萌え絵〟なアニメとは別ラインで、大人から子どもまで感動させてくれる「名作アニメ」という路線があります。 時代を超えて愛されている「名作アニメ」っぽく描けば、多少イヤな話でもハートフルな感じになる……かも？ 1975年群馬生まれ。ライター＆イラストレーター。 犯罪者からアイドルちゃんまで興味の幅は広範囲。仕事のジャンルも幅が広過ぎて、他人に何の仕事をしている人なのか説明するのが非常に苦痛です。変なスポット、変なおっちゃんなど、どーしてこんなことに……というようなものに関する記事をよく書きます。（動画インタビュー） 前の記事：「日本の裏側はブラジル」と聞いて穴を掘り続けた思い出 ＞ 個人サイト Web人生
2020年秋開始の新作アニメ一覧
年4回ある番組改編期がやってきました。ネット配信を中心とする作品は改編期に縛られることなく自由な時期に配信を始めることができますが、まだまだ多数の作品がテレビ放送を軸としているため、改編期に番組の開始・終了が集中しています。さらに、新型コロナウイルス感染拡大によって多数の作品が制作スケジュールに大きな影響を受けて、秋開始予定だった作品から2021年冬以降へ延期になったものが複数ある一方、2020年春・夏開始予定だった作品がいよいよ放送・配信されるというケースもあり、2020年秋(9月末～10月)に始まる作品の数は50超となりました。 以下、リストは放送・配信時期が訪れたもの・訪れが近いものから順に並んでいます。なお、一時中断からの再開作品である「アイドリッシュセブン Second BEAT!」「ギャルと恐竜」はリストから省いています。 ◆仮面ライダーセイバー ・放送情報 テレビ朝日系：9/
2021年春開始の新作アニメ一覧
2021年春に放送・配信が始まるアニメの数は、昨今の中でも特に多い70本オーバー。 Netflix独占配信アニメの続編「B The Beginning Succession」や、人気キャラクター「ゴジラ」の完全新作TVアニメである「ゴジラS.P＜シンギュラポイント＞」、週刊少年ジャンプ連載の人気作品を原作としてアニメも長期シリーズ化している「僕のヒーローアカデミア(第5期)」、約6年ぶりに復活を遂げたシリーズ新作「ヘタリア World★Stars」、20年ぶりのアニメ化にも関わらずキャストがほぼ続投という「SHAMAN KING」など、多彩な作品が並びます。 小説や漫画、玩具などの原作がなく、また、続編ものでもない完全なオリジナル新作としては「Vivy -Fluorite Eyeʼs Song-」「ダイナ荘びより」「オッドタクシー」「iii あいすくりん」「擾乱 THE PRINCESS
パーティクルやラインアニメーションなど、ウェブページにちょっと見栄えのする表現を加えてみたくなることはありませんか？ ICS MEDIAのトップページや弊社採用サイトでもこうした表現を実装していますが、思った通りの演出をコードで表現するのはなかなか難しいものです。技術は分かっても「自分にはセンスがないから……」と諦めてしまっている人もいるかもしれません。 この記事では、簡単なパーティクル表現を題材に、効果的なアニメーション表現のためのテクニックを紹介します。サンプルコードはブラウザー標準のWeb Animations APIを使用して実装していますが、CSSアニメーションやGSAP等のライブラリを用いても同様の実装は可能です。 基本のパーティクル 例題とする基本のパーティクルを見てみましょう。クリックすると中央の星からパーティクルが放射状に広がるアニメーションが再生されます。 デモを別画面
※ CSS Animationに関してはWeb Animation APIを使うことでより簡単にJavaScriptからアニメーションを構築・制御できるようになります。2020年2月時点ではブラウザの実装が不十分でPolyfillを要するため、この記事では対象外としています。 専用ライブラリを使わずにアニメーションを作ろう 各ライブラリは特別な魔法を使っているわけではありません。 原理的にはCSS・SVG・WebGLといった各要素技術をしっかりと習得すれば、専用のライブラリと同等のことができるばかりか、より高い自由度を手に入れながら軽量化を実現できる可能性もあります。 また、専用のライブラリを利用する場合にも、基礎となる原理や各技術の得意不得意を知っていることは大きな武器となるでしょう。 Vue.jsを使ってCSSやSVGのアニメーションを書く とは言え、これらのアニメーションを土台の技術
実装例から見る React のテストの書き方 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！フロントエンドエキスパートチームの@nus3_です。 kintone のフロントエンド刷新プロジェクト（フロリア）では、品質を保ったまま開発を加速させるためにフロントエンドのテストを積極的に行っています。 今回はそんなフロントエンドのテストの実装例をいくつか紹介します。この記事がフロントエンドのテストを行う上での参考になれば幸いです。 テストに使用する主なパッケージ コンポーネントのテスト 補足: Testing Library の記法をチェックしてくれるeslint-plugin-testing-library カスタムフックのテスト 補足: React v18 では @testing-library/react の renderHook を使う 参考リンク 色々なテスト事例 setTimeout を使うコンポーネントのテスト 補足: Storybook の story を使
Flashエミュレーター誕生のきっかけは別に「フラッシュ愛」じゃなかった 「swf2js」開発者の本音と数奇な運命【フォーカス】
株式会社ソニックムーブ エンジニアグループ ソリューションユニット マネージャー 家永 稔之 2011年にソニックムーブに入社。個人ではJavaScriptとTypeScriptを用いて、「swf2js」や「Next2D」の開発を手がける。業務のリモート化をきっかけに地元の消防団に所属し、防災活動として月に数回、消防車両に乗って地域の巡回を行う。 X GitHub Animation Tool かつてインタラクティブなWebコンテンツを支えた「Adobe Flash」。「Adobe Flash Player」は2020年12月末でサポートを終了し、ほとんどのコンテンツはすでに姿を消しました。そんなFlashコンテンツ（SWF）を最新のHTML環境で再生可能にする、オープンソースのJavaScriptライブラリが「swf2js」です。ソフトウェアエンジニアの家永稔之さんが開発し、2015年に
2023年春開始の新作アニメ一覧
放送・配信中のアニメの終わりが近づき、新作の開始時期が近づいてきました。2023年春に始まるアニメの数は約60本となっています。 オリジナルアニメとしては「機動戦士ガンダム 水星の魔女 Season2」や「スタミュ」制作陣が手がける「Opus.COLORs」、キズナアイがキズナアイ役で登場する「絆のアリル」、フジテレビのバラエティ番組「逃走中」を原案とした「逃走中 グレートミッション」、オタク文化が排除された2011年を舞台にした「魔法少女マジカルデストロイヤーズ」などがあります。 原作付きでは「「鬼滅の刃」刀鍛冶の里編」や「マッシュル-MASHLE-」、「僕の心のヤバイやつ」、「アイドルマスター シンデレラガールズ U149」、「この素晴らしい世界に爆焔を！」、「天国大魔境」、「【推しの子】」、「Dr.STONE NEW WORLD」などがあります。 また、変わったところでは1997年放
イントロ YouTubeを見てて、ふとしたきっかけでプログラミング初心者の自分でもアプリが作れるんじゃないかと思い、3週間で完成させた話を共有しようと思います！ これからプログラミングを頑張ってみたい人や、既にエンジニアだけどchatGPTが本当に開発に役立つのかどうかを知りたい人のお役に立てれば幸いです。 今の時代なら誰でもアプリが簡単に作れます！ 自己紹介 自分は3ヶ月前までプログラミングなんて全く触れたことがない人間でした。 しかし、最近流行りのAI、chatGPTに関して色々と話を聞いてみると、「もしかしたら自分もchatGPTを使えばアプリが作れるんじゃないか！？」と思うようになってきました。 LINEの「AIチャットくん」なんかもchatGPTを利用して一日で作られたらしいですね。 でもあれは元々アプリ開発経験のある人たちが作ったものなので、「本当にプログラミング初心者でもch
アニメ観ながらELDEN RINGをプレイしてたら意外と捗ったよ、という近況のお話 配信情報まとめ 独占タイトル一覧 アマプラ独占配信《500円/月》 ネトフリ独占配信《990円/月※上位プランあり》 FOD独占配信《976円/月》 Disney+独占配信《990円/月》＜NEW!＞ その他 感想 パリピ孔明 ダンス・ダンス・ダンスール SPY×FAMILY サマータイムレンダ ヒーラー・ガール であいもん 群青のファンファーレ 可愛いだけじゃない式守さん 阿波連さんははかれない 恋は世界征服のあとで エスタブライフ グレイトエスケープ RPG不動産 ブラック★★ロックシューター DAWN FALL テルマエ・ロマエ ノヴァエ くノ一ツバキの胸の内 勇者、辞めます アオアシ 処刑少女の生きる道(バージンロード) おにぱん！ 魔法使い黎明期 史上最強の大魔王、村人Aに転生する 社畜さんは幼女
モダンブラウザをターゲットにしたWeb制作では、CSSにおけるブラウザの互換性の問題はIE6の頃に比べるとはるかに少なくなりました。無理なリセットやすべてをリセットする必要は全くありません。 現在のWeb制作に合わせて制作された新しいCSSリセットを紹介します。 CSSの知見やテクニックも満載です！ A Modern CSS Reset A Modern CSS Reset -GitHub by Andy Bell 他のCSSリセットが気になる人は、こちらも注目です。 2020年、モダンブラウザに適したCSSリセットのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのCSSリセット 各CSSリセットの解説 まとめ はじめに 私は日々、CSSについて考えて楽しんでいます。それは、お
2021年秋開始の新作アニメ一覧
年4回の番組改編期で、また多数の新作アニメが始まります。2021年秋の改編でスタートするアニメの本数は約60本。 今期スタート作品は、原作漫画や小説がないオリジナル作品が「境界戦機」や「サクガン」、「シキザクラ」、「逆転世界ノ電池少女」、「海賊王女」、「SELECTION PROJECT」、「プラオレ！～PRIDE OF ORANGE～」などわりと多めです。興味深いタイトルとしては、1980年に放送されたアニメを40年越しにリメイクするという「MUTEKING THE Dancing HERO」があります。 以下、作品リストは放送・配信時期が早いものから順に並べています。作品名の頭に「◆」をつけているので、「◆」でページ内検索すると1作品ごとにどんどんジャンプしていけます。また、目次からも各作品部分へ移動可能です。 放送情報欄は上が放送、下が配信。配信は独占配信や最速配信を行うサイト名のみ
この記事はようやくSafariでもフルサポートされそうなWeb Animations APIのcomposite（効果の組成）って機能がすごいよ！！って、ただそれだけを伝えたい記事です。平たくいうと複数のアニメーションを簡単キレイに合成できる機能なのですが、通常のWebのコーディングでもよく出てくる辛さを解決してくれる結構すごいヤツなのです。 ▼ こういうアニメーション作るのもだいぶん楽になります Web Animations APIで星空パーティクル 単にCSSのアニメーションをJSで描けるよってだけではあるんだけど、ライブラリなしでそこそこ簡単にインタラクティブなもの作れるって意味ではうれしい。主要ブラウザ全部で使える。https://t.co/8H8zXfc5NL pic.twitter.com/bfTERJPxIX — ゆき＠ティアF47a (@yuneco) October 11
Web・コーディング界隈で読み間違いしやすい用語一覧
日本人向けの記事のため表記がカタカナとなっております。そのため完全に正確な英語の発音を保証しているわけではございませんのでご了承ください。（より正しい発音が気になる方は各自で発音記号をお調べください。） また私自身は帰国次女でもない純粋な日本人＆英語力凡人レベルです。明らかに間違っているものがありましたらコメントやTwitterなどでご指摘ください。 もちろん他にもこれが間違いやすいよ、という用語もあればお待ちしております🙏 ❓がついてるのは決めきれないorネイティブでも揺れがあるor議論が必要 なものです。 a11y エイイレブンワイ absolute アブソルート Adobe アドビ Airbnb エアビーアンドビー ajax エイジャックス align アライン（text-align テキストアライン など） AMP（Accelerated Mobile Pages） アンプ An
2023/12/28 栗田 唯の映画から学ぶ画づくりのセオリー 第1回：『ブレイキング・バッド』シリーズから学ぶ、視線誘導（前編）【新連載】 映画、アニメ、ゲーム、イラスト……。クリエイティブな画づくりの基礎をCGWORLD.jpで学ぼう！ この連載では、画づくりの基礎を学びたい、復習したい人に向けて、有名な映画やTVドラマシリーズからシーンをピックアップして、そのセオリーを解説していきます。紹介する内容は、「画」が関わる全てのクリエイティブに通じるもの。登場する映画やTVドラマを研究しながら、基礎を一緒に学んでいきましょう！ この連載について 皆さん、こんにちは！ ストーリーボードアーティストの栗田です。キャリアとしてはBlizzard Entertainmentからマーザ・アニメーションプラネット株式会社、トンコハウス・ジャパンを経て、現在はフリーランスで様々な作品に携わっています。本
追記あり エヴァンゲリオンって磯光雄の作品だろ
最近出た「磯光雄 ANIMATION WORKS preproduction」読んでビビったわ！ 13話の使徒侵入の回と旧劇の2号機VS量産機のあのかっこいいシーンをやってたのは知ってたけどこんなにエヴァンゲリオンの根幹に関わってたなんて知らなかったわ！ この本400ページあって2キロぐらいあるんだけど、磯光雄がこれまで関わった攻殻機動隊とかエヴァとかガンダムとか未発表企画とか色々な作品の資料が載ってんだけど、マジでボリュームがすげえんだよ。 エヴァだけでも50ページぐらいあるんだけど、担当した13話の脚本とストリーボードとかアイデアメモで終わるかと思ったら、もう各話の設定、ストーリーボード、アイデアメモがびっっっっっっしり載ってんの！ 1～26話のシリーズ構成案とかさ各キャラの設定案とかちょっとしたセリフから、何から何まで膨大な仕事量なのよ！ 一番ビックリしたのはエヴァで好きな19話の男
2019年秋開始の新作アニメ一覧
2019年秋の番組改編期が近づいてきました。前年同期の2018年秋が60本、前期・2019年夏が40本強ときて、今回も50本強と、なかなかの本数です。地上波放送と同時の配信や、放送に先駆けて配信される作品も出てきてはいますが、一方で1つのサービスでの独占配信作品や、そもそもネット配信が予定されていないという作品もあり、時間的制約とともに、環境的制約で見られない作品も少なからず出てきます。好みの作品を見逃さないように、以下のリストをうまく活用してもらえれば幸いです。 以下、作品は放送・配信時期の近い順から並んでいます。なお、配信に関しては多いケースだと数十サイトで配信されるケースがあるため、すべて列挙しているわけではありません。 仮面ライダーゼロワン ・放送情報 ABC・テレビ朝日系全国ネット：9/1(日) 9:00～ ・作品情報 飛電インテリジェンスが開発したAIロボ「ヒューマギア」がやが
これは本日4月4日に行われた配信イベント「ジョジョの奇妙な冒険 The Animation Special Event ～ジョースター 受け継がれる魂～」で発表されたもの。原作の「ストーンオーシャン」は恋人とのドライブ中、交通事故に遭遇した徐倫が恋人と弁護士に嵌められ、15年の刑務所暮らしが確定してしまうことから始まる。絶望かと思われたが、父親・空条承太郎から託された不思議なペンダントによって変化が起こり……。 「ジョジョの奇妙な冒険」が声優を目指したきっかけというファイルーズ。「空条徐倫は私が今まで出会った中で、世界一勇敢で美しくて強くて愛情深い、素晴らしい人間です。12年前から彼女に対する憧れの気持ちは変わっていません。そんな彼女と一緒に奇妙な冒険ができることが本当に嬉しいですし、私もアフレコを通じて、徐倫のような『スゴ味』を身につけられるように、命を込めて演技させて頂きます」と意気込
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されているとは思えない、シンプルながら効果的なテクニックが多数ランクインしていた2020年。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 94位 Animated clip-path slider Concept 画面を縦半分に二分割した画像スライダーで、画像にマウスホバ
配信情報まとめ 独占タイトル一覧 アマプラ独占配信 ネトフリ独占配信 FOD独占配信 感想 デカダンス 炎炎ノ消防隊 弐ノ章 やはり俺の青春ラブコメはまちがっている。完 ノー・ガンズ・ライフ(第2期） GREAT PRETENDER 彼女、お借りします Re:ゼロから始める異世界生活 第2期 モンスター娘のお医者さん THE GOD OF HIGH SCHOOL 魔王学院の不適合者～史上最強の魔王の始祖、転生して子孫たちの学校へ通う～ ド級編隊エグゼロス Lapis Re:LiGHTs 宇崎ちゃんは遊びたい! 恋とプロデューサー〜EVOL×LOVE〜 うまよん ジビエート ムヒョとロージーの魔法律相談事務所 第2期 放送再開組 放課後ていぼう日誌 富豪刑事 Balance:UNLIMITED ミュークルドリーミー デジモンアドベンチャー： 天晴爛漫 最後に コロナ禍の影響でアニメ作品関連の
How I built a modern website in 2021September 29th, 2021 — 34 min read For over half of 2021, I worked on a complete rewrite of kentcdodds.com. You're reading this on the rewrite of this site! Are you using dark mode or light mode? Have you signed in and selected your team yet? Have you tried to call into the Call Kent Podcast? This blog post isn't about these and other features of the new site, b
近年のフロントエンド開発にはコンポーネントという概念が付いて回ります。React・Vue・AngularといったViewライブラリでは、コンポーネントを定義してそれを組み合わせてアプリを作ります。また、いわゆるWeb Componentsとして知られる仕様群により、ライブラリに依存せずに“コンポーネント”を作ることもできるようになってきています。 コンポーネントは、何らかの機能（あるいは責務）を持った部品です。また、コンポーネントによっては再利用される（アプリ内の複数の箇所から利用される）ことを意図しているものや、そもそもライブラリとして配布されているようなものもあります。アプリの機能の一部分を抜き出したものという見方をすれば、コンポーネントというのは関数にとても類似した概念であることが分かります。 コンポーネント設計によって、言い換えればアプリがどのような機能を持ったコンポーネントたちに
Web制作を変える！2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール（16個） 🧰 Webデザイン便利ツール（19個） 🦄 デザインツール
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA
「ロシアってそんなに小さいの！？」メルカトル図法で描かれた世界地図を"正しい"サイズに切り替えられるサイトがとても面白い
君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
無料でGPT4越え!?ついに来たXwin-LM｜shi3z
フロントエンドコーディング時に便利なジェネレーターサイト（随時更新） - Qiita
2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
「自動ムービー編集」「ゲーム開発」「文章校正」「論文要約」などGPT-4がわずか3週間で生み出した14の画期的ツール
日本地没2020のデマで日本を貶める作品とか言ってる奴全員これ読め @Fukadamoe
Web制作を変える！2021年の便利オンラインツール・ベスト100選
2021年冬アニメ1話ほぼ全部観たので大まかな目録書くよ - Sweet Lemon
Patterns
名作アニメ風の絵柄なら、何を描いてもハートフルになる（はず!?）
センスだけに頼らない！ CSSとJSで作るパーティクル表現のテクニック - ICS MEDIA
CSS・SVGとVue.jsでのアニメーション作成入門 - ライブラリに頼らない表現力を身に付けよう - ICS MEDIA
プログラミング初心者がFlutterとchatGPTを使って3週間でアプリを作った話
2022年春アニメ1話ほぼ全部観たので寝不足になる感想書くよ - Sweet Lemon
古いCSSリセットからはもう卒業！モダンブラウザに適した新しいCSSリセット -A Modern CSS Reset
Web Animations APIのcompositeが凄過ぎてすごいからみんな見てくれ - Qiita
栗田 唯の映画から学ぶ画づくりのセオリー 第1回：『ブレイキング・バッド』シリーズから学ぶ、視線誘導（前編）【新連載】
「ジョジョ」第6部「ストーンオーシャン」アニメ化！徐倫役はファイルーズあい（動画あり / コメントあり）
2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
2020年夏アニメ1話ほぼ全部観たので気楽な感想書くよ - Sweet Lemon
How I built a modern website in 2021
CSSとコンポーネント設計に対する考察 - uhyo/blog
Web制作を変える！2022年の便利オンラインツール・ベスト110選