なぜ 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フィルタのコードをコピペで利用できるオンラ...記事の続きを読む 続きを読む

効果音やエフェクトも楽しいお絵描きアプリ「キッドピクス」、ウェブサービスで復活【やじうまWatch】 - INTERNET Watch

2021/08/05 11 users やじうまWatch ウェブサービス 復活 効果音

続きを読む

【フォトショップ】写真をベクターイラスト風に加工する方法 - PhotoshopVIP

2021/05/27 8 users hope PhotoshopVIP フォトショップ ポスター

この記事では、フォトショップで写真をベクターイラスト風に仕上げる方法をご紹介します。 このエフェクトはもともと、バラク・オバマの大統領当選を記念したポスター『Hope』を制作し世界中で知られるようになった、シェパード・フェアリー（Shepard Fairey）にインスパイアされています。一度は見かけたことがあるかも... 続きを読む

CSSでテキストやボタン、ボーダーに美しいネオンライトのエフェクトを実装するテクニックのまとめ | コリス

2021/05/24 12 users コリス text-shadow box-shadow CSS

テキストやボタン、ボーダーに美しいネオンライトのエフェクトを実装するCSSのテクニックを紹介します。 ネオンライトはCSSのtext-shadowやbox-shadowで実装されており、CSSアニメーションやJavaScriptで動きを加えるとさらに面白くなります。 各デモは「Run Pen」をクリックすると、動作します。 まずは、ネオンサイン... 続きを読む

魅力的でインタラクティブなウェブサイト制作で意識したい6つのポイントまとめ - PhotoshopVIP

2021/04/16 9 users ウェブサイト制作 インタラクティブ 6つ ウェブサイト 参考

この記事では、ユーザーを飽きさせないインタラクティブなウェブサイト制作で意識したい6つのポイントをまとめてご紹介します。 ここでは、インタラクティブなウェブサイトとは、ユーザーと対話するような参加型サイト体験を指しており、その方法やエフェクトもさまざまです。 ここでは、いくつかの実例サンプル例を参考... 続きを読む

鬼滅の刃DX日輪刀胡蝶しのぶverに見るバンダイのデザイン力がすごい「安全性を担保しエフェクトを添える」 - Togetter

2021/02/24 153 users Togetter BANDAI 胡蝶しのぶ 劇中 バンダイ

バンダイおもちゃ宣伝部（BANDAI） @bandai_toys 「鬼滅の刃 DX日輪刀～胡蝶しのぶ～」が4/24(土)発売！ 劇中の印象的なセリフなど約35種の音声を収録。 #胡蝶しのぶ の世界観を表現したデザインで、刀身部分の蝶が美しく「光る」仕様に仕上げています。 ▼商品詳細はこちら toy.bandai.co.jp/series/kimetsu… #鬼滅の刃 ... 続きを読む