自分の歌声を元に簡単にAI歌声データベースの作成も可能。海外からやってきた歌声合成ソフト、ACE Studioがスゴ過ぎる！｜DTMステーション

2024/08/10 17 users DTMステーション 歌声 歌声合成 リバーブ 種明かし

これ、すごくないですか？実はこの歌声、まさにACE Studioを初めて使ったその日に、サクっと作ったオリジナルの歌声データベースを使って歌わせたもので、リバーブを含めエフェクトなど一切かけていないもの。種明かしをすれば、声優の小岩ことりさんの歌声を学習させた歌声データベースを使って歌わせたものなのです。 ... 続きを読む

これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata

2024/07/23 9 users animate インタラクション インスピレーション コピペ

WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化... 続きを読む

Figmaの基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA

2024/07/02 5 users figma Tips レイヤー ICS MEDIA テキスト

リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画... 続きを読む

CSSはどんどん進化している！ マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning

2024/05/22 19 users マグネット CSS レスポンシブ テクニック 水平

ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブにも完全対応、アイテムが二段・三段と複数になっても、水平・垂直になってもエフェクトは追従しま... 続きを読む

技術者「本当にやるの？」──わざと光を被らせるエフェクトを搭載した大胆なインスタントカメラ、富士フイルム「INSTAX mini 99」開発秘話

2024/04/29 20 users 富士フイルム フィルム instax mini 開発秘話 事実

富士フイルムの「INSTAX mini 99」というカメラが面白いのは、それが久しぶりに登場した「写真とは光だ」ということを思い出させてくれるからではないかと思う。それは、フィルムだろうとデジタルだろうと変わらない事実だ。しかし、あまりに写真が簡単に撮れるようになって、まるで写真とは目の前にあるものを撮るもの... 続きを読む

なぜ document.title = 'title' は useEffect でラップする必要があるのか

2024/03/13 9 users useEffect クリーンアップ レンダリング title

答え(結論): レンダリングとエフェクトを分離するため クリーンアップを設定するため useEffect でラップする意味ってなくない? 以下の2つのコードはどちらもレンダリングすると Hello world と表示され、ページタイトルが Hello world になります。 const App1 = () => { useEffect(() => { document.title = 'Hello wo... 続きを読む

手のひらサイズのシンセが大幅に機能強化して帰ってきた！KORG NTS-1 digital kit mkIIの威力｜DTMステーション

2024/03/13 105 users KORG シンセ DTMステーション シンセサイザ 威力

2019年11月に発売されて大ヒットになった小さな小さなシンセサイザ、NTS-1。当時「1万円で買えるKORGの小さなシンセ・NTS-1に、世界中で開発されるオシレータやエフェクトを組み込んでみた」という記事でマニアックに取り上げたことがありましたが、これは単にシンセサイザというよりも、小さなコンピュータであり、ネッ... 続きを読む

外国人が日本に来ると『エフェクトじゃなくて本当に桜の花びらが舞ってるんだ…』と思うらしい「蝉の鳴き声もそう」

2024/03/05 34 users 鳴き声 花びら stat X.com 外国人

まりえる@個人お嬢様部 @maliel_moe これと同じで外国人が日本へ来た時も「エフェクトじゃなくて本当に桜の花びらが舞ってるんだ…」ってなるらしいわよ 蝉の鳴き声もそう x.com/lagar1017/stat… 2024-03-04 15:39:28 続きを読む

AIで石原さとみの顔に　TikTokで流行する「芸能人エフェクト」悪用の懸念（KAI-YOU.net） - Yahoo!ニュース

2024/01/19 16 users TikTok エフェ KAI-YOU.net 石原さとみ 懸念

「石原さとみエフェクト」の使用例／画像はそれぞれTikTokで「石原さとみになれるメイク」で検索しヒットした動画のスクリーンショットを並べたもの TikTokで現在、芸能人・著名人風の顔になれるAIフィルター（以下、芸能人になれるエフェクト）が流行している。 【動画】石原さとみ、長澤まさみ…「芸能人になれるエフェ... 続きを読む

HTMLはシンプル！ 画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir

2023/08/09 14 users class ライブラリ ボーダー 2KB オーバーレイ

画像をホバーしたときにテキストを重ねたり、ボーダーをアニメーションさせたり、拡大表示させたり、さまざまなエフェクトを簡単に実装できるCSSの超軽量（2Kb）ライブラリを紹介します。 HTMLにclassを与える簡単実装。エフェクトは組み合わせることも可能で、オーバーレイやテキストやボーダーなどを自由に組み合わせ... 続きを読む

エフェクトを使って同期を行う – React

2023/07/28 5 users React effect state コンポーネント 同期

一部のコンポーネントは外部システムと同期を行う必要があります。例えば、React の state に基づいて非 React 製コンポーネントを制御したり、サーバとの接続を確立したり、コンポーネントが画面に表示されたときに分析用のログを送信したりしたいかもしれません。エフェクト (Effect) を使うことで、レンダー後にコー... 続きを読む

心が汚れた大人になってしまったので、心霊ドキュメンタリー等の心霊現象部分にかけられたエフェクトのプラグインの値段までわかる。持ってる。

2023/04/07 17 users プラグイン 値段 大人 Kezzardrix music

神田　竜 @Kezzardrix ケザドリです。HIP LAND MUSICのIT Room所属、backspacetokyo、SjQ++、VMO、HEXPIXELSなどの人。様々な分野で飛び道具映像から普通のやつ。音楽系の映像が好きです。 kezzardrix.net kezzardrix.net 神田　竜 @Kezzardrix 完全に心が汚れ切った大人になってしまったので、心霊ドキュメンタリーとし... 続きを読む

ASUSが裸眼で立体映像を視聴可能なOLEDテクノロジー「ASUS Spatial Vision」を発表、対応ノートPC「ASUS ProArt Studiobook 16 3D OLED(H7604)」「ASUS Vivobook Pro 16X 3D OLED」は2023年内に発売予定

2023/01/05 13 users ウェアラブルデバイス OLED 裸眼 ワークフロー Asus

3Dメガネなどの特別なウェアラブルデバイスを必要とせず、裸眼で立体映像を視聴できる技術「ASUS Spatial Vision」をASUSが発表しました。2D・3Dの切り替えを簡単に行い、3Dオブジェクトやエフェクトの詳細を画面上で確認できるため、ワークフローの効率化と時間・コストの削減が期待できるとされています。 ASUS Presen... 続きを読む

テキストで命令するだけで画像や動画を自動で加工してくれる「Text2LIVE」

2022/10/30 106 users テキスト オブジェクト 動画 画像 機械学習

画像や動画のオブジェクトを違う色にしたり、特殊な効果を付けたりといった加工をする場合、通常は画像・動画編集ソフトを用いてオブジェクトを指定したり、加工するエフェクトをオブジェクトに合わせて調整したりと、面倒な操作が必要です。そのような画像や動画の加工を、機械学習を用いて「テキストで指定するだけ」... 続きを読む

PC不要のライブ配信機器「LiveShell W」、Cerevoが発売。2系統入力やエフェクトの新機能　

2022/08/19 13 users Cerevo ライブ配信機器 発売 新機能

続きを読む

最近見かけた、CSSの一工夫加えたスゴ技テクニックのまとめ

2022/07/26 164 users CSS ドロワー Airbnb NIKE カルーセル

Apple, Nike, Tesla, AirbnbなどのWebサイトやスマホアプリで使用されている、CSSの一工夫加えたスゴ技テクニックを紹介します。 美しい磨りガラスのヘッダ、コンテンツがズームするエフェクト、タッチフレンドリーなカルーセル、超クールなスワイプオーバーセクション、新感覚のスワイプアップするドロワーなど、すぐに... 続きを読む

【CSS】「これどうやる？」アップルやテスラのWebレイアウト再現テクニック集 - PhotoshopVIP

2022/07/15 551 users Twitter PhotoshopVIP NIKE テスラ

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサ... 続きを読む

Webページに軽快な視差効果、スクロールすると要素が近づいてくるエフェクトを実装できる軽量のJavaScript -PushIn.js

2022/06/06 5 users 軽量 要素 JavaScript 視差効果 Webページ

Webページにインタラクティブな視差効果のアニメーションを実装できる軽量のJavaScriptを紹介します。 スクロールすると要素が近づいてくるエフェクトは、Appleのランディングページなどでもよく見かけます。スクロールすると要素が押し出されるように近づくプッシュイン、スクロールすると要素に向かってカメラが近づく... 続きを読む

最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ

2022/03/31 202 users UIコンポーネント デベロッパー CSS テクニック 一昔前

最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。 10 Useful CSS Tricks for Front-end Developers by Alex Ivanovs 下記は各ポイントを... 続きを読む

「TikTok」で目立つ「ムゲンヨーヨー」、タカラトミーが発売　アプリでAR撮影、直接アップロード

2022/03/08 73 users iOS TikTok タカラトミー ARエフェクト LED

プレイ中にヨーヨー表面のLEDが発光し、専用アプリ（iOS、Android）が認識してARエフェクトを描画する仕組み。炎のやレーザー光のようなエフェクトの他、文字が入ったコミカルなものなど40種類以上を用意した。 撮影した動画はアプリ内で音楽やコメントを付け、ショートムービー共有サイト「TikTok」に直接アップロード... 続きを読む

パララックスもこれで簡単に！ HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js

2022/01/12 175 users パララックス CSS ライブラリ スクリプト 実装

ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。 実装は非常に簡単で、HTMLやCSSを変更せずに、パララックスのさまざまなエフェクトを実装できます。 simpleParallax.js simpleParallax.js -GitHub simpleParallax... 続きを読む

Blenderで作るセルルックアニメーションやエフェクトの表現

2021/12/07 288 users Blender くら 表現 3DCGアニメーション 映像作り

Kanazawa Hiroshi制作会社グラフィックデザイナーを経て、映像制作、3DCGアニメーションやグラ... 初めましてカナザワと申します。 普段は映像やグラフィックデザインのお仕事をしています。 今回はBlenderを使ったセルルックアニメーションや、映像作りにも使えるエフェクト表現について書いていこうと思います。これか... 続きを読む

プロジェクションマッピングを使った最先端ミニ四駆サーキットが一般公開 | スラド

2021/11/26 11 users akiraani スラド プロジェクションマッピング 壁面

akiraani 曰く、ミニ四駆新シリーズ「レーザーミニ四駆」の世界が体験出来る最先端デジタルサーキットが17日に一般公開された。走らせるミニ四駆にマーカーシールを貼り付けることで位置を検知し、レーザー光によるプロジェクションマッピングで走行の軌跡やらコーナーでの壁面の摩擦火花をリアルタイムにエフェクトとし... 続きを読む

フォトショップの近道！自分で学べる最新お役立ちレシピ、作り方30個まとめ - PhotoshopVIP

2021/11/10 13 users PhotoshopVIP チュートリアル フォトショップ

「フォトショップを時間をかけずに学びたい」「使い方がいつもワンパターン」「最新のデザインスタイルをマスターしたい」 そんなひとにオススメしたい、フォトショップの最新チュートリアル、作り方30個をまとめてご紹介します。 順番を追ってチュートリアルを進めていくことで、実用的なツールやエフェクトの使い方を... 続きを読む

画像を扱うプロジェクトに役立つ！CSSフィルタのさまざまなエフェクトをコピペで利用できる無料ツール -FilterSS | コリス

2021/09/10 6 users コリス オンラ コピペ Photoshop プロジェクト

画像を編集できるのは、Photoshopだけではありません。 CSSフィルタで、画像にさまざまなエフェクトを与えることができます。 画像に適用するエフェクトを見ながら、そのCSSフィルタのコードをコピペで利用できるオンラ...記事の続きを読む 続きを読む