タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Chief technology officer Mira Murati appointed interim CEO to lead OpenAI; Sam Altman departs the company. Search process underway to identify permanent successor. The board of directors of OpenAI, Inc., the 501(c)(3) that acts as the overall governing body for all OpenAI activities, today announced that Sam Altman will depart as CEO and leave the board of directors. Mira Murati, the company’s chi
React18のTransitionの動作確認
React18のTransitionの動作確認をした。 useTransitionを使った例を用意し、React18のAPIを使わず同様の体験を提供すると、どのようになるかを確認する。また、startTransitionやuseDeferredValueでも同じことができるか確認する。 先に結論 Reactの18の新機能を使わずとも似たような表現はできるが体験は提供できない。即応性に大きな差がでる。また、useTransitionではisPendingが用意されているががstartTransitionやuseDeferredValueでもisPendingを実装できることも確認できた。 startTransitionが柔軟で表現力が高く、isPendingが不要ならstartTransitionで表記が単純にになるとも言えるし、isPendingを保持する必要があるためhookにする必要が
transitionをかけたホバーアクションのopacityがちらつく問題を解消する 公開日 : 2022.08.22 最終更新日 : 2022.10.05 コーディング こんにちは！AndHAコーディング部です。 突然ですが新人コーダーさん！コーディング勉強中の皆さん！ こんな不具合に遭遇したことありませんか？ 「transitionをかけたホバーアクションのopacityがちらつく！」 新人コーダーの私も、何かと悩まされていました… そこで今回は、この問題をどうにか解消していきたいと思います。 ちらつく問題についてアニメーションがちらつく問題Webサイトの制作をしていると、避けて通れないボタンやリンクなどのパーツ。ホバーしたときの動きを指定することがほとんどですよね。 中でも、「opacity: 0.7」などと透過を指定したうえで、「transition: .3s」などとふわっとアニメ
Announcing Coinbase’s successful transition to React Native | by Coinbase | The Coinbase Blog
As of January 2021, the Coinbase iOS and Android apps have transitioned away from native development to React Native, and all mobile engineers are now collaborating in a single codebase. The transition from native to React Native did not happen overnight, and in the interest of helping those contemplating such a decision, we want to tell the story of how we got here. Specifically, we want to share
The Web’s Next Transition
The web is made up of technologies that got their start over 25 years ago. HTTP, HTML, CSS, and JS were all first standardized in the mid-nineties (when I was 8 years old). Since then, the web evolved into a ubiquitous application platform. As the web has evolved, so too has the architecture for the development of these applications. There are many core architectures for building applications for
Transition to ISRG's Root delayed until Jan 11 2021
[Edit September 2020: I’ve updated the change date in this post to refer to the current plan, to make it easier to find] We’re going to delay the transition to ISRG’s root a little further, to January 11 2021. The patterns of Android adoption have not significantly improved since last year. According to numbers from Android Studio, only 66% of Android users are on version 7.1 or above, which inclu
【CSS】transitionで光が斜めに横切るバーを作ってみました【小ネタ】 - Little Strange Software
どうも！LSSです！！ ちょっと久々に、CSSネタいってみます！ サンプル コード ざっくりコード解説 光のデザイン カーソルを乗せると光が移動する仕組み あとがき サンプル ↓こんなのを作ってみました。 こういうバーで、マウスカーソルをのせると 黄緑色のバーにマウスカーソルを（スマホの人は指を）乗せてみてください。 コード <style><!-- .hoveranm{ border-radius:15px; border:10px outset greenyellow; padding:5px; background-color:yellowgreen; font-weight:bold; color:white; font-size:20px; text-shadow:0px 0px 5px black; background-image:linear-gradient(-10deg,
Drop-in CSS transitions
CSS transform / opacity / transition 周りの意図しない挙動・不具合・バグフィックスまとめ [ 随時更新 ] | ma-ya's CREATE / WEB DESIGN
CSS transform / opacity / transition 周りの意図しない挙動・不具合・バグフィックスまとめ [ 随時更新 ] CSS こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。 要素をアニメーションさせる時に毎度お世話になるCSSのtransformやopacity。描画とロジックをCSSとJSに分離するためにも、なくてはならない存在だと思ってます。 しかし多用した場合、他のソース部分と干渉して意図しない挙動になることもしばしば。毎度毎度調べるのも面倒なので記事で簡潔にまとめていくことにしました。 あくまで自分用メモなので解説は少な目かつ順不同です（苦笑）。 意識しておいた方が良い前提 transformやopacity指定をした要素はスタックコンテキストを生成する スタックコンテキストとは何ぞや？というのはMDNさんにでもお任せするとして… 重
![CSS transform / opacity / transition 周りの意図しない挙動・不具合・バグフィックスまとめ [ 随時更新 ] | ma-ya's CREATE / WEB DESIGN](https://cdn-ak-scissors.b.st-hatena.com/image/square/461f1436e102a0e8d3098a9404bf4d056762640d/height=288;version=1;width=512/https%3A%2F%2Fmyscreate.com%2Fwp-content%2Fuploads%2F2018%2F12%2Fcssbug.png)
A12Z搭載Developer Transition Kitのベンチマーク：現行MacBook AirやARMベースのSurface Pro Xを上回る結果も - こぼねみ
iPad Proと同じA12Zチップを搭載したカスタムMac mini「Developer Transition Kit（DTK）」が開発者のもとに届き始めています。開発者はこのDTKを使ってAppleシリコンを搭載するMac製品向けのアプリを準備することができるわけですが、一部の開発者がまず最初に行ったのは、開発者契約の守秘義務により本当はやってはいけないのですが、このマシンのベンチマークでした（苦笑）。 開発者でなくとも気になるベンチマークスコア。MacRumorsによれば、Geekbenchにアップされた「Developer Transition Kit」の平均スコアはシングルコアが811、マルチコアが2,871というものでした。 なお、 GeekbenchのテストソフトウェアはまだAppleシリコンに最適化されていないため、これらのテストはAppleのRosetta技術を使用し仮想
Immunological characteristics govern the transition of COVID-19 to endemicity | Science
Taming a pandemicOne year after its emergence, severe acute respiratory syndrome coronavirus 2 (SARS-CoV-2) has become so widespread that there is little hope of elimination. There are, however, several other human coronaviruses that are endemic and cause multiple reinfections that engender sufficient immunity to protect against severe adult disease. By making assumptions about acquired immunity f
手軽なCSSアニメーション！transitionプロパティの使い方（基礎編） | ビジネスとIT活用に役立つ情報（株式会社アーティス）
前回までanimationプロパティによるCSSアニメーションについてご紹介しました。 animationプロパティは@keyframesを設定し、animationプロパティを設定して・・・と簡単なアニメーションを実装するには少し手間がかかります。 もっと手軽にCSSアニメーションを実装したい、そんな時に便利なのがtransitionプロパティです。 今回はtransitionプロパティについて解説していきます。 transitionプロパティとanimationプロパティの違い まずは二つのプロパティの何が違うのかを見ていきましょう。 1.transitionプロパティは@keyframesの設定が必要ない animationプロパティでCSSアニメーションを実装する際は、別途@keyframesで変化していく形状などを記述しておく必要がありました。しかしtransitionでは@ke
😡VueのTransition使えば簡単にトランジションできるって言ったじゃないですか！〜あるある沼と解決策〜 - Qiita
この記事はVue Advent Calendar 2022の20日目（太平洋標準時）です ご存じの通り、Vueではコンポーネントを使って簡単に要素の表示/非表示トランジションが書けます。 ↓こんなやつですね。 <script setup lang="ts"> import { ref } from "vue"; const visible = ref(true); </script> <template> <label> <input type="checkbox" v-model="visible" />ボタンを表示 </label> <Transition appear> <button v-if="visible">ボタンだよ</button> </Transition> </template> <style lang="scss" scoped> .v-enter-active,
The transition of Chrome extensions to Manifest V3 | Blog | Chrome for Developers
Earlier this year, for Chrome 88, we announced the availability of a new manifest version for the Chrome extension ecosystem. Years in the making, Manifest V3 is more secure, performant, and privacy-preserving than its predecessor. It is an evolution of the extension platform that takes into consideration both the changing web landscape and the future of browser extensions. As we look to the futur
Developers can start building apps today and first system ships by year’s end, beginning a two-year transition Apple today announced it will transition the Mac to its world-class custom silicon to deliver industry-leading performance and powerful technologies. The transition to Apple silicon in the Mac will create a common architecture across all Apple products, making it far easier for developers
こんちにちわ。kyamashitaです。だいぶ涼しくなり過ごしやすくなりましたね。 今回は、CSSについて知れたことを紹介します。 問題個所 今回対応したのはこのような検索ボックス。 コードはこちら。 html <div class="search-area"> <div class="search-area-inner"> <button class="search-area-btn">カテゴリ</button> <div class="category"> <ul class="list-first"> <li><a href="#">すべて</a></li> <li> <a href="#">カテゴリ１</a> <ul class="list-second"> <li> <a href="#">カテゴリ１－１</a> <ul class="list-third"> <li><a hr
Compass Rose on Twitter: "https://t.co/6C09RXqYHU 政権移行の図上演習をやったTransition Integrity Projectの報告書が出ていたが、4つのシナリオのうちバイデン圧勝をのぞくすべての想定で憲政の危機が発生、うち2… https://t.co/xhyvYp5oQk"
https://t.co/6C09RXqYHU 政権移行の図上演習をやったTransition Integrity Projectの報告書が出ていたが、4つのシナリオのうちバイデン圧勝をのぞくすべての想定で憲政の危機が発生、うち2… https://t.co/xhyvYp5oQk
この記事はNext.js Advent Calendar 2019 16日目の記事です。 Qiitaに書くのは久々の @_Ria0130です。 SPAを作っていても Transition を実装したことない方結構いらっしゃるんじゃないでしょうか？ ページ遷移と Transition の組み合わせって結構難しくって、クロスフェードとかをしようとすると遷移前と遷移後の要素をどちらも描画したままスタイルを適応する必要があります。 React など VirtualDOM を扱うライブラリを採用しているとDOMの反映を自動でしてくれて楽な反面、要素のコントロールが自分でできないので少し複雑です。 React で有名な Transition ライブラリだと React Transition Group があるのですが、今回は UIT INSID Eep.29 で紹介されていて気になっていた react
GitHub - argyleink/transition.css: :octocat: Drop-in CSS transitions
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Resuming the transition to Manifest V3 - Chrome for Developers
Resuming the transition to Manifest V3 Published on Thursday, November 16, 2023 In December of last year, we paused the planned deprecation of Manifest V2 in order to address developer feedback and deliver better solutions to migration issues. As a result of this feedback, we’ve made a number of changes to Manifest V3 to close these gaps, including: Introducing Offscreen Documents, which provide D
学習用にReact Transition Groupの内容を簡単にまとめなおしたものです。 全ての項目を網羅してはいません。 ソースはこちらです。 react-transition-group-sample デモサイト React Transition Group の概要 ReactでCSSアニメーションを扱う為のライブラリです。 具体的にフェードインやスライドインなどのアニメーションそのものは提供していません。 アニメーションの為のスタイルは自分で用意します。 その用意したスタイルを適切なタイミングでDOMに適用する為の、管理手法を提供しています。 インストール Transition コンポーネント 基本のコンポーネントです。 propsの変化や時間の経過に応じて、子コンポーネントを再レンダリングします。 完成図 ボタンまたはカード本体のクリックで反転アニメーションを開始します。 アニメ
【CSSアニメーション】transitionのイージングにease-inやease-outを適当に設定するのはやめましょう - Qiita
【CSSアニメーション】transitionのイージングにease-inやease-outを適当に設定するのはやめましょうCSSscssanimationtransition はじめに この記事は普段transition-timing-functionの値に なんとなくease、ease-in、ease-out、ease-in-outを設定している方に読んでいただきたい内容になります。 アニメーションが苦手という方も、 この記事で紹介する6つのポイントを抑えることで 普段気づいていたけど対処法がわからなかったアニメーションの違和感の解消方法を学んでいただければ幸いです。 イージングの種類や性質 まずはCSSで使える代表的なイージングの種類と、イージングの強弱について説明します。 CSSで使える代表的なイージングの種類 代表的なイージングは全部で25パターンあります。 とても多い印象を受けた
More details on the transition to Manifest V3 | Blog | Chrome for Developers
Last year, we announced a timeline for the phasing out of Manifest V2 extensions as we shift our focus to Manifest V3. This change will give Chrome users increased safety and peace of mind while browsing and installing extensions by providing more transparency and control over permissions, adding stricter protocols for accessing resources outside the extension’s context, and ensuring that extensio
react-transition-groupドキュメント react-transition-groupはReactでCSSアニメーションを扱う為のライブラリです。 見栄えのするモーション自体を提供してくれるわけではなく、CSSを適用するタイミングを提供してくれるので、自分でアニメーションのCSSを書いてアニメーションさせます。 下記の4つのコンポーネントが提供されます。 Transition CSSTransition SwitchTransition TransitionGroup 今回はcreate-react-appを使い、CSS(SCSS)はCSSModulesを使っていきます。 ※レンダリング回数削減などパフォーマンス面については扱いません。 インストール # create-react-appのインストール npx create-react-app プロジェクト名 # プロジェク
独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシート・「transition.css」
transition.cssは独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシートです。 CDNも用意されていますが、配布サイトで数値を調整してコードをコピーする事も出来るので1つのプロジェクトで複数のエフェクトを使わないのであればCSSそのものを読み込む必要はありません。 遷移のスタイルは円型、ワイプ、四角型、ポリゴンなどに分けられており、各種にいくつか異なるエフェクトが用意されています。 以下、動作サンプルです。 右下にあるrerunを押せば動作を確認できます。 サンプルではポリゴンのin:diamond:hesitateを利用してみました。以下のコードが提供されます。 @keyframes diamond-in-hesitate { 0% { clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50
swup — Versatile and extensible page transition library for server-rendered websites
swup Versatile and extensible page transition library for server-rendered websites
The View Transition API is a new feature on web that simplifies the process of creating animated transitions for shared element. Previously, achieving smooth transitions for shared element on the web was a complex task. However, with the introduction of this API, we can now easily animate shared element, allows us to create engaging and fluid navigational experiences, similar to those found in mob
Default outbound access for VMs in Azure will be retired— transition to a new method of internet access | Azure updates | Microsoft Azure
Explore Azure Get to know Azure Discover secure, future-ready cloud solutions—on-premises, hybrid, multicloud, or at the edge Global infrastructure Learn about sustainable, trusted cloud infrastructure with more regions than any other provider Cloud economics Build your business case for the cloud with key financial and technical guidance from Azure Customer enablement Plan a clear path forward fo
Broadcom plans 'rapid subscription transition' for VMware
Offers comforting vision for core customers, products, channel – though warns efficiencies are coming Broadcom has signaled its $61 billion acquisition of VMware will involve a “rapid transition from perpetual licenses to subscriptions.” That's according to Tom Krause, president of the Broadcom Software Group, on Thursday's Broadcom earnings call. He was asked how the semiconductor giant plans to
If you messed around with CSS for long enough, chances are you've tried at least once to make a transition from height: 0 to auto... only to find out that it doesn't work! 😢 ➡️ Luckily, today there is actually a solution to this problem: it uses CSS Grid under the hood, and it is just so easy and it works flawlessly! Let's start with a practical example. I have built this simple accordion: The HT
TL;DR 外部 CSS を読み込んだら、何かしらスクリプトを走らせよう。 前置き 外部スタイルシートに CSS transition を記述した際、仕様上は初期状態への遷移は発生しないはずなのだけれど、Chrome だと、デフォルトのスタイルから初期状態への遷移が発生してしまう、という問題。 かなり以前から知られていた問題らしいのだけれど、未だに直っておらず、それぞれに対処法は考えられているものの、なぜそれで動くのかよくわからなかったので、少し追っかけてみた。 結果、全容を把握するに至らなかったのだけれど、おおよその機序と回避方法が分かったので、メモがてらに残しておく。 問題の発生する例 例えば、こんなスタイルシートがあって、
Trump-Biden transition live updates: Democrats lose, GOP gains another House seat | by Sadik hossian | Nov, 2020 | Medium
Trump-Biden transition live updates: Democrats lose, GOP gains another House seat President-elect Joe Biden is moving forward with transition plans, capping a tumultuous and tension-filled campaign during a historic pandemic against President Donald Trump, who refuses to concede the election, despite a growing list of foreign heads of states moving on and recognizing Biden as the winner. Trump is
Redefining metamorphosis in spiny lobsters: molecular analysis of the phyllosoma to puerulus transition in Sagmariasus verreauxi - Scientific Reports
Thank you for visiting nature.com. You are using a browser version with limited support for CSS. To obtain the best experience, we recommend you use a more up to date browser (or turn off compatibility mode in Internet Explorer). In the meantime, to ensure continued support, we are displaying the site without styles and JavaScript.
Presidential Transition Live Updates: Virus and National Security Concerns Grow as Trump Rebuffs Transition Plans | by Sadik hossian | Nov, 2020 | Medium
Presidential Transition Live Updates: Virus and National Security Concerns Grow as Trump Rebuffs Transition Plans A growing chorus of Republican senators have said that President-elect Joe Biden should receive intelligence briefings. Mr. Biden has been speaking with more foreign leaders, who have shown support even as President Trump refuses to concede. President Trump’s refusal to allow President
FreeBSD Can Now Be Built From Linux/macOS Hosts, Transition To Git Continues - Phoronix
Show Your Support: This site is primarily supported by advertisements. Ads are what have allowed this site to be maintained on a daily basis for the past 19+ years. We do our best to ensure only clean, relevant ads are shown, when any nasty ads are detected, we work to remove them ASAP. If you would like to view the site without ads while still supporting our work, please consider our ad-free Phor
Have you ever wondered if there's a better job out there, one that could let you make better use of your skills, travel more, or even make more money? It's a thought most of us have had at some point in our careers. Take the leap and explore the possibilities of a different job, one that could be more rewarding and enjoyable! Before you make the leap into a new career, take some time to assess the
Combine is the new cool kid in town when it comes to reactive programming with Swift, so many developers in the community want to switch from RxSwift to Combine. Both frameworks are very similar, but the devil’s in the details and if you want to make the transition, it really helps to have a clear mapping from all the RxSwift operators, types, and functions to their Combine equivalents. Well, here
腱鞘炎と戦うデザイナー on Twitter: "a transition:) キャラモデリングを難しく感じる方々へ、 少しでも直感的に理解しやすい様に過程をアニメーションにしてみた。 一定数反響あるようなら体や髪以降も作ります(思ったよりめんどかった…ｗ) #3DCG #Maya https://t.co/uTCYAPdY3g"
a transition:) キャラモデリングを難しく感じる方々へ、 少しでも直感的に理解しやすい様に過程をアニメーションにしてみた。 一定数反響あるようなら体や髪以降も作ります(思ったよりめんどかった…ｗ) #3DCG #Maya https://t.co/uTCYAPdY3g
Transition Game - 双子の現役NBA選手ロビン・ロペスとブルック・ロペスがプロデュースする全編フルカラーのバスケットボール漫画
『トランジションゲーム』は、双子の現役NBA（全米プロバスケットボール）選手のロビン・ロペスとブルック・ロペスがプロデュースする全編フルカラーのバスケットボール漫画です。 シナリオはロペス兄弟の長兄のクリストファー・ロペス、作画は『SLAM DUNK』の井上雄彦先生の下で長年チーフアシスタントを務めたTATSUZ（タツズィー）先生が担当しています。 この漫画では、カリフォルニア州サンディエゴ出身の15歳のバスケ少年、キャメロン・フォードが沖縄県の離島に移り住み、慣れない異国での生活に苦しみながらも仲間やライバルとバスケを続けることで、バスケットボール選手として、そして1人の人間として成長する姿が描かれます。 ロペス兄弟が実際に経験したバスケットボール選手たちのリアルな世界が存分に盛り込まれたストーリー、「全編フルカラー、左綴じ、セリフは横書き」というアメリカン・コミックのスタイル、そして日
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenAI announces leadership transition
transitionをかけたホバーアクションのopacityがちらつく問題を解消する | AndHA Blog
![さくらインターネットで活躍中の id:y_uukiを訪問 | はてな卒業生訪問企画 [#9] - Hatena Developer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b5961cfe7e9736ef0e88bc0290b1599481d2626/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenatech%2F20240319%2F20240319125826.jpg)
argyleink/transition.css
Apple announces Mac transition to Apple silicon
displayにtransitionが効かなかった | バシャログ。
Next.js で Page Transition を実装する - Qiita
React Transition Group でCSSアニメーション - Qiita
react-transition-group - Qiita
Using View Transition API in React App
🧙♂️ CSS trick: transition from height 0 to auto!
Chrome の CSS transition がページロード時に動いてしまう問題の機序と対処 - Qiita
A12Zチップ搭載の｢Developer Transition Kit｣、｢Rosetta 2｣利用時のベンチマークスコアが明らかに
Blunders to Dodge When Weighing a Career Transition
RxSwift to Combine: The Complete Transition Guide
www.jiji.com
www.itmedia.co.jp
www.fashion-press.net
response.jp
www.cyzo.com
bittimes.net