IT |
気になる、記になる… |
新型「MacBook Air」は新しいデザインとカラー採用でM2チップ搭載と著名リーカーが報告 |
https://taisy0.com/2022/06/01/157547.html
|
apple |
2022-06-01 05:54:17 |
IT |
ITmedia 総合記事一覧 |
[ITmedia PC USER] 日本マイクロソフト、中小企業向けに最適化したセキュリティツール単体製品「Microsoft Defender for Business」を提供開始 |
https://www.itmedia.co.jp/pcuser/articles/2206/01/news128.html
|
defenderforbusiness |
2022-06-01 14:38:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia News] 「デロリアン」の電気自動車モデル「Alpha 5」披露 ガルウィングだけど4シーター |
https://www.itmedia.co.jp/news/articles/2206/01/news127.html
|
alpha |
2022-06-01 14:37:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia Mobile] PayPay、決済時に残高不足でもオートチャージ可能に |
https://www.itmedia.co.jp/mobile/articles/2206/01/news124.html
|
itmediamobilepaypay |
2022-06-01 14:21:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia エンタープライズ] OfficeにRCEを引き起こすゼロデイ脆弱性 マクロ無効化を回避する動きも確認 |
https://www.itmedia.co.jp/enterprise/articles/2206/01/news102.html
|
follina |
2022-06-01 14:07:00 |
TECH |
Techable(テッカブル) |
ロボット×京都の伝統工芸。パーソナルモビリティ「RODEM」に漆塗りモデル登場 |
https://techable.jp/archives/179800
|
rodem |
2022-06-01 05:00:09 |
IT |
情報システムリーダーのためのIT情報専門サイト IT Leaders |
システムインテグレータ、Excel操作を自動化するツール「xoBlos」を販売 | IT Leaders |
https://it.impress.co.jp/articles/-/23255
|
システムインテグレータ、Excel操作を自動化するツール「xoBlos」を販売ITLeadersシステムインテグレータは年月日、Excel操作自動化ツール「xoBlos」を販売開始した。 |
2022-06-01 14:10:00 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Monaco Editorの基本的な使い方 |
https://qiita.com/kyok01_japan/items/41c7ab287b2233bd4313
|
contenteditable |
2022-06-01 14:25:33 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
フロントでのリロード対策どうしようか |
https://qiita.com/kikikikimorimori/items/500efd6bc1c95744f268
|
策どう |
2022-06-01 14:20:12 |
Linux |
Ubuntuタグが付けられた新着投稿 - Qiita |
スタバのWi-Fiに自動ログイン【at_STARBUCKS_Wi2】 |
https://qiita.com/relu/items/6356093451d1f4bf742f
|
ispatcherdportalltlteotb |
2022-06-01 14:02:22 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS SSL化設定後に、アクセスできない【見直したい点】 |
https://qiita.com/begginer-info-base/items/f1ffc029be64db55ee75
|
awsssl |
2022-06-01 14:26:13 |
GCP |
gcpタグが付けられた新着投稿 - Qiita |
GCP Professional Data Engineerに1日で合格する方法 |
https://qiita.com/relu/items/38bea74968abb42eaf23
|
pprofessionaldataengineer |
2022-06-01 14:56:04 |
海外TECH |
DEV Community |
My LinkedIn Account got restricted |
https://dev.to/krishnaagarwal/my-linkedin-account-got-restricted-1o6p
|
My LinkedIn Account got restrictedMy LinkedIn Account got restrictedI contacted LinkedInHelp amp Support but Zero understanding and empathy Dishonest It is so unprofessional I never spammed people or spoke rudely or inappropriately to people Looking forward to see If LinkedIn recovers it |
2022-06-01 05:26:29 |
海外TECH |
DEV Community |
How web browsers work - the render tree (part 7, with illustrations)💻 ⏳ |
https://dev.to/arikaturika/how-web-browsers-work-the-render-tree-part-7-with-illustrations-24h3
|
How web browsers work the render tree part with illustrations The trees built in the parsing phase DOM CSSOM are combined into something called the render tree This is used to compute the layout of all visible elements that will be painted to the screen in the end The purpose of the render tree is to make sure the content of the page will paint the elements in the correct order It will be serverd as input to the painting process that will display the pixels on the screen The DOM and the CSSOM are created using the HTML and the CSS files Both of these files hold different types of information and the trees are different structures so how does the render tree gets created COMBINING THE DOM WITH THE CSSOMThe browser will start doing its magic at the root of the DOM tree and traverse every visible node Some of the nodes like script or meta tags are not visible so they are ignored There are also nodes that will be hidden with the use of CSS the display none property for example and they will also be ignored We are only interested in the visible nodes because only they matter for the input on the screen For each visible node that s found in the DOM the coresponding rules will be found in the CSSOM and they will be applied The result of these steps will be a render tree that contains all visible nodes with content and styles THE LAYOUT REFLOW STAGEThe render tree holds information on which nodes are displayed even if invisible along with their computed styles but not the dimensions or location of each node What needs to be done next is calculate the exact position of those nodes within the viewport of the device inside the browser window and their size This is the stage called layout in Chrome Opera Safari and Internet Explorer or reflow in Firefox but they mean the same thing The browser starts this process at the root of the render tree and traverses it The reflow step doesn t happen only once but every time we change something in the DOM that affects the layout of the page even partially Examples of situations when the positions of the elements is recalculated are adding or deleting elements from the DOMresizing the browser windowchanging the width the position of an element or floating itLet s get a very basic example of HTML with some CSS applied inline lt DOCTYPE html gt lt html gt lt head gt lt meta name viewport content width device width initial scale gt lt title gt Reflow lt title gt lt head gt lt body gt lt div style width height gt lt div style width height gt This is the reflow stage lt div gt lt div gt lt body gt lt html gt The above code just says that inside the viewport we should have two divs where the second one is nested inside the first The parent div takes up of the viewport and the second of the parent This will look something like this The output of this process is a box like model which captures exactly where each element needs to be on a screen and its size After this step is finished the output is ready to be passed to the next step called the painting stage THE PAINTING REPAINTING STAGEAfter the browser decides which nodes need to be visible and calculates their position in the viewport it s time to paint them render the pixels on the screen This phase it is also known as the rasterization phase where the browser converts each box calculated in the layout phase to actual pixels on the screen Just like the layout stage the painting stage doesn t happen just once but every time we change something in the appearance of the elements on the screen that doesn t affect the layout Examples of these situations are changing the outline of an elementchanging background colorchanging opacity or visibilityPainting means the browser needs to draw every visual part of an element to the screen including text colors borders shadows and replaced elements like buttons and images and it needs to do it super quickly To ensure repainting can be done even faster than the initial paint the drawing to the screen is generally broken down into several layers If this occurs then compositing is necessary LAYERING AND COMPOSITINGTraditionally web browsers relied entirely on the CPU to render web page content But nowadays even the smallest devices have performant GPUs so the attention has turned on finding ways to use this piece of hardware to achieve better performance Compositing is a technique to separate parts of a page into layers painting them separately and composite as a page in a separate thread called the compositor thread When sections of the document are drawn in different layers overlapping each other compositing is necessary to ensure they are drawn to the screen in the right order and the content is rendered correctly Generally only specific tasks get redirected to the GPU and those are the tasks that can be handled by the compositor thread alone In order to find out which elements needs to be on which layer the main thread walks through the layout tree and creates the layer tree By default there s only one layer and how these layers are implemented is browser specific but we can find the elements that would trigger a repaint and create a separate layer for each of them This way the repainting should not be applied to the whole page and in addition this process will use the GPU If we want to hint to the browser that ceratain elements should be on a separate layer we can use the will change CSS attribute There are actually specific properties and elements that signal the creation of a new layer Some of these are lt video gt lt canvas gt and any element which has the CSS properties of opacity a D transform will change and a few others These nodes will be painted onto their own layer along with their descendants KEEP IN MINDBoth of the operations discussed above reflow and repaint are expensive especially on devices with low processing power like phones That s why when dealing with DOM changes we should try to optimze them I will talk more about this in one of the future articles in my DOM series Some actions will trigger a repaint only and some actions both a reflow and a repaint Resource refrences How browsers workDOM Performance Reflow RepaintGPU Accelerated Compositing in Chrome |
2022-06-01 05:20:30 |
海外TECH |
DEV Community |
Flutter Web and Rive Animation Tutorial |
https://dev.to/suhavi/flutter-web-and-rive-animation-tutorial-5f5k
|
Flutter Web and Rive Animation TutorialHi This is a beginner to intermediate tutorial for setting up a Flutter web app with Rive animations I recently built a sliding tile game that incorporates Rive animations for the Flutter Hackathon In this tutorial I m going to show you how to add an animation to your Flutter web app and control it through user input We will create a basketball animation that gets triggered each time the user clicks on a button First we ll create the animation If you already have your animation you can skip to this section which will show you how to add your animation to a web app Rive is a free to use platform for designing and creating animations We are going to use a basketball animation that Rive provides as one of their tutorials Here is the animation When you open it there s a Design tab that let s you modify the look of the animation like the colours and original shape of the ball If you switch to the Animate tab you can see the animation run Each animation can have multiple states in this one there s an idle state but you could add more like a rolling state or whatever you might need for your business logic Download the animation in the newest runtime as basketball riv Once we hook it up to Flutter we will be able to play the idle animation when the user performs some action such as clicking a button Create a flutter project that we will be adding the animation to Once the project is created make an assets folder if it doesn t already exist and move your animation file into it I saved mine under assets animations flutter create fluttertutorialcd fluttertutorialflutter run d chromeIt will spin up a demo app for you that looks something like this Next we add the library that is going to help us control play and pause our animation Add to pubspec yaml and run flutter pub get dependencies rive Then in lib main dart import the package import package rive rive dart Now let s add the animation to our app by creating a stateless widget Add this code to the end of lib main dartclass BasketBallAnimation extends StatelessWidget const BasketBallAnimation Key key super key key override Widget build BuildContext context return const Scaffold body Center child RiveAnimation asset animations basketball riv To display this class find the main class MyApp and set home to point to our new widget class MyApp extends StatelessWidget const MyApp Key key super key key override Widget build BuildContext context return MaterialApp title Flutter Demo theme ThemeData primarySwatch Colors blue home const BasketBallAnimation make this change Now when you re run you should see the basketball animation playing Now let s give the widget state this is how we will be able to tell if it s playing or paused class BasketBallAnimation extends StatefulWidget const BasketBallAnimation Key key super key key override State lt BasketBallAnimation gt createState gt BasketBallAnimationState class BasketBallAnimationState extends State lt BasketBallAnimation gt bool isPlaying false override Widget build BuildContext context return Scaffold body const Center child RiveAnimation asset animations basketball riv Next we will add a button that when called will change the value of isPlayingclass BasketBallAnimationState extends State lt BasketBallAnimation gt bool isPlaying false void toggleAnimation setState isPlaying isPlaying override Widget build BuildContext context return Scaffold body const Center child RiveAnimation asset animations basketball riv floatingActionButton FloatingActionButton onPressed toggleAnimation tooltip isPlaying Pause Play child Icon isPlaying Icons pause Icons play arrow Finally we can hook up the RiveController methods The RiveAnimationController is what holds the state of our animation Initially we are going to set it to play our animation named idle This is a SimpleAnimation We will be able to tell if the animation is playing or not by checking the isActive property of the controller We attach this controller to our animation asset by passing it into our animation RiveAnimation asset path to my animation riv controllers controller Here is the updated code with the controller hooked up class BasketBallAnimationState extends State lt BasketBallAnimation gt late RiveAnimationController controller bool get isPlaying gt controller isActive void toggleAnimation setState controller isActive controller isActive override void initState super initState controller SimpleAnimation idle override Widget build BuildContext context return Scaffold body Center child RiveAnimation asset animations basketball riv controllers controller floatingActionButton FloatingActionButton onPressed toggleAnimation tooltip isPlaying Pause Play child Icon isPlaying Icons pause Icons play arrow Now you should have something that looks like the screen below A basketball animation that starts and stops when the user interacts with the floating button Hope this tutorial helps you The complete code for lib main dart can be found in this gist Happy coding |
2022-06-01 05:01:17 |
Apple |
AppleInsider - Frontpage News |
Apple iPad mini 6 plus AppleCare kits are up to $60 off for a limited time |
https://appleinsider.com/articles/22/06/01/apple-ipad-mini-6-plus-applecare-kits-are-up-to-60-off-for-a-limited-time?utm_medium=rss
|
Apple iPad mini plus AppleCare kits are up to off for a limited timeApple Authorized Reseller B amp H Photo is knocking up to off iPad mini plus AppleCare kits just in time for Father s Day Apple s iPad mini is on sale at B amp H when bundled with AppleCareFor a limited time only save up to on Apple s latest iPad mini when bundled with AppleCare Several of the models feature GB of storage to run a variety of apps Or if you re looking for Cellular connectivity the GB Wi Fi Cellular model in Space Gray is available for off with AppleCare Read more |
2022-06-01 05:23:37 |
金融 |
ニッセイ基礎研究所 |
パンデミックは生命保険需要を大きく喚起するのか-米国の従業員マーケットから |
https://www.nli-research.co.jp/topics_detail1/id=71263?site=nli
|
目次ーはじめにー生命保険に対するニーズの高まりならびに団体生命保険・個人保険別の加入状況ー雇用主が提供する生命保険の必要度・依存度ー低い従業員の制度理解ーおわりに新型コロナウイルスの感染拡大を経て、米国では年の生保販売が前年比増になる等、生命保険へのニーズが顕在化してきている。 |
2022-06-01 14:39:09 |
金融 |
日本銀行:RSS |
(日銀レビュー)店頭デリバティブ取引データからみた通貨オプション市場―新型コロナウイルス感染症下での取引動向― |
http://www.boj.or.jp/research/wps_rev/rev_2022/rev22j10.htm
|
店頭デリバティブ |
2022-06-01 15:00:00 |
ニュース |
BBC News - Home |
Ukraine war: US to send longer-range rockets in latest aid package |
https://www.bbc.co.uk/news/world-us-canada-61655577?at_medium=RSS&at_campaign=KARANGA
|
officials |
2022-06-01 05:33:05 |
ニュース |
BBC News - Home |
LIV Golf: Dustin Johnson and Sergio Garcia to play at inaugural event |
https://www.bbc.co.uk/sport/golf/61641439?at_medium=RSS&at_campaign=KARANGA
|
LIV Golf Dustin Johnson and Sergio Garcia to play at inaugural eventMajor champions Dustin Johnson and Sergio Garcia are among players confirmed for next week s inaugural m Saudi funded LIV Golf Invitational |
2022-06-01 05:42:06 |
ニュース |
BBC News - Home |
Ukraine's World Cup dream is about much more than football, says Andriy Shevchenko |
https://www.bbc.co.uk/sport/football/61647628?at_medium=RSS&at_campaign=KARANGA
|
Ukraine x s World Cup dream is about much more than football says Andriy ShevchenkoUkraine legend Andriy Shevchenko says Wednesday s World Cup play off semi final against Scotland is much more than football for us right now |
2022-06-01 05:30:35 |
ニュース |
BBC News - Home |
Pride Month and wrestling: 'We've got men, women, those that haven't made up their minds yet' |
https://www.bbc.co.uk/sport/wrestling/61626386?at_medium=RSS&at_campaign=KARANGA
|
Pride Month and wrestling x We x ve got men women those that haven x t made up their minds yet x Ollie Burness turned to drag to make it in professional wrestling Now he s helping other LGBTQ talent get their break in the industry To mark the start of Pride Month BBC Sport meets him |
2022-06-01 05:21:39 |
ニュース |
BBC News - Home |
Platinum Jubilee: Time-lapse shows set-up in front of Buckingham Palace |
https://www.bbc.co.uk/news/uk-61655049?at_medium=RSS&at_campaign=KARANGA
|
london |
2022-06-01 05:31:41 |
北海道 |
北海道新聞 |
「脱税請け負い」容疑で3人逮捕 会社役員、東京地検特捜部 |
https://www.hokkaido-np.co.jp/article/688152/
|
事業会社 |
2022-06-01 14:18:00 |
ビジネス |
東洋経済オンライン |
伊能忠敬の死を3年隠した部下たちの激しい葛藤 漫画「大河への道」(第2話・前編) | 漫画 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/589125?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
伊能忠敬 |
2022-06-01 14:30:00 |
IT |
週刊アスキー |
『オクトパストラベラー 大陸の覇者』新たな旅人として薬師“ゼニア”(CV:岡咲美保さん)が登場! |
https://weekly.ascii.jp/elem/000/004/093/4093301/
|
octopathtraveler |
2022-06-01 14:30:00 |
IT |
週刊アスキー |
EXNOA×KMS「天啓パラドクス」にて新討伐イベント「森の木陰でれっつ☆みゅーじっく!」を開催! |
https://weekly.ascii.jp/elem/000/004/093/4093281/
|
exnoa |
2022-06-01 14:15:00 |
IT |
週刊アスキー |
「ソニック」の新たな冒険を先出し!『ソニックフロンティア』最新ゲームプレイ映像を公開 |
https://weekly.ascii.jp/elem/000/004/093/4093285/
|
nintendo |
2022-06-01 14:05:00 |
マーケティング |
AdverTimes |
博報堂DYホールディングス、執行役員人事(22年6月1日、7月1日付) |
https://www.advertimes.com/20220601/article385772/
|
人事異動 |
2022-06-01 05:39:59 |
マーケティング |
AdverTimes |
指輪型決済端末で10億円調達 エブリング、伊藤忠など出資 |
https://www.advertimes.com/20220601/article385775/
|
三菱ufj銀行 |
2022-06-01 05:18:49 |
コメント
コメントを投稿