投稿時間:2022-03-24 22:37:00 RSSフィード2022-03-24 22:00 分まとめ(48件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	iFixit、内部が透けて見えるような壁紙の｢Studio Display｣版を公開	https://taisy0.com/2022/03/24/155106.html	ifixit	2022-03-24 12:22:00
TECH	Engadget Japanese	PS5、数か月以内にHDMI 2.1のVRRに対応と公表。カク付きやティアリングを軽減	https://japanese.engadget.com/sony-confirms-vrr-arrive-ps5-coming-months-123749080.html	軽減	2022-03-24 12:37:49
python	Pythonタグが付けられた新着投稿 - Qiita	Python　Openpyxlを使ったExcelファイル操作（ブックの作成と保存）	https://qiita.com/hayashi14/items/da0c80a0b283c28ab334	PythonOpenpyxlを使ったExcelファイル操作ブックの作成と保存PythonでExcel操作を行う為のopenpyxlの使用方法についてまとめています。	2022-03-24 21:03:39
AWS	AWSタグが付けられた新着投稿 - Qiita	受験談 AWS Certified Advanced Networking - Specialty 認定	https://qiita.com/h2m_kinoko/items/a89164b4bff097df1121	とはいえ、koiwaclubと書籍からの類似問題が、割は出題されていた印象です。	2022-03-24 21:25:56
技術ブログ	Mercari Engineering Blog	Merpay Tech Talk〜信用領域におけるQAとBackendの協業〜 を開催しました！ #merpay_techtalk	https://engineering.mercari.com/blog/entry/20220324-e82e585389/	hellip	2022-03-24 12:15:57
海外TECH	MakeUseOf	What Are Invisible Characters in Word Processors? (And How to Use Them)	https://www.makeuseof.com/invisible-characters-word-processors-how-to-use/	What Are Invisible Characters in Word Processors And How to Use Them Here s everything you need to know about invisible characters in word processors And how to use them to improve your document	2022-03-24 12:45:13
海外TECH	MakeUseOf	5 Brilliant Projects Using a Raspberry Pi and Camera	https://www.makeuseof.com/5-brilliant-projects-using-a-raspberry-pi-and-camera/	exciting	2022-03-24 12:30:13
海外TECH	DEV Community	How To Fix The XAMPP ERROR on MySQL Shutdown Unexpectedly?	https://dev.to/codeanddeploy/how-to-fix-the-xampp-error-on-mysql-shutdown-unexpectedly-4bgc	How To Fix The XAMPP ERROR on MySQL Shutdown Unexpectedly Originally posted visit and download the sample code In this post if your XAMPP has an error on MySQL shutdown unexpectedly then this is for you I also experience this issue so I want to share the solution with you in case you experience it Sample errors Error MySQL shutdown unexpectedly Due to a blocked portMissing dependenciesImproper privilegesShutdown by another methodBefore doing this we recommend not to delete your files instead do a backup for it in case of unusual results Here are the steps below Rename the folder mysql data to mysql data old you can use any name Create a new folder mysql dataCopy the content inside mysql backup to the new mysql data folderCopy all your database folders that are in mysql data old to mysql data skipping the mysql performance schema and phpmyadmin folders from data old Finally copy the ibdata file from mysql data old and replace it inside mysql data folderStart MySQL from XAMPP control panelBOOM It works I hope this tutorial can help you Kindly visit here if you want to download this code Happy coding	2022-03-24 12:38:57
海外TECH	DEV Community	SYNTAX VS SEMANTICS; NAMING CSS CLASSES	https://dev.to/samueluwom/syntax-vs-semantics-naming-css-classes-2ala	SYNTAX VS SEMANTICS NAMING CSS CLASSESLet s briefly look into the concept of Structure and Semantics in Programming languages with major references to CSS class names The Syntax of a programming language is a collection of rules to specify the structure or form of code whereas semantics refers to the interpretation of the code or the associated meaning of the symbols characters or any part of a program source techdifferences com In this context I can simply say Syntax relates to the rules guiding how class names can be written while Semantics refers to what class names can be interpreted to mean For the remaining part of today s nudget we ll be using our understanding of Syntax and Semantics S amp S to answer the questions Q How do you properly name CSS class properties AnsA proper or conventional CSS class name must obey both concepts of S amp S i e the class name must be inline with the rules guiding naming of CSS classes and as well it s meaning must be easily interpreted Consider a div containing a user s personal details A proper CSS class naming could be lt div class user details gt lt div gt user details color An improper class naming could be lt div class p gt lt div gt p color Q If a class name works does it make it conventional AnsThere are conventional ways of naming classes mainly to enhance development speed and debugging one of which is the BEM which stands for Block Element Modifier see my previous article for in depth analysis Even though most css codes developed without any Structure or naming conventions still works the knowledge of S amp S proves that not every code that works is conventional Consider example above although the code works it s is not conventional The concept of Semantics calls for the use of class names that are easily interpreted I like to imagine that another developer would continue on every code I write to help me define easy to interpret class names Therefore take out time for in depth study of conventional class naming I hope you found this insightful do drop a comment if you did and if you would like to read more of my articles as well	2022-03-24 12:37:22
海外TECH	DEV Community	Build a message component in Vue3	https://dev.to/zhangjt9317/build-a-message-component-in-vue3-4hde		2022-03-24 12:37:17
海外TECH	DEV Community	Creating a Neat DateTime Helper Function in PHP	https://dev.to/lloyds-digital/creating-a-neat-datetime-helper-function-in-php-45in	Creating a Neat DateTime Helper Function in PHPLet me start with a statement I m not a big fan of global helper functions being included in the project but sometimes it s a good thing to have that little helper functions here and there Working with datetime in PHP could be a real pain if you don t take advantage of popular libraries like Carbon It s all good until you have to convert dates provided on user input into another timezone eg UTC and vice versa Other example could be that you have to manage various input datetime formats and sanitize them into a consistent one before saving it to database I will show you how I handled that by creating a datetime helper function which will take any datetime format and convert it into a consistent one with the power of Carbon library use Carbon Carbon function formatDateTime DateTimeInterface string float int inputDateTime null string outputFormat Y m d H i s DateTimeZone string outputTimezone UTC DateTimeZone string inputTimezone UTC string carbon is numeric inputDateTime Carbon createFromTimestamp inputDateTime inputTimezone new Carbon inputDateTime inputTimezone return carbon gt setTimezone outputTimezone gt format outputFormat Let s go over this bit by bit The function takes arguments and none of them are required which means that if called without any argument the function should return a current UTC datetime string in a common database format date formatDateTime First argument inputDateTime is the most important one and by its signature you can easily figure out that it can accept various datetime formats including a string float integer and a DateTimeInterface capable object That last one is important because it enables us to work with any PHP datetime object as well as any potential library that implements that interface such as Carbon string date formatDateTime string date formatDateTime int UNIX timestamp date formatDateTime time float UNIX timestamp in microseconds date formatDateTime microtime true DateTime object date formatDateTime new DateTime Carbon object date formatDateTime new Carbon Laravel Carbon datetime casting date formatDateTime post gt created at Other arguments are pretty self explanatory outputFormat controls in which format will function return the datetime string e g date formatDateTime new DateTime d m Y outputTimezone controls the result timezone and inputTimezone tells the function in which timezone is the inputDateTime If you re running under PHP then it s even easier to handle arguments with the named arguments feature like so date formatDateTime inputTimezone Europe Zagreb Thank you for reading this If you ve found this interesting consider leaving a ️ and of course share and comment on your thoughts Lloyds is available for partnerships and open for new projects If you want to know more about us check us out Also don t forget to follow us on Instagram and Facebook	2022-03-24 12:35:05
海外TECH	DEV Community	PHP Ajax with Bootstrap 5 Waitingfor Loading Modal and Progress bar in jQuery Plugin	https://dev.to/codeanddeploy/php-ajax-with-bootstrap-5-waitingfor-loading-modal-and-progress-bar-in-jquery-plugin-2i9e	PHP Ajax with Bootstrap Waitingfor Loading Modal and Progress bar in jQuery PluginOriginally posted visit and download the sample code In my previous post here I posted about how to implement the Bootstrap waitingfor loading modal and progress bar Now we will implement it through ajax by request server side using PHP I use beforeSend and complete functions in ajax to trigger and show the waitingfor loading modal using beforeSend function and detecting if the ajax is finished requesting to the server using complete function Kindly check the complete javascript code below document ready function ajax with simple dialog on click function var this this submit button selector using ID Ajax config ajax type POST we are using POST method to submit the data to the server side url server php get the route value beforeSend function We add this before send to disable the button once we submit it so that we prevent the multiple click waitingDialog show Ajax is processing onShow function this attr disabled true onHide function this attr disabled false success function response once the request successfully process to the server side it will return result here complete function waitingDialog hide error function XMLHttpRequest textStatus errorThrown You can put something here if there is an error from submitted request Also see our following code below for HTML lt doctype html gt lt html lang en gt lt head gt lt title gt PHP Ajax with Bootstrap Waitingfor Loading Modal with Progress bar jQuery Plugin lt title gt lt Bootstrap CSS gt lt link href dist css bootstrap min css rel stylesheet integrity sha EVSTQN azprGAnmQDgpJLImNaoYzztcQTwFspdyDVohhpuuCOmLASjC crossorigin anonymous gt lt head gt lt body gt lt br gt lt br gt lt br gt lt div class container gt lt h gt Simple Dialog with Ajax lt h gt lt pre gt waitingDialog show lt pre gt lt button type button class btn btn primary id ajax with simple dialog gt Submit Request lt button gt lt br gt lt br gt lt div gt lt Must put our javascript files here to fast the page loading gt lt jQuery library gt lt script src gt lt script gt lt Bootstrap JS gt lt script src dist js bootstrap bundle min js integrity sha MrcWZMFYlzcLANl NtUVFsAMsXsPUyJoMpYLEuNSfAP JcXn tWtIaxVXM crossorigin anonymous gt lt script gt lt Bootstrap Waiting For Script gt lt script src assets plugins bootstrap waitingfor bootstrap waitingfor min js gt lt script gt lt Page Script gt lt script src assets js scripts js gt lt script gt lt body gt lt html gt And last our PHP file named server php lt php echo server gt I hope this tutorial can help you Kindly visit here if you want to download this code Happy coding	2022-03-24 12:32:39
海外TECH	DEV Community	Speed Needs Design, or: You can’t delight users you’ve annoyed	https://dev.to/tigt/speed-needs-design-or-you-cant-delight-users-youve-annoyed-bl6	Speed Needs Design or You can t delight users you ve annoyedTo really sell streamed HTML s impact I should have shown the existing site s design but with streaming s speed The demo s design deviationsUnfortunately it was impossible to have the existing design and the speed I needed This post is about some of the differences If I were a good scientist I d have before after traces for each deviation Unfortunately I do not ーI was hastily testing and retesting on real hardware and a packet throttled connection If something felt slower I tossed it If I m wrong about something I ll happily accept corrections with a good source Design goalsLook I m jealous of native devs too They get fps fullscreen animations with builtin platform support and minimum overhead But this is a website that sells food I will relentlessly sacrifice delight for easier access I can never truly catch up to native apps interaction richness platform fidelity and SFX flaunting But I can beat native apps at the Web s strength of getting things done easily with little fuss I wasn t just trying to outrace our existing site ーI aimed at our native app too I figured I could add flourishes and rise to meet interesting challenges after finishing the usable accessible bones My amateur login pageThe professional login pageWhich design looks better seconds in That said I m no designer A real designer could probably make these tradeoffs with better results FontsKroger com s Nunito woff files are ≈kB each totaling kB If I found a smaller lookalike font subset aggressively and applied more arcane font optimizations that could probably shrink to kB total But remember the kB budget of that for a decorative font is hard to justify System fonts also spend less time on the main thread each webfont src causes a reflow they can batch together but don t count on it Usually the reflow isn t awful but you know who s not too good for free performance This dork So no webfonts But that was an easy decision avoiding custom fonts is negative work How about something harder Product carouselsDisplaying products is ecommerce s most important job Which is why it was a problem that our scrolling product lists didn t fit on the phone we sell I know whitespace is an important part of design but this is probably not what they meant That was the obvious reason to change but there s also subtler drawbacks Memory pressure and increased layout cost Scroll panes use RAM and VRAM for hardware accelerated scrolling ーbut we need those for fast lt body gt scrolling too Current homepage in Chrome DevTools Layers view It only rasterizes the non blank parts but still calculates layout for all areas Remember how iOS Safari needed opting in for accelerated scrolling with webkit overflow scrolling touch Now you know why Scroll trap on touchscreens The lists take up so much vertical space that they become infuriating scroll traps on the demo phones like mobile map embeds It doesn t help that cheap touchscreens often get swipe direction confused at the beginning of a gesture Reflow and pop in As new cards load on scroll they all resize their height to match the tallest Even when the shift is minimal the necessary layout calculations still hiccuped on the demo phones Poor use of small viewport The Poblano wasn t the smallest screen I targeted I wanted to preserve legibility down to the Apple Watch Instead I displayed products like this No it s not very attractive But it works a hell of a lot better You can probably spot several tricks to save space in the above screenshot product sizes inline with the names relying on text s horizontal nature for more wrapping compactness etc Other things I wanted to do but ran out of time I wanted to use shape outside to flow text into the empty spaces of non rectangular products so I could make the image larger I had a burning desire to maximize how many onscreen pixels could be image pixels without sacrificing too much information density I might post how to do this someday Later the “stickiness of scrolling lists was cited to me as an important quality I wanted to recoup some of that by decorating the “See more links at the end of each product list with thumbnails of what more was on that list but ran out of time before the demo C est la vie box shadow more like bourgeois shadowI know I know Shadows are fashionable If used correctly they make interfaces more understandable The interplay of light and shadow is the sum total of visual art itself But even from a strict design perspective shadows aren t all upside The area needed to spread blur shadows requires space around elements which comes at a premium on the small screens I targeted Current popular use is subtle which means they can never be the workhorse of a design Unless you make shadows the only design element and that s terrible An affordance that doesn t meet contrast requirements is questionably useful for the people who need it most Or even most people glaring sunlight tired eyes distracted attention etc need strong affordances not minimal ones I m not even sure how many people can notice trendy shadows from a visual accessibility perspective And from not a strict design perspective…Historically box shadow is a career performance criminal Probably not as much nowadays unless some combination of inset blur radius border radius transparency shadowed element size screen resolution browser OS or hardware falls off browsers fast paths Modern advice mostly warns about transitioning or animating around shadows ーespecially since scrolling under them also counts as Facebook learned Yes Google s Material Design went all in on blurring and animating lots of shadows Have you seen how much effort they spend because of that There are ways to work around shadows performance risks which might even be worth the effort But…man these box shadows just don t seem that worth it They re subtle Intentionally If I have to plan how to protect users from them there needs to be way more of a payoff At least skeuomorphism was in your face If a design effect is only noticeable to young people with good vision and it can unpredictably penalize people with cheap or overworked devices…then I don t care how delightful it is The risks conflicted with my goals and this was my stupid passion project dammit I didn t trust them and I didn t need them So I dropped the shadows …but not like that Homepage promotionsCarouselTilesThink about what code the carousel needs that tiles don t Next previous swiping vs buttons and switching between themPosition indicatorPause Play required for accessibility prefers reduced motion check and mitigationAccessibly hiding offscreen slidesAutoforwardingAnimation timingRepositioning slides to the left when wrappingTab ↹handlingNo matter how efficiently those features are implemented they re still code users must download If users actually liked carousels that could be worth it but uh… But the demo didn t use tiles eitherEncoding each promotion as one big image has problems Scaled down text becomes unreadable small viewportsDoesn t work with High Contrast Mode or other forced colorsTakes too long to display anything on the target connection which meant it was as good as not having itCosts users more than I was comfortable with Especially since I couldn t aggressively compress the images without making their text look crusty So the demo went even further beyond with an approach I m calling “ribbons just now Here s how those load over the target connection The text and colored backgrounds are visible instantly even though the images take a few seconds A media query rejiggers them into tiles on larger viewports No modals tooltips toasts etc Unlike the parts of this post where it felt like I was compromising this was a user experience improvement Do you like dealing with modals and pop up banners and all their annoying friends Me neither That s an opinion though Some more objective reasons I eschewed widgets for boring alternatives Their JavaScript and CSS eat away at the performance budgetThey make less sense on small touch screens ーin particular modals take up nearly the entire page anywayThey re hard to make accessible modals in particular have been called “the final boss of web accessibility More on that last one…Even if I did succeed in making widgets accessible the JavaScript required to do so really adds up Check out the sizes of some popular modules each a reasonable choice for tooltips modals and toasts respectively JS cost according to BundlephobiaModuleMinified min gzSlow G download popperjs core kB kB ms reach dialog kB kB msnotistack kB kB msTotal kB kB½second ️Note this table doesn t include parse execute time which scales with minified kB Yes there are more efficient ways to script these widgets I just grabbed whatever looked well maintained and popular like the vast majority of devs But if these UI patterns are annoying not very accessible and costly why do so many sites use them I think they re easier to design since they don t have to care about the underlying page I suspect analytics falsely report increased “engagement because they need more interaction than less intrusive designs Even if said interaction is say users trying to get the damn carousel to hold still Sometimes they can be the best solution for a problem ーbut as soon as you have that component it s tempting to reuse it for other less suited problems More on alternatives to these known user aggravators Designing for actual performance §Simplify the interfaceThe good news It doesn t have to be a modal The problem with snackbars and toast messages and what to use instead and its companion on tooltips by Adam Silver Better design via speedUnlike the other sections where design was in service to speed this section is about how fast page loads can enable better design Our existing checkout flow had expanding contracting accordions intertwingled error constraints and tricky focus management because of the first two I wanted to avoid all that so I broke up checkout into a series of small quick pages If you ve heard of One Thing Per Page that s what I did It didn t take long to code and was surprisingly easy But wait There s more low confidence users find them easier to usethey work well on mobile devicesthey re better at handling things like errors branches loops and saving progressー One thing per page ·Design in governmentI didn t implement them for the demo but functionality like user s Account info and settings would also be well served by this pattern W hen we started user research with the general public we saw a very positive response to the simple step by step approach even on large screens Though it added more clicks people said it made the process feel simple and easy there wasn t too much to take in and process at any one time So we stuck with the simpler screens for everyone ー GOV UK Things we learnt designing Register to vote And thanks to Paint Holding these page sequences looked and felt as seamless as SPA navigation Lots more on that in the next post So what Like how woodworking involves sculpting along the grain web design needs an understanding of what s easy and natural to save effort for things that really need it Our current practices of pushing designers away from HTML amp CSS thwarts an intuitive understanding of what s easy vs what s hard on the Web More cooperation and faster feedback loops could help ーbecause I was designing and developing myself the loop was as tight as possible as I switched hats on the fly But uh it s also true my designs won t win any beauty contests So don t trust me listen to some actual designers A Beginner s Guide to Performant Design Decisions amp The Path to Performance by Katie KovalcinDesigning for Performance ·Lara HoganWhat Web Designers Can Do To Speed Up Mobile Websites ·Suzanne ScaccaPerformance As Design ·Brad FrostIn the next post I reveal that while I may be a twentysomething paid to work in React I m secretly a filthy progressive enhancement liker Native has much improved since Gruber wrote that post It s time web devs also stepped up our game and not by playing catch up “What I missed when I dismissed them a decade ago is that web apps don t need to beat desktop apps on the same terms  Based on results with Poppins from an earlier design	2022-03-24 12:31:17
海外TECH	DEV Community	Big Data in Cloud Computing - AWS	https://dev.to/wardaliaqat01/big-data-in-cloud-computing-aws-2j6e	Big Data in Cloud Computing AWSThis is an introductory article about Big Data and it s uses in Cloud Computing especially in AWS IntroductionBig Data and cloud computing are two technologies that have now entered mainstream industries of our current world However these two are not the same Big Data represents content whereas cloud computing is infrastructure the combination of both technologies that can yield excellent results Big Data amp Cloud Computing ExplainedTo understand why both the technologies are often bundled together we need to have a basic understanding of what Big Data and cloud computing are Big Data is a High velocity High Volume high variety info assets that demands cost effective innovative forms of information processing The most straightforward definition of Big Data is that it s a large volume of data think terabyte or petabyte or even more than that Data can be either structured or unstructured This data can be so extensive that it cannot be processed through traditional database and software techniques As for Cloud Computing in the shortest term it means storing and accessing data files and programs over the Internet instead of the local computer s hard drive The cloud is a metaphor for the Internet As we have understood the basics of Big Data and Cloud Computing Now let s move towards expanding our horizon of these technologies We need to understand the Five V s of Big Data that actually defines it altogether Those are as follow Volume Represents a huge amount of dataVariety Represents different formats of data from various sources Value Extracting useful dataVelocity High speed of accumulation of dataVeracity Inconsistencies and uncertainty in data Big Data services from famous Cloud service providers A sampling of available big data services from the top three providers includes the following AWSAmazon Elastic MapReduceAWS Deep Learning AMIsAmazon SageMakerMicrosoft AzureAzure HDInsightAzure Analysis ServicesAzure DatabricksGoogle CloudGoogle BigQueryGoogle Cloud DataprocGoogle Cloud AutoML Process involved in Big Data analysis Data ingestion collecting raw data e g from logs mobile devices etc Data storageData preprocessing converting raw data to consumable from Data visualization Services provided by AWS for Big Data analytics Data ingestionAWS kinesis AWS SnowballData preprocessing AWS EMR AWS RedshiftData storage AWS S AWS GlueData visualizationAWS QuickSight ConclusionCloud computing provides enterprises with a cost effective amp flexible way to access a vast volume of information we call Big Data Because of Big Data and cloud computing it is now much easier to start an IT company than ever before However it is important to note that cloud based big data analytics success depends on many factors An important factor is a reliable cloud provider with extensive expertise offering highly robust services I hope it helped to clear your basic concepts of Big data and it s uses in Cloud Please Look forward to further detailed articles on Big Data and Cloud	2022-03-24 12:30:47
海外TECH	DEV Community	Bug Bounty: Not always an ideal	https://dev.to/nathan20/bug-bounty-not-always-an-ideal-980	Bug Bounty Not always an idealI want to share with you my bug bounty experience this week and the points to remember Hahaha I Know that my picure has nothing to do here So what s happen to me this week I joined a public bug bounty program on Intigriti read the rules of engagement quickly and start hacking Did the recon then try to find some interesting vulnerabilities In the target website I remarked a chat between the freelancers and the client I tried to submit some payload but the client side URL encode my payload so I intercept my request with Burp and insert my payload Finally at the first time I trigger a XSS with this payload lt script gt onerror alert throw lt script gt with no bracket The POC of XSS Before I submited my xss I read again the rules of engagement and guess WHAT I can not imagine that XSS can be out of scope even an stored XSS So I texted intgriti team to discuss about the Stored XSS and told them to take into consideration that the severity of the XSS is HIGH after few days a member of Intigriti team respond that All forms of XSS are considered as OOS for this program In conclusion few things that I need to learn from the next time Take time and read carefully the program s rules Chose an Bug bounty adapted to my skills Hope you will not fall into this trap	2022-03-24 12:25:13
海外TECH	DEV Community	I am not a designer but I try 😅, because the only way you can improve is to practice.	https://dev.to/dyacinedev/i-am-not-a-designer-but-i-try-because-the-only-way-you-can-improve-is-to-practice-1eko	I am not a designer but I try because the only way you can improve is to practice	2022-03-24 12:23:22
海外TECH	DEV Community	How to use Chrome DevTools to find a color fixing insufficient color contrast ratio on your HTML element	https://dev.to/domizajac/how-to-use-chrome-devtools-to-find-a-color-fixing-insufficient-color-contrast-ratio-on-your-html-element-546k	How to use Chrome DevTools to find a color fixing insufficient color contrast ratio on your HTML elementInsufficient color contrast ratio is one of the most popular problems connected with accessibility Fortunately it is quite well find by automated tools like Lighthouse or Accessibility Insights for Web But did you know that Chrome DevTools can help you not only detect that issue but also fix it How to do so When you open Chrome DevTools and inspect the given element toolbar with details of it will be presented And as it s visible on the picture it may show us an orange warning icon close to the Contrast category It means the contrast color ratio between text on that element and its background is not sufficient When you take a look at the Styles tab of that element you can do even more Click on the square color preview on the left side of the color property value to open the color picker Below the color value input you may see an expendable section with contrast ratio information The red icon close to the ratio informs us that we should take a look at that values And reload button allows Chrome to automatically propose the new color ーwhich will have a correct contrast ratio and as close to ours as possible Nice way to fix that issue don t you think Hope it will help you keep you webpages accessible for everyone	2022-03-24 12:21:44
海外TECH	DEV Community	A React toolkit - mini applications serie.	https://dev.to/leopold/build-react-tools-my-new-challenge-1g7l	A React toolkit mini applications serie Hey everyone I am building Reactirator an opensource React project manager for some months now I must admit I am kind of proud of my work because this is my first desktop application even if everything is far from perfect For this reason I want to share my knowledges and what I ve learnt by building Reactirator Hence I will be making posts in the future about how build some of the features of Reactirator This will be detached from the Reactirator context because we won t use Electron basically this will be a serie of mini react node application This is also going to be a challenge to myself writing and explaination aren t my best skills So my goal is to write consistently and improve my writing skills in english and maybe doing this will help me re think about the application to improve it Before explaining what is the serie plan let me explain what is reactirator What is this Reactirator is a desktop application built with Electron using TypeScript React and Node It has two parts The app creator You will find an installation process where you can select famous React configurations features look for packages pre generate folders and components etc The app manager basically it is a task runner start your development server launch your build process or install new dependencies update their version etc This is a desktop app so all you have to do is toggle switchs push on buttons or type some packages name to find new one and have visual output about each task results I won t go deeper into the project description because well there is a readme for this What s the plan Reactirator has quite a lot of different tools some are more React focused while others are more about communication with the Node js server Reactirator also has some upcoming features to speak about I made a small list of things that come to my mind for now it is susceptible to change and grow over the time Build a React folder tree component React Build a Npm package search and display results with data React A task runner button with output in a terminal component React Node Github connexion from React where you can create repo remotely React And finally the new features in the manager part which didn t exist yet the component real time creator when you re in a code editor you will be able to use Reactirator to generate as many components as you want with chosen template class functional default export or not etc and location React Node There you go hopefully it will interest some React developpers wheter you are a beginner or not or give some ideas about cool application you can do And I would be happy to heard your feedback about all of this If you re interested by Reactirator and want to contribute you re welcome Have a good day	2022-03-24 12:19:45
海外TECH	DEV Community	How do you perform API testing?	https://dev.to/noablst/how-do-you-perform-api-testing-33j2	How do you perform API testing I ve always been interested in learning how to use APIs and finally decided to take the plunge and learn how to use them When I started my journey in BLST security I began experimenting with different APIs and trying to figure out how to use them Now I feel like I have a good basic understanding of how APIs work and am able to use them to my advantage I m excited to continue learning more about how to use APIs and expand my knowledge so that I can build even more amazing things but before I move on further today I want to talk about something I encountered rather quickly So how do you perform API testing API testing is a type of software testing that focuses on the application programming interfaces APIs directly and indirectly to determine if they meet expectations for functionality reliability performance and security In order to perform API testing you will need to use a variety of tools and approaches Some of the most popular tools for API testing include SoapUI Postman and curl To get started with API testing you should first identify the specific APIs you would like to test Once you have identified the APIs you would like to test you can begin creating test cases When creating test cases it is important to consider the various types of testing you will need to perform such as functional testing load testing and security testing Once you have created your test cases you can then use a tool like SoapUI or Postman to execute the tests These tools will allow you to send requests to the API and validate the responses Finally you can use a tool like curl to verify the results of your tests Curl is a command line tool that can be used to make HTTP requests By using curl you can send requests to the API and view the responses directly from the command line In the next article I ll write about Open source API Security testing toolsUntil that please check BLST Security open source CLI tool Cherrybomb which is a CLI tool that helps you avoid undefined user behavior by validating your API specifications	2022-03-24 12:19:18
Apple	AppleInsider - Frontpage News	Spotify users will get to choose whether to pay directly, or via Google Play	https://appleinsider.com/articles/22/03/24/spotify-users-will-get-to-choose-whether-to-pay-directly-or-via-google-play?utm_medium=rss	Spotify users will get to choose whether to pay directly or via Google PlayAs part of its campaign against Apple s unfair App Store Spotify has now teamed up with Google to offer User Choice Billing where Android users can decide which firm to pay their subscription to Spotify has long argued that it is just unfair how users of the streamer s iOS app have to pay via the App Store Now it has announced a new partnership with Google where Ausers have a choice of how to pay their Spotify subscription fee Android users who download the Spotify app from the Google Play Store will be asked to choose whether to use Google Play Billing or via Spotify s own payment service Read more	2022-03-24 12:50:48
Apple	AppleInsider - Frontpage News	Apple to use world's first low-carbon aluminium in the iPhone SE	https://appleinsider.com/articles/22/03/24/apple-to-use-worlds-first-low-carbon-aluminium-in-the-iphone-se?utm_medium=rss	Apple to use world x s first low carbon aluminium in the iPhone SEApple plans to make the iPhone SE using low carbon and carbon free aluminum produced from an innovate new smelting process its billion Green Bonds investment helped create Apple s Green Bond projects have so far seen the company invest billion in research projects since its launch in Now that work has resulted in new smelting technology which will Apple says will produce aluminum without creating any direct carbon emissions Apple is committed to leaving the planet better than we found it and our Green Bonds are a key tool to drive our environmental efforts forward said Lisa Jackson Apple s vice president of Environment Policy and Social Initiatives in a statement Read more	2022-03-24 12:35:32
Apple	AppleInsider - Frontpage News	Apple may be developing 15-inch MacBook Air, display analyst says	https://appleinsider.com/articles/22/03/23/apple-may-be-developing-15-inch-macbook-air-display-analyst-says?utm_medium=rss	Apple may be developing inch MacBook Air display analyst saysApple may release a new inch MacBook Air in as well as refresh the inch MacBook Air and some type of inch iPad model according to display analysts MacBook Air renderThe new inch MacBook Air model would join the existing MacBook Air which could also receive some type of display size bump according to analyst Ross Young of Display Supply Chain Consultants The information was provided in the company s quarterly display analysis report Read more	2022-03-24 12:14:35
海外TECH	Engadget	Kobo's Libra 2 e-reader is $20 off right now	https://www.engadget.com/kobos-libra-2-e-reader-gets-its-first-decent-discount-at-amazon-124047630.html?src=rss	Kobo x s Libra e reader is off right nowWe already liked Kobo s Libra e reader at the full price thanks to the physical buttons high resolution e Ink display and support for multiple formats Now we re seeing the first good discount on it making it all the more attractive You can pick one up at Amazon for for a savings of or percent Buy Kobo Libra at Amazon The Libra features a large quot chin quot that houses a pair of physical page buttons a feature that s also available on the Kindle Oasis but for a lot more money We found that the physical buttons stop hand cramping because it s easy to switch from one hand to another The inch E Ink Carta touchscreen is sharp and easy on the eyes The quot ComfortLight Pro quot automatically adjusts the brightness and color temperature to match the room and becomes less blue as the day goes on to help keep you calm before bedtime It can charge up in a couple of hours and go for days at a time is waterproof for use in the tub or pool lets you save articles to Pocket and supports more file types than Kindle Finally the Libra includes Bluetooth functionality letting you connect a pair of headphones and listen to audiobooks As for drawbacks The lack of a plastic cover means that crumbs or particles can get trapped between the screen and bezel and some users have noticed hiccups while trying to use the highlighting feature Still it s far and away one of the best eReaders out there and a very attractive option at this price If you re looking for a more basic reader or want to stick with Amazon s ecosystem don t forget that the Kindle Paperwhite and Kindle are still on sale as well for and respectively You ll also find the corresponding Kids tablets for and nbsp Follow EngadgetDeals on Twitter for the latest tech deals and buying advice	2022-03-24 12:40:47
海外TECH	Engadget	OnePlus 10 Pro will launch in North America, Europe and India on March 31st	https://www.engadget.com/oneplus-10-pro-release-date-us-canada-uk-europe-india-122505238.html?src=rss	OnePlus Pro will launch in North America Europe and India on March stOnePlus latest flagship phone will launch in Europe North America and India on March st The company previously said the OnePlus Pro would arrive in those markets by the end of March so that s right on schedule It released the smartphone in China in January The OnePlus Pro is powered by a Snapdragon Gen chip and OxygenOS which is based on Android It has a inch Hz Fluid AMOLED with LTPO screen which allows for adjustable refresh rates to improve the battery life The device has a mAh battery along with support for W fast charging and W wireless charging It comes with up to GB of RAM and GB of internal storage There s an array of three Hasselblad cameras on the rear a MP wide angle sensor an eight megapixel telephoto lens and a MP ultrawide camera To show off the cameras their bit color capabilities and the OnePlus Pro s color processing knowhow the company sent the handset meters miles up into the stratosphere to take some shots of the horizon OnePlusFolks in North America Europe and India will be able to pre order the OnePlus Pro from the OnePlus website and Amazon on March st at AM ET You ll get the OnePlus Buds Pro as a freebie if you pre order Those who order from Amazon or elsewhere will need to claim their earbuds through the OnePlus store app	2022-03-24 12:25:05
海外TECH	Engadget	NASA to accept new Artemis lunar lander proposals from commercial companies	https://www.engadget.com/nasa-new-artemis-lunar-lander-proposals-120519399.html?src=rss	NASA to accept new Artemis lunar lander proposals from commercial companiesBack in April NASA chose SpaceX to develop a lunar lander that will take astronauts to the moon for its future Artemis missions SpaceX s vehicle won t be the only one flying astronauts to the surface of the Moon though NASA has announced that it s welcoming proposals from American companies for landers that can take human spacefarers from the Gateway station in the lunar orbit to the Moon itself By having that capability the lander design can be used for missions beyond Artemis III which will be the first crewed landing on the Moon since Apollo In its announcement the agency said it s also exercising an option under its existing contract with SpaceX and is asking the company to change the landing system it proposed to meet the new requirement quot Pursuing more development work under the original contract maximizes NASA s investment and partnership with SpaceX quot the agency said Having a second lunar lander quot provides redundancy in services quot and can help ensure reliable transportation for astronauts that will be part of future lunar missions While the call for a second lunar lander is new the plan to have more than one company working on the project isn t NASA was originally supposed to choose more than one lunar lander provider for Artemis but the agency didn t receive enough funding from Congress prompting it to go with SpaceX alone nbsp Blue Origin one of the finalists for the contract filed a complaint with the US Court of Federal Claims calling the decision quot fundamentally unfair quot The Jeff Bezos owned space corporation argued that NASA allowed SpaceX to modify its bid and wasn t given the same chance to do so To note the contract SpaceX won was worth billion while Blue Origin s bid was almost twice that at billion NASA believed Blue Origin bid high on purpose on the assumption that NASA would haggle and that it would receive more funding than it did While the court dismissed Blue Origin s lawsuit in November SpaceX had to pause work on the lander twice losing months in the process When NASA pushed back the Artemis III mission to NASA administrator Bill Nelson said Blue Origin s lawsuit was partly to blame NASA will issue a draft solicitation for the second lunar lander in the coming weeks before issuing a formal request for proposals this summer Lisa Watson Morgan NASA s Human Landing System Program manager said quot This strategy expedites progress toward a long term sustaining lander capability as early as the or timeframe We expect to have two companies safely carry astronauts in their landers to the surface of the Moon under NASA s guidance before we ask for services which could result in multiple experienced providers in the market quot	2022-03-24 12:05:19
Cisco	Cisco Blog	Where You Purchase Matters	https://blogs.cisco.com/government/where-you-purchase-matters	Where You Purchase MattersCo authored with Al Palladin Given the state of the global supply chain where you choose to purchase matters more than ever This is crucial for all industries from government to healthcare to financial services We want to ensure government agencies hospitals or banks as examples have the peace of mind knowing they re purchasing genuine Cisco	2022-03-24 12:57:56
海外科学	NYT > Science	Life’s Preference for Symmetry Is Like ‘A New Law of Nature’	https://www.nytimes.com/2022/03/24/science/symmetry-biology-evolution.html	computer	2022-03-24 12:10:24
ニュース	BBC News - Home	P&O Ferries: Not consulting on job cuts broke law, boss admits	https://www.bbc.co.uk/news/business-60862933?at_medium=RSS&at_campaign=KARANGA	ferry	2022-03-24 12:54:44
ニュース	BBC News - Home	Spring Statement: Rishi Sunak accused of not doing enough for poorest households	https://www.bbc.co.uk/news/business-60858113?at_medium=RSS&at_campaign=KARANGA	boris	2022-03-24 12:08:09
ニュース	BBC News - Home	North Korea tests banned intercontinental missile	https://www.bbc.co.uk/news/world-asia-60858999?at_medium=RSS&at_campaign=KARANGA	intercontinental	2022-03-24 12:08:18
ニュース	BBC News - Home	Croydon tram crash: Prosecutions launched by rail regulator	https://www.bbc.co.uk/news/uk-england-london-60859046?at_medium=RSS&at_campaign=KARANGA	london	2022-03-24 12:46:31
ニュース	BBC News - Home	Next warns prices to rise by more than expected	https://www.bbc.co.uk/news/business-60859227?at_medium=RSS&at_campaign=KARANGA	price	2022-03-24 12:56:45
ニュース	BBC News - Home	Child Q: Strip-search Met officers put on desk duties last week	https://www.bbc.co.uk/news/uk-england-london-60858196?at_medium=RSS&at_campaign=KARANGA	black	2022-03-24 12:09:48
ニュース	BBC News - Home	Prince Harry: Parts of legal case to be kept secret, court says	https://www.bbc.co.uk/news/uk-60860357?at_medium=RSS&at_campaign=KARANGA	police	2022-03-24 12:38:23
ニュース	BBC News - Home	Netflix boss Scott Stuber says Oscar best picture win would be 'the dream'	https://www.bbc.co.uk/news/entertainment-arts-60848382?at_medium=RSS&at_campaign=KARANGA	netflix	2022-03-24 12:51:16
ニュース	BBC News - Home	Ukraine war: Dnipro orphans find sanctuary in Scotland	https://www.bbc.co.uk/news/uk-scotland-60850379?at_medium=RSS&at_campaign=KARANGA	scotland	2022-03-24 12:01:23
ニュース	BBC News - Home	Biggleswade: Gordon Ramsay sends chef to help short-staffed school canteen	https://www.bbc.co.uk/news/uk-england-beds-bucks-herts-60860477?at_medium=RSS&at_campaign=KARANGA	biggleswade	2022-03-24 12:19:19
ニュース	BBC News - Home	Fans descend on Cardiff as Wales seek to move step closer to ending 64-year World Cup wait	https://www.bbc.co.uk/news/uk-wales-60861853?at_medium=RSS&at_campaign=KARANGA	football	2022-03-24 12:08:38
北海道	北海道新聞	道、濃厚接触者の運用見直し　事業所の外出制限不要に	https://www.hokkaido-np.co.jp/article/660782/	新型コロナウイルス	2022-03-24 21:33:00
北海道	北海道新聞	アップル端末、環境配慮へ　スマホに低炭素アルミ導入	https://www.hokkaido-np.co.jp/article/660781/	iphone	2022-03-24 21:24:00
北海道	北海道新聞	釧路管内４４人、根室管内９人感染　新型コロナ	https://www.hokkaido-np.co.jp/article/660682/	根室管内	2022-03-24 21:20:02
北海道	北海道新聞	開幕向け「選手には大いに暴れてほしい」　新庄監督一問一答	https://www.hokkaido-np.co.jp/article/660780/	一問一答	2022-03-24 21:18:00
北海道	北海道新聞	佐呂間町商工会青年部がユーチューブで町ＰＲ　人気テレビ番組参考に多彩な企画	https://www.hokkaido-np.co.jp/article/660722/	佐呂間町	2022-03-24 21:12:06
北海道	北海道新聞	日本の首相、まだ安倍氏？　仏紙、Ｇ７首脳の風刺画	https://www.hokkaido-np.co.jp/article/660773/	首脳	2022-03-24 21:07:00
仮想通貨	BITPRESS（ビットプレス）	コインチェック、3/29まで「NFT初回購入で全員に500円相当のETHをプレゼント！ NFTスタートダッシュキャンペーン」実施	https://bitpress.jp/count2/3_14_13126	購入	2022-03-24 21:50:42
仮想通貨	BITPRESS（ビットプレス）	GMOコイン、3/30より取引所（現物取引）で「BAT・QTUM」の取扱開始	https://bitpress.jp/count2/3_10_13125	現物取引	2022-03-24 21:41:11
仮想通貨	BITPRESS（ビットプレス）	bitFlyer、4/21まで「シンボル預入・購入で総額 100 万円相当山分けキャンペーン」実施	https://bitpress.jp/count2/3_14_13124	bitflyer	2022-03-24 21:38:43
仮想通貨	BITPRESS（ビットプレス）	bitFlyer、3/24より「シンボル（XYM）」の取扱開始	https://bitpress.jp/count2/3_10_13123	bitflyer	2022-03-24 21:36:57