コミケにも高齢化の波？ 出展者に聞く変化と課題（オリコン） - Yahoo!ニュース
世界最大規模の同人誌即売会『コミックマーケット94』（C94）が10日、東京ビッグサイトで開幕した。初日の来場者は約16万人、約1万6千の一般サークルが出展した。アニメや漫画、ゲームなどを扱う同人活動というと、ある程度若いうちにハマる人が多いと思われるが、現在のコミケは世間一般の例に漏れず“高齢化”の波が押し寄せているようだ。変わりゆくコミケの現状を、出展者に聞いた。 【写真1077枚】暑さのせいで肌みせ続出？ 『コミケ94』のコスプレ美女が大集合 ■意外に“大人”な出品者が増加、仕事や家族との両立に苦労 コミケが初めて開催されたのは、今を遡ること43年、1975年のことだ。初期は、都内の産業会館などで小規模に開催されていたコミケは、規模が大きくなるにつれて晴海や幕張メッセに場所を移動。1996年から現在まで、東京ビッグサイトで年2回開催されている。 今や40年以上の歴史を誇るコミケだが、
『ポプテピピック』ゲームパート担当の現役大学生「いつか社会的に抹殺されちゃうかもしれません」──パロディにかける思いとネタの出所とは【山下諒インタビュー】
「回転機能を使わずにナナメ45度のキャラもしっかり描いている」、「色数制限にこだわってレトロゲーム風グラフィックを再現している」といった声が、いわゆるドット絵警察と呼ばれるネット上のマニアを中心に絶賛されているのだ。 驚くべきことに、このゲームパートを担当したのは現役大学生。東京造形大学4年生の山下諒氏（@chiemin1063）である。 ドット絵の黄金期は1990〜1994年だと言われており、やがて2000年代には暗黒期を迎える。だが2010年以降は復興期に入り、制限のあるドットで“あえて”表現するという文化に注目が集まり、若年層にもドット絵に興味を持つ人が増加。 その一方で、若手へのドット絵の制作技術の継承も行われていなかったため、ドット絵を打てる人が慢性的に不足するという事態に陥っている。 そんな状況下で、なぜ現役大学生が商業アニメである『ポプテピピック』でドットを打つことになったの
「ボブネミミッミ」AC部インタビュー 史上最強のクソアニメに求めた違和感
POPなポイントを3行で アニメ『ポプテピピック』内で異彩を放つ「ボブネミミッミ」 手がけたのは18歳選挙権PR映像などで知られるAC部 「修正ほぼなし」という映像はどうやって生まれたのか？ 1月の放送開始から話題を呼んでいるアニメ『ポプテピピック』。 エピソードごとにクリエイターが変わり、本放送と再放送とで声優も変更。さらには原作漫画同様、数々の過剰なパロディや好き勝手やり放題の作風が、「クソアニメ」として揺らぎようのないポジションを確立しています。 作品そのものが特異な存在であるにも関わらず、その中でもアニメ独自の企画として異彩を放つのが、本編中に挟まれる「ボブネミミッミ」。 手がけたのは音楽ユニット・group_inouのMVや「18歳選挙権」のPRキャンペーン映像などで知られるクリエイティブチームのAC部。 独特の作風は本編に負けず劣らずぶっ飛んでいて、第1話から賛否両論。反響は大
Netflixは日本のアニメをどう変えるのか？作品とクリエイターのグローバル化の行方
Netflixのアニメに対する並々ならぬ力の入れ具合が伝わる。 板垣恵介の人気マンガ「バキ」のアニメ化、「聖闘士星矢」の作品冒頭からの再アニメ化、「鋼の錬金術師」や「交響詩篇エウレカセブン」でお馴染みのアニメスタジオ・ボンズによるオリジナル企画「A.I.C.O. -Incarnation-」、さらにドワンゴとLIDENFILMSによる「LOST SONG」……など。今回初公表の作品が目白押しだ。さらに発表済の「DEVILMAN crybaby」、プロダクションI.Gのオリジナル企画は新たにタイトルを「B: The Beginning」として最新情報が明かされた。 Netflixは2015年9月に、鳴物入りで日本に上陸した。その際に、日本でのオリジナルアニメ開発に意欲を示し注目を浴びた。しかし、それから1年半あまりオリジナルタイトルの発表は少なく、肩透かしとの声もあった。 今回の発表は、これ
声優データベース - .lain
声優検索 02月19日 生まれの声優さん 北村妙子 北方奈月 - 1990年生まれ 34歳 庄子裕衣 - 1983年生まれ 41歳 樋口雅子 - 1964年生まれ 60歳 笠原弘子 - 1970年生まれ 54歳 ささきのぞみ - 1983年生まれ 41歳 平田宏美 - 1978年生まれ 46歳 小川真司 - 1941年生まれ 83歳 三宅貴洋 薬丸裕英 - 1966年生まれ 58歳 藤岡弘、 - 1946年生まれ 78歳 難波克弘 - 1967年生まれ 57歳 八代駿 - 1933年生まれ 70歳 喜安浩平 - 1975年生まれ 49歳 星野充昭 - 1959年生まれ 65歳 入野自由 - 1988年生まれ 36歳 大黒和広 - 1970年生まれ 54歳 小島敬介 声優Twitter kayousan RT @JAU_Official: 編集スタッフNです! ...チャリティー以外でこの名
SVGで図形やアニメを描画してみよう
SVGアニメーションの基礎 SVGには非常に強力なアニメーション機能が実装されており、図形のほとんどの要素に対して時間的変化を与えられます。座標や色のような数値属性のみならず、stroke-linecapのような文字列を指定する属性やパスの形状さえもアニメーションの対象になります。強力なだけに使い方も多岐に渡るので、以降2ページに渡ってSVGのアニメーション機能を解説します。 SVGでは、主にanimate、animateTransform、animateMotionの3つのタグでアニメーションを実現します。中でもanimateは基本となるもので、図形タグが持つほとんどの属性を制御できます。以下に使用例を示します。 上記のコードでは、2つのanimateタグがそれぞれ異なる方法でアニメーション対象の要素を指定しています。1つ目のanimateタグにはxlink:href属性あり、この場合は
Your UI isn’t a Disney Movie
My previous short article about gratuitous animation really struck a chord with people. The response has been phenomenal and it’s been awesome reading others’ frustrations with overly animated UIs. To be clear, I’m not anti motion design for UIs. Far from it. I have a problem with animation that serves only to get in the way of the end user. One of the clearest signs of a competent UI designer is
CSS Animation Toolbox - Libraries, Tools, Snippets & Tutorials – Speckyboy
CSS Animation Toolbox – Libraries, Tools, Snippets & Tutorials CSS animation can bring websites to life, making them more interactive and engaging for users. They play a crucial role in modern web design, allowing elements to move, change, and grab attention in ways that static pages simply can’t match. This collection aims to offer a comprehensive array of resources – a CSS animation toolbox for
ついにGIFに代わる新しいアニメーション画像フォーマットが誕生か
X Window System上で動作するデスクトップ環境「GNOME」の開発者であるJasper St. Pierreさんが、GIFに変わる新しいアニメーション画像フォーマット「XNG」を開発し、長らく使用されてきたGIFアニメーションに取って変わる可能性があります。 XNG: GIFs, but better, and also magical | Clean Rinse http://blog.mecheye.net/2014/10/xng-gifs-but-better-and-also-magical/ GIFはシンプルなアニメーションに使うのに適していますが、LZW圧縮形式は少し古く、カラーパレットの色の数にも256色という制限があります。GIF以外のアニメーションフォーマットにはAPNGやMNGがあるものの、サポートするブラウザが限定されているなど、ユーザーを満足させるものに
ウェブデザインにおける動きの演出について、WCANで発表しました ノート dotgraphy
9月20日にWCAN 2014 Autumnで「ウェブデザインにおける動きの演出について」というタイトルで1セッション担当させていただきました。 普段のウェブ制作の仕事の中で、CSSやJSで動きをつける場面が増えてきた一方で、その辺りの情報をあまり整理できていなかったので、自分自身の勉強もかねてこのテーマを選びました。実ははじめは「クリエイティブマインドセット」を読んで、誰もがデザインに関わるべきですよというような話をしたかったのですが、7月の社内勉強会の時に私のプレゼンの準備不足もあり反応がいまいちだったので、もう少しわかりやすいテーマにしようとウェブデザインにおける動きというテーマにしました。8月の社内勉強会で一度プレビュー版を発表して、そこでの感想も参考にしながら本番用の内容の準備をしました。WCANの週の頭に社内で本番用の内容で今一度見てもらって伝わりにくかった部分を修正して、最後
フジテレビ 「ジョジョの奇妙な冒険」などのアニメ制作会社デイヴィッドプロダクションを子会社化 – アニメ！アニメ！ビズ
フジテレビジョンは2014年8月1日付で、東京・田無市に本拠を持つアニメ制作会社のデイヴィッドプロダクションを子会社化した。デイヴィッドプロダクションは、2007年9月にGDH（現ゴンゾ）出身の沖浦泰斗氏、梶田浩司氏らが設立した。元請制作の作品として、アニメ『ジョジョの奇妙な冒険』やその続編『ジョジョの奇妙な冒険 スターダストクルセイダース』、『戦う司書』、『リストランテ・パラディーソ』などヒット作や話題作がある。 フジテレビの持株比率や株式の譲渡価格は明らかにされていない。一方で、フジテレビの総合開発局長の清水賢治氏がデイヴィッドプロダクションの非常勤の取締役副社長に、コンテンツ事業局コンテンツ事業部長の宮道治朗氏とアニメ開発部部長の松崎容子氏がそれぞれ非常勤の取締役に就任している。今後、両社が協力して事業を進めていくことが窺われる。 フジテレビは2013年1月にアニメ開発部を設置、アニ
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
これだけは抑えておきたい！ jQuery や CSS の「イージング」の基礎知識
この"easeInQuad"にあたる部分が、イージングです！ イージングを設定することで、動きに、勢いや波をつけることができます。 イージングを設定して、ボールを左右に動かしたものがこちら！ ちなみに、イージングがないとこんな感じです。 イージングを使いこなそう！ イージングは結構、種類が多いです。 例えば、jQuery Easing Pluginでは、なんと30種類以上のイージングが用意されています！ でも、30種類もあっても、ぱっと見、違いがよくわからないなんてことありませんか？ 今回は、私の独断と偏見で、jQuery Easing Pluginのイージングを中心に、 それぞれのイージングの特徴と、使いどころを紹介します！ ちょっと、注意事項 CSSや、jQueryでのアニメーションのやり方 今回はアニメーションのやり方そのものについては、説明を省き、イージングの話を中心に書きます。
Google っぽいプリローダーを CSS だけで作る
Lea Verou 氏の Blog に、CSS のみで、Google の Web アプリケーションで使われているようなプリローダー （画面ロード中に表示されるインジケーター） を作るっていう記事がアップされていましたので紹介。 CSS だけで再現しているため、サイズの調整などにも柔軟に対応できます。 Flexible Google-style loader with CSS ： Lea Verou 基本的には元記事のソースコードを見ればわかると思いますので、簡単にだけ紹介しますが、プリローダーの HTML に関しては、下記のような感じでシンプル。 <div class="progress">Loading...</div> 元記事ではサイズバリエーションのため、下記のような class を追加したものも併記されています。 <div class="small progress">Loadin
Flexible Google-style loader with CSS • Lea Verou
So, for a while I had noticed the nice sutble loader Google apps use and I was wondering if it would be easy to make with CSS and CSS animations: Yesterday, I realised that you can get this effect by increasing border size until about the middle of the element, as long as the total width stays the same (by using box-sizing: border-box): However, as you can see above, after the midpoint, the border
How to create high-performance CSS animations | Articles | web.dev
Move an element To move an element, use the translate or rotation keyword values of the transform property. For example, to slide an item into view, use translate. .animate { animation: slide-in 0.7s both; } @keyframes slide-in { 0% { transform: translateY(-1000px); } 100% { transform: translateY(0); } } Use rotate to rotate elements. The following example rotates an element 360 degrees. .animate
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG MANIAX Ver.2 - Mars vanilla
Framer — The web builder for stunning sites.
Sublime Textの検索窓に日本語を入力する方法
プレゼンで賢く見えるための6つのハンドサイン