投稿時間:2023-02-24 01:24:39 RSSフィード2023-02-24 01:00 分まとめ(27件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Compute Blog	Uploading large objects to Amazon S3 using multipart upload and transfer acceleration	https://aws.amazon.com/blogs/compute/uploading-large-objects-to-amazon-s3-using-multipart-upload-and-transfer-acceleration/	Uploading large objects to Amazon S using multipart upload and transfer accelerationThis blog shows how web and mobile applications can upload large objects to Amazon S in a secured and efficient manner when using presigned URLs and multipart upload	2023-02-23 15:39:27
AWS	AWS - Webinar Channel	Analytics Workshop: Set Up and Use Apache Iceberg Tables on Your Data Lake	https://www.youtube.com/watch?v=CWF6MLOph4E	Analytics Workshop Set Up and Use Apache Iceberg Tables on Your Data LakeData lakes are critical to an organization s success and it s important to pick a data lake table format to give you the right capabilities and performance to get the most out of your data Many customers are turning to Apache Iceberg a data lake table format to improve the performance of their data lake and to adopt enhanced capabilities such as time travel queries and concurrent updates In this workshop we will introduce you to Apache Iceberg and show you how to get started with Apache Iceberg on AWS using Amazon EMR and Amazon Athena We will go through step by step demonstrations of reading data writing data and more using the Apache Iceberg format	2023-02-23 16:00:06
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScirptの基礎まとめ～これは絶対に覚えておくべき～	https://qiita.com/shinry/items/c993981a0766100e4f6c	javascirpt	2023-02-24 00:44:00
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Ruby on Rails チュートリアル　第1章	https://qiita.com/fuku_program/items/fdb1f67070fa63d277da	ideawscloud	2023-02-24 00:15:14
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rubyで絵文字を判定する正規表現	https://qiita.com/Ao09I/items/9f69ca76e650ade0c4f1	unicod	2023-02-24 00:04:53
Docker	dockerタグが付けられた新着投稿 - Qiita	CKA試験、Role&RoleBinding	https://qiita.com/wk0012345/items/a5e5005d1eacc1901470	bindingroleamprolebinding	2023-02-24 00:41:55
GCP	gcpタグが付けられた新着投稿 - Qiita	BigQueryの"primary keyサポート"を検証(2023/02/22時点プレビュー)	https://qiita.com/KOH_0405/items/0c50786b5e391e01abcf	tableconstraintsview	2023-02-24 00:18:58
Git	Gitタグが付けられた新着投稿 - Qiita	忘れがちなGitチートシート	https://qiita.com/kurogoma939/items/232e73c905ebe11345ac	gitconfi	2023-02-24 00:42:10
Ruby	Railsタグが付けられた新着投稿 - Qiita	Ruby on Rails チュートリアル　第1章	https://qiita.com/fuku_program/items/fdb1f67070fa63d277da	ideawscloud	2023-02-24 00:15:14
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rubyで絵文字を判定する正規表現	https://qiita.com/Ao09I/items/9f69ca76e650ade0c4f1	unicod	2023-02-24 00:04:53
海外TECH	MakeUseOf	Rock 5 vs. Raspberry Pi 4: Which Should You Buy?	https://www.makeuseof.com/rock-5-vs-raspberry-pi-4-buy/	raspberry	2023-02-23 15:30:16
海外TECH	MakeUseOf	Intel Unison vs Phone Link: Which Windows Phone App Is Better for You?	https://www.makeuseof.com/intel-unison-vs-phone-link/	phone	2023-02-23 15:15:16
海外TECH	DEV Community	Electronjs ActiveX printing controls chrome based	https://dev.to/redbeardjunior/electronjs-activex-printing-controls-chrome-based-44g8	Electronjs ActiveX printing controls chrome basedEdge has a new future to use IE components like ActiveX with the new update Because edge is build on chromium and use a plugin from MeadCo ScriptXI want to build this for chrome as well because we have a older version of printing that use the ActiveX Printing its a hybrid application that is made on chromium chrome With node node js and electronjs I know it is posible but how is the qeustion please give me some directions to get it rolling Don t immediately criticize my question still learning	2023-02-23 15:30:01
海外TECH	DEV Community	CSS Tips for Better Web Development	https://dev.to/builderio/css-tips-for-better-web-development-4pi4	CSS Tips for Better Web DevelopmentCSS has been around for years gaining tons of features and selectors to create great websites and apps In this article we ll explore popular and unique tricks to make your website stand out plus older tricks that still work Some may look trivial but they might not be for certain folks We ll also examine different layout implementations scroll snapping image shapes and animation tricks Let s dive in and explore some CSS tricks you should know Buttery smooth carousels with scroll snapYou can create smooth snapping product carousels with scroll snap Steve did an awesome video a while ago about this Learn more about it on MDN Here s a demo showing how to do it on either the x axis or y axis Layout Sticky header and footerThere are different ways to implement sticky headers and footers The primary use case for this might be that you want to have your navigation always visible to the user Or you might want to have some sort of mobile like bottom navigation and just have your brand always in view There are straight forward approaches that I like Using position sticky The Essential bit header position sticky top footer position sticky bottom With CSS Grid The Essential bit body display grid grid template columns fr grid template rows auto fr auto grid template areas header main footer header grid area header main grid area main footer grid area footer You might have an easier time understanding the sticky positioning after all it s in the name However one neat thing about the grid implementation is that if you remove the overflow auto property the main content will push down the footer to the bottom That s true to the sticky example as well just remove the position sticky from the footer and it will do the same The grid way is just a more robust solution in case you want to lay out your main content in a variety of ways Column sticky scrollProps to Tom for making this concept easy to understand and implement lt body gt lt header gt On top lt header gt lt section gt lt div class title section gt On Left lt div gt lt div class c sections gt lt div class content section gt content lt div gt lt div class content section gt on right side lt div gt lt div class content section gt to scroll through lt div gt lt div gt lt section gt lt footer gt lt footer gt lt body gt The Essential bits make the content cover the viewport header title section content section height vh create colums for the section element section display grid grid template columns fr fr make the left side stick to the top which allows the right side to scroll title section position sticky top Animation with CSS Custom propertiesThere are some caveats to using CSS vars in your design systems But overall they have been a game changer in web development Defining a variable is pretty straightforward and is done like this root color primary dodgerblue Then we could use it like so my class color var color primary We could also add a fallback Here we have forgot to declare color secondary so the background color would be hotpink my class background color var color secondary hotpink The animation delay trickYou can do awesome things with CSS variables like control complex animations In the demo below the secret ingredient is threefold animation delay with a negative value causes the animation to start immediately animation play state set to paused initially to only start when we want need to The progress custom property to allow control over the animation The essentials my element Setup animation name spin animation timing function linear Here s the magic animation play state paused animation duration s animation delay calc var progress s These clean up some weirdness animation iteration count animation fill mode both Note that in the below demo there are more custom properties that control the color changes of the box and of course a little JavaScript to set our progress style on the element const root document querySelector main const input root querySelector input const animated root querySelector animated input addEventListener input event gt const min Number event target getAttribute min const max Number event target getAttribute max const value Number event target value const progress value min max animated style setProperty progress progress This is another demo that shows this method in practice but in parallax style with a JS scroll listener Hover effects with box shadowThere are a few keys to this trick box shadow values are inset top left blur size color To get a solid fill blur should be Using inset allows to “fill our elementNegative values flip top left to bottom right and vice versaMultiple shadows can be stackedWhen animating multiple shadows to achieve a smooth animation keep the same number of shadows on hover focus as non hover focus Here s how a “fill on hover animation looks like lt button class fill gt Fill In lt button gt fill color acb hover cbaa fill hover fill focus box shadow inset em var hover button color var color transition s button hover button focus border color var hover color fff button background none border px solid font inherit line height margin em padding em em Check out some more cool animations with this method here Fixing nested border radius with calculationsSyntax FM s Wes Bos has been doing some great videos over on TikTok In one of his vids he fixed Twitter s new profile pics border radius for nested elements with this nifty trick card outer radius px border px Outer Inner space between border radius calc var radius var border card inner margin var border border radius var radius Builder io builderio How to get perfect nested border radius in CSS PM Jun Centering an element both horizontally and verticallyFunny enough this is still one of the most popular questions on stack overflow Even Dan Abramov struggled with this in his mock interview with Ben Awad The old wayBefore the introduction of flex box the way to achieve this was by using absolute positioning The general trick is so lt div class parent gt lt div class child gt Center me lt div gt lt div gt parent position relative child position absolute left top transform translate The now common wayFlex box is the most robust way to achieve centering nowadays it s even the example you get If you look at MDN lt div class parent gt lt div class child gt Center me lt div gt lt div gt parent display flex justify content center align items center Flexbox works by being in charge of laying out its children All we had to do to center it is use the properties that tell it to position the child in the horizontal center with justify content and vertical center with align items This is a much cleaner approach than the old way but there s a newer way Hipster centering using gridThis might be the shortest way to achieve this feat lt div class parent gt lt div class child gt Center me lt div gt lt div gt parent display grid place content center Once the parent is declared as a grid we have this nifty property place content that just tells the browser to put the child in the center If we d add a sibling next to our lt div gt it would also be centered and placed right under it Grid layout is supported on all major browsers nowadays so why don t you give it a try Backdrop filtersBackdrop filters are cool and can be used for neomorphisim glass effect with backdrop filter blur which is apparently not cool anymore Check out the documentation for backdrop filter to learn more Handling image stylesImages on the web have come a long way but a few good properties are a must know object fit helps with not stretching out images as seen here aspect ratio as the name suggests sets the preferred aspect ratio for boxes You can get or boxes without ye ole padding aspect ratio hack Again Wes Bos has a great video showcasing this and more ShapesThere are a few ways to create shapes in CSS The most common way is with borders and using the before and after pseudo classes You can use clip path to cut out shapes on any element For example you can make a star shape with borders star five margin px position relative display block color red width px height px border right px solid transparent border bottom px solid red border left px solid transparent transform rotate deg star five before border bottom px solid red border left px solid transparent border right px solid transparent position absolute height width top px left px display block content transform rotate deg star five after position absolute display block color red top px left px width px height px border right px solid transparent border bottom px solid red border left px solid transparent transform rotate deg content Or you can achieve the same with clip path star five clip path polygon When I find myself in need of a shape I usually use this CSS clip path maker by Bennett Feely svg has an equivalent lt clipPath gt element that you can use for the same results as in this demo Debugging CSSKnowing how to approach debugging is paramount In fact this tweet is what inspired this post K O O dominus kelvin What s the console log of CSS AM Feb Console log in CSSThe key ways that came from the responses were element border px solid red element background color red element outline px solid red I use and as the first does add a pixel to the element s size Why red ¯ ツ ¯ DevTools du jourThe devtools pan in all major browsers have improved immensely since the days of Firebug You can debug z index issues with the layers pane Changing CSS in the browser has never been easier along with auto complete A few more cool features are Color pickerFlexbox editingClip path editorAnimation editorDevice toolbarEach deserves a post of it s own but if you d like to learn more checkout the Google Chrome Devtools docs Bonus style your console logDid you know you can add CSS properties to your JavaScript console log This is how you do it console log What comes after c is what the styles will apply to This is cMy stylish message you can add multiple properties color yellow font style italic background color blue padding px Outputs You could also style different parts of the console with multipule c s console log Multiple styles cred corange style for first c color red style for second c color orange for every c you can add more styles with Additional unformatted message Outputs More info here SelectorsLately some really awesome new selectors have been added to the CSS spec The most popular and exciting are is is Steve went into detail about this here where where is heavily used in Tailwind s typography plugin to achieve formatting of almost any HTML and can be useful to select multiple children inside a parent selector has has A highly anticipated selector function that can be used as the elusive parent selector We re still waiting for Firefox on this one Other than the latest and greatest it s useful to remember some more handy selectors such as the attribute selector nth child being able to group selectors with and understand decedent combinators MDN features many more to add to your repertoire Just remember that there could be a performance cost to the selectors you choose to use Some more points to remembervh is not really all the viewport on mobile When the new viewport units get support that will be the way You re probably gonna need JavaScript for animations as we ve seen in some of the animation examples For a clean API and great perf with a small bundle check out Motion One the vanilla JS equivalent to Reacts Framer Motion fun fact they were written by the same person If you get good with CSS you can create awesome stuff like these hovering cards below which are nothing more than highly crafted CSS by someone who knows their stuff ConclusionKnowing CSS well is a super power From my experience when you get stuck with CSS it s much more time consuming than a JavaScript bug There s always way more to learn and understand deeply and if you do find the time I suggest you focus on the fundamentals The new stuff can wait I hope something form all these tricks stuck with you and you might hav learned something new If you do want to keep up with some great resources and blogs that cover CSS here are some that I ve enjoyed CSS TricksJosh W Commeau s blogAhmad Shadeed s blogLea VerouAdam ArgyleTom digging deep into flexbox properties About meHi I m Yoav I do DevRel and Developer Experience at Builder io We make a way to drag drop with your components to create pages and other CMS content on your site or app visually You can read more about how this can improve your workflow here You may find it interesting or useful head on to Builder io for more info	2023-02-23 15:25:25
海外TECH	DEV Community	When and how to use CSS will-change	https://dev.to/logrocket/when-and-how-to-use-css-will-change-1kn	When and how to use CSS will changeWritten by Pelumi Akintokun️The will change CSS property is a powerful tool that allows developers to hint to the browser about the elements on a page that are likely to change soon This gives the browser a chance to optimize its rendering of those elements ahead of time potentially resulting in better performance This article will discuss how to use the will change property and when to avoid using it We ll also share information about its browser support N B will change should be used with caution as overuse can actually harm performance rather than improve it  Jump ahead What is will change Why use will change Optimizing performance Improving animations Preventing repaints and reflows Breaking down the will change syntax Adding will change to an element When to use will change When to avoid using will change Browser support for CSS will change What is will change will change is a CSS property that tells the browser which properties of an element e g content scroll position opacity etc are likely to change in the future This allows the browser to optimize the element s rendering ahead of time potentially resulting in better performance For example let s say you have a page with many elements of the same size and color If you know that one of those elements will change size or color soon you can use will change to inform the browser about this change before it happens This “heads up will allow the browser to optimize its rendering of the element potentially resulting in better performance when the change occurs Why use will change There are a few reasons why you might want to use will change Let s take a look Optimizing performance As mentioned earlier the primary reason for using will change is to improve performance By letting the browser know which elements are likely to change soon it can optimize its rendering of those elements ahead of time potentially resulting in better performance when the change actually happens Improving animations will change can improve the performance of animations It allows the browser to optimize element rendering potentially producing smoother and more fluid animations If you know an element will be animated you can use will change to inform the browser about this Preventing repaints and reflows Repaints and reflows are expensive operations that can significantly impact the performance of a page Repaint occurs when there are changes to an element that do not affect the DOM layout e g a change in an element s background Reflows occur when changes to an element do affect the DOM layout e g a change in an element s width or height By using will change you can help prevent unnecessary repaints and reflows further improving the performance of your page Breaking down the will change syntax The will change syntax looks like this will change lt animateable feature gt auto scroll position contents lt custom ident gt The will change property can have one or more values auto Tells the browser that it should apply the standard optimization this is the default value scroll position Tells the browser that an element s scroll position will be animated later and should prepare for its content which is not visible in the scroll window of that element contents Tells the browser that the contents of an element will change so the browser should not cache this element s content lt custom indent gt This can be any user defined property such as transform or background It tells the browser that the value of the property will soon change it can also be one or more properties separated by a commaN B if you specify a shorthand property as a custom indent value e g background you are telling the browser that the background color background image background position and other background related properties are likely to change Adding will change to an element It s relatively simple to use the will change property Just add will change to the element you want to optimize and specify the properties that are likely to change like so element will change height width color In the example above we re telling the browser that the element s height width and color properties are likely to change soon This allows the browser to optimize the element s rendering potentially resulting in better performance when the property changes occur Do not use the will change property at the point of an animation or transition instead use it before the transition or animation will change is supposed to tell the browser about an upcoming change so that the browser can prepare for it The browser can t prepare for a change that is currently happening or has already occurred For example instead of adding it directly to an element at the point of transition like this my element hover will change color color red You ll add it to the element at its initial state when no change has occurred yet element will change color transition color ms ease in out my element hover color red Also it s best practice to turn will change on and off before and after the desired change occurs especially if such changes will be infrequent It can be hard to do this from your CSS stylesheet but with JavaScript you can easily add and remove it to your elements const el document querySelector parent element el addEventListener mouseenter addWillChange el addEventListener mouseleave removeWillChange const addWillChange gt this style willChange color const removeWillChange gt this style willChange auto Now that we understand how to use will change take a look at when to use it When to use CSS will change There are different instances in which you might want to use the CSS will change property to improve the performance of your page For example if you observe that parts of your animation are not running smoothly and other optimizations haven t helped you can try will change to make it more fluid and crisp thereby improving animation performance CSS file animated element will change transform opacity animated element animated transition transform s opacity s transform scale opacity JS fileconst element document querySelector animated element element addEventListener click gt element classList toggle animated In the above example we use will change to let the browser know that the transform and opacity properties of the animated element are likely to change when the element is clicked This enables the browser to optimize its element rendering potentially producing smoother and more fluid animations Another use case for the CSS will change property is when you know that the size or position of an element is going to change soon Using will change to inform the browser about this change ahead of time enabling the browser to optimize its rendering of the element potentially resulting in better performance when the change occurs CSS file changing element will change width height transform changing element changed width px height px transform translateX px JS fileconst element document querySelector changing element element addEventListener click gt element classList toggle changed Here we use will change to let the browser know that the width height and transform properties of the changing element are likely to change when clicked Other examples where will change can be helpful are when the style of an element like the color font size or text decoration is going to change soon When to avoid using will change The will change property can be useful for optimizing performance and improving animations in certain scenarios but there are some cases where it may be best to avoid using it altogether Use will change with caution and only on elements that are likely to change soon and benefit from optimization Here are some situations where you should avoid using will change During active animations or transitions Don t apply will change to an element when an animation or transition is already taking place Only use will change when a change is imminent or likely to happen in the near future to give the browser sufficient time to optimize its rendering Using will change when a change has already occurred or is no longer imminent can strain the browser and harm performanceUnpredictable changes If changes to an element are unpredictable and can occur frequently or unexpectedly it may not be worth using will change as it can cause unnecessary performance overheadSmall elements will change can be counterproductive for small elements on a page as the performance gain from optimizing the rendering of a small element may be negligibleNon animatable properties If you use will change on non animatable properties such as font size or border radius it may have no effect on performance or could even negatively impact performanceLegacy browsers will change is a relatively new CSS property and may not be supported in older browsers If you need to support older browsers you may need to avoid using will change altogetherOveruse Overusing will change can actually harm performance rather than improve it You should avoid applying will change to several elements on a page This can cause the browser to hog machine resources thereby slowing down the page load time Instead only use it on the elements that are likely to change soon and benefit from optimization In general will change is best used as a solution for responding to performance issues rather than a means to preempt them Browser support for CSS will change The will change property is supported in most modern browsers including Microsoft Edge Google Chrome Mozilla Firefox Apple Safari and Opera You can learn more about its browser support here ConclusionThe will change CSS property is a valuable tool for optimizing the performance of elements on a page that are likely to change very soon By letting the browser know about these changes ahead of time the browser can optimize its rendering of those elements potentially resulting in better performance However will change should be used with caution as overuse can actually harm performance rather than improve it You should limit the use of this property to cases when there is a specific need such as when animating an element or when you know that an element s properties will change Then remove it as soon as it is no longer needed It s also important to realize that the browser may ignore the will change hint if it s unnecessary will change is supported in most modern browsers By understanding when and how to use CSS will change property developers can leverage this powerful tool to improve the performance of their websites and applications Is your frontend hogging your users CPU As web frontends get increasingly complex resource greedy features demand more and more from the browser If you re interested in monitoring and tracking client side CPU usage memory usage and more for all of your users in production try LogRocket LogRocket is like a DVR for web apps recording everything that happens in your web app or site Instead of guessing why problems happen you can aggregate and report on key frontend performance metrics replay user sessions along with application state log network requests and automatically surface all errors Modernize how you debug web apps ーStart monitoring for free	2023-02-23 15:11:42
海外TECH	DEV Community	Python If, If-Else Statements Tutorial	https://dev.to/max24816/python-if-if-else-statements-tutorial-2g4k	Python If If Else Statements Tutorial Python if statementIn Python if statement is used for conditional execution of code based on certain conditions The syntax for the if statementif condition code to execute if condition is trueHere the condition is a boolean expression that can be evaluated to True or False If the condition is true then the code inside the if statement is executed Check if a number is positivenum if num gt print The number is positive Output The number is positive In the above example the value of num is checked to see if it is greater than If the condition is true then the message The number is positive is printed Check if a number is even or oddnum if num print The number is even else print The number is odd Output The number is even In this example the value of num is checked to see if it is even or odd If the number is divisible by i e num then it is even and the message The number is even is printed Otherwise the number is odd and the message The number is odd is printed The else keyword is used here to provide an alternative code block to be executed if the condition in the if statement is false That s it This is how you can use if statement in Python to execute code based on certain conditions Python If Else StatementsIn Python the if else statement is used to execute a code block based on a condition The basic syntax of if else statement is as follows if condition execute this block if the condition is trueelse execute this block if the condition is falseHere s an example that uses an if else statement to check if a number is positive or negative Check Positive or Negativenum int input Enter a number if num gt print The number is positive or zero else print The number is negative Output Enter a number The number is positive or zeroIn this example if the value of num is greater than or equal to zero the program prints The number is positive or zero If the value of num is less than zero the program prints The number is negative Here s another example that uses nested if else statements to check a student s grade Find Student Grademarks int input Enter the marks obtained if marks gt grade A elif marks gt grade A elif marks gt grade B elif marks gt grade C elif marks gt grade D else grade F print The grade obtained is grade Output Enter the marks obtained The grade obtained is A if statement marks gt is true for value In this example the program first checks if the marks are greater than or equal to If they are it assigns the value A to the variable grade If not it checks if the marks are greater than or equal to and so on If the marks are less than the program assigns the value F to the variable grade Explore Other Related ArticlesPython Function TutorialPython break and continue tutorialPython While Loop tutorialPython For Loops Range Enumerate TutorialPython if else Statements Tutorial	2023-02-23 15:11:36
海外TECH	DEV Community	Say Goodbye to Package Manager Chaos with ni	https://dev.to/builderio/say-goodbye-to-package-manager-chaos-with-ni-1nbp	Say Goodbye to Package Manager Chaos with niHave you ever found yourself working on multiple projects that use different package managers and accidentally run the wrong one in the wrong project This can create a mess of conflicting lock files and dependencies causing wasted time Fortunately there is a solution to this problem ni ni is an uncomplicated yet powerful tool that lets you run the right package manager for any project without having to remember which one it uses This blog post explains how to use ni and its various commands Installing NITo install ni run the following command in your terminal npm i g antfu niThe g flag installs it globally so you can use it across all of your projects Using NIni has several commands that make it easier to use the correct package manager in your project Below we cover the list of most common commands in detail ni to install packagesThe ni command installs packages using the correct package manager for your project To use it just run the command followed by the package name Install React automatically using the correct package manager Does npm install react for npm yarn install react for yarn etcni reactThis command installs React using the correct package manager npm yarn pnpm or bun Use D for dev dependencies For dev depencenciesni types react DUse frozen to avoid writing to lockfiles Equivalent to npm ci yarn install immutable etcni frozen nr to run scriptsThe nr command runs scripts in your project using the correct package manager To use it run the command followed by the script name and any options Run npm start in npm yarn start for yarn etcnr startThis command runs the start script using the correct package manager This also has one handy benefit ーyou do not need to separate args for your script Equivalent of npm run serve port yarn run serve port etcnr serve port You can also just run nr to interactively choose which script to run nix to execute packagesThe nix command executes packages using the correct package manager for your project To use it run the command followed by the package name Equivalent to npx jest in npm yarn dlx jest in yarn etcnix jestThis command executes Jest using the correct package manager nu to upgrade packagesThe nu command updates outdated packages using the correct package manager for your project To use it run the command followed by any options Equivalent to npm upgrade yarn up etcnuThis command updates all packages to their latest versions using the correct package manager nun to uninstall packagesThe nun command uninstalls packages using the correct package manager for your project To use it run the command followed by the package name Equivalent to npm uninstall react yarn remove react etcnun reactThis command uninstall React using the correct package manager Change directory with CYou can also use ni to change a directory and run commands in the new directory ni C packages foo reactThis command changes the directory to packages foo and install React using the correct package manager ConclusionBy using ni you can save yourself a lot of time and avoid the frustration of dealing with conflicting lock files and dependencies So if you haven t already give ni a try ーyou won t regret it	2023-02-23 15:07:39
海外TECH	Engadget	FTX co-founder Sam Bankman-Fried faces four new criminal charges	https://www.engadget.com/ftx-co-founder-sam-bankman-fried-faces-four-new-criminal-charges-153406519.html?src=rss	FTX co founder Sam Bankman Fried faces four new criminal chargesFTX co creator Sam Bankman Fried aka SBF is now dealing with four new charges over the collapse of his crypto exchange A newly unsealed indictment in a New York federal court accuses SBF of fraudulent activity through both FTX and the linked Alameda Research hedge fund The co founder also allegedly violated federal campaign finance laws by making secret donations to a congressional super PAC using the names of two executives The expanded charges now include counts A source speaking to CNBC claims the additional allegations could lead to an additional years in prison if SBF is convicted SBF was arrested in the Bahamas on December th and quickly dropped plans to fight extradition to the US He has already pleaded not guilty to federal charges that include multiple wire fraud counts He also faces a civil lawsuit from the Securities and Exchange Commission as well as action from the Commodity Futures Trading Commission Prosecutors claim Bankman Fried defrauded investors of nearly billion but the ex CEO maintains he never tried to commit fraud and doesn t think he s criminally liable for FTX s downfall Two executives Caroline Ellison and Zixiao quot Gary Wang quot have pleaded guilty to their own fraud charges FTX isn t alone in falling from grace Other major crypto brands such as Binance Celsius and Terraform Labs are also grappling with varying degrees of criminal charges for themselves or ex leadership civil suits and bankruptcy However FTX and its former CEO remain the most prominent examples of the crypto industry s tumult ーthe new charges are only likely to cement that position Developing	2023-02-23 15:34:06
海外TECH	Engadget	Samsung's Galaxy S23+ is already $140 off	https://www.engadget.com/samsungs-galaxy-s23-is-already-140-off-152828514.html?src=rss	Samsung x s Galaxy S is already offSamsung s latest flagship smartphones haven t even been out for a week but you can already score a solid discount on one model The Samsung Galaxy S with GB of storage has dropped by to That makes it the same price as the standard Galaxy S with the same storage capacity It s worth noting that the discount only applies to the Phantom Black colorway At inches the S has a larger screen than the inch S It has a bigger battery too The specs are otherwise the same save for ultrawideband support on the S The phone runs on a Snapdragon Gen for Galaxy with a GHz octa core CPU and Adreno GPU There s GB of RAM WiFi e and Bluetooth The S lineup runs on Android too The S doesn t boast the same MP camera as the Galaxy S Ultra but it s a worthy phone in its own right It does have MP wide MP ultra wide and MP telephoto cameras Although it s more of an evolution from the S than a revolution the S is especially worth considering if you ve been hanging onto the same phone for a few years or you re looking to make the switch from iOS to Android Follow EngadgetDeals on Twitter and subscribe to the Engadget Deals newsletter for the latest tech deals and buying advice	2023-02-23 15:28:28
海外TECH	Engadget	Snapchat now suggests soundtracks for your videos	https://www.engadget.com/snapchat-sounds-recommendations-sync-150502303.html?src=rss	Snapchat now suggests soundtracks for your videosYou might not hem and haw the next time you re choosing a soundtrack for a Snapchat video Snap has introduced automatic Sounds features that help you produce clips faster Sounds Recommendations for instance suggests music relevant to the augmented reality Lens you re using Try a bread Lens and you ll see plenty of toast related songs alongside the most popular overall tracks Sounds Sync meanwhile creates montage videos in sync to the beat of tunes in the Sounds collection You ll need between four and photos or videos but this could help you summarize a vacation or social outing without stressing about suitably timed songs Both features are available now for iOS users in the US and are rolling out worldwide Android users can also use Sounds Recommendations right away but they ll have to wait until March to try Sounds Sync Snap isn t shy about its goals The easier it is to create videos the more likely you are to post on Snapchat This is also as much about helping artists as it is users ーSnap music strategy lead Manny Adler claims this is a quot unique opportunity quot for musicians to reach listeners who ll hopefully play full songs after hearing them in someone s video The introductions come at a good time for Snap The company s audience is growing after a turbulent having reached million monthly active Snapchat users despite laying off roughly workers last summer While it s still much smaller than rivals like Instagram which had two billion monthly active users as of last fall it s enduring competition that is frequently mimicking features Small additions like Sounds Recommendations and Sync may help Snap maintain that growth	2023-02-23 15:05:02
海外TECH	Engadget	Panasonic S5 II review: The full-frame vlogging camera you’ve been waiting for	https://www.engadget.com/panasonic-s5-ii-review-the-full-frame-vlogging-camera-youve-been-waiting-for-150028638.html?src=rss	Panasonic S II review The full frame vlogging camera you ve been waiting forWhile popular with vloggers Panasonic s mirrorless cameras have been held back from true greatness by the lack of a phase detect autofocus system Finally the company has rectified that problem with the launch of the S II It has a new megapixel sensor with phase detect pixels that should get rid of the wobble and hunting that have plagued the contrast detect AF on Panasonic cameras over the years To make it even better for content creators Panasonic also brought over its new more powerful stabilization system from the GH And you still get the powerful video features you d expect on Panasonic cameras like video up to K monitoring tools and advanced audio features The S II is also attractively priced at that s less than the Sony A IV and Canon EOS R II its main competitors This is Panasonic s first hybrid phase detect autofocus system so I was very curious to see how it stacks up against those cameras I also wanted to see if it would let you leave your gimbal at home as the company suggests in its ads To find out I took it around Paris and my hometown of Gien France nbsp Body and HandlingThe S II s body and control layout is identical to the S and that s generally a good thing At grams it is a bit heavier than its main rivals However it s still a reasonably lightweight video camera that s comfortable enough to shoot for a full day nbsp It has a big comfortable grip along with lots of manual controls that let you change settings without the need to dip into menus It has all the controls you d hope for like a joystick dedicated AF control and more The record button is placed on top so it s easy to find when vlogging but it would be nice to have a record button on front like the GH Should you need to use the menus Panasonic has nailed that part with well organized categories that make important adjustments fairly easy to find It s also quite easy to customize things so as with any camera I d recommend doing that for your own workstyle nbsp The inch million dot rear display is the same one as before and is bright and sharp for video work It of course fully articulates so you can flip it around for vlogging hold it high or low and more The only drawback is that it can get tangled up with any cables particularly the headphone jack nbsp nbsp Luckily Panasonic boosted the OLED electronic viewfinder EVF resolution to million dots from million dots on the original S It s now decently sharp and clear addressing one of my biggest complaints of the last model nbsp Steve Dent EngadgetAnother welcome update is two fast UHS II card slots rather than one UHS II and one UHS I slot on the S That allows for faster transfer speeds and more reliable backups if you like to shoot video to two cards at once It also now uses a full sized rather than a micro HDMI jack as before making it far more reliable when using an external recorder nbsp There are of course headphone and mic jacks but the S II now offers channel recording via the DMW XLR hotshoe audio adapter just like the GH It also borrows the latter s audio interface that gives you a central hub for all audio settings It doesn t have a dedicated button like the GH but you can assign any function button Finally the batteries are borrowed from the S II and deliver up to shots on a charge or a solid two hours of K recording VideoPanasonic s mirrorless cameras are primarily designed for video shooters so let s get into that first The centerpiece of this camera is that new phase detect autofocus designed to eliminate the wobble or hunting that happened with past Panasonic models that had contrast detect only autofocus So how does it work for content creatorsSteve Dent EngadgetAs with other recent models the S II s system includes regular continuous AF modes along with subject tracking for both humans and animals However it s not as sophisticated as recent rival cameras like the A IV and EOS RII though as it can t track things like cars and airplanes and doesn t distinguish between birds and other animals Luckily the capabilities it does have are on par with those models It smoothly tracks subjects and has very little lag if they move toward the camera for example Face and eye detection is good though it struggles a bit if the subject turns and can t track their eyes if they re not reasonably close to the camera It s also not quite as sticky as rival models nbsp Still it generally tracks focus reliably for interviews vlogging and other situations More importantly the pulsing hunting and wobbling is completely gone so you can now rely on the S II s autofocus in most situations There is one caveat that may be important to some users As YouTuber CameraOfChoice notes the phase detect AF works great at all K and K resolutions and p However the camera switches to contrast detect AF at bit p fps and fps resolutions along with K L p I ve reached out to Panasonic for more information but if you use those resolutions frequently you may need to look at a different model nbsp Steve Dent EngadgetWith autofocus issues mostly gone the S II is a far more attractive vlogging and video camera thanks to its other powerful features You can shoot K video at p using the full width of the sensor or full width supersampled K at up to fps p K video is possible as well but requires an APS C crop and some loss of sharpness The S II can also handle anamorphic video at up to K using the full sensor width or “open gate video that makes it easier to crop or deliver in social media formats There are few temperature related time restrictions in any of these modes thanks to the inclusion of a clever fan that only kicks in when you need it below Namely there are no time restrictions on any video at K and below including p while K is limited to minutes Panasonic is the only manufacturer to test its cameras at up to about degrees Fahrenheit so most users will likely never experience any problems nbsp As with most Panasonic cameras you can shoot bit video with V log to boost dynamic range And it s easier than ever to monitor V Log You can not only choose a standard Rec output but display your own custom look up table or LUT too You can even record those LUTs as your final video output giving you unlimited “looks and potentially saving time in post Steve Dent EngadgetThe main video drawback is the lowish data rates Mbps and below and the lack of any ProRes or All I internal recording modes There s also no external RAW capture though you ll be able to add that later for a fee You can however capture other ProRes codecs to an Atomos Ninja V V or BlackMagic Video Assist recorder nbsp And that brings up Panasonic s upcoming S IIx announced at the same time as the S II It s priced at and is mostly identical in terms of features However the extra gets you not only RAW external video included but also ProRes capture to an external SSD via the USB C port With a small price difference to get such a useful feature a lot of people might want to wait for this model Another terrific new capability is the updated in body stabilization borrowed from the GH It s now much better at smoothing out vertical step motion than the S though there s still some side to side sway It also has a “Boost IS for handheld video where you don t need to move keeping shots locked off like the camera s on a tripod Can it replace your gimbal In some cases yes but you ll have to work carefully as it still can t match a gimbal s smoothness Steve Dent EngadgetVideo quality is excellent with extremely sharp K p and K p that s just a touch less so Colors are accurate and pleasing straight out of the camera with natural looking flesh tones The bit V log video delivers a very solid stops of dynamic range just slightly below Nikon and Sony models That gave me plenty of room for extra creativity or to correct over and underexposed shots nbsp The S is also good in low light thanks to Panasonic s Dual Native ISO system Don t expect Sony AS III level performance but the Dual ISO system really keeps noise down at ISOs as high as or even You ll of course see noise when you boost shadows at those ISOs but the grain looks quite natural Anything below ISO has very little visible noise One quirk is that it s best to use ISO instead of ISO as the Dual ISO is set for ISO and ISO nbsp As for rolling shutter the S II is middling in this regard It s most noticeable in K or supersampled K modes but not bad at all with an APS C crop I d rate it as better than the higher resolution A IV and about the same as Canon s R II Finally Panasonic offers a lot of ways to monitor video not seen on rival cameras including waveforms and vectorscopes Those features are very useful to video pros helping them nail exposure and color accuracy And as mentioned audio is very easy to work with thanks to a dedicated hub to adjust settings along with both line and mic inputs nbsp PhotographyMost people likely won t buy the S II for photography but it s not bad at all in this department It can handle bursts at up to fps with the mechanical shutter or fps in electronic mode The buffer is quite impressive as it allows for shots in RAW before throttling a full seconds of uninterrupted fps burst shooting At those speeds the autofocus largely keeps up though it s not quite as fast or accurate as the R II and A IV AF systems As with video the photo autofocus isn t quite as smart or tenacious with subjects as Sony s A IV Still it s much better than the contrast detect AF of the last model and up there with recent Nikon and Fujifilm AF systems Despite the fast electronic burst speeds the S II has limited usage as a sports camera The rolling shutter would impact shots with fast moving subjects unless you use it in APS C mode That s a feasible option but it reduces the resolution by half nbsp nbsp Given how well it handles video photos are a piece of cake for the image stabilization system It locks things down so well that I was able to shoot down to a quarter second or even less and still get sharp imagesDespite the shift to a sensor with phase detect pixels image quality hasn t suffered with dynamic range just slightly below Sony and Nikon models JPEGs offer a good balance between noise reduction and sharpness while delivering natural colors and pleasing skin tones If you want more control the RAW photos dial up the dynamic range so you can claw back highlights or dig into shadows nbsp As with video it also excels in low light with very little noise up to ISO nothing too objectionable at ISO and usable images at ISO if you don t try to lift the shadows too much Beyond that the color grain in particular can get too harsh Wrap upSteve Dent EngadgetWith the autofocus finally keeping up with rival cameras Panasonic s S II is an awesome full frame vlogging and video camera option Priced at it s also a very strong value proposition particularly for video shooters Its primary competition is the Sony A IV and Canon EOS R II Both of those cameras are better for photography but the S II is much better for video and particularly vlogging thanks to the built in monitoring tools and superior stabilization If you want a better match of photography and video tools Fujifilm s megapixel X H is the best option if you don t mind stepping down to an APS C sensor In fact the S II s greatest rival might be the upcoming S IIx I d argue that many people paying wouldn t hesitate to spend an extra to get some pretty valuable features like ProRes SSD recording Either way it s Panasonic s best vlogging camera since the original GH and should rise to the top of many content creators shopping lists	2023-02-23 15:00:28
海外科学	NYT > Science	Wind and Solar Energy Projects Are Overwhelming America’s Antiquated Electrical Grids	https://www.nytimes.com/2023/02/23/climate/renewable-energy-us-electrical-grid.html	Wind and Solar Energy Projects Are Overwhelming America s Antiquated Electrical GridsAn explosion in proposed clean energy ventures has overwhelmed the system for connecting new power sources to homes and businesses	2023-02-23 15:12:00
海外TECH	WIRED	Batteries Are Ukraine’s Secret Weapon Against Russia	https://www.wired.com/story/ukraine-russia-power-grid-batteries/	Batteries Are Ukraine s Secret Weapon Against RussiaWith Russia regularly knocking out Ukraine s power grid the country has turned to high capacity batteries to keep it connected to the worldーand itself	2023-02-23 15:32:40
海外ニュース	Japan Times latest articles	South Korea inches toward same-sex equality, but broader bill is stalled	https://www.japantimes.co.jp/news/2023/02/24/asia-pacific/social-issues-asia-pacific/south-korea-same-sex-equality-broader-bill/	South Korea inches toward same sex equality but broader bill is stalledAs long as the conservative People Power Party ーand opposition from the country s Christian population ーremains strong the bill is unlikely to reach a	2023-02-24 00:15:18
海外ニュース	Japan Times latest articles	Southeast Asia lags in electric vehicles. Can it catch up?	https://www.japantimes.co.jp/news/2023/02/24/business/southeast-asia-lags-in-electric-vehicles/	Southeast Asia lags in electric vehicles Can it catch up About of the vehicles in Southeast Asia are two and three wheelers ーmeaning EV transition will differ greatly from countries motivated to the electrify	2023-02-24 00:12:31
ニュース	BBC News - Home	Legendary commentator John Motson dies aged 77	https://www.bbc.co.uk/sport/football/64742833?at_medium=RSS&at_campaign=KARANGA	career	2023-02-23 15:39:19
ニュース	BBC News - Home	Six Nations 2023: Anthony Watson starts for England against Wales	https://www.bbc.co.uk/sport/rugby-union/64742769?at_medium=RSS&at_campaign=KARANGA	wales	2023-02-23 15:02:26