TECH |
Engadget Japanese |
PS5版『Apex Legends』配信開始。4K HDR対応、高解像度テクスチャで遠い敵も視認が容易に |
https://japanese.engadget.com/apex-legends-ps-5-released-212058496.html
|
apexlegends |
2022-03-29 21:20:58 |
TECH |
Engadget Japanese |
モンスターに抗え!ニワトリが奮起する2Dアクション『Super Fowlest』:発掘!スマホゲーム |
https://japanese.engadget.com/super-fowlest-211031591.html
|
superfowlest |
2022-03-29 21:10:31 |
IT |
ITmedia 総合記事一覧 |
[ITmedia News] 「Chrome 100」リリース 新ロゴやユーザーエージェント対策など |
https://www.itmedia.co.jp/news/articles/2203/30/news075.html
|
chrome |
2022-03-30 06:37:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] モルテン製サッカーボールがW杯アジア最終予選の公式球に選ばれた理由 |
https://www.itmedia.co.jp/business/articles/2203/30/news071.html
|
itmedia |
2022-03-30 06:30:00 |
Google |
カグア!Google Analytics 活用塾:事例や使い方 |
Twitterで継続的にフォロワーを増やしている人に共通する「在り方」とは |
https://www.kagua.biz/social/twitter/20220330a1.html
|
twitter |
2022-03-29 21:00:13 |
AWS |
AWS - Webinar Channel |
Launch and run Amazon FSx for NetApp ONTAP file systems - AWS Virtual Workshop |
https://www.youtube.com/watch?v=PhSIse89AAM
|
Launch and run Amazon FSx for NetApp ONTAP file systems AWS Virtual WorkshopThe world continues to create more unstructured data than ever before Organizations relying on on premises storage often deal with issues such as inherited storage silos tightened IT budgets and unpredictable resource requirements Amazon FSx for NetApp ONTAP provides fully managed storage with the familiarity of ONTAP data access and management capabilities and the scalability agility and security of AWS FSx for ONTAP is ideal for NAS based workloads relying on NFS SMB or iSCSi enabling fully managed cloud storage without modifying application code or how you manage data In this virtual workshop we will walk through the set up of the service key features such as multi protocol access and replication and best practices to help simplify and accelerate your network attached storage NAS migration journey to the cloud Learning Objectives How to deploy and scale an FSx for NetApp ONTAP file system in minutes with cost efficient capacity that spans two AWS Availability Zones How to managed FSx for NetApp ONTAP resources using the AWS Management Console or NetApp Cloud Manager How to configure FSx for NetApp ONTAP enterprise features such as SnapMirror FlexCache and FlexClone To learn more about the services featured in this AWS Virtual Workshop please visit aws amazon com fsx netapp ontap |
2022-03-29 21:21:24 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
【Rails】フォーム送信した値の前後空白改行を削除する(全角スペース削除対応) |
https://qiita.com/tegnike/items/7c47f4f8b787b7bc8405
|
全角スペースの削除対応ちなみに、stripやstripメソッドですが、全角スペースは対応していません。 |
2022-03-30 06:11:41 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
【Rails】フォーム送信した値の前後空白改行を削除する(全角スペース削除対応) |
https://qiita.com/tegnike/items/7c47f4f8b787b7bc8405
|
全角スペースの削除対応ちなみに、stripやstripメソッドですが、全角スペースは対応していません。 |
2022-03-30 06:11:41 |
海外TECH |
MakeUseOf |
What Is r/Place? How to Contribute to Reddit's Art Experiment |
https://www.makeuseof.com/what-is-rplace-reddit-art-experiment/
|
experiment |
2022-03-29 21:36:50 |
海外TECH |
MakeUseOf |
7 Websites to Generate ID and Passport Photos Online |
https://www.makeuseof.com/websites-generate-passport-photos/
|
Websites to Generate ID and Passport Photos OnlinePassport photos are a nightmare to take often requiring a trip to the booths To avoid that here are seven sites that let you generate them online |
2022-03-29 21:30:14 |
海外TECH |
DEV Community |
The Chronicles of a Rookie Developer: My 'React'ion Blog |
https://dev.to/hiddencilantro/the-chronicles-of-a-rookie-developer-my-reaction-blog-19ei
|
The Chronicles of a Rookie Developer My x React x ion BlogIt s finally here The long awaited nd edition of The Chronicles of a Rookie Developer And yes I just shamelessly upsold my self made blog series Today s piece is about none other than the most popular front end library out there ReactJS My one liner opinion Let s just say I can understand where its popularity stems from But my affection won t make much of a blog post so let s just dive right in shall we As with the JS post I thought I d start by simply sharing my first impressions some things I ve learned along the way then maybe leave you at the end with a few thoughts going forward One Hooked on hooks I m just going to come right out and say it What the hook would we do without hooks Okay that was corny But seriously everything is so much easier with hooks I felt so cheated when I first encountered hook examples after spending a lot of time learning about functional vs class components using lifecycle methods and this Granted not all of these things completely go away with hooks and I don t regret covering all the bases because I think it makes me a stronger developer and I m told there are still plenty of professional environments that use legacy code while the industry tries to catch up So for anyone who s just starting out on this path as I am I still recommend you take the time to understand the old and the new Also I imagine that there s still a niche for class components since you could very well run into situations where it s just more sensible to use traditional methods whether it s to follow certain design patterns or something more subtle And I encourage you to comment below if you have any good examples But the point I want to make is that hooks are well they re wonderful Two When unsure useState One thing I noticed whenever I wanted to add a new feature or improve upon an existing one is that I m constantly setting and using state Even with Redux in my application I quickly realized that the need for local state is almost completely separate of what Redux is designed to solve Redux deals with maintaining a single source of truth and helps prevent prop drilling but it s more closely tied to the actual data you might need throughout your application as opposed to other non critical or UI state For instance when I m dealing with how my application behaves or how it should render a component it usually means I just need to keep track of values that represent a certain state of my application Take this example I was building out a quiz like feature on my application and needed to incorporate a stepper to visibly show the user which question they were on because how annoying would a quiz or survey be if you had no idea how many more times you can expect to press Next before you re finished So I ve got a parent component that renders a separate component for each question in the quiz FYI I am also using React Router to take the user to a new route for each of these renders import Routes Route from react router dom import QuestionOne from quiz QuestionOne import QuestionTwo from quiz QuestionTwo function Quiz return lt div gt lt Routes gt lt Route path element lt QuestionOne gt gt lt Route path element lt QuestionTwo gt gt lt Routes gt lt div gt Here s the part you stop to think what information is changing and therefore should belong in state the current question in the quiz and which component stays mounted and which ones come and go the Quiz component is the parent that stays mounted while the Question components render on and off the page depending on the route So then where should my stepper live and which component should keep track of which step the user is on The answer is obviously the parent component in this case Quiz Great so we add that in function Quiz return lt div gt lt Routes gt lt Route path element lt QuestionOne gt gt lt Route path element lt QuestionTwo gt gt lt Routes gt lt Stepper steps nextButton lt button onClick handleNext gt Next lt button gt backButton lt button onClick handleBack gt Back lt button gt gt lt div gt For the actual Stepper component I used Material UI but have simplified its properties for the purpose of this example The props that are being passed are pretty self explanatory but steps obviously refers to the total number of steps we want our stepper to have whereas nextButton and backButton represent our two buttons that each take an onClick event that will handle navigating forward and back through our quiz So now how can we get the stepper to actually display which step we re currently on Enter the useState hook Quiz js import useState from react function Quiz const activeStep setActiveStep useState return lt div gt lt Routes gt lt Route path element lt QuestionOne setActiveStep setActiveStep gt gt lt Route path element lt QuestionTwo setActiveStep setActiveStep gt gt lt Routes gt lt Stepper steps activeStep activeStep nextButton lt button onClick handleNext gt Next lt button gt backButton lt button onClick handleBack disabled activeStep gt Back lt button gt gt lt div gt QuestionOne jsimport useEffect from react function QuestionOne setActiveStep useEffect gt setActiveStep return export default QuestionOne QuestionTwo js function QuestionTwo setActiveStep useEffect gt setActiveStep return export default QuestionTwo Couple of things are happening here but first I set up some local state in my Quiz component with an initial value of and name it activeStep I then pass this as a prop to my Stepper component in order to tell it what step we re on and also use it to disable the Back button when we re on the first step question Then I pass the setActiveStep method to the children components so that they may use it in their useEffect which I have set up to basically mimic the componentDidMount lifecycle So now whenever the user renders a Question component the parent will know which one the user is looking at since it holds the activeStep state and shares the corresponding value to the Stepper as well Some other great examples of places I utilized local state are with my Login Signup drawers controlled forms various snackbars dialogs toggles and many more When building with React you will never be short of places to use and manage state since literally any value that needs to change will mean that it needs to be stored in either local or global state But it s important to bear in mind that there is no right answer when it comes to which of the two you should use to store your information Even the Redux documentation will tell you that it s often a choice developers have to make and that it s important to find a good balance Some developers are more comfortable with storing absolutely everything in a global state management tool like Redux whereas I personally find it an anti pattern to include every bit of information in the global state when we can utilize local state So next time you re wanting to develop a feature but feel stuck or clueless on where to begin try setting up some values in state and focus on what and how those values need to change in order to implement your desired behavior Three Keep a mental note of the component tree Lastly I would like to end with this I learned that taking sufficient time to plan and having a solid grasp of how you will build out your component tree before you get started on a project can help tremendously with your application control flow Once a user starts freely navigating around in your app it quickly becomes apparent that you need to be somewhat conscious of which components are constantly mounting and unmounting This is particularly because the lifecycle of a component is crucial in determining where certain state values should reside and if you re not making a mental note of it as you code it can lead to some very unexpected behavior down the road especially as your application grows bigger in both size and functionality As always thank you for taking the time to read and once again stay tuned for the next edition of The Chronicles of a Rookie Developer |
2022-03-29 21:19:03 |
Apple |
AppleInsider - Frontpage News |
Apple's second fiscal quarter earnings are on April 28 |
https://appleinsider.com/articles/22/03/29/apples-second-fiscal-quarter-earnings-are-on-april-28?utm_medium=rss
|
Apple x s second fiscal quarter earnings are on April Apple has announced it will be revealing its earnings for the second quarter of on April complete with the customary conference call featuring CEO Tim Cook and CFO Luca Maestri The investor conference call which usually occurs shortly after the release of Apple s financial results will take place at p m Pacific p m Eastern The call which will be streamed via the investor webpage will see the executives discuss the results for the three month period ending in March Following after the holiday sales of the first quarter the second quarter results are typically lower incorporating the tail end of the high sales period Read more |
2022-03-29 21:42:32 |
Apple |
AppleInsider - Frontpage News |
Moment launches Mobile Filmmaking Cage for MagSafe alongside four other new mounts |
https://appleinsider.com/articles/22/03/29/moment-launches-mobile-filmmaking-cage-for-magsafe-alongside-four-other-new-mounts?utm_medium=rss
|
Moment launches Mobile Filmmaking Cage for MagSafe alongside four other new mountsOn Tuesday Moment has added five new MagSafe accessories to its M Force lineup with the Filmmaker Cage being the most noteworthy of the bunch Moment Mobile Filmmaker CageAll of Moment s mounts share similar elements such as the durable matte black metal body and ultra strong M Force magnets that are fully compatible with MagSafe Read more |
2022-03-29 21:53:56 |
海外TECH |
Engadget |
Lotus unveils its first electric vehicle, the Eletre 'Hyper-SUV' |
https://www.engadget.com/lotus-unveils-its-first-electric-vehicle-the-eletre-hyper-suv-214006936.html?src=rss
|
Lotus unveils its first electric vehicle the Eletre x Hyper SUV x The electric revolution is no longer limited to daily drivers and eco commuters Luxury brands such as Audi BMW Mercedes and Porsche have already begun augmenting their lineups with EV variants while hypercar makers like Lamborghini and Ferrari expect their first electrics to arrive in the next few years On Tuesday British automaker Lotus announced that it too has an EV the HP Eletre with deliveries beginning next year in China Europe and the UK LotusDeveloped under the codename Type the Eletre quot takes the heart and soul of the latest Lotus sports car the Emira and the revolutionary aero performance of the all electric Evija hypercar and reinterprets them as a Hyper SUV quot according to the company s press release It also accomplishes a number of firsts the release continued quot first five door production car the first model outside sports car segments the first lifestyle EV the most connected Lotus ever quot The Eletre was developed atop Lotus V Electric Premium Architecture EPA platform That voltage puts it on par with the Audi e Tron and Hyundai Ioniq meaning that on a kW DC fast charger drivers will be able to add around miles of range in a minute charge according to the company Lotus hasn t specified how big the battery will be beyond that it quot has a battery capacity that s over kWh quot but the company is estimating a total range of miles equivalent to that of the Tesla Model X Long Range Plus Its dual front and rear motors will reportedly output horsepower producing a top speed of MPH and a sub second nbsp nbsp nbsp nbsp nbsp nbsp LotusBen Payne led development of the Eletre s exterior design which features quot porous quot aerodynamics a low stance atop the platform s long wheelbase with short overhangs at either end quot The Eletre is a progressive all electric performance vehicle embodying emotion intelligence and prestige and as the first of the brand s lifestyle cars it sets the standard for what will follow quot he said quot We have taken the iconic design language of the Lotus sports car and successfully evolved it into an elegant and exotic Hyper SUV nbsp nbsp The interior will offer either the traditional two buckets and a bench layout or an optional four individual seats front and rear beneath a fixed panoramic sunroof The material choices for the cabin reflect Lotus net zero goals with quot durable man made microfibres on the primary touchpoints and an advanced wool blend fabric on the seats quot while the hard parts are constructed from little bits of carbon fiber recycled from the edge of weaves rather than being made specially nbsp nbsp nbsp nbsp nbsp nbsp LotusThe infotainment system is a whole production quot Below the instrument panel a blade of light runs across the cabin sitting in a ribbed channel that widens at each end to create the air vents quot Tuesday s announcement read This light blade serves as part of the vehicle s HMI and changes color to alert occupants of important events like incoming calls nbsp Below that is a mm tall quot ribbon of technology quot On the driverside that ribbon serves as the instrument cluster displaying vehicle and trip information which can also be displayed via the AR system which comes standard On the passenger side a second ribbon shows relevant contextual information like the nearby points of interest or the current music selection which plays through a KEF Premium watt speaker surround sound set up with Uni QTM nbsp LotusBetween these two ribbons sits a inch OLED touchscreen infotainment system that folds away when not in use While most of the cabin controls are digital and can be used either through the touchscreen or voice interfaces Lotus deemed some functions vital enough to warrant being mirrored to physical knobs and switches so drivers won t have to dig through submenus to turn on the windshield wipers Even those digital controls Lotus boasts that quot with three touches of the main screen users can access percent of the car s functionality quot LotusThe Eletre is also the first vehicle on the market with a deployable LIDAR array Used to supplement the driver assist system the unit pops up from the top of the windscreen top of the rear glass and the front wheel arches ーlike the headlights from a MX ーwhen in use and then retracts when finished to maintain aerodynamics nbsp quot ADAS technologies such as LIDAR sensors and cameras will become increasingly common on new cars as we move into a more autonomous era and to have the world s first deployable LIDAR system on the Eletre is a signal of the technology vision we have for Lotus quot said Maximilian Szwaj Vice President of Lotus Technology and Managing Director LTIC quot This car has tech for today and also for tomorrow as it s been developed to accept OTA updates as standard quot LotusManufacturing begins later this year at Lotus new production plant in Wuhan China with deliveries beginning in The model will be available first in China Europe and the UK The company hasn t disclosed pricing details yet |
2022-03-29 21:40:06 |
海外TECH |
Engadget |
Bungie lawsuit aims to unmask YouTube copyright claim abusers |
https://www.engadget.com/bungie-lawsuit-dmca-destiny-2-211520952.html?src=rss
|
Bungie lawsuit aims to unmask YouTube copyright claim abusersYouTube s copyright claim system has been repeatedly abused for bogus takedown requests and Bungie has had enough TorrentFreakreports the game studio has sued anonymous people for allegedly leveling false Digital Millennium Copyright Act DMCA claims against a host of Destiny creators on YouTube and even Bungie itself The company said the culprits took advantage of a quot hole quot in YouTube s DMCA security that let anyone claim to represent a rights holder effectively letting quot any person anywhere quot misuse the system to suit their own ends According to Bungie the perpetrators created a Gmail account in mid March that was intended to mimic the developer s copyright partner CSC They then issued DMCA takedown notices while falsely claiming to represent Bungie and even tried to fool creators with another account that insisted the first was fraudulent YouTube didn t notice the fake credentials and slapped video producers with copyright strikes even forcing users to remove videos if they wanted to avoid bans YouTube removed the strikes suspended the Gmail accounts and otherwise let creators recover but not before Bungie struggled with what it called a quot circular loop quot of support The firm said it only broke the cycle by having its Global Finance Director email key Google personnel and Google still quot would not share quot info to identify the fraudsters Bungie hoped a DMCA subpoena and other measures would help identify the attackers and punish them including damages that could reach for each false takedown notice We ve asked Google for comment The lawsuit won t force YouTube to reform its DMCA system but Bungie is clearly hoping this will add some pressure As it is the company believes the fake takedown requests did lasting damage by creating a quot chilling effect quot for Destiny s YouTube stars who were afraid to post new videos and damaging the community at large Update pm Eastern quot We take abuse of our copyright takedown process seriously and terminate tens of thousands of accounts every year for violating our policies which prohibit submitting false information in a takedown request quot a YouTube spokesperson told Engadget over email quot We ll continue our work to prevent abuse of our systems and we re committed to taking appropriate action against those who knowingly misuse our tools quot |
2022-03-29 21:15:20 |
海外科学 |
NYT > Science |
Mariupol Residents Describe How Russian Forces Deprived Them of Food and Water |
https://www.nytimes.com/2022/03/29/world/europe/mariupol-ukraine-russia-war-food-water.html
|
Mariupol Residents Describe How Russian Forces Deprived Them of Food and WaterResidents of Mariupol Ukraine described how Russian forces use hunger as a weapon of war in a monthlong siege of the southern port “No roof no food and no water survivors texted relatives who escaped |
2022-03-29 21:06:19 |
ニュース |
BBC News - Home |
Covid: Free parking for NHS hospital staff in England to end this week |
https://www.bbc.co.uk/news/uk-60921606?at_medium=RSS&at_campaign=KARANGA
|
government |
2022-03-29 21:01:13 |
ニュース |
BBC News - Home |
England 3-0 Ivory Coast: Raheem Sterling scores as Three Lions cruise to win |
https://www.bbc.co.uk/sport/football/60830350?at_medium=RSS&at_campaign=KARANGA
|
wembley |
2022-03-29 21:06:21 |
ニュース |
BBC News - Home |
Portugal 2-0 North Macedonia: Bruno Fernandes sends Portugal to World Cup |
https://www.bbc.co.uk/sport/football/60907078?at_medium=RSS&at_campaign=KARANGA
|
porto |
2022-03-29 21:07:28 |
ニュース |
BBC News - Home |
Miami Open: Cameron Norrie loses to Casper Ruud, Daniil Medvedev wins |
https://www.bbc.co.uk/sport/tennis/60920528?at_medium=RSS&at_campaign=KARANGA
|
casper |
2022-03-29 21:14:40 |
北海道 |
北海道新聞 |
ポルトガルとポーランド本大会へ W杯欧州PO |
https://www.hokkaido-np.co.jp/article/662913/
|
欧州 |
2022-03-30 06:37:00 |
北海道 |
北海道新聞 |
ロケ地流山、誘致実り歓喜 「ドライブ」次回作も期待 |
https://www.hokkaido-np.co.jp/article/662912/
|
米アカデミー賞 |
2022-03-30 06:27:00 |
北海道 |
北海道新聞 |
リンクから観客席に気流 釧路のIHクラスター、感染拡大の一因に |
https://www.hokkaido-np.co.jp/article/662873/
|
感染拡大 |
2022-03-30 06:16:45 |
北海道 |
北海道新聞 |
JR常磐、山手線に異色スタンプ 駅キャラ、車両廃材利用も |
https://www.hokkaido-np.co.jp/article/662909/
|
首都圏 |
2022-03-30 06:13:00 |
北海道 |
北海道新聞 |
NY株続伸、338ドル高 停戦交渉の進展期待で |
https://www.hokkaido-np.co.jp/article/662908/
|
進展 |
2022-03-30 06:02:04 |
ビジネス |
東洋経済オンライン |
「2030年冬季五輪招致」に前のめり札幌市の危機感 市の調査では「賛成」が過半数を占めたが… | 政策 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/541661?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
五輪招致 |
2022-03-30 06:40:00 |
ビジネス |
東洋経済オンライン |
ガスト、あえて「低価格品」の拡充に走る根本理由 食材高や人件費増の中、500円台の商品を増やす | 外食 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/577973?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
備え付け |
2022-03-30 06:20:00 |
Azure |
Azure の更新情報 |
NV-series and NV Promo Azure Virtual Machines retirement extended to 31 August 2023 |
https://azure.microsoft.com/ja-jp/updates/nvseries-and-nv-promo-azure-virtual-machines-retirement-will-be-extended-to-31-august-2023/
|
august |
2022-03-29 21:16:29 |
Azure |
Azure の更新情報 |
ND-series Azure Virtual Machines retirement extended to 31 August 2023 |
https://azure.microsoft.com/ja-jp/updates/ndseries-azure-virtual-machines-retirement-will-be-extended-to-31-august-2023/
|
august |
2022-03-29 21:14:54 |
コメント
コメントを投稿