はてなブログの自動生成アイキャッチでおみくじをひけるようにした - k-murakami0609の日記

2024/09/05 16 users おみくじ k-murakami0609 omikuji 日記

はてなブログの新機能が出てた。 staff.hatenablog.com htmlとcssを書けるんだから何か変なことできるでしょって思って、おみくじ以外を思いつかなかったのでとりあえずやってみることにした。 実装は chatgpt に聞いたらすぐ答えてくれた。animationで頑張れば良いらしい。 .omikuji { font-size: 36px; font-weight: b... 続きを読む

Yukopi - 寝起きヤシの木 (feat.歌愛ユキ)

2023/07/28 65 users Yukopi Lyrics 小津 Vocal 寝癖

ゆこぴです。寝癖が凄かった時のことです。 ・Music & Lyrics : ゆこぴ (http://twitter.com/yukopipikku) ・Animation: 小津 (http://twitter.com/Oz_yarimasu) ・Vocal : 歌愛ユキ ・Movie : ゆこぴ ・OffVocal : https://bit.ly/3Bq0Jnf ------------------------------------ 「寝起きヤシの木」 寝起きヤシの木 ど... 続きを読む

View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA

2023/05/10 87 users ICS MEDIA View Transitions 手段

今年3月に公開されたChrome 111とEdge 111にView Transitons APIが搭載されました。View Transitons APIを使うと、シンプルでスムーズな連続性のあるアニメーションを実装できます。 ウェブ技術でのアニメーションはさまざまな手段が存在します。CSSのtransitionやanimation、JavaScriptでのWeb Animations APIなど利用... 続きを読む

UIだってShaderつかいたい！ Unity SYNC2022 UI演出解説 その2

2023/02/20 10 users Shader 畑山 クライアントエンジニア タイトル

UIだってShaderつかいたい！ Unity SYNC2022 UI演出解説 その2 2023.02.20 こんにちは。クライアントエンジニアの畑山です。 2022年 10月26日に行われたUnity SYNC2022にて「UIもshaderで盛る！ 〜 shaderとanimationで作るリッチなUI演出」というタイトルで公演させて頂きました。 引き続きご好評頂き、現在(2023/02/20... 続きを読む

ソースコード大公開！SYNC2022リッチなUI演出の解説をします 〜 その1

2022/12/22 15 users 解説 Shader スライド 沢山 講演

2022年 10月26日に行われたUnity SYNC2022にて「UIもshaderで盛る！ 〜 shaderとanimationで作るリッチなUI演出」というタイトルで公演させて頂きました。 沢山の方に見て頂き、現在（2022年12月22日時点）Unity SYNCの講演動画の中では再生数がTOPになっております。(スライドはコチラです) 講演にご参加いただいた皆様... 続きを読む

大学に入学して一番最初の作品の講評で教授からボロクソに言われた→しかしその講評を受けた人のメンタルが前向き

2022/01/21 16 users 講評 ボロクソ 前向き メンタル playlist

のをか @nowoka_ 短編映画制作中 Illustration & Animation／別垢@no_oka_／ご連絡 : DM or nowoka0428@gmail.com YouTube(MV等)【youtube.com/playlist?list=…】 pixiv.me/now_oka のをか @nowoka_ 大学入学して1番最初の講評で俺の作品だけ教授に取り上げられて(誰がどの絵を描いたか教授はわかってない)「こんな汚い... 続きを読む

THE IDOLM@STER CINDERELLA GIRLS 10th Anniversary Celebration Animation【アイドルマスター】

2021/11/28 27 users Cygames CygamesPictures 全編 原作

「THE IDOLM@STER CINDERELLA GIRLS 10th Anniversary Celebration Animation」 2022年 全編公開予定！ 全編では、シンデレラガールズのアイドル190人が総出演！ 公開をお楽しみに！ 製作・原作：バンダイナムコエンターテインメント 企画：Cygames 制作：CygamesPictures 【10周年特設サイトはこちら】 https://cindere... 続きを読む

GitHub - hatoo/oha: Ohayou(おはよう), HTTP load generator, inspired by rakyll/hey with tui animation.

2020/07/25 21 users GENERATOR GitHub OHAYOU

Dismiss Join GitHub today GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together. Sign up 続きを読む

ずっと真夜中でいいのに。『ハゼ馳せる果てるまで』MV - YouTube

2019/10/18 19 users YouTube ACA Twitter Vocal 真夜中

おつかれさまでした。 2019.10.30 1st full ALBUMでます:) https://lnk.to/1stfullal 『ハゼ馳せる果てるまで』 Music Video Lyrics & Music & Vocal : ACAね Arrangement : ぬゆり Illustration & Animation : Waboku ずっと真夜中でいいのに。 "ACAね"Twitter：https://twitter.com/zutomayo Official Twitter : https... 続きを読む

ずっと真夜中でいいのに。『蹴っ飛ばした毛布』MV - YouTube

2019/09/26 20 users YouTube ACA 毛布 Twitter Twit

おつかれさまです 2019.10.30 1st full ALBUMでます:) https://lnk.to/1stfullal 『蹴っ飛ばした毛布』 Music Video Lyrics & Music & Vocal : ACAね Arrangement : 100回嘔吐 Illustration & Animation : 革蝉 ずっと真夜中でいいのに。 "ACAね"Twitter：https://twitter.com/zutomayo Official Twitter : https://twit... 続きを読む

#9 「UIT vol.6 進化する React.js」 After show | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2019/04/11 17 users Podcast hooks UIT takepepe DeNA

UIT イベント運営メンバーの @potato4d と @kawasako3 が、 UIT #6 の登壇ゲスト @takepepe さん, @sundlers さん, @sakito さんにフロントエンドでの悩みを聞いてみました。 ゲスト紹介 @takepepe さん DeNA/デザイン本部・デザインエンジニアリンググループ イベントにて「Hooks で作る React.FC<Animation>」で登壇 @... 続きを読む

ずっと真夜中でいいのに。『ヒューマノイド』MV - YouTube

2018/11/06 16 users ヒューマノイド YouTube ACA Twitter 真夜中

2018.11.14 1st mini ALBUMでます:) 『ヒューマノイド』 "Humanoid" Music Video Lyrics & Music & Vocal : ACAね Arrangement : 関口晶大, ラムシーニ, Naoki Itai(MUSIC FOR MUSIC) Illustration & Animation : sakiyama Movie : notai ずっと真夜中でいいのに。 "ACAね"Twitter：https://twitter.com/zutomayo Offici... 続きを読む

copypet.jp｜パーツで探す、web制作に使えるコピペサイト。

2018/03/16 438 users Web制作 パーツ コピペサイト 四角 コピペ

コピペでできるサイト作成。時間がないけどサイトやブログを作りたい時にパーツをコピーしてペッと貼るだけでいい感じに！コピペでできる！cssとhtmlのみで作るanimationの四角やバーを使ったローディングイメージ6種 続きを読む

増え続ける世界の人口が2100年までにどう変化するのかをグラフで表現 - GIGAZINE

2017/04/10 24 users GIGAZINE 大部分 国連 はるか昔 地球

By MK Luo 「地球の人口は50億人」などといわれていたのははるか昔のことで、2017年4月時点ではおよそ74億人が地球上に暮らしていると見られています。その大部分はアジア地域に集中していることが明らかになっていますが、国連が作成した2100年までの人口増加予測によると、将来の人口バランスは大きく変化するものと考えられています. Animation: The World's Populati... 続きを読む

React + Redux– Animation – | DeNA DESIGN BLOG

2017/02/09 30 users redux React Flux SPA SFC

SPAはアニメーションと相性が悪い？ デザイン戦略室フロントエンドエンジニアの吉井です。 昨今のReact実装は、StatelessFunctionalComponent(SFC)を用いてFluxやReduxに状態管理を委譲するデザインパターンが定着していますね。アプリケーションのUXに欠かせないアニメーションですが「SPAとは相性が悪い」という噂を聞いたことがあります。従来のhtmlアニメーショ... 続きを読む

CSS3を使って画像をスライド（平行移動）させてみる - 攻めは飛車角銀桂守りは金銀三枚

2015/10/08 27 users スライド 飛車角銀桂守り 金銀三枚 CSS3 WebKit

2015-10-08 CSS3を使って画像をスライド（平行移動）させてみる はてな シェアする Google+ Pocket CSS3を使って画像をスライド（平行移動）させてみる CSS3で画像を画像をスライド（平行移動）させる使用するCSSは <style type="text/css"> .slider { animation: slider1 4s infinite; } @-webkit-... 続きを読む

animation - 最近のJS&CSSアニメーションライブラリまとめ - Qiita

2015/08/23 54 users Qiita

最近のHTML5アニメーションについてのまとめです。 まとめを紹介する前にCSS3アニメーション vs JSアニメーションのパフォーマンスについての有名な海外の記事を紹介します。 http://davidwalsh.name/css-js-animation 大雑把に内容を要約すると、以下のようなお話です。 - DOMを操作したJavaScript AnimationよりCSSの方が早い - ただ... 続きを読む

Interpolator を作ったリッチな View の Animation - あみゅーの( ･´ｰ･｀)どや

2015/04/28 17 users View そこら辺 変化率

2015-04-28 Interpolator を作ったリッチな View の Animation Android Interpolatorが何かとかそういうのはググってください! 一番厄介なAnimationの変化率の式をどうやって作っていくかかなーと思うのでそこら辺を詳しく書いていきます｡ Interpolatorの作成 android.view.animation.Interpolatorを... 続きを読む

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ - CSS Animation

2015/04/12 405 users CSS HTML css animation ディズニー社

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を利用します。しばしばページに変化（英: Transition）やアニメーション（英: Animation）を加えるために... 続きを読む

Blender で UE4 用 3D モデルを作って Import するまでに守るべきことまとめ | rarilog

2015/03/14 50 users Blender import Skeleton FBX UE4

Blender で 3D モデルを作成して FBX として Export し、UE4 に Import するまでの過程で、守らなければならないこと・行った方がよいことについて解説していきます。 ここでは、Bone (Blender: Armature, UE4: Skeleton) と複数の Animation (Blender: Action, UE4: Animation Sequence) ... 続きを読む

中野駅前で3000人のフリーレイヴ！リアニ７で見えたクラウドファンディングと街イベントの可能性。そして、課題。 : 【Re:animation 公式ブログ】

2014/11/29 27 users 前週 晴天 クラウドファンディング 中野駅前 歌舞伎町

http://reanimation.jp/ ■中野駅北口暫定広場で3連勝！！  11月23日の午前10時から18時まで、JR中野駅から歩いて1分の北口暫定広場にてアニメ×ダンスミュージックDJイベント『Re:animation 7-Rave In NAKANO-』を開催しました。前週のぐずついた天気を吹き飛ばす晴天！元々2010年から歌舞伎町で開催していた『Re:animation』が2013年... 続きを読む

YouTubeに巣食う著作権詐欺団体が2013年になって活性化？: 3D CG Animation

2014/11/10 40 users YouTube 虚偽 YouTube動画 集団 権利

今年になってから、YouTubeに巣食う著作権詐欺団体の動きが活発になっているようです。1月もまだ終わってないのに、早くも3本の動画に虚偽の権利を主張されました。 私がアップしている動画は60本程度なので、被詐欺未遂率5%。 けっこう高いのでは？ 著作権詐欺団体とは、著作権違反をしていないYouTube動画に、さも自分が著作権を所有しているように偽って、発生する広告費を横取りする集団（個人）です。... 続きを読む

ディズニー社に学ぶ！魅力的なアニメーションの12の原則 | nanapi TechBlog

2014/07/23 143 users nanapi TechBlog アニメーション 原則 web

はじめに はじめまして！ワニ好き新卒デザイナー、takanaです。 先月発表されたGoogleのMaterial Design、スマートデバイス時代らしいデザインの考え方が詰め込まれていて、非常に心躍る内容でしたね！中でも私が一番ワクワクしたのは、「Animation」の項目です。アプリやWebにおけるアニメーションの重要性については、AppleのiOS Human Interface Guide... 続きを読む

インタビュー：Re:animation | リアニメーション オーガナイザー ちへ 「今年も中野でやろうと」 #reani_dj | アニイベZ（AniEveZ）「アニソンイベント情報サイト」

2014/06/19 20 users オーガナイザー 中野 旧コマ劇場前 中野駅 会場

インタビュー：Re:animation（リアニメーション）オーガナイザー ちへ  ちへ（@tommy_zina ）超都市型屋外DJイベントRe:animation（リアニメーション）のオーガナイザー。GEKKO NIGHTなどイベント開催を経て2010年12月に新宿歌舞伎町シネシティ広場（旧コマ劇場前）にて、DJイベントRe:animation（リアニメーション）を開催。2013年には会場を中野駅... 続きを読む

Animation & UI - YI

2014/04/10 334 users コックピット ユーザビリティ グラフィック コンピュータ 視点

2014-04-09 Animation & UI ロボットアニメを見ていると、コックピットやコンピュータのディスプレイ等、デザインされているモニターグラフィックスが気になってくる。単純にかっこいい悪いという視点もあるし、私は特にグラフィックの勉強をした訳ではなかったので知らなかったのだが、ヤコブ・ニールセン博士のユーザビリティの五原則などに則って見る視点もあるようだ。　ロボットアニメのUIについ... 続きを読む