投稿時間:2022-08-16 05:20:44 RSSフィード2022-08-16 05:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS The Internet of Things Blog	How BISSELL migrated to a new IoT platform using AWS Connected Device Framework	https://aws.amazon.com/blogs/iot/how-bissell-migrated-to-a-new-iot-platform-using-aws-connected-device-framework/	How BISSELL migrated to a new IoT platform using AWS Connected Device FrameworkIntroduction BISSELL is a family owned business with over years crafting premium cleaning products that exceed consumer expectations BISSELL offers a full range of floor care and air treatment products Connected vacuum cleaners particularly robotic vacuums are a growing segment of their business BISSELL has million registered vacuum devices in their existing …	2022-08-15 19:14:37
海外TECH	DEV Community	Making a CSS Only Minecraft Chicken	https://dev.to/smpnjn/making-a-css-only-minecraft-chicken-587p	Making a CSS Only Minecraft ChickenThere are a bunch of articles floating about on how to make cubes in CSS There is a surprising lack of articles on how to make Minecraft chickens in CSS though As such I thought I d spend a couple hours making a CSS only Minecraft chicken and this guide will walk you through how I did that Here is the demo along with the full code via CodePen The cool thing about the chicken is that you can give him a top hat and he can spin Also if you click him he may cluck Making a CSS Only Minecraft ChickenWhen I write articles sometimes someone will messages me to say it s JavaScript not Javascript which makes me wonder if it s actually supposed to be MineCraft In any case every Minecraft chicken starts with a CSS cube Making a CSS cube is relatively straight forward First we start with this HTML lt div id chicken gt lt div class c gt lt div class cube head gt lt div class front gt lt div gt lt div class bottom gt lt div gt lt div class left gt lt div gt lt div class right gt lt div gt lt div gt lt div gt lt div gt which is essentially just a cube with four side div s inside The reason it s only got four sides rather than six sides here is because I like to use CSS pseudo elements for the other two It s also got a parent called c here because CSS starts doing some wacky things if you don t do this like stacking the blocks in weird ways After we ve done this we can start making our cube CSS All the sides are relatively similar in CSS styling with the only difference being how we transform them chicken transform rotateX deg rotateY deg transform style preserve d position relative left rem top rem transform origin rem rem transform style preserve d transition all s ease out cursor pointer chicken c position absolute top rem cube head width rem height rem cube gt div cube after cube before content position absolute height width transform style preserve d background white cube before transform rotateX deg transform origin cube after transform translateZ rem transform origin cube left transform rotateY deg transform origin background eee cube right transform origin background eee transform rotateY deg cube bottom transform rotateX deg transform origin I ve opted to simplify the cube method here by using transform origin Some people like to use a lot of translate transforms but I find transform origin is the easiest and requires the least amount of repeating yourself The only place I need to use translate is for the back piece which is cube after above That s because we d need to rotate the back piece around the centerpoint of the cube and although you can do a d transform origin it s just as easy to translate the back piece into place This does bring with it one of the more annoying things about CSS cubes which is that we will need to change the back plate translation if we change the size of the cube Since our first head cube is already configured correctly that s OK but for other pieces we need to add in some custom lines of CSS You ll also notice that we use transform style preserve d all over the place This ensures that the object remains d If you remove this the cube won t form and instead it ll stay on a single plain Moving our cubes into placeAfter you ve figured out one cube the rest is easy All of our cubes are position absolute so all you need to do is copy and paste the HTML update the colors as you see fit and translate them into position This is a pretty manual process in CSS but to be fair it would be in any language To make the chicken a little more interesting I gave him a wing animation To do this I made two keyframes which simply translate about a point I then applied this to one of the cube parent classes in this case c and c I added new classes to these called flutter and anti flutter respectively since both wings rotate differently The animation here runs forever The only thing left to do now is update the transform origin since we need to rotate the wings about a point flutter animation flutter s infinite transform origin flutter anti animation flutter anti s infinite transform origin rem keyframes flutter transform rotateZ deg transform rotateZ deg transform rotateZ deg transform rotateZ deg transform rotateZ deg keyframes aggressively flutter transform rotateZ deg transform rotateZ deg transform rotateZ deg transform rotateZ deg transform rotateZ deg transform rotateZ deg transform rotateZ deg transform rotateZ deg Adding the hat and rotation buttonsCSS and HTML are weird In other languages there would may be specific UI elements build in to allow us to trigger CSS classes on click In HTML we have to use a checkbox which is connected to a label which triggers an animation when clicked The hat is created up front using the same cube method as before We then make a label and checkbox above our chicken HTML lt input type checkbox id rotate name rotate gt lt input type checkbox id hat name hat gt lt div id controls gt lt div gt lt label id rotate label for rotate gt Rotate lt label gt lt div gt lt div gt lt label id hat label for hat gt Hat lt label gt lt div gt lt div gt lt div id chicken gt lt chicken goes here gt lt gt Now we can use sibling selectors to trigger animations if the checkbox is checked What happens is The label acts as our button When the user clicks it it is for a specific input For hat label it is for the input with the name hat So when the user clicks the label it checks the checkbox That means we can use the checked CSS selector to add some new CSS Since c c and c are the hat blocks we can set them to display none by default and then to show should the hat checkbox be checked c c c display none hat checked chicken c hat checked chicken c hat checked chicken c display block The final thing to do is rotate which follows the same principle Instead though we ll trigger an animation when the user checks the rotate checkbox We have to also use two animations here one for unchecked and one for checked The reason for this is because CSS can be a little weird if we try to re run an animation upon unchecking a checkbox rotate checked chicken animation rotate s forwards rotate chicken animation anti rotate s forwards keyframes rotate transform rotateX deg rotateY deg transform rotateX deg rotateY deg keyframes anti rotate transform rotateX deg rotateY deg transform rotateX deg rotateY deg And that leaves us with a very cool MineCraft chicken ConclusionMaking Minecraft chickens has never been easier with CSS The full code for this demo can be found here so you can play around with it if you want to I hope you ve enjoyed this quick intro into building d objects with CSS and hopefully you can build your own stuff too	2022-08-15 19:49:00
Apple	AppleInsider - Frontpage News	B&H launches back-to-school Apple sale, with discounts up to $300 off	https://appleinsider.com/articles/22/08/15/bh-launches-back-to-school-apple-sale-with-discounts-up-to-300-off?utm_medium=rss	B amp H launches back to school Apple sale with discounts up to offB amp H Photo s back to school sale is going on now with triple digit savings on popular MacBook Air and MacBook Pro models ーeven those equipped with the new M chip Save up to on Apple products during B amp H s August sale back to school Apple sale Read more	2022-08-15 19:21:32
海外TECH	Engadget	Zoom fixes security flaw that let attackers hijack your Mac	https://www.engadget.com/zoom-fixes-major-mac-security-flaw-195530039.html?src=rss	Zoom fixes security flaw that let attackers hijack your MacZoom users with Macs can rest a little easier Ars Technicareports Zoom has updated its Mac software to patch a vulnerability that let would be intruders take control of systems The video calling software s auto updater software not only had root level access but had a signature verification system that you could fool simply by giving your package a familiar file name A hacker could force your app to downgrade or otherwise enable exploits Objective See Foundation OSF creator and researcher Patrick Wardle first discovered the security hole and disclosed it to Zoom in December last year Zoom fixed that problem but introduced another bug in the process Zoom addressed that too but Wardle found still another flaw The OSF founder discussed his findings at Def Con last week Zoom acknowledged the issue that day and patched it afterward This isn t the first time Zoom has grappled with security headaches including for the Mac In the company raced to fix a webcam hijack exploit that relied on a locally created web server Increased scrutiny of Zoom at the start of the COVID pandemic in spring also prompted a full scale review of the company s practices While that did lead to changes it s clear Zoom isn t immune to missteps	2022-08-15 19:55:30
海外TECH	Engadget	Peloton may open its workout content to competing bikes and treadmills	https://www.engadget.com/peloton-software-strategy-shift-report-193224496.html?src=rss	Peloton may open its workout content to competing bikes and treadmillsPeloton may soon allow users of competing fitness equipment to stream its workouts to their bikes and treadmills In an interview with Bloomberg CEO Barry McCarthy said the company is “rethinking its digital strategy As a first step Peloton could adopt a freemium model that would see the company begin offering some features and workouts found in its mobile and TV app for free Currently the software costs per month after a day trial In the future people with stationary bikes or treadmills from companies like Bowflex Echelon and NordicTrack could also stream Peloton s content to their equipment s display McCarthy didn t say how deeply the company s software would integrate with competing models For instance it s not clear if you would see in workout metrics like you do on a Peloton bike or treadmill McCarthy also told Bloomberg Peloton plans to redesign its bikes to make it possible for customers to assemble them at home At the moment the company has a professional come to your house or apartment to help with setup “We ve been working on it for a while and it s a real thing he said “We ll continue to cost reduce the hardware and we will engineer it so that you can assemble it so that we can ship it via FedEx The moves come as Peloton struggles to regain profitability Following a million net loss in the first three months of the company raised prices and laid off employees after it previously cut jobs The idea that Peloton would let you access its software on competing hardware would have seemed unthinkable only a year ago but with its very survival now on the line it s doing what it has to do to stay afloat	2022-08-15 19:32:24
ニュース	BBC News - Home	Heathrow Airport extends cap on passengers to end of October	https://www.bbc.co.uk/news/business-62550600?at_medium=RSS&at_campaign=KARANGA	holidays	2022-08-15 19:14:49
ビジネス	ダイヤモンド・オンライン - 新着記事	自衛隊・防衛省幹部「天下り先」に金融大手8社が急浮上、三菱重工・東芝凌ぐ一大勢力に - 軍事ビジネス＆自衛隊 10兆円争奪戦	https://diamond.jp/articles/-/307612	三菱重工	2022-08-16 04:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「苦手な人」との仕事で必須のスキル、相手が好む話し方の見極め法とは - トンデモ人事部が会社を壊す	https://diamond.jp/articles/-/307918	話し方	2022-08-16 04:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	サイバーエージェントの21年度決算が「異質」な理由、利益率の中身に要注目 - 会計サミット2022	https://diamond.jp/articles/-/307645		2022-08-16 04:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	英語で「角を立てずに反対意見」3つの便利表現、デキる人はこう言う！ - News&Analysis	https://diamond.jp/articles/-/307475	デキるビジネスパーソンは、この「オブラート表現」をうまく使いこなしているのです。	2022-08-16 04:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	日本に定着した「値下げ・賃下げの悪循環」、賃金低迷を打破する3つの政策 - 政策・マーケットラボ	https://diamond.jp/articles/-/307944	日本企業	2022-08-16 04:37:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【唐津東高校】華麗なる卒業生人脈！トーマツ創業者の青木大吉、「トヨタ2000GT」デザイナー、建築家の辰野金吾と曽禰達蔵… - 日本を動かす名門高校人脈	https://diamond.jp/articles/-/307684		2022-08-16 04:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	コロナ第7波後の日本景気が恐れるべきはインフレよりも「マネー」の理由 - 政策・マーケットラボ	https://diamond.jp/articles/-/307980	コロナ第波後の日本景気が恐れるべきはインフレよりも「マネー」の理由政策・マーケットラボ日本の経済活動は、夏場以降も持ち直しが続くとみられていたが、いわゆる感染の第波と物価上昇で、再び弱含むとの懸念が高まっている。	2022-08-16 04:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「朝から元気な人」が多い都道府県ランキング！男性2位長野、女性2位東京、1位は？ - 日本全国ストレスランキング	https://diamond.jp/articles/-/307473	日本全国	2022-08-16 04:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「朝から元気な人」が多い都道府県ランキング【完全版】 - 日本全国ストレスランキング	https://diamond.jp/articles/-/307472	日本全国	2022-08-16 04:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ビジョン・ファンドへの投資、中東の賭けは裏目に - WSJ発	https://diamond.jp/articles/-/308099	賭け	2022-08-16 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ソニーの成長に鈍化の兆し、今こそ期待したい「再び世界に衝撃を」 - 今週のキーワード　真壁昭夫	https://diamond.jp/articles/-/307917		2022-08-16 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	トイレに「毎日2時間こもる」社員、クビだと怒る社長への社労士の助言は？ - 組織を壊す「自分ファースト」な社員たち　木村政美	https://diamond.jp/articles/-/307916	トイレに「毎日時間こもる」社員、クビだと怒る社長への社労士の助言は組織を壊す「自分ファースト」な社員たち木村政美勤務時間中なのに、すぐに席からいなくなる社員。	2022-08-16 04:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	米国株は今が本当に買い時？下落相場のスポット投資で大事な戦略とは - 超入門！資産形成完全ガイド	https://diamond.jp/articles/-/307728	米国株は今が本当に買い時下落相場のスポット投資で大事な戦略とは超入門資産形成完全ガイド年上半期は、米国株が約下がって弱気相場入りしたとみられた。	2022-08-16 04:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	オンライン会議で席を外すとき絶対怠ってはいけないこと - オンラインでは目を見て話すな	https://diamond.jp/articles/-/307701	竹本アイラ	2022-08-16 04:05:00
ビジネス	不景気.com	ディー・ディー・エスを監理銘柄に指定、今月2度目 - 不景気com	https://www.fukeiki.com/2022/08/dds-caution2.html	東京証券取引所	2022-08-15 19:52:14
ビジネス	不景気.com	レッド・プラネット・ジャパンの四半期報告書に結論不表明 - 不景気com	https://www.fukeiki.com/2022/08/red-planet-japan-caution3.html	四半期報告書	2022-08-15 19:44:38
ビジネス	東洋経済オンライン	ロシアとの戦局で主導権を握り始めたウクライナ 開戦から半年､本格的な反撃作戦の実施も予想 | ウクライナ侵攻､危機の本質 | 東洋経済オンライン	https://toyokeizai.net/articles/-/611390?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-08-16 04:30:00