投稿時間:2022-04-18 22:34:23 RSSフィード2022-04-18 22:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple、依然として｢HomePod｣と｢Apple TV｣を統合した製品を開発中か − ｢FaceTimeカメラ｣も搭載	https://taisy0.com/2022/04/18/155920.html	apple	2022-04-18 12:05:32
IT	ITmedia 総合記事一覧	[ITmedia News] 東京タワーの足元にeスポーツをテーマにしたアミューズメント施設、20日開業　特別ライトアップも	https://www.itmedia.co.jp/news/articles/2204/18/news159.html	itmedia	2022-04-18 21:27:00
AWS	AWS Japan Blog	AWS IoT Device Defenderカスタムメトリクスを使用して、デバイスメトリクスの異常を検出し、セキュリティの状態を改善する方法	https://aws.amazon.com/jp/blogs/news/how-to-detect-anomalies-in-device-metrics-and-improve-your-security-posture-using-aws-iot-device-defender-custom-metric/	しかし、デバイスフリートまたはユースケースごとのメトリクスを監視する必要がある際はどうでしょうか例えば、WiFiゲートウェイに接続されているデバイスの数、バッテリーの充電レベル、またはデバイスが接続しているドメインなどのセキュリティ関連のメトリクス、デバイスで実行中のアプリケーションまたはプロセスの変更、デバイスの構成の変更、リモートログイン、またはその他のアプリケーション固有の動作の検出などです。	2022-04-18 12:25:06
js	JavaScriptタグが付けられた新着投稿 - Qiita	ブラックジャックのなんちゃって設計(js) part4 プロパティとかメソッドをもう少し詳しく	https://qiita.com/hideya670/items/9ec036d3c92c09944672	jspart	2022-04-18 21:59:16
AWS	AWSタグが付けられた新着投稿 - Qiita	【Terraform】When a network interface is provided, the security groups must be a part of it. のエラーが解消できない場合の対処法	https://qiita.com/CoGee/items/d1bf0d4f3d5dc9309c29	etworkinterfaceisprovided	2022-04-18 21:11:54
技術ブログ	Developers.IO	信販会社からの情報流出通知にて記載があった対処案のカード差し替えをやってみた	https://dev.classmethod.jp/articles/renew-creditcard-with-number-change/	信販会社	2022-04-18 12:11:54
海外TECH	MakeUseOf	3 Ways to Fix the Arrow Keys Not Working in Excel	https://www.makeuseof.com/excel-arrow-keys-not-working/	easiest	2022-04-18 12:30:14
海外TECH	DEV Community	Breaking the deadlock for low-code - Part-4 The way to successful usage of low-code software	https://dev.to/swatantra/breaking-the-deadlock-for-low-code-part-4-the-way-to-successful-usage-of-low-code-software-bhd	Breaking the deadlock for low code Part The way to successful usage of low code softwareLooking at the industry trends it is fair to say the demand for Low Code is growing faster than ever however Developing the low code ecosystem is crucial for a successful adaption There are many indicators that the demand for low code developers outnumbers the talent in the local market With the increasing number of clients in the Dutch market only a few developers per company are available This equation is not effective and time and again leads to low quality applications So what is the way forward Use low code if you use it in a strategic way It is okay to do a small pilot but do not get stuck in the middle with only a few apps in your kitty This may end up being expensive and ineffective To break even at the operating level and get the most return on investment clients have to adopt the platform strategically and with a clear vision KPMG recommends the Kuma step low code journey Discover Vision Sketch amp Mobilize Launch amp Realize Scale amp Improve to reap the benefits Get yourself partnered with a registered and strong low code partner The partners come with a broad array of experiences industry expertise and exclusive access to the resources helping you achieve business results Do not allow the business to buy too much other candy in the software candy store Fragmented use of the platform is detrimental Many efficiencies can be reached by embedding the low code platform in the overall platform architecture Use the platform to a maximum in order to keep the overall application landscape maintainable Otherwise low code will die in your software factory as just another toolkit Establish cross functional agile teams and use a smart co sourcing model with a few experienced registered partners to staff the agile development teams The cross functional teams are self sufficient and should understand the existing application landscape and have experienced business analysts Co sourcing will help accelerate the internal staff s abilty to use the platform Scale the team and the low code digital factory with internal staff as the low code application landscape grows To scale up the low code factory it is advised to create a competence center also known as a “Digital Factory The digital factory is a whole new way of working with new integrated solutions increased agility and cross functional teams The Digital Factory acts as a counter for the business where they get support in implementing digital use cases Eventually the factory will have implemented many small and medium use cases and will have the experience to speed up any following use case Establish the control framework in the digital factory to ensure the quality measures of software development are guarded This will ensure the output of the factory is predictable Equip the team with the standard processes and promote best practices within your low code digital factory It lays the foundation and gives the right direction to the team Pay attention to the architecture to avoid the spaghetti situation If the team is working under well defined architecture the technical debt will be kept under control To remain relevant and flexible introduce modularity in the architecture On the other hand low code providers and vendors should invest more in promoting opportunities for acquiring the skills Bring the right partner developer advocate to grow in the market Make a sustainable ecosystem which attracts and encourages talent give them a future proof career Give them reasons to be enthusiastic so that the platform providers can fill the talent gap Help the developer community to thrive so that they remain active and relevant In conclusionDisruption is a fact of today s fast changing business environment and no organization is immune in that respect Organizations need to be able to respond to disruption Low code comes to the rescue and can be a serious accelerator Low code products are mature and capable of fulfilling the need provided it is done in the right way Doing it right means doing it consistently and strategically For example by establishing a Digital Factory that uses the platform to its maximum to support businesses to a fast implementation of digital needs These can be small innovative apps apps to generate operational effectiveness and customer facing apps The factory can also be a step up to replace legacy systems The digital factory is ideally sourced with internal staff that understand the business and existing application landscape and have a long term view on the digital goals Often the digital factory is supported by experienced partners in a co sourcing model We do observe the risk of a shortage of skilled developers and a shortage of large solution partners To gain trust and build a strong foundation for the low code ecosystem a herd of solid IT service and consulting firms with the dedicated low code practice must be present in the market Skilled low code champions along with a strong community should also be available in the market Low code platform providers have to work towards building a sustainable ecosystem as they are the essential building block We spoke to organizations who went for the low code journey The ones who were involved non stop in that process the ones with a vision and the ones armed with a right registered low code partner to back the strategy and fill the skill gap had the least problems and were the most positive An experienced low code partner enables your organization to speed up the time to market and thereby gain a competitive advantage with its strategy and broad experience on the platform We can help you with your low code journey We recognize ourselves very much in the story of Do it right or don t do it at all Kuma Kumar S Brouwer A amp Tiemens S October Low Code Empower the capability to accelerate Compact Retrieved from	2022-04-18 12:48:03
海外TECH	DEV Community	🍬 AWS CDK 101 - 🔬 Adding Queue to buffer our stepfunction directly invoking lambda	https://dev.to/aravindvcyber/aws-cdk-101-adding-queue-to-buffer-our-stepfunction-directly-invoking-lambda-58lh	AWS CDK Adding Queue to buffer our stepfunction directly invoking lambdaBeginners new to AWS CDK please do look at my previous articles one by one in this series If in case missed my previous article do find it with the below links Original previous post at Dev PostReposted previous post at dev to aravindvcyberReposted previous post at medium com aravindvcyberIn this article let us refactor our previous stepfunction which directly invokes our lambda function by adding a similar queue that triggers lambda indirectly with a batch size limit This could help us achieve better optimization in lambda concurrency like one in our previous article scalable event driven processing using eventbridge and sqs Current flow ️ Proposed flow Benefits achieved in this approach ‍ ️There are multiple benefits associated with this approach as follows We can detach the direct invocation of our lambda by Stepfunction thereby triggering an indirect buffered invocation from a standard SQS queue With this approach we will be able to have the lambda concurrency limit at a minimum by batching the lambda triggers Also if you remember one thing our lambda is supposed to make a dynamodb write operation which if running in high concurrency would need more write units while using our dynamodb table With this approach we can use maintain and utilize consistent write units in our table Besides this we will be able to scale this easily in higher environments Also we can also make use of the dead letter queues for debugging and inspection Refining the queue used in our previous construct Let us edit our previous construct construct sfn simple ts by adding definitions for the dead letter queue and the working queue as follows Dead letter Queue The dead letter queue needs to catch hold of the failed messages so the working queue always has records to be processed const sfnCommonEventProcessorQueueDLQ DeadLetterQueue queue new Queue this sfnCommonEventProcessorQueueDLQ retentionPeriod Duration days removalPolicy RemovalPolicy DESTROY queueName sfnCommonEventProcessorQueueDLQ maxReceiveCount Standard Queue The standard queue can also be a FIFO queue based on the cost and business requirements as shown below const sfnCommonEventProcessorQueue new Queue this sfnCommonEventProcessorQueue retentionPeriod Duration days removalPolicy RemovalPolicy DESTROY deliveryDelay Duration seconds queueName sfnCommonEventProcessorQueue visibilityTimeout Duration minutes deadLetterQueue sfnCommonEventProcessorQueueDLQ New Job to push messages into our Queue Just like how we defined a new lambda invoke job we can define a new job that will push a message into a queue that will be later polled by our existing lambda asynchronously You could also find that we have fully reused the payload inputPath resultPath resultSelector etc const recordingQueue new tasks SqsSendMessage this Record using Queue inputPath messageBody sfnTaskPayload queue sfnCommonEventProcessorQueue comment Record message into dynamodb using SQS queue buffered lambda integrationPattern sfn IntegrationPattern WAIT FOR TASK TOKEN resultSelector Payload StatusCode statusCode resultPath recordResult Adding event source for the existing lambda Now we will connect our new queue to our existing lambda inside the same construct As you can see that we have set a batch size of the queue this is even though there is n number of state functions running concurrently You may also use a FIFO queue if find that the order of messages is very important while recording and processing triggerFunction addEventSource new SqsEventSource sfnCommonEventProcessorQueue batchSize maxBatchingWindow Duration seconds Here batchSize is the maximum number of records to retrieve per invocation and maxBatchingWindow defines the max time to wait before returning the records to lambda for processing If not defined the lambda returns immediately with as many records available under the batchSize Callback Pattern Once again if you notice something we have implemented the callback pattern where we pause the execution of the stepfunction after we pushed the message to SQS and wait for lambda to post updates to the statemachine once it has done processing resulting in success or failure With this approach we could understand where the actual work happening and not keep polling for updates again and again until the result is ready callback pattern illustration ️ callback pattern illustration when succeed Changes in the lambda function The current changes we have made look sufficient at first sight but they will fail this is because the payload lambda current gets will be different from the old invocation This is because while SQS is polled by lambda the actual message will be inside an object which contains an array of event records And inside the event record the body property will be giving the actual message when we passed as payload in our previous article So certainly we need to tweak our lambda a little bit as follows Records messageId ffdef a c dedfd receiptHandle body Record createdAt T Z messageId a f d cfdf event message A secret message MyTaskToken attributes ApproximateReceiveCount SentTimestamp SenderId AROAYLZFFSHZESZEEBH ApproximateFirstReceiveTimestamp messageAttributes mdOfBody edddaedebfdcefa eventSource aws sqs eventSourceARN awsRegion ap south Rewriting the lambda code So let us write the message recorder lambda function as shown below taking note of the above payload changes Let us think this gives us an additional step rather this step helps us to process writing to lambda in a batch with records of messages during the polling process import PutItemInput from aws sdk clients dynamodb import DynamoDB StepFunctions from aws sdk const sfn new StepFunctions apiVersion exports processor async function event any const dynamo new DynamoDB let result any undefined undefined await Promise all event Records map async Record any gt const msg JSON parse Record body Record const crt time number new Date msg createdAt getTime const putData PutItemInput TableName process env MESSAGES TABLE NAME Item messageId S msg messageId createdAt N crt time event S JSON stringify msg event ReturnConsumedCapacity TOTAL try result await dynamo putItem putData promise catch err const sendFailure StepFunctions SendTaskFailureInput error JSON stringify err cause JSON stringify statusCode headers Content Type text json putStatus messageId msg messageId ProcessorResult err taskToken JSON parse Record body MyTaskToken console log sendFailure await sfn sendTaskFailure sendFailure function err any data any if err console log err err stack else console log data return sendFailure const sendSuccess StepFunctions SendTaskSuccessInput output JSON stringify statusCode headers Content Type text json putStatus messageId msg messageId ProcessorResult result taskToken JSON parse Record body MyTaskToken console log sendSuccess await sfn sendTaskSuccess sendSuccess function err any data any if err console log err err stack else console log data promise return sendSuccess lambda changes summary exports processor async function event any const dynamo new DynamoDB let result any undefined undefined await Promise all event Records map async Record any gt const msg JSON parse Record body Record rest the same like previous article TaskToken changes Besides the taskToken has been also changed inside the lambda from previous example to the below value BeforetaskToken Record MyTaskToken AftertaskToken JSON parse Record body MyTaskToken Stepfunction Timeout Note that the timeout set for the stepfunction will cancel and exit the execution if it is waiting for more time than the defined stepfunction timeout value bdd c f bb bf INFO TaskTimedOut Task Timed Out Provided task does not exist anymore at Request extractError var runtime node modules aws sdk lib protocol json js at Request callListeners var runtime node modules aws sdk lib sequential executor js at Request emit var runtime node modules aws sdk lib sequential executor js at Request emit var runtime node modules aws sdk lib request js at Request transition var runtime node modules aws sdk lib request js at AcceptorStateMachine runTo var runtime node modules aws sdk lib state machine js at var runtime node modules aws sdk lib state machine js at Request lt anonymous gt var runtime node modules aws sdk lib request js at Request lt anonymous gt var runtime node modules aws sdk lib request js at Request callListeners var runtime node modules aws sdk lib sequential executor js code TaskTimedOut Deploying our changes While you deploy your changes you may get a prompt to accept the IAM change for granting the necessary privileges for sfn to send messages to SQS similar to what we explicitly granted to lambda in our last article Sample execution log Thus we have achieved the purpose of this article to make the stepfunction to push the messages as records into a queue which is later polled by the lambda and processed further to return the status to the statemachine Hence this architecture is much more scalable than the previous one with the direct invocation of the lambda function We will be adding more connections to our stack and making it more usable in the upcoming articles by creating new constructs so do consider following and subscribing to my newsletter We have our next article in serverless do check outThanks for supporting Would be great if you like to Buy Me a Coffee to help boost my efforts Original post at Dev PostReposted at dev to aravindvcyberReposted at medium com aravindvcyber	2022-04-18 12:45:57
海外TECH	DEV Community	Configuring Private Web Application with Amazon VPC, EC2, and RDS	https://dev.to/aws-builders/configuring-private-web-application-with-amazon-vpc-ec2-and-rds-5eii	Configuring Private Web Application with Amazon VPC EC and RDSThere are several key points that we should consider when making web applications on the cloud on premises too SecurityHigh AvailabilityScalabilityDurabilityAnd much more In this post we will typically focus on Security by making a simple infrastructure for web application on AWS The EC instance inside the public subnet is a web server accepting traffics from the internet RDS instance in the private subnet is attended to be only used by the EC instance in the public subnet It only needs to be able to connect to EC but not the internet So we will create a private subnet and put RDS instance inside it preventing access from the internet at the root We will proceed with this implementation in the following order Creating VPC and subnets public private More VPC configurationsCreating and configuring EC instance as an web server applicationCreating RDS instanceValidating implementation Creating VPC and subnets public private First and foremost we must create a VPC where our AWS resources will reside in So let s create a VPC named Demo VPC with IPv CIDR set as After that we have to create two subnets of that VPC where one is public and the other is private For the public subnet let s set IPv CIDR as and for the private subnet let s set IPv CIDR as We also have to create another subnet in another availability zone within the same region than two other subnets we previously created We have to create this subnet since RDS requires two different subnets created in different availability zones Let s set its IPv CIDR as More VPC configurationsFor our VPC to connect with internet we have to create and attach an Internet Gateway to our VPC Simply head over to VPC console and create and attach the Internet Gateway to the VPC After that we have to edit Route Tables for this VPC to allow all traffics outside of this VPC to be delivered over the internet Go to VPC console Route tables section and let s add another rule like below Destination Target Internet Gateway we created In the form of igw XX Creating and configuring EC instance as an web server applicationNow we have to create an EC instance which will reside in the public subnet so that it can allow and communicate with traffic over internet Choose the correct VPC and public subnet we created and for the Security Group we should add two inbound rules Type SSH Source To allow ssh access to EC instance It is obviously not recommended to allow ssh access from everywhere but we will set it as to simplify the process Type Custom TCP Port Source Our sample server application will use port so we will pretend as if port is for HTTP or HTTPS Take a note of the Security Group ID created since we have to use it later Creating RDS instanceBefore creating RDS we have to create another Security Group for it Inbound rule to add is as below Type MySQL Aurora Source sg xxx Security Group ID we created for EC instance On the configuration page we have to check that this RDS will reside in private subnet VPC VPC we created Public Access NoVPC Security Group Security Group we just created for RDS After creating the instance navigate to RDS gt Databases and select the instance we just created We can see the Endpoint amp Port section Note that in Security section Publicly accessible is marked as No Validating implementationNow that we have implemented every requirements we first saw it s time to validate it First let s see if we can access the database from our local machine using the specified RDS endpoint assigned by AWS As we can see it failed since RDS resides in the private subnet of VPC blocking all traffics originated from the internet Now let s see if our server application on EC is working as expected I have created two endpoints in this sample code one for creating a user and the other for reading user information by an ID As in the two screenshots below it is proven that EC instance can communicate with RDS instance Creating User API this will perform INSERT query on RDS Reading User API this will perform SELECT query on RDS Wrapping up we successfully implemented a web application which meets the minimum security criteria It is always important to think in the perspective of security when designing and implementing software architecture and blocking access from the internet at the root using private subnets in VPC can be the first step to implement it Thank you for viewing this article If you have any questions or feedbacks please leave a comment or contact me	2022-04-18 12:35:15
海外TECH	DEV Community	Cypress vs WebdriverIO | Which one to pick?	https://dev.to/automationbro/cypress-vs-webdriverio-which-one-to-pick-4adl	Cypress vs WebdriverIO Which one to pick In this article I will go over one of the most common questions that I get asked and that is what is the difference between Cypress amp WebdriverIO and which one should you pick We will cover everything from top features to framework limitations to browser support and a lot more… Language Support amp PopularityFrameworkCypressWebdriverIOLanguage SupportJavaScript TypeScriptJavaScript TypeScriptGitHub StarsKKDownloads npm MMReleases weeksWeeklyBoth Cypress amp WDIO supports JavaScript TypeScript languagesIn terms of popularity Cypress is doing bit better than WDIO as per GitHub stars and NPM downloadsBoth Cypress amp WDIO are actively maintained with weekly bi weekly releases Key FeaturesCypressWebdriverIOBeginner friendly setupBeginner friendly setup customizable Tests are easy to read amp understandTests are easy to understand for JS usersNot dependent on Selenium WebdriverUses custom implementation of WebdriverInteractive test runnerCLI test runner onlyBuilt in wait and retriesBuilt in wait and retriesAPI testing supportedNeed external librariesBoth Cypress and WDIO have pretty straightforward setup Although with WDIO you get lot more customization option when setting up your projectCypress tests are more readable when compared to WDIO WebdriverIO async await syntax can be confusing for non JS usersOne of the unique things with Cypress is that it has no dependency with Selenium Webdriver making it more faster and stable vs WebdriverIO uses custom implementation of the Webdriver APIsCypress comes with an interactive test runner which is quite user friendly and of the most loved features of it On the other hand WDIO uses CLI test runner like many other frameworksBoth Cypress and WDIO have built in wait and retry functionality when searching for elements on DOMWith Cypress you have built in API testing support vs with WDIO you can set it up with external library LimitationsCypressWebdriverIOLimited browser supportAsync await syntax can be confusing for beginnersCross origin restrictionsDifficult to debug testsMulti tab and multi window not supportedNo paid featuresBuilt in parallelization not supportedLots of customization can be overwhelmingCypress One of the major limitations of Cypress is limited browser support will go over this in detail later in the article With Cypress each individual test can run on single super domain only i e you cannot access google com and apple com within same test Cypress does not support multi tab or multi browser at the same timeWhile Cypress supports parallelization it is part of their paid plan Free option only has limited no of runsCypress in general is not as customizable compared to WDIO some of this is also intentional to make it beginner friendly WebdriverIO With new WebdriverIO changes you need to write tests using async await which can be confusing for beginnersIt s bit difficult to debug WebdriverIO tests compared to CypressWebdriverIO is fully open source projects and does not provide any paid features or supportWhile WebdriverIO does support lots of customization options it might get overwhelming for beginners to set everything up Browser SupportCypressWebdriverIOSupports Chromium family Chrome Edge Electron Brave and FirefoxSupports all major browsers Chrome Firefox Edge IE and Safari As mentioned earlier one of the major drawbacks currently with Cypress is that it does not support Safari It supports all the major browsers though On the other hand WebdriverIO has support all major browsers including which is one of key reasons to pick WebdriverIO over Cypress Native Mobile SupportCypressWebdriverIONo support Possible using AppiumCypress is built only for Web and will not have any support for native apps on the other hand WebdriverIO can be easily integrated with Appium to automate Mobile apps If you are interested in learning WebdriverIO with Appium feel free to checkout my course on Udemy Technical DifferencesFeaturesCypressWebdriverIOLocators SupportCSS Selector XPath plugin CSS Selector XPathiFrame SupportDifficult to work withEasy to switch to iFrameShadow DomSupportedSupportedNetwork InterceptionBuilt inConfigurableGoogle LighthouseExternal PluginBuilt in DevTools Service Cypress has default support for CSS Selectors but can work with Xpath using external plugin WDIO supports both CSS and XPath by defaultDue to cross origin restrictions its difficult to work with iFrames in Cypress On the other hand with WDIO it s fairly easy to switch to iFramesBoth Cypress and WDIO has support for Shadow DOMsCypress has built in support for network interception and with WDIO it is configurable with an external serviceWDIO has built in Google lighthouse integration for performance report using DevTools service and for Cypress you can do the same with an external plugin Miscellaneous differencesFeaturesCypressWebdriverIOTest FrameworkMocha Cucumber external Mocha Jasmine CucumberParallelizationPossible with paid planBuilt inReportersSpec Mocha CustomSpec Allure Report Portal etc CI CDPossible with major CI CDPossible with major CI CDDocumentationIntuitive and OpinionatedGood documentationCommunity SupportGrowing CommunityDecent Community SupportCypress only support Mocha test framework but does have support for Cucumber as an external plugin WDIO on the other hand supports Mocha Jasmine and Cucumber built inParallelizing tests with Cypress is possible with paid plan only but with WDIO its built in and freeCypress supports Spec Mocha and Custom reporting and WDIO supports bunch of reporters such as Spec Allure Report Portal etc Both Cypress and WDIO can be easily integrated with major CI CD toolsIn terms of documentation Cypress docs are really intuitive and beginner friendly With WDIO you get decent documentation but can be confusing for beginnersCypress has a growing community and is quite active on Github and Gitter Similarly WDIO has a good community support as well active on both Github and Gitter Which one to pick So that was all the major differences and similarities between Cypress and WebdriverIO Now the question is which one to pick for your next automation project Well the answer is It DependsWhat you should rather be asking is What are the requirements Understand the requirements first For example if the requirement is to run tests in Chrome and Safari as that s where the majority of the users are then probably it s better to go with WebdriverIO Or may be you one suite for Web and Mobile then again it s a better choice to go with WebdriverIO On the other hand if the requirement is to execute tests on chromium based browsers only and you need a good dashboard that can give you an overview of all your tests then probably its better to go with Cypress if the team is ok to go with a paid option To conclude both frameworks are great and have their own pros cons but its up to you to look at what exactly you need for your next automation project based on your project requirements and then make a decision accordingly by referring to this article To learn more in detail about the differences and similarities between Cypress and WebdriverIO checkout this video Check out my courses on Udemy to get started with Web and Mobile automation with WebdriverIO   WebdriverIO Complete Beginner Course Mobile Automation with Appium and WebdriverIO	2022-04-18 12:30:31
海外TECH	DEV Community	Episode #6: Increasing Access to Computer Science Education with Diana Kris Navarro	https://dev.to/renderatl/episode-6-increasing-access-to-computer-science-education-with-diana-kris-navarro-2og	Episode Increasing Access to Computer Science Education with Diana Kris NavarroAn excerpt from RenderATL s Culture amp Code podcast Episode Increasing Access to Computer Science Education with Diana Kris Navarro dianakris Ashley For sure yeah So perfect segue into my next question actually about the impact of exposing people from a young age to computers education especially those that are in underserved communities So we have those career concepts like lawyers doctors from an early age you know what that is It s in all of your cartoon programs and stuff So with that and with what you mentioned where your misconceptions of computer science prior to how do you feel we might be able to better socialize careers in tech from a younger age Diana That s an incredible question Yeah Because I remember especially being Asian my mom she saw all of these especially being Filipino specifically I don t know if the audience is familiar with this but a lot of Filipinos go into nursing And that s Reshma the founder of Girls who Code always says you can t be what you can t see And I thought that was profound to me when I heard that Because I was like Wow that is so true I only went it into software engineering because I saw someone who was a software engineer And then I got to do Girls who Code and I saw women who were a software engineer And that s why that became realistic for me to do So lawyer and doctor that hits very It s really rooted at inaudible sometimes I m like Maybe I should have became a lawyer or doctor But right that starts with a lot out of mainstream media I think we had Hackers that movie in the s and then we also had the Internet boom where it was white men It was Mark Zuckerberg and Bill Gates and now we re seeing Elon Musk and it s these dudes who were super privileged from the start and had those opportunities to do technology So when I say how can we expose kids of all ages to what it s like to be a software engineer or make it more socialized for them I think it s really about showing them what it actually is And oftentimes it s not portrayed in that way We see engineering as again I keep bringing this up but I genuinely believe that computer engineering was a dude in his basement coding When in reality it s like the complete opposite right It s like we re talking to people every day and we re collaborating And I remember at Tumblr which was such a momentous occasion for me was being able to pair program and talk to my team about what I was planning on doing And I m a big planner I love planning I have notion I have all these other incredible tools for productivity But showing computer science for what it actually is and how sociable it can be and how there s fellowship in figuring how to solve a problem I think it starts with there And I think from all these different platforms of especially incredible I love STEM influencers I think they re doing the Lord s work because I think that because so many girls just see that on their feeds and they re like Wow these people that look like me are doing this and that does something This was an excerpt from Culture amp Code a podcast brought to you by RenderATL that is focused on leveling up your tech career and exploring new technologies You can listen to the full episode and read the complete transcript on our website here	2022-04-18 12:30:06
海外TECH	DEV Community	Building a Landing Page with HTML and TailwindCSS	https://dev.to/abeck617/building-a-landing-page-with-html-and-tailwindcss-44o2	Building a Landing Page with HTML and TailwindCSSI will be building a basic landing page with HTML and TailwindCSS I will also be using a tool called Astro which is a modern static site builder If your looking to try out Astro check out the documentation here Steps on completing the projectBefore I started on my project I had to make sure that Node JS was installed This is the link i used to download Node JS for the operating system that I was using I had to create the folder where I m going to store my project After that I opened my favorite IDE which is VSCode and opened the terminal I used the Astro documentation to get Astro set up in my development environment It is also helpful to actually download the Astro extension on visual studio code as well Here is the documentation of getting started with astro After setting up Astro I had to add tailwindCSS to Astro The command to run to add tailwind is npx astro add tailwind After that you will need to run npm run dev again There you should see the tailwind effects on the website Adding Top Menu and FooterI added a nav bar with anchor tags from the navigation on top of my header of the page I also added a footer to my page as well Adding a section regarding the productNext I have added a section where I can talk more about the product I used a grid column with TailwindCSS properties to add the columns on the page Added a Pricing sectionI added a pricing astro page to discuss the pricing plans ofthe product Added a Blog SectionLast I added a mini blog section to talk about recent updates to the product This is only Part of the project Next I will add some functionality JavaScript to the Landing Page to make it stand out more Stay Tune	2022-04-18 12:21:35
海外TECH	DEV Community	How to Maintain Browser Data in Flutter Web Between Chrome Runs?	https://dev.to/pankajdas0909/how-to-maintain-browser-data-in-flutter-web-between-chrome-runs-478o	How to Maintain Browser Data in Flutter Web Between Chrome Runs Flutter is one of the trending open source frameworks for mobile and web app development These days many people begin learning flutter to kick start a career in the domain The important reason to choose flutter is that individuals can create desktop and mobile apps in different operating systems It includes android iOS MAC Linux Windows and much more If running the debug session in the browser all data is wiped out on the next run The data cookies and local storage is kept on the android device In this post you will see a solution for how to keep browser data in flutter web during chrome runs and what flutter web is Solution Using web port is an effective way to use a similar port if you are starting It will guarantee that local storage is retained between lots of debugging session runs As shown below you can run this app and utilize a similar port between runs flutter run d chrome web port import package flutter material dart import dart html void main runApp LocalStorageDemo class LocalStorageDemo extends StatelessWidget overrideWidget build BuildContext context String message if window localStorage containsKey my key message from storage window localStorage my key else window localStorage my key Hello World message New added Message window localStorage my key return MaterialApp home Container child Center child Text message By using these commands you can fix the problem quickly Some issues are complicated and cannot be solved by an ordinary person The professionals are well trained in the Flutter providing step by step instructions for all problems Local storage and cookies what is it Local Storage is the best method for storing information on the user s desktop It enables key or value pair saving in the browser Besides it keeps information without expiry data to access information at what time they desire Access the local storage easily through HTML and javascript On the other hand the individual can clear the browser caches to delete the entire local storage data The MB storage limit storage information without expiry date and data don t transferred to the server are the main reasons many developers prefer local storage for website development The storage data has been sent back to the server through the following XHR requests in the cookie The expiration of cookies can differ according to expiration duration and time These two things can be set from the customer side or service side Moreover cookies need less than KB of space to store data Session storage and local storage can be read only on the customer side But cookies can be read on both server side and client side making them popular Creating the httpOnly flag keeps the cookie safe that protects the customer side access to those cookies Flutters build approachesFlutter tool supports various methods while compiling the application and headless mode for examination Choose the compilation mode according to where you are in the development cycle Let s take a look at when you should use it Debug mode you can use it during the app development if you need to use hot reload Profile mode if the developer should analyze the performance use the profile mode Release mode those ready to release a new app can use the release mode How does the flutter web work The application can handle interactive content and high end graphics thanks to fluttering technology It allows them to reach the end user on different devices from mobile phones to desktops On the other hand existing flutter mobile applications can be delivered in the browser with Web Support for Flutter In addition Flutter will render iOS applications similarly to how it generates web applications It will convert the development task to native CSS HTML JS etc You can choose the best one to deploy which suits your needs As a developer you should bear a critical thing in mind it develops a single page web application Several pages can exist but the flutter framework only creates HTML files if it translates web apps into the native language Let s see tips to run the existing task on flutter web At present Flutter web is integrated into flutter s stable channel If anyone doesn t work on flutter they can utilize the following commands to run it flutter channel betaflutter upgradeflutter config enable webflutter createYou can use these commands if anyone is already on flutter but doesn t run the existing task on theweb browser flutter config enable webflutter createThe project is prepared to go if you execute commands successfully and adequately After that the user will look out the web folder in the index of the plan Choose the chrome on your handset or desktop and hit the run option It helps to run the task on the web Things to keep in mind while using flutter webWith the flutter you can create a high end web application effortlessly If you plan to work with the flutter web you should consider some critical points A wide variety of packages support the web but you must first check that your platform is supported before coding Flutter web develops a single page app Now people can open the website on any device and screen size so it is essential to develop a responsive site for your business If you deploy the web application you can run the following command Flutter build webYou will obtain a folder web in the project s guide consisting of native codes adding index html ConclusionFlutter is the best choice to develop web applications for your business If you need tips to keep the browser data in flutter web you can get help from the Flutter Agency www flutteragency com The company is committed to offering a quick solution to the client with a talented person Get a free consultation today from us	2022-04-18 12:17:07
海外TECH	DEV Community	Python Decorators 201	https://dev.to/kcdchennai/python-decorators-201-116h	Python Decorators In the previous article Python decorators we learnt how to create a simple function based decorator and how it works under the hood In this article we will improve the traceability and the readability of the decorator function Let s add some docstrings to our code A docstring is a string literal that is written as the first statement in a module function class or method definition It becomes the doc special attribute of that object docstring acts a a built in documentation def hello decorator func Simple decorator function def wrapper args kwargs Simple decorator wrapper function result func args kwargs return result return wrapper hello decoratordef add a b Simple function that returns sum of two numbers return a b hello decoratordef multiply a b Simple function that returns multiplication of two numbers return a bif name main help add print add name print add doc OutputHelp on function wrapper in module main wrapper args kwargs Simple decorator wrapper functionwrapperSimple decorator wrapper functionAs you notice that help and doc string of add function returns the doc string from the decorator wrapper function This is not good for readability and IDEs will show wrong definition and signature of the decorated function we don t want this to happen Lets see how we can fix this Fix decorated function docs using functoolsfrom functools import wrapsdef hello decorator func Simple decorator function wraps func def wrapper args kwargs Simple decorator wrapper function result func args kwargs return result return wrapper hello decoratordef add a b Simple function that returns sum of two numbers return a b hello decoratordef multiply a b Simple function that returns multiplication of two numbers return a bif name main help add print add name print add doc output add print Result output print help multiply print multiply name print multiply doc output multiply print Result output wraps function tracks both original function and decorator function and fixes the doc string properly In the next article we will implement various kinds decorator recipes Stay tuned for upcoming articles Connect with me on twitter to get my future articles	2022-04-18 12:16:07
海外TECH	DEV Community	How To Create A Header / Banner in HTML & CSS	https://dev.to/hirajatamil/how-to-create-a-header-banner-in-html-css-29k	How To Create A Header Banner in HTML amp CSSIn this article you re going to learn how to design a simple header in CSS for your website using the traditional approach as well as the flexbox approach HTML lt section class header gt lt h gt Company Name lt h gt lt p gt Company Mission Statement goes here lt p gt lt a class btn bgstroke gt Call To Action lt a gt lt section gt The HTML code above has a section container with a class name header and it has three children that are h p and a respectively Pretty straight forward CSS import url h p a margin padding font family Lato h font size em padding px font weight p font size em font weight letter spacing px header width padding px text align center background cccc color white btn bgstroke font size px display inline block border px solid white padding px px border radius px cursor pointer font weight margin top px btn bgstroke hover background color white color cccc As you can see the CSS is pretty straight forward I used text align center rule to the header class to make the inner elements center horizontally To center the elements vertically I gave top and bottom paddings to the header class as well This is better than giving a fixed height so that the outer container can grow vertically as the content of the inner elements grow	2022-04-18 12:13:38
海外TECH	DEV Community	React Native App Development Cost In India	https://dev.to/adiii_3181/react-native-app-development-cost-in-india-2hfg	React Native App Development Cost In IndiaYou can have a look around the globe and see the advancement of technologies Those technologies help businesses to grow continuously No matter whether you are a startup or leading the industry React native offers you a new space to grow Even the React Native app development cost is low compared to other alternatives Many fortune companies start accepting React Native as their core technology Generally mobile app development will cost you around it depends on the functionality and features you want to add to the application However you can save some development costs by opting for cross platform like React Native app development Let s see how much React Native app development costs in India What Exactly is React Native React Native is one of the best performing open source platforms that offer a huge spectrum of widgets and tools to build Android and iOS applications It helps businesses to save almost to on development costs using it So React Native allows you to meet your potential target audience at a low cost Cost to Develop React Native AppsNo matter what level of business you are having whether you are a startup or an A lister brand if you want to develop an application on a low budget then you must have to select cross platform development especially React Native app development It is one of the ideal choices and reliable frameworks for business Just like any other development cost it is somewhat difficult to quote the exact cost to develop React Native apps Yes the development cost depends on the requirements functionality features and complexity of the application Still if you want to calculate the estimated cost just know that the rate to Hire React Native developer is around to for one hour Factors That Play a Huge Role in React Native App Development CostProcess Developing React Native AppsOnce you start the process of developing React Native apps you will be able to discover the different approaches to adopting them Reliable React Native app development company can offer you standard application development To know more about React Native app development costs let s break down the React Native app development process into different phases Strategy Planning Discovery and AnalysisThis is the initial step which is all about assessing the enterprise app idea Here you need to decide about the aim of the application target audience competitor and its analysis and crafting roadmap Based on one of the reports of Cluth only of companies share their average development cost of React Native applications You can also contact the companies via Skype or email or can raise a query if you want to discuss the development of your business application Wireframing and PrototypingThe second stage of React Native app development is all about wireframing In this stage we will develop blueprints or paper sketches of how exactly the app will look like In short React Native app developers will give you a rough impression of your application It also develops some important clickable elements so it gives you a better experience of the use of the application Hire a proficient React Native app development company that gives you digital presentations for better understanding Designing and DevelopmentIt is one of the reasons why businesses around the world attract to go with React Native app development costs Yes in this stage all the implementation takes place Here in this stage all the back end developers testers UI UX designers and front end developers work together to build features of React Native app It contributes around of React Native app development costs Testing and LaunchingTesting is one of the important parts of the React Native development process It finds the non functional areas and bugs and fixes the bug instantly After doing all the testing successfully React Native app development company will launch the product on the market Post Delivery Maintenance and UpgradeTesting and launching the application is very important but if you want to keep running your application smoothly it is very important to maintain and upgrade the application regularly For that you just need to contact React Native app development company with a good amount of experience They make sure that your business application will run fully function The End Part… Contact one of the leading React Native Development company that have their headquarters in India It is always beneficial to have someone who has a global presence all across the globe and can offer you certified creative and talented React Native developers	2022-04-18 12:12:40
海外TECH	DEV Community	How does SIT and UAT differ?	https://dev.to/woodjessica/how-does-sit-and-uat-differ-1929	How does SIT and UAT differ System Integration testing is considered to be a combination of system testing and integration testing The integrated products on which testing is performed checks the system compliance by taking into consideration the key requirements of functional and non functional elements User acceptance testing is focused on evaluating a software product or application s value from a user s viewpoint Based on the feedback opinions and reviews provided by the user necessary modifications and changes can be done to the product in order to further improve the overall quality of the software product In this article you will get to know what are the differences between system integration testing and user acceptance testing What is System Integration Testing SIT The behavior of the overall system is evaluated in an integrated hardware and software environment by conducting this testing method It is performed on a complete integrated system so that the system s compliance can be evaluated with its specified requirements The interactions that take place between the modules of a software system are evaluated by this testing method Both the high and low level software requirements that are specified in the Software Design Document and Software Requirements Specifications document are verified The objective is to also make sure that all the software module dependencies are working as per the expected requirements The relationship between different system components is thoroughly scrutinized What is User Acceptance Testing UAT It is a testing method that is performed by end users in a real time production environment These users will test the usability user experience functionality and performance of the software product or application and then provide their valuable feedback The insights opinions and feedback provided by the users help in further improving the overall quality of the product UAT is performed to make sure that the software product or application is being built as per the business and user requirements It is also known as “end user testing and is conducted in the final stage of the software development process before the product is going to be released UAT is also performed to assess whether the product is built as per the market specific requirements Conclusion If you are looking forward to implementing SIT or UAT or both for your specific project or projects then do get connected with a professionally acclaimed software testing services company that has a resourceful and experienced team who will provide you with a tactical testing framework that is precisely in line with your project specific requirements	2022-04-18 12:11:09
海外TECH	DEV Community	How To Perform Automation Testing With Cucumber And Nightwatch JS?	https://dev.to/haritalt/how-to-perform-automation-testing-with-cucumber-and-nightwatch-js-44mj	How To Perform Automation Testing With Cucumber And Nightwatch JS One of the key features of the agile way of software development is the combination of DevOps and automation testing Test automation speeds up the testing cycle aids in detecting bugs at an early stage and helps in handling repetitive time consuming tasks at a faster pace To ensure that quality is not compromised while leveraging the benefits of automated testing adopting the right test automation framework and strategy becomes critical for the success of the project In this Cucumber test automation tutorial we explore Nightwatch js one of the widely used JavaScript based automation frameworks We will also deep dive into Cucumber a widely adopted automation tool that supports BDD Behaviour Driven Development By the end of this tutorial you would be in a comfortable position to integrate Cucumber into the Nightwatch js framework and build a robust BDD framework setup for performing Selenium automation testing So let s get started Why use Nightwatch js for automation testing Nightwatch js is a popular open source Selenium JavaScript based test automation framework for automating browser based web applications and websites It is written in Node js runtime and uses the WC WebDriver API formerly Selenium WebDriver for interacting with various browsers to perform commands and assertions on DOM elements It is an End to End EE testing framework that aims to simplify the process of writing automation test scripts Here are some of the noteworthy of the Nightwatch js framework for Selenium testing Easy to Use ーWrite efficient code with a clean and simple syntax Built In Test Runner ーComes with an in built command line test runner suite with Grunt style support for performing Selenium automation testing Built In Test Runner ーComes with an in built command line test runner suite with Grunt style support for performing Selenium automation testing Page Object Model ーSupports CSS and XPath locators to make browser automation more manageable You can read our blog to know more about Selenium automation testing using Page Object Model POM Flexibility ーEnables unit integration as well as end to end testing A robust automated acceptance test can be written with a Gherkin based Cucumber setup Integrations ーProvides a single integrated solution for application testing thereby eliminating the dependency on third party software s This makes the framework extremely lightweight Support for cloud services ーCompatible with cloud based testing platforms like LambdaTest that lets you perform Selenium automation testing at a mammoth scale Continuous Integration CI ーSupports tools like Jenkins TeamCity etc to assist developers in building and testing software continuously How to Install and Configure Nightwatch jsIn this part of the Cucumber test automation tutorial we first proceed with the installation and environment set up for Nightwatch js Before installing nightwatch js make sure your system is pre equipped with the following Prerequisites for Nightwatch js JavaCheck whether Java is already installed in your system using the following command java versionIf not you can download the latest JDK appropriate to your machine NodeJS and NPMCheck whether Node js is already installed in your system using the following command node vIf not download the latest LTS version from the Node js official website Note NPM will be installed along with Node js So no need for separate installation IDE of your choice Here we will be using Visual Studio Code You may download VSC from the Visual Studio official website How to install and setup projects with Nightwatch js With the pre requisites for Nightwatch js installed on the machine it s time to install this powerful automation framework Follow the below mentioned steps for install and setup projects with Nightwatch js Step Create a folder for your project in the desired location in your system Open the folder in the preferred IDE Step Initialize the project with the package json file Open the terminal in VS Code Verify whether it is pointing to the project folder Trigger the following command on the terminal to initialize the project npm initFill in the project details or leave them blank You will notice the package json file is created in your root folder It contains details about the project configuration However you can save some time by using the following command to generate a default empty npm project file by skipping the above interactive process npm init yHere y stands for “yes With this we have successfully created the package json file Step Run the following command on the terminal to install Nightwatch js in the current project npm install save dev nightwatchThis command will add the “node modules folder in your directory and download nightwatch js as a devDependency in package json You will also notice the “package lock json file in the project folder This file is used to lock all the dependencies with the version number making it easy to set up the code in another system Step Finally let us install our browser web drivers i e ChromeDriver and GeckoDriver npm install save dev chromedriver geckodriverThe Selenium Server was required with older Nightwatch versions v and prior starting with version Selenium is no longer necessary With this we are all done with the installation of Nightwatch js It s time to get our hands dirty with some implementation Hash Mac Generator is a message authentication code that uses a cryptographic hash function such as SHA Running your first test with NightWatch jsIn this part of the Cucumber test automation tutorial we look into the additional configurations required for automation testing By the end of this section you will be able to write and run your first test case successfully Configuration for automation testing with Nightwatch jsOur goal is to run our test files using the “npm test command from the project s base directory Also we are setting Chrome as the default browser You can use the browser of your choice please download the corresponding browser driver before writing the test Step Create two folders in the root directory “tests for keeping test files“reports to store reports after each test run You can provide any folder name of your choice however it should be properly mapped in the nightwatch json file which we will discuss in step Step In your package json file replace “scripts gt test with “nightwatch “scripts “test “nightwatch This is how the package json file looks like Step In the root create the “nightwatch json file and paste the following snippet src folders tests output folder reports webdriver start process true server path node modules chromedriver lib chromedriver chromedriver exe host localhost port test settings default desiredCapabilities browserName chrome The “nightwatch json is the configuration file that is required by the Nightwatch test runner Let s have a close look into the above code structure of “nightwatch json src folders Contains the test suites You can also give an array of folders output folder Test reports get saved in this location i e JUnit report files XML reports test logs selenium log screenshots video logs network logs etc webdriver An object containing configurations related to Selenium WebDriver test settings Defines the browser we want to use You may also create “nightwatch conf js for configuration If both these files are present in the project the nightwatch conf js file will be given more precedence over the nightwatch json i e settings mentioned in nightwatch conf js will override the ones mentioned in nightwatch json Step With this we are all done with the configurations required for automation testing with Nightwatch js Let s write our first test Writing Nightwatch js tests for automation testingIn the previous section of this Cucumber test automation tutorial we have created a “tests folder Now we will be creating test files inside this folder Each file will be loaded as a test suite by the Nightwatch test runner Step Create a test file and name it as ーtestfile js Step Let s create the test structure module exports Step Inside each file the test runner will look for keys that are exported for usage by other modules The key is the test case name Each key is mapped to a function in which the browser instance will be passed as an argument module exports Step one Navigate to google and verify URL and title function browser Step Inside this function we write our test code Let s examine the snippet below This is a simple and straightforward test scenario The code is written in two steps The code will launch the Chrome browser and navigate to google com and verify the page URL and title with the expected result The search field inputs “nightwatch and verifies search results to match the text “nightwatch Here are the major aspects of the implementation url ーNavigates to a specific URL urlContains ーChecks if the current URL contains the given value title ーChecks if the page title equals the given value containsText ーChecks if the given element contains the specified text setValue ーSets the value of the DOM element as the given value pause ーSuspends the test for the given time in milliseconds assert ーWhen an assertion fails the test ends skipping all other assertions Step To run the code go to the terminal and navigate to the base directory of the project Run the following command once you are in that directory npm testThe test starts running and the browser will be launched All assertions are passed We have successfully written our first test code with the Nightwatch js Step Check out the reports generated in your “reports folder Why use Cucumber js for Selenium automation testing Behavior Driven Development BDD is an approach where the behavior of the feature is defined using simple Domain Specific Language DSL The major advantage is that the requirements are easily understandable to anyone including the non technical fraternity DSL is widely used for writing test scripts Cucumber is an automation tool based on the BDD framework using which you can write automated acceptance tests for web applications in the Gherkin language Here are the major benefits of the Cucumber BDD framework It acts as a bridge between the technical team Developers QA etc and the non technical team Business Analysts stakeholders etc as the features are written in simple language i e Gherkin It focuses more on the user experience It has an easy installation and set up process There is immense focus on the re usability and improved maintenance of the test code Find and Replace String is a free online tool that lets you find and replace strings in a browser How does Cucumber test automation work As mentioned in the previous section of this Cucumber test automation tutorial we can use Cucumber to write scenarios in simple text using Gherkin s syntax Some commonly used Gherkin keywords are Feature Scenario Given When Then And etc Feature represents the high level description of the functionality that is used to group related scenarios A Scenario is a collection of steps for Cucumber to work through The steps are constructed using keywords Given When And Then etc each serving a specific purpose A Gherkin document is stored in a file called a feature file having a feature extension A typical feature file for login functionality will look like this Step definitions are used to connect Gherkin s steps to programming code There should be a step definition associated with each step where the code to be executed will be defined With this let s get started with BDD Cucumber Automation testing with Nightwatch js and Cucumber jsIn the previous sections we have explored Nightwatch js and Cucumber frameworks and their key features that are instrumental in Selenium automation testing We successfully installed and wrote our first test case using the Nightwatch js automation framework In the upcoming sections of this Cucumber test automation tutorial we look at how to integrate Cucumber into the Nightwatch js framework for building a robust BDD setup for testing web applications How to install and configure CucumberLet s start with the installation and setup of the Cucumber framework Step Installing dependencies You may skip previously installed dependencies like nightwatch and chromedriver npm install save dev nightwatch api nightwatch cucumber cucumber chromedriverNightwatch API adds huge flexibility and control to Nightwatch js which is extremely helpful in running acceptance tests based on feature requirements written in the Gherkin language Step Configuring Nightwatch js In the Nightwatch js automation framework set up we configured the framework through the nightwatch json file or the nightwatch conf js Moving forward we will be sticking with the nightwatch conf js file since it provides more flexibility in terms of configuration The only difference here from the previous setup is that we have removed “src folder as tests are running using Cucumber const chromedriver require chromedriver module exports test settings default webdriver start process true server path chromedriver path port desiredCapabilities browserName chrome The Cucumber test automation requires three types of files Cucumber configuration fileFeature fileStep definition fileStep Configuring Cucumber Now it s time to configure Cucumber Create a file named cucumber conf js in the root folder of the project root and paste the following snippet This file is responsible for setting up the default timeout starting the WebDriver and creating the browser session Step Writing a feature file Create a folder named “features in the project root folder All the feature files are maintained inside this folder Create a feature file named “google feature We will continue using the same example we used for Nightwatch js setup Step Writing step definitions As mentioned in the previous section of this Cucumber test automation tutorial each feature step should be associated with its corresponding step definition where the code to be executed is written Create a step definition file named google js under the step definitions folder Unsure how to write step definitions Simply execute the code using the run command which we will be customizing in step Due to the Cucumber s design patterns you will be displayed with a suggestion as shown below in the terminal for unimplemented steps Next copy paste the code into the step definition file and fill it with your assertions Step Creating npm script In package json define any short command to execute the Cucumber tests Here we have given the “ee test You have the flexibility to choose any name for it scripts ee test cucumber js require cucumber conf js require step definitions Step Run the tests Trigger the following command on the terminal for running the tests npm run ee testThe test runs successfully and all assertions are passed Customizing test runs in CucumberUse the following commands for customizing test runs in Cucumber For running a single feature file npm run ee test features google featureFor running multiple feature files npm run ee test features google feature features firefox featureFor using glob patterns npm run ee test features featureFor running Feature directory npm run ee test features dirFor running a scenario by its line number npm run ee test features my feature feature For running a scenario by its name that matches a regular expression npm run ee test name topic For using tags for a selective run Add tags to the Feature or Scenario and mention the tag in the run command to run or skip the scenario or feature in a selective manner How to create custom reporters in Nightwatch js and CucumberCucumber provides a number of options for generating reports A report is a very valuable tool in debugging Also it provides immediate visual feedback for analyzing potential problems You can enable HTML reporting in the framework by installing the required dependencies and minimal configurations Reports in the HTML format are easy to read and understand Follow the below steps for generating reports in Cucumber and Nightwatch js Step Installing dependencies npm install save dev cucumber html reporter mkdirpStep Configuring Nightwatch js Enable screenshots in default settings of nightwatch config json file default screenshots enabled true path screenshots Step Configuring Cucumber config file Implement the “After hook by adding code for handling screenshots and attaching them to the report Step Updating the npm scripts In the package json file update scripts to accommodate the report feature Here mkdirp is used to make sure the report folder exists before running the test JSON formatter generates a JSON report which is then utilized by cucumber html reporter to generate the HTML report scripts ee test mkdirp report amp amp cucumber js require cucumber conf js require step definitions format json report cucumber report json Step Running the tests npm run ee testAfter successful execution you should see the HTML report getting generated and getting displayed in a new browser tab Decimal To Roman converts decimal numerals to roman numerals Automation testing with Cucumber and Nightwatch js on a cloud based Selenium GridSo far in this Cucumber test automation tutorial we deep dived into the integration of the Nightwatch js framework with Cucumber The tests were executed on a local Selenium Grid a solution that is not feasible for running automation tests at scale To stay ahead in a highly competitive market it is our duty as testers to ensure the quality of the application in all scenarios i e the app or website should behave consistently across all platforms browsers and devices This is where the importance of test coverage arises in cross browser testing This can be achieved by building an in house infrastructure or outsourcing to a third party cloud platform like LambdaTest Automation testing or cross browser testing on a cloud based Selenium Grid lets you run tests at an expedited pace across different browsers platforms and devices Your automation tests can leverage the advantages of parallel testing in Selenium to run automation tests at a super fast pace Using a combination of remote Selenium Grid with the right cloud based solution provider like LambdaTest for cross browser compatibility testing is the optimum strategy to run automation tests at scale LambdaTest provides you access to browsers for mobile and desktop to help you gain the maximum browser coverage during the automated browser testing process Follow the below steps to get started with cross browser testing on LambdaTest Step Log in to LambdaTest or Create a free LambdaTest account Once an account is created make a note of the username and access token from the LambdaTest profile section Step Use the LambdaTest Desired Capabilities generator to generate browser and platform capabilities as per your test requirements desiredCapabilities build Nightwatch Cucumber Test platform Windows browserName chrome version selenium version Step Now it s time to make the required configuration changes in your nightwatch conf js file Let s examine the code below Following are the additions made to the config file Pass your Access Token and User details obtained from Step Provide Desired Capabilities for the browser obtained from Step Set the Hostname corresponding to LambdaTest Enable video recording console network logs etc in the desired capabilities We have used the following additional parameters to configure “nightwatch config js for cloud based cross browser testing selenium ーIt is an object containing options related to the Selenium Server If “selenium is not used “webdriver options should be set instead as we did in the local setup Starting with Nightwatch Selenium is only required when testing is done against a Grid setup or a cloud based Selenium Grid like LambdaTest cli args ーIt contains a list of CLI args to be passed to the Selenium process i e browser drivers test settings silent ーIt is used to show the extended HTTP traffic command logs from the WebDriver or Selenium server desiredCapabilities ーIt is an object to specify various capabilities like browser name browser version etc username and access key ーIt is needed for accessing the cloud based Grid Step Add a new “scripts argument value in package json Here we have added “remote test which is specific for cloud based Selenium testing We have removed the custom HTML report params associated with local execution scripts ee test mkdirp report amp amp cucumber js require cucumber conf js require step definitions format json report cucumber report json remote test cucumber js require cucumber conf js require step definitions Step Run the test using the following command npm run remote testThe code starts running and logs can be observed in the terminal Navigate to the Automation dashboard in LambdaTest to keep a watch on the status of test execution As shown below the test was executed successfully We can analyze individual test run reports from Automation Logs We have successfully run our test cases using an automated cross browser testing solution provided by LambdaTest through a hassle free experience ConclusionNightwatch js is one of the most popular JavaScript based Selenium automation frameworks and Cucumber is one of the top tools for BDD implementation Cucumber can be integrated with Nightwatch js to build a robust automation testing framework Together they enable you to create highly configurable test scripts along with easily readable documentation and additional features like custom HTML report generation Hopefully this Cucumber test automation tutorial enables you to implement the Nightwatch js automation with the Cucumber and run your first test successfully with alluring HTML reports If you wish to further optimize your framework and guarantee your web application quality by achieving test coverage please explore the LambdaTest platform Happy Testing	2022-04-18 12:04:51
Apple	AppleInsider - Frontpage News	Roborock S7 MaxV review, new HomeKit air purifiers & more on HomeKit Insider	https://appleinsider.com/articles/22/04/18/roborock-s7-maxv-review-new-homekit-air-purifiers-more-on-homekit-insider?utm_medium=rss	Roborock S MaxV review new HomeKit air purifiers amp more on HomeKit InsiderDuring this episode of the HomeKit Insider Podcast we discuss a pair of new HomeKit air purifiers revisit an iconic product we wish Apple would revive and review the Roborock S MaxV smart home vacuum HomeKit InsiderThis past week we have news about two new air purifiers Smartmi launched the second generation of their flagship device this time baking in UV sterilization at the same time This allows the Smartmi Air Purifier to sanitize your air as it purifies it Read more	2022-04-18 12:48:51
海外TECH	Engadget	iRobot's Roomba 694 is back on sale for $179	https://www.engadget.com/irobots-roomba-694-is-back-on-sale-for-179-124830224.html?src=rss	iRobot x s Roomba is back on sale for If you re looking for a budget friendly robot vacuum to get for yourself or for mom for Mother s Day iRobot s Roomba is a great option It s our current favorite affordable robo vac and now you can pick it up for even less than its normal rate of Amazon has the machine for which is off and a return to its record low price Buy Roomba at Amazon Chances are you ve heard of iRobot before even if you have never owned a robot vacuum because the brand is arguably the most well known in that space With that recognition comes high price tags but the Roomba is a solid machine made better by this discount It has a three button design and app connectivity giving you a few ways to control it and it cleans both hard and carpeted surfaces well It ll putter around your home sucking up dirt debris and even pet hair as it moves from room to room and it ll automatically return to its charging base when it s finished In addition to starting cleaning jobs from the iRobot app you can also set cleaning schedules which make the robot even more autonomous The Roomba is also compatible with Alexa and the Google Assistant so you can use voice commands to control it as well iRobot estimates the Roomba will run for about minutes before it needs a recharge but we found that it often ran for less time before returning home That means that those with larger homes may have to wait longer for clean floors as the machine will have to charge up before it completes a job but otherwise there aren t many downsides to this robo vac It s an especially good pick for novices since iRobot s mobile app is quite easy to use and the machine does the cleaning basics well A couple of other iRobot machines are also on sale right now and they re best for those that want to splurge on an advanced robot vacuum Both the Roomba j and the Roomba s are off right now bringing them down to and respectively The former is one of the company s newest devices with a pet poop detection feature yes you read that right while the latter is the highest end machine you can get from iRobot Both also come with clean bases so the robots will empty their dustbins into the base after every cleaning job Buy Roomba j at Amazon Buy Roomba s at Amazon Follow EngadgetDeals on Twitter for the latest tech deals and buying advice	2022-04-18 12:48:30
海外TECH	Engadget	Google lets you explore new heritage sites with help from the State Department	https://www.engadget.com/culture-heritage-sites-arrive-on-google-arts-culture-for-the-first-time-120556420.html?src=rss	Google lets you explore new heritage sites with help from the State DepartmentThe US Department of State is making it easier for people to explore cultural heritage sites from around the world thanks to a partnership with Google Arts amp Culture Announced as part of World Heritage Day the dedicated section will let people virtually explore heritage sites from Ambassadors Fund projects in over countries around the world quot Cultural heritage sites objects and traditions are a point of pride for people the world over but they also require care and vigilance quot wrote the US Department of State s Lee Satterfield quot That s why the State Department s Cultural Heritage Center works with governments and organizations to preserve and protect cultural heritage from both natural and man made threats through the U S Ambassadors Fund for Cultural Preservation AFCP quot This worldheritageday heritageatstate has partnered with googlearts to share our work protecting and preserving culturalheritage in countries AFCP ECAatState ECA AS WorldMonumentsーHeritage at State HeritageAtState April Some of the sites on display include the Wat Chaiwatthanaram at Ayutthaya in Thailand the al Imam al Shafi i Mausoleum in Egypt and the Ancient Nabataean Flash Flood Protection System at Petra All told the Cultural Heritage Center added over new images of sites Along with those there s a story about cultural heritage preservation complete with video and images created by the US Department of State s Cultural Heritage Center The Cultural Heritage Center promised to update the site with future stories down the road And since the biggest threat to heritage sites is climate change it also pointed folks to Google Arts amp Culture s Heritage on the Edge project nbsp	2022-04-18 12:05:56
医療系	医療介護 CBnews	病名表示アプリのルール明確化へ、政府-厚労省「薬事承認の範囲内なら可能」	https://www.cbnews.jp/news/entry/20220418211910	規制改革推進会議	2022-04-18 21:30:00
ニュース	@日本経済新聞 電子版	ロシアによるウクライナ侵攻から間もなく2カ月。今後考えられる「再び東西分断」「ロシアで政変」「第３次世界大戦」の3つのシナリオを読み解きながら、全ての可能性を視野に入れた危機管理が重要です。 https://t.co/z2EtopnI32	https://twitter.com/nikkei/statuses/1516036338742706183	ロシアによるウクライナ侵攻から間もなくカ月。	2022-04-18 12:50:04
ニュース	@日本経済新聞 電子版	連合の芳野友子会長が自民党の会議に出席して連合が掲げる政策を説明、賃金増や学び直しへの支援強化などを求めました。岸田首相や麻生太郎副総裁も参議院選挙をにらみ連合との距離を近づけようと動きます。 https://t.co/Hwpjc0S8Ni	https://twitter.com/nikkei/statuses/1516032579018936322	連合の芳野友子会長が自民党の会議に出席して連合が掲げる政策を説明、賃金増や学び直しへの支援強化などを求めました。	2022-04-18 12:35:08
ニュース	@日本経済新聞 電子版	「円安は日本経済にとってプラスの効果の方が大きい」という姿勢を崩していない日銀の黒田東彦総裁。高まるインフレ不安を背景に、なぜ「悪い円安」と主張しないのか――。黒田氏の思惑を考えます。 https://t.co/Kuf824NsDQ	https://twitter.com/nikkei/statuses/1516028799720304642	「円安は日本経済にとってプラスの効果の方が大きい」という姿勢を崩していない日銀の黒田東彦総裁。	2022-04-18 12:20:06
地域ニュース	みんなの経済新聞	劇団四季「キャッツ」福岡公演千秋楽　キャナルシティ劇場での長期公演終了	https://hakata.keizai.biz/headline/3797/	福岡市博多区住吉	2022-04-18 21:00:46
ニュース	BBC News - Home	Partygate: No easy return for Boris Johnson after Easter break	https://www.bbc.co.uk/news/uk-politics-61140292?at_medium=RSS&at_campaign=KARANGA	covid	2022-04-18 12:17:06
ニュース	BBC News - Home	Rwanda asylum critics have no solutions, says Patel	https://www.bbc.co.uk/news/uk-61137081?at_medium=RSS&at_campaign=KARANGA	canterbury	2022-04-18 12:17:07
ニュース	BBC News - Home	Man arrested after incident at Horse Guards in London	https://www.bbc.co.uk/news/uk-england-london-61140393?at_medium=RSS&at_campaign=KARANGA	police	2022-04-18 12:31:12
ビジネス	ダイヤモンド・オンライン - 新着記事	壽屋(コトブキヤ･7809)、株主優待を変更！ 長期保有 優遇制度を導入し、QUOカードをもらうには3年以上 の保有が必須となるも、3年未満でも利回りはアップ！ - 株主優待【新設・変更・廃止】最新ニュース	https://diamond.jp/articles/-/301821		2022-04-18 21:25:00
北海道	北海道新聞	後志管内３７人感染　小樽の感染者数は前週比１．５倍	https://www.hokkaido-np.co.jp/article/670933/	新型コロナウイルス	2022-04-18 21:07:50
北海道	北海道新聞	未来の名馬目指して　ばんえいデビューへ帯広競馬場で能力検査	https://www.hokkaido-np.co.jp/article/671089/	帯広競馬場	2022-04-18 21:03:00
北海道	北海道新聞	返済不要の奨学金に拡充案　院生学費は出世払い検討	https://www.hokkaido-np.co.jp/article/671088/	出世払い	2022-04-18 21:01:00