投稿時間:2022-09-13 23:33:57 RSSフィード2022-09-13 23:00 分まとめ(47件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Amazon、｢Nothing Phone (1)｣購入とワイモバイルのSIM契約で2万ポイント還元	https://taisy0.com/2022/09/13/161985.html	nothin	2022-09-13 13:37:26
IT	気になる、記になる…	｢iPhone 14｣シリーズのベンチマークスコアのまとめ	https://taisy0.com/2022/09/13/161497.html	geekbench	2022-09-13 13:22:21
IT	気になる、記になる…	Amazon、より軽くコンパクトになった新型｢Kindle｣を発表	https://taisy0.com/2022/09/13/161979.html	amazon	2022-09-13 13:20:08
IT	気になる、記になる…	｢iOS 16｣では偽物の｢AirPods｣を接続すると、｢AirPodsを検証できません｣との警告が表示されるように	https://taisy0.com/2022/09/13/161976.html	airpods	2022-09-13 13:09:31
AWS	AWS Government, Education, and Nonprofits Blog	How to improve government customer experience by building a modern serverless web application in AWS GovCloud (US)	https://aws.amazon.com/blogs/publicsector/how-improve-government-customer-experience-building-modern-serverless-web-application-aws-govcloud-us/	How to improve government customer experience by building a modern serverless web application in AWS GovCloud US Modern applications built using microservices architectures improve customer experience by dramatically reducing the risk of failures in a web application In this blog post we present a sample AWS reference architecture of a microservices application built using an architecture framework based in AWS GovCloud US which can help support adherence to a Federal Risk and Authorization Management Program FedRAMP High Baseline	2022-09-13 13:01:48
python	Pythonタグが付けられた新着投稿 - Qiita	neovimのLSPによるpythonの補完で、opencvが正常に補完が効かない	https://qiita.com/tamlog06/items/2c931ed615a174080bd7	neovim	2022-09-13 22:16:24
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Dateクラスで日時の取得	https://qiita.com/mrshouuge/items/cd4f066ff122b3659abc	requiredate	2022-09-13 22:38:02
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSでACLを作成してみた	https://qiita.com/mmurm/items/84c95648d4f486dc920a	食欲	2022-09-13 22:35:01
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】options_from_collection_for_selectの使い方	https://qiita.com/MIOMARU/items/e1623fa48357b70ed4e4	formwith	2022-09-13 22:18:26
海外TECH	Ars Technica	As summer turns to fall, ULA still waiting for its BE-4 rocket engines	https://arstechnica.com/?p=1880745	spock	2022-09-13 13:29:03
海外TECH	MakeUseOf	How to Maintain Your Exercise and Wellness Habits While You Travel With Apps and Tech	https://www.makeuseof.com/maintain-exercise-wellness-habits-travel-apps-tech/	How to Maintain Your Exercise and Wellness Habits While You Travel With Apps and TechTechnology can help you stay well while traveling whether you re facing a long flight a time zone change or an uncomfortable hotel	2022-09-13 13:15:14
海外TECH	MakeUseOf	Trifo Ollie: The Budget Robovac for Pet Owners	https://www.makeuseof.com/trifo-ollie-review-robot-vacuum/	owners	2022-09-13 13:05:14
海外TECH	MakeUseOf	Govee Fall Discounts: Save Money and Light Up Your Home	https://www.makeuseof.com/govee-fall-discounts/	govee	2022-09-13 13:01:11
海外TECH	DEV Community	I Made $1,000 Only Writing N Words	https://dev.to/sunilc_/i-made-1000-only-writing-n-words-433l	I Made Only Writing N WordsThe article was originally publised on my blog here N being a number…not what you are thinking And I ll get to that number in a moment but first let me give you some context years ago when I started my career as a Software Developer my salary was around per month It was a humble beginning I now charge that much writing one article It takes me anywhere between a day or two to complete the research on a topic and write a words article That s great money for just a weekend s worth of effort Isn t it Especially for someone living in a country like India This article is not about bragging about how much money I m making But I want to show you the possibilities of how much money can be made by writing online what did I do to land K sponsorship deals with companies and how you can replicate the same Let s get started What Was the Deal About The deal was to write an article of words Publish it on my blog And also post it on my Twitter account where I have a K audience Simple right Nowadays companies are looking for micro influencers who have a niche audience to promote their products Companies are spending a lot of money on influencer marketing But how much money can be made depends on Your content writing skillsHow much visibility do your posts getHow you negotiate the dealSometimes companies ask you about your previous work and also the kind of traffic you were able to generate on those So it s good to keep those handy when you negotiate deals What Was the Offered Amount of Money I was offered K as part of this deal You may think that s a lot of money for writing just one article And it definitely is But this was not the initial amount they offered me In fact there was no money offered initially Read on to understand how I was able to negotiate such a deal How Did I Get This Deal When they DMed it was just about trying out one of their latest products I pitched them the idea of using my Twitter audience to promote their product After a lot of back and forth negotiations they finally agreed to pay me K to write an article and also post it as a thread on my Twitter timeline It s not easy for someone who is just getting started to make such deals Even if he she is a great writer You need to bring a lot of value to the table What was the value that I was bringing to the table My writing skills I have a huge audience on Twitter This will help companies get more eyes on their products My blog where the article will stay forever As you can see my K follower base was one of the main reasons for scoring such a deal You may be wondering “How can I grow my audience That s a completely new topic altogether I m not going to cover that here But in short This didn t happen overnight It took me years of consistent hard work and posting every single day for the last years to grow my Twitter account Make sure you re not taking any shortcuts Every platform has certain strategies that you need to follow You need to play the rules Write content for the algorithm More importantly focus on providing value Your account will grow as a by product Anyone can approach companies and close such deals if they have a large enough audience and strong writing abilities What Were the Metrics After I Posted the Article and Thread Alright you must now be curious about how my post and the thread performed Here are the Twitter metrics for the thread The thread did decently well K impressions is a pretty good number considering all the views were shown to the right audience Here are the Medium article metrics The article was published on the company s Medium page It didn t do very well in my opinion However it will always be available on my Medium blog That implies that they continue to receive traffic eternally as my blog gains popularity So it s a good deal for them in the long term Also they have good content to showcase on their Medium publication page What Are the Steps You Can Take To Possibly Replicate the Same If you want to start making money online through sponsored deals it s very important to have an online presence Either in terms of Followers on a social media channelA blog that has good viewership orA YouTube channel with a lot of subscribers etc And growing an online presence is not an overnight task As mentioned earlier it s gonna take a lot of effort and persistence But once you do this you can reach out to companies in your niche and get deals like these Who wouldn t want to make a thousand dollars by working for a day or two right If you have an online presence sponsorship deals are not the only way to make money online There are many other opportunities through which you can monetize your account Affiliate marketingSelling your own info productsSetup an eCommerce Shopify storeGetting traffic to your blog YT channel etcYou can take a look at this article where I talk about different ways to make money using your Twitter account How Much Money Is on the Table As mentioned earlier companies are spending a lot of money on influencer marketing these days in addition to the shit load of money they already spend on ads With influencer marketing they get better conversions assuming the influencer they are using has the right audience and a great conversion rate Now K seems a lot of money for a single article right You can in fact make a lot more if you have a bigger online presence Just to give you an idea my friend who has around K followers on Twitter charges K for a single tweet That s right K for just typing out characters and posting it on his timeline Of course not every company is ready to pay that much for a single tweet But anywhere between is a great deal considering you don t have to do anything other than post a single tweet on your timeline If you know how to build an online presence and do it right then there s a lot of money to be made Only the sky is the limit I hope this article has given you some insights into my sponsorship deal and also an idea of the kind of money you can make using your online presence and the roadmap to achieve the same Related Articles Best Ways To Make Money Writing Online Easy Ways I Make Money as a Software Developer I Spent Hours Writing an eBook and Earned in the First MonthsQuit Your Job By Growing Online Presence An Effective Way To Take Control Of Your LifeHow To Improve Online Presence Strategies That Helped Me Grow My Twitter Account to K Followers Tips For Crafting Social Media Content Strategy That Engages Your Audience	2022-09-13 13:53:32
海外TECH	DEV Community	How to Create a Wordle with TDD in Javascript	https://dev.to/mcsee/how-to-create-a-wordle-with-tdd-in-javascript-10ec	How to Create a Wordle with TDD in JavascriptWe keep practicing this amazing Kata and learning You can follow the steps TL DR Javascript is also awesome for TDDDuring January Wordle rush I wrote an article describing how to create a Wordle with TDD using PHP How to Develop a Wordle Game using TDD in Minutes Maxi Contieri・Jan ・ min read A few months after I transcribed the UI version of a Wordle created with Codex Artificial Intelligence Step by Step Wordle Creation With Codex AI Maxi Contieri・Sep ・ min read javascript webdev beginners programming I will combine both worlds to program as a Centaur I will also compare the process and output from different language versions This is the Javascript version Set UpAs usual we will focus on the game business logic knowing we can build the user interface with natural language commands In this article I will use a repl it with Jest Javascript has many Unit testing frameworks You can use whatever you like Let s begin Defining a wordFollowing the same principles as the previous article we will start by defining a Wordle Word The smallest information amount in Wordle is a word We can argue that letter is smaller but all needed letter protocol is already defined we might be wrong A word is not a char A word is not an array A word is not a string This is a common mistake and a bijection violation A word and a string have different responsibilities though they might intersect Mixing accidental implementation details with essential behavior is a widespread mistake So we need to define what is a word A word in Wordle is a valid letter word Let s start with our happy path test testValidWordLettersAreValid async function const word new Word valid expect v a l i d toStrictEqual word letters We assert that prompting for letters in valid returns an array of the letters This is the result Message letters from word must be valid Stack Trace ReferenceError Word is not defined at Object lt anonymous gt home runner Wordle TDD test runnertest suite js at Promise then completed home runner Wordle TDD node modules jest circus build utils js This is fine since we haven t defined what a word is NoticeThis is a TDD Pattern We name the objects following their behavior even before they exist Word class is not defined yet Our Word s first trivial responsibility is to answer its letters This is not a getter Every wordle word must answer its letters We don t care about letter sorting That would be a premature optimization and gold plating scenario We start with a simple example No duplicated We don t mess with word validation yet the word might be XXXXX We can start with a simpler test validating word is created This would violate the test structure that always requires an assertion Expected value should always be the first in the assertion Creating a WordWe need to create a Word with the letters function class Word letters return v a l i d NoticeWe don t need constructors yet We hardcode letters function since this is the simplest possible solution up to now Fake it till we make it We run all the tests just and we are OK testValidWordLettersAreValid All tests have passed Few LettersLet s write another test test testFewWordLettersShouldRaiseException async function expect gt new Word vali toThrow Error The test fails as expected testFewWordLettersShouldRaiseExceptionStack Trace Error expect received toThrow expected Expected constructor ErrorReceived function did not throw at Object toThrow home runner Wordle TDD test runnertest suite js testValidWordLettersAreValid passed see errors above NoticeThe first test passedThe second test is expected to throw an exception Which it didn t We just declare a generic exception will be raised We just raise a generic Error Creating special exceptions is a code smell that pollutes namespaces unless we catch it but this is not happening right now Changing the current implementationWe need to change our implementation to make test pass and also test class Word constructor word if word length lt throw new Error Too few letters Should be letters return v a l i d And the tests pass testFewWordLettersShouldRaiseExceptiontestValidWordLettersAreValid All tests have passed NoticeWe are not using the constructor argument to set up the actual letters yet We just check for a few letters not for too many since we don t have yet a covering test TDD requires full coverage Adding another check without a test is a technique violation Checking Too Many LettersLet s check for too manytest testTooManyWordLettersShouldRaiseException async function expect gt new Word toolong toThrow Error We run them testTooManyWordLettersShouldRaiseExceptionStack Trace Error expect received toThrow expected Expected constructor ErrorReceived function did not throw at Object toThrow home runner Wordle TDD test runnertest suite js testFewWordLettersShouldRaiseExceptiontestValidWordLettersAreValid passed see errors above We add the validation class Word constructor letters if letters length lt throw new Error Too few letters Should be if letters length gt throw new Error Too many letters Should be letters return v a l i d And all tests passed All tests have passed Refactor or not We can now make an optional refactor and change the function to assert a range instead of two boundaries We decide to leave it this way since it is more declarative We can also add a test for zero words following the Zombie methodology Let s do it test testEmptyLettersShouldRaiseException async function expect gt new Word toThrow Error testEmptyLettersShouldRaiseExceptiontestTooManyWordLettersShouldRaiseExceptiontestFewWordLettersShouldRaiseExceptiontestValidWordLettersAreValidit is no surprise the test passes since we already have a test covering this scenario As this test adds no value we should remove it Valid LetterLet s check now what is a valid letter test testInvalidLettersShouldRaiseException async function expect gt new Word vali toThrow Error and the test is broken since no assertion is raised testInvalidLettersShouldRaiseExceptionStack Trace Error expect received toThrow expected Expected constructor ErrorReceived function did not throwWe need to correct the code class Word constructor word if word length lt throw new Error Too few letters Should be if word length gt throw new Error Too many letters Should be if word indexOf gt throw new Error Word has invalid letters And all tests pass since we are clearly hardcoding All tests have passed NoticeWe hardcode the asterisc to be the only invalid character as far as we know We can place the checking code before or after the previous validations Until we have an invalid case with invalid characters and invalid length we cannot assume the expected behavior More InvalidLet s add more invalid letters and correct the code test testPointShouldRaiseException async function expect gt new Word val d toThrow Error Solution constructor word if word indexOf gt throw new Error Word has invalid letters if word indexOf gt throw new Error Word has invalid letters NoticeWe didn t write a more generic function yet since we cannot correct tests and refactor at the same time the technique forbids us RefactorAll tests are ok We can refactor We replace the last two sentences class Word constructor word if word length lt throw new Error Too few letters Should be if word length gt throw new Error Too many letters Should be Refactor if word match a z i throw new Error word has invalid letters NoticeWe can refactor only if we don t change the tests at the same time The assertion checks only for uppercase letters Since we are dealing with these examples up to now We defer design decisions as much as possible We defined a regular expression based on English Letters We are pretty sure it won t accept Spanish ñ German ë etc As a checkpoint we have only five letter words from now on Lets assert on letters function We left it hard coded TDD Opens many paths We need to keep track of all of them until we open new ones Comparing WordsWe need to compare wordstest testTwoWordsAreNotTheSame async function const firstWord new Word valid const secondWord new Word happy expect firstWord not toStrictEqual secondWord test testTwoWordsAreTheSame async function const firstWord new Word valid const secondWord new Word valid expect firstWord toStrictEqual secondWord And test fails Let s use the parameter we are sending to them class Word constructor word this word word letters return v a l i d testTwoWordsAreTheSametestTwoWordsAreNotTheSametestPointShouldRaiseExceptiontestInvalidLettersShouldRaiseExceptiontestEmptyLettersShouldRaiseExceptiontestTooManyWordLettersShouldRaiseExceptiontestFewWordLettersShouldRaiseExceptiontestValidWordLettersAreValid All tests have passed NoticeWe store the letters and this is enough for object comparison it might depend on the language letters function is still hardcoded More WordsWe add a different word for letters comparison Remember letters was hardcoded until now test testLettersForGrassWord async function const grassWord new Word grass expect g r a s s toStrictEqual grassWord letters And the test fails as expected testLettersForGrassWordStack Trace Error expect received toStrictEqual expected deep equality Expected Received Array v g r a l i d s s at Object toStrictEqual home runner Wordle TDD test runnertest suite js NoticeIt is very important to check for equality inequality instead of assertTrue since many IDEs open a comparison tool based on the objects This is another reason to use IDEs and never text editors Let s change the letters function since we ve been faking it class Word letters return this word split Comparing different casesWe need to make sure comparisons are not case sensitive test testComparisonIsCaseInsensitve async function const firstWord new Word valid const secondWord new Word VALID expect firstWord toStrictEqual secondWord Test fails We need to take a decision We decide all our domains will be lowercase We will not allow uppercase letters despite the UI having caps We won t do magic conversions We change the test to catch invalid uppercase letters and fix them test testNoUppercaseAreAllowed async function expect gt new Word vAliD toThrow Error class Word constructor word We remove the i modifier on the regular expression if word match a z throw new Error word has invalid letters English DictionaryOur words are in a bijection with English Wordle words or not Let s try a non English wordtest testXXXXIsnotAValidWord async function expect gt new Word XXXXX toThrow Error This test fails We are not catching invalid English letter words NoticeWe need to make a decision According to our bijection there s an external dictionary asserting valid words We can validate with the dictionary upon word creation But we want the dictionary to store valid wordle words No strings It is an egg chicken problem We decide to deal with invalid words in the dictionary and not the Wordle word We remove the test We will find a better way in a few moments Wordle GameLet s create the game We start talking about a game that does not exist test testEmptyGameHasNoWinner async function const game new Game expect false toStrictEqual game hasWon Test fails We need to create the class and the function Creating Game Objectsclass Game hasWon return false Words AttemptedWe implement words attempted And the simplest solution Hardcoding as always test testEmptyGameWordsAttempted async function const game new Game expect toStrictEqual game wordsAttempted class Game wordsAttempted return testEmptyGameWordsAttempted All tests have passed Start guessingtest testTryOneWordAndRecordIt async function var game new Game game addAttempt new Word loser expect new Word loser toStrictEqual game wordsAttempted class Game constructor this attempts hasWon return false wordsAttempted return this attempts addAttempt word this attempts push word NoticeWe store the attempts locally and add the attempt and also change wordsAttempted real implementation Has LostWe can implement hasLost if it misses attempts With the simplest implementation as usual test testTryOneWordAndDontLooseYet async function const game new Game game addAttempt new Word loser expect false toStrictEqual game hasLost class Game hasLost return false NoticeWe are learning the rules as our model grows We lose the gameAs always We stop faking it and decide to make it test testTryFiveWordsLoses async function const game new Game new Word loser new Word music new Word music game addAttempt new Word loser game addAttempt new Word loser game addAttempt new Word loser game addAttempt new Word loser game addAttempt new Word loser expect false toStrictEqual game hasLost last attempt game addAttempt new Word loser expect true toStrictEqual game hasLost class Game hasLost return this attempts length gt We Play by the DictionaryWe have most of the mechanics Let s add valid words dictionary and play invalid test testTryToPlayInvalid async function const game new Game expect gt game addAttempt new Word xxxxx toThrow Error The test fails as expectedWe fix it class Game constructor validWords this attempts this validWords validWords addAttempt word if this validWords some validWord gt validWord sameAs word throw new Error word letters is not a valid word this attempts push word fix previous tests change const game new Game to const game new Game new Word loser Also add Class Word sameAs word return word word this word and the test is fixed but testTryToPlayInvalidtestTryFiveWordsLosesStack Trace TypeError Cannot read properties of undefined reading includes testTryOneWordAndDontLooseYetStack Trace TypeError Cannot read properties of undefined reading includes testTryOneWordAndRecordItStack Trace TypeError Cannot read properties of undefined reading includes testEmptyGameWordsAttemptedtestEmptyGameHasNoWinner passed see errors above Noticetest test and test were previously working Now they are broken since we added a new business rule We need to pass the dictionary when creating the game We fix the three of them by adding an array with the words we will use It is a good sign our setup gets complex to keep creating valid scenarios Play to WinNow we play to winWe add the test and need to change hasWon accordingly test testGuessesWord async function const words new Word happy const correctWord new Word happy const game new Game words correctWord expect game hasWon toStrictEqual false game addAttempt new Word happy expect game hasWon toStrictEqual true we need to store the correct wordclass Game constructor validWords correctWord this attempts this validWords validWords this correctWord correctWord hasWon return this attempts some attempt gt attempt sameAs this correctWord NoticeWe use no flags to check if someone has won We can directly check it We don t care if it has won in a previous attempt We make an addParameter refactor with this new element to previous game definitions Correct WordWe added the Correct Word We need to assert this word is in the dictionary test testCorrectWordNotInDictionary async function const words new Word happy const correctWord new Word heros expect gt new Game words correctWord toThrow Error class Game constructor validWords correctWord if validWords some validWord gt validWord sameAs correctWord throw new Error Correct word word word is not a valid word NoticeWe needed to change all previous games since we needed to pass the winner game before the startThis is a good side effect since it favors complete and immutable objects testCorrectWordNotInDictionary testValidWordLettersAreValid All tests have passed Lost Won both What happens if we win in the final attempt Zombies ask us always to check for B boundaries where bugs hide test testTryFiveWordsWins async function const game new Game new Word loser new Word heros new Word heros game addAttempt new Word loser game addAttempt new Word loser game addAttempt new Word loser game addAttempt new Word loser game addAttempt new Word loser expect false toStrictEqual game hasLost expect false toStrictEqual game hasWon last attempt game addAttempt new Word heros expect false toStrictEqual game hasLost expect true toStrictEqual game hasWon And the correctionhasLost return this hasWon amp amp this attempts length gt We have all the mechanics Letter PositionsLet s add the letter s positions We can do it in Word class test testLettersDoNotMatch async function const firstWord new Word trees const secondWord new Word valid expect toStrictEqual firstWord matchesPositionWith secondWord As usual we get an undefined function error testLettersDoNotMatchStack Trace TypeError firstWord matchesPositionWith is not a functionLet s fake it as usual class Word matchesPositionWith correctWord return NoticeNames are always very important We can name the parameter anotherWord We prefer correctWord We are aware we will soon need a complicated algorithm and roles should be clear and contextual MatchLet s matchtest testMatchesFirstLetter async function const guessWord new Word trees const correctWord new Word table expect toStrictEqual guessWord matchesPositionWith correctWord Fails We need to define it betterThis is a good enough algorithm Ugly and imperativeWe will refactor it later for sure matchesPositionWith correctWord var positions for var currentPosition currentPosition lt this letters length currentPosition if this letters currentPosition correctWord letters currentPosition positions push currentPosition Humans start counting on return positions And all the tests pass NoticeMatching property is not symmetric Incorrect PositionsNow we need the final steps Matching in incorrect positions and always the simplest solution test testMatchesIncorrectPositions async function const guessWord new Word trees const correctWord new Word drama expect toStrictEqual guessWord matchesPositionWith correctWord expect toStrictEqual guessWord matchesIncorrectPositionWith correctWord The simplest solutionclass Word matchesIncorrectPositionWith correctWord return NoticeBy adding these safe zero cases we miss many usual bugs A more spicy test case test testMatchesIncorrectPositionsWithMatch async function const guessWord new Word alarm const correctWord new Word drama expect toStrictEqual guessWord matchesPositionWith correctWord expect toStrictEqual guessWord matchesIncorrectPositionWith correctWord A ARM vs RAMA expect toStrictEqual correctWord matchesPositionWith guessWord expect toStrictEqual correctWord matchesIncorrectPositionWith guessWord Let s go for the implementation class Word matchesIncorrectPositionWith correctWord var positions for var currentPosition currentPosition lt currentPosition if correctWord letters includes this letters currentPosition positions push currentPosition return positions filter function position return this matchesPositionWith correctWord includes position bind this That s it We have implemented a very small model with all meaningful rules All tests have passed Playing with real examplestest test async function const correctWord new Word tibia Sorry for the spoiler const words all the words I ve tried new Word paper new Word tools new Word music new Word think new Word twins new Word tight plus the winning word correctWord const game new Game words correctWord expect game hasWon toStrictEqual false expect game hasLost toStrictEqual false P A PER vs TIBIA game addAttempt new Word paper expect toStrictEqual new Word paper matchesPositionWith correctWord expect toStrictEqual new Word paper matchesIncorrectPositionWith correctWord T OOLS vs TIBIA expect toStrictEqual new Word tools matchesPositionWith correctWord expect toStrictEqual new Word tools matchesIncorrectPositionWith correctWord game addAttempt new Word tools MUS I C vs TIBIA expect toStrictEqual new Word music matchesPositionWith correctWord expect toStrictEqual new Word music matchesIncorrectPositionWith correctWord game addAttempt new Word music T H I NK vs TIBIA expect toStrictEqual new Word think matchesPositionWith correctWord expect toStrictEqual new Word think matchesIncorrectPositionWith correctWord game addAttempt new Word think T W I NS vs TIBIA expect toStrictEqual new Word twins matchesPositionWith correctWord expect toStrictEqual new Word twins matchesIncorrectPositionWith correctWord game addAttempt new Word twins expect game hasWon toStrictEqual false expect game hasLost toStrictEqual false T I GHT vs TIBIA expect toStrictEqual new Word tight matchesPositionWith correctWord expect toStrictEqual new Word tight matchesIncorrectPositionWith correctWord game addAttempt new Word tight expect game hasWon toStrictEqual false expect game hasLost toStrictEqual true You will find more daily examples in the repo Playing by the complex rulesI was very happy with my working wordle Then I read about its complex rulesLearning new rules is not a problem when we have TDD Let s cover the examples from the articletest testVeryComplexWrongPositions async function const guessWord new Word geese const correctWord new Word those expect toStrictEqual guessWord matchesPositionWith correctWord expect s e toStrictEqual guessWord lettersAtCorrectPosition correctWord expect toStrictEqual guessWord lettersAtWrongtPosition correctWord expect toStrictEqual guessWord matchesIncorrectPositionWith correctWord GEE S E vs THOSE const anotherGuessWord new Word added const anotherCorrectWord new Word dread expect toStrictEqual anotherGuessWord matchesPositionWith anotherCorrectWord expect d toStrictEqual anotherGuessWord lettersAtCorrectPosition anotherCorrectWord expect a d e toStrictEqual anotherGuessWord lettersAtWrongtPosition anotherCorrectWord expect toStrictEqual anotherGuessWord matchesIncorrectPositionWith anotherCorrectWord A D D E D vs DREAD const yetAnotherGuessWord new Word mamma const yetAnotherCorrectWord new Word maxim expect toStrictEqual yetAnotherGuessWord matchesPositionWith yetAnotherCorrectWord expect m a toStrictEqual yetAnotherGuessWord lettersInCorrectPosition yetAnotherCorrectWord expect m toStrictEqual yetAnotherGuessWord lettersAtWrongtPosition yetAnotherCorrectWord expect toStrictEqual yetAnotherGuessWord matchesIncorrectPositionWith yetAnotherCorrectWord M A M MA vs MAXIM Let s steal the algorithm from the articlematchesIncorrectPositionWith correctWord const correctPositions this matchesPositionWith correctWord var incorrectPositions var correctWordLetters correctWord letters var ownWordLetters this letters for var currentPosition currentPosition lt currentPosition if correctPositions includes currentPosition We can use these wildcards since they are no valid letters correctWordLetters splice currentPosition ownWordLetters splice currentPosition for var currentPosition currentPosition lt currentPosition const positionInCorrectWord correctWordLetters indexOf ownWordLetters currentPosition if positionInCorrectWord correctWordLetters splice positionInCorrectWord ownWordLetters splice currentPosition incorrectPositions push currentPosition return incorrectPositions We need to add another funcion will be usefull for keyboard colors lettersAtCorrectPosition correctWord return this matchesPositionWith correctWord map position gt this letters position lettersAtWrongtPosition correctWord return this matchesIncorrectPositionWith correctWord map position gt this letters position NoticeThe algorithm changes a copy of the correct word by placing when the correct position matchesIt also hides the visited letters by changing to a special an invalid DREAD vs ADDEDDREA vs ADDE DRE vs DDE RE vs DE R vs D ConclusionsThis solution is different and more complete than the previous one The wordle rules have not changed According to David Farley we need to be experts at learning And we learn by practicing katas like this one We end up with compact classes where we defined our business model This small model has a real bijection in the MAPPER to the real world It is ready to evolve This game is a metaphor for real software engineering Hope you find it interesting and follow the kata with me Try it out You can play around with the wroking repl it Next StepsCombine this solution with the AI GeneratedUse a real dictionaryChange the language and alphabet Change the rules to a different wordle	2022-09-13 13:39:57
海外TECH	DEV Community	3 Reasons PHP Future "Dead"	https://dev.to/ijsucceed/3-reasons-php-future-dead-4a6b	Reasons PHP Future quot Dead quot This article was originally published on Hashnode for the Articles in Weeks Hashnode Writeathon Reasons PHP is Future Dead If much of PHP boasting continues to rely on the legacy platforms and not on wider use cases outside the web server FTP plus fewer and fewer talents jeremyikwuje hashnode dev It is no doubt that PHP is the most dominant programming language for building websites In fact over a decade now PHP is powering over of the entire web PHP is a big name Facebook Yahoo Wikipedia and several top websites are mostly written in PHP However in this article I will explain three major issues I have with PHP And why critics who are saying PHP is dead may be right These reasons have nothing to do with performance learning curve or security I like to mention that I have spent years writing PHP it was my first programming language PHP was easy to learn and I built a WordPress clone within two weeks of reading a book I love PHP even now But the coding in is vastly different from It is hard for me to see PHP in the future or as a language that I will advise anybody to learn today Let s get to it Legacy CodesFrom it was easy to find developers building the next WordPress Facebook or eBay using PHP But not in as you won t find anyone building the next WordPress in PHP The next WordPress won t be written in PHP So what technology are people building with Mostly Jamstack Web technologies Much of PHP control is on legacy platforms like WordPress and Drupal also Laravel many devs today are using PHP today because of Laravel But the problem with PHP power depending on these legacy platforms is that these technologies can decide to transition into another language Hard but gradually possible as we are already seeing with WordPress If you are very active in the WordPress Development space it should have occurred to you without watching this video that WordPress may be transitioning into a Javascript platform Larevel seems to be the only hope for PHP to maintain relevance but that is only if it creates more use cases for PHP because the future of the web is Jamstack Web and PHP is weak here Limited Use CasePHP is limited to the web You can t use it for any other thing than building server side apps And the majority of these apps have CRUD functionality nothing new or interesting We are seeing new tech spaces like web machine learning NLP IoT and spaces where other languages are quickly adapting but PHP is yet to have any serious development in these spaces Remember web was a new development and there was a strong need to create dynamic sites and PHP was improved for this The languages that didn t improve for web lost relevance If developments for new tech spaces don t happen in PHP then the number of PHP developers will keep declining as it has been since Decline of New TalentsIf you learned web development in online or offline chances are your curriculum is HTML CSS PHP MYSQL I recall when I decided to learn to code nearly every coding school is teaching PHP in their main curriculum However according to Codecademy PHP is the th most popular programming language among people who are learning to code If you are learning to code today chances are you re learning Javascript or Python Go to FreeCodeCamp Codecademy and Treehouse and see the courses they are promoting they are mostly none PHP courses The numbers speak for themselves there is a Python video on FreeCodeCamp Youtube with over million views Jeez is Python an entertainment well even paid JS Python courses on Udemy record more students than PHP courses Most new talents are not learning PHP today You don t have to look far to confirm this just browse through Hashnode and dev to and you will find more content on Javascript and Python Not because there are more JS Python developers but because that s what new developers are reading A shortage of new talents is a bad thing for the future of any language If much of PHP boasting continues to rely on the legacy platforms and not on wider use cases outside the web server FTP plus fewer and fewer talents learning PHP then PHP can be said to be default dead as the future may not be bright for the Elephant in the room	2022-09-13 13:35:39
海外TECH	DEV Community	How to Make Digital Agency Website Using HTML CSS JavaScript	https://dev.to/janedoe22/how-to-build-digital-agency-website-using-html-css-javascript-2jo5	How to Make Digital Agency Website Using HTML CSS JavaScriptHow to Make Digital Agency Website Using HTML CSS JavaScriptThis video will show you how to make digital agency website using html css javascriptGithub Repo	2022-09-13 13:15:21
海外TECH	DEV Community	Get started with Power Apps canvas apps	https://dev.to/abhishe89636035/get-started-with-power-apps-canvas-apps-2i4h	Get started with Power Apps canvas appsIntroduction to Power AppsPower Apps is a suite of apps services connectors and a data platform that provides you with an opportunity to build custom apps for your business needs By using Power Apps you can quickly build custom business apps that connect to your business data that is stored either in the underlying data platform Microsoft Dataverse or in various online and on premises data sources SharePoint Excel Office Dynamics SQL Server and so on Apps that are built by using Power Apps provide rich business logic and workflow capabilities to transform your manual business processes to digital automated processes Power Apps simplifies the custom business app building experience by enabling users to build feature rich apps without writing code Power Apps also provides an extensible platform that lets pro developers programmatically interact with data and metadata apply business logic create custom connectors and integrate with external data With Power Apps you can Build an app quickly by using the skills that you already have Connect to the cloud services and data sources that you re already using Share your apps instantly so that coworkers can use them on their phones and tablets No alt text provided for this imageWhen it comes to using Power Apps to get things done and keep people informed your options are nearly limitless The following examples can help you think about how to use an app instead of traditional paper notes to run your business Equipment in the field Often company representatives who visit customers in the field carry clipboards to help guarantee a paper trail of parts with scheduled replacement dates By running an app on a tablet reps can look up the customer s equipment see a picture of a part test and analyze the part and then order new parts Reps can perform these tasks on site instead of leaving the customer s warehouse Restaurant employee management Employees of a large restaurant might fill out work schedules and vacation requests on a piece of paper that s affixed to a wall With Power Apps running on everyone s smartphone employees can open the app to record the same information anywhere anytime The app can even send reminders for the start of the next day s shift If you re a beginner with Power Apps this module gets you going quickly if you re familiar with Power Apps it ties concepts together and fills in the gaps Power Apps building blocksPower Apps is a collection of services apps and connectors that work together to let you do much more than just view your data You can act on your data and update it anywhere and from any device This unit explores each part of the following Power Apps components Power Apps Home Page Apps start here whether you build them from data a sample app or a blank screen Power Apps Mobile Run your apps on Microsoft Windows Apple iOS and Google Android devices Power Apps Admin Center Manage Power Apps environments and other components Power Apps Home PageIf you are building an app you ll start with the Power Apps Home Page You can build apps from sample apps templates or a blank screen All the apps that you ve built appear here along with any apps that others have created and shared with you No alt text provided for this imagePower Apps StudioPower Apps Studio is where you can fully develop your apps to make them more effective as a business tool and to make them more attractive Power Apps Studio has three panes that make creating apps seem more like building a slide deck in Microsoft PowerPoint Left pane Shows a hierarchical view of all the controls on each screen or a thumbnail for each screen in your app Middle pane Shows the canvas app that you re working on Right pane Where you set options such as the layout properties and data sources for certain controls No alt text provided for this imagePower Apps MobilePower Apps Mobile for Windows iOS and Android devices allow you to use all the apps that you ve created and those others have shared with you on your mobile device You or your users can download the Microsoft Power Apps app from the appropriate app store When users sign in with their credentials they will see all apps that have been shared with them The Power Apps Mobile app only needs to be downloaded once When you use apps in Power Apps Mobile you get the most out of your device s capabilities camera controls GPS location and more No alt text provided for this imageMicrosoft Power Platform admin centerMicrosoft Power Platform admin center is the centralized place for managing Power Apps for an organization On this site you can define and manage different environments to house the apps For example you might have separate environments for development and production apps Additionally you can define data connections and manage environment roles and data policies For more information see Best practices Learning Path No alt text provided for this imageExercise Create your first app in Power AppsIn this unit you ll generate a mobile app where the data source is a Microsoft Excel workbook that s stored in Microsoft OneDrive for Business This Excel workbook lists a company s inventory of flooring samples with pictures and prices Keep in mind that you can use data from many other sources including Microsoft SharePoint cloud services like Salesforce and on premises sources like Microsoft SQL Server Connect to a data sourceTo connect to a data source use the following procedure Download the Flooring Estimates workbook and save it to OneDrive for Business Go to and sign in with your organizational account On the Home screen select Create and then select More data sources on the right Generated apps are always based on a single list or table but you can add more data to the app later The next four steps explain how to connect to the Excel workbook In the New tab section under Connections select OneDrive for Business and browse to the file location You might need to select New Connection to see the OneDrive for Business connection Under Choose an Excel file select the FlooringEstimates xlsx file Under Choose a table select the FlooringEstimates table Select Connect on the bottom right Power Apps generates the app by inspecting your data and matching it with Power Apps capabilities so that you get a working app as a starting point Explore the generated appYour new three screen app now opens in Power Apps Studio The following figure shows the main development window for Power Apps Studio which you ll learn more about in later units No alt text provided for this imageSelect Play in the upper right corner to practice using the app Notice that it includes all the data from the table and provides a good default experience All apps that are generated from data have the same set of screens that you can view from the Screens pane Browse screen This screen appears by default In it you can browse sort filter and refresh the data from the data source In the browse screen you can add items to the data source by selecting the plus sign Details screen The details screen shows all information about a single item In this screen you can open an item to edit or delete it Edit create screen In this screen you can edit an existing item or create a new one To make your app visible on the phone it needs to be saved Select File Save as Replace the current title App with flooring estimates app and then select Save You will see a green check mark when all changes are successfully saved You can now open the app on your phone Install the app on your deviceTo see how the app runs on mobile install the Power Apps Mobile app on your phone When building an app you should test it in the same form factor as your users Download Power Apps Mobile from the app store for the platform that you want to use Sign in by using your username and password On your phone or tablet run the flooring estimates app in Power Apps Mobile If you do not want to install the app you can run it in a browser If you do not see the flooring estimates app then in your Power Apps Mobile app select the user account menu and toggle on Show non production apps You may need to swipe to the left or tap your profile icon to get this option Ways to build Power AppsThis unit describes how to create an app from a template a blank canvas and a data source This learning path is focused on canvas apps which give you the flexibility to arrange the user experience and interface the way that you want it You can get started in many different ways however for all of the options you will use the Power Apps Studio features and functionality to build your app Create an app from a templateA good way to create an app is to start from a template Templates use sample data to help you determine what s possible By opening templates in Power Apps Studio you can learn hands on how an app is built For example you can use the Budget Tracker template to create an app that helps you track the budget for projects and events with custom categories simple data entry and visuals that highlight expenditures for an effortless inspection No alt text provided for this imageCreate an app from a data sourceAnother great way to get started is to generate an app from your own data Simply point Power Apps at the data source of your choice for example a list in Microsoft SharePoint or Microsoft Dataverse and watch as Power Apps automatically builds a three screen app This three screen app lets you display edit delete and create records No alt text provided for this imageA special data source is SharePoint Modern lists in SharePoint and Power Apps have a tight integration You can either build an app from within a SharePoint site or you can use Power Apps to customize your modern list forms No alt text provided for this imageThe following app was created from a list in Microsoft Lists and lets you browse items in the list view item details and create and edit items After Power Apps generates an app you can customize it to make it look and behave exactly the way you want No alt text provided for this imageBuild from a blank canvasYou can also build an app from the ground up and add all the pieces as you go You can then branch out and use your imagination Power Apps related technologiesLet s take a look at the related technology used by Power Apps Data sources connections and gatewaysIn Power Apps most canvas apps use external information that is stored in Data Sources A common example is a table in an Excel file that is stored in OneDrive for Business or SharePoint Apps access these data sources by using connections Some connections allow Power Apps to read and write stored data In Power Apps you can add many data sources to your apps through built in or custom connectors Some of the most popular data sources are shown in the following figure No alt text provided for this imageMicrosoft DataverseAn important data source option to explore further is the Dataverse Dataverse lets you store and manage data that s used by business applications Data within Dataverse is stored within a set of tables A table is a set of records that are used to store data similar to how a table stores data within a database Dataverse includes a base set of standard tables that cover typical scenarios but you can also create custom tables that are specific to your organization and then populate them with data by using Power Query App makers can then use Power Apps to build rich applications by using this data No alt text provided for this imageFor information on purchasing a plan to use Dataverse refer to the License and Pricing information pages Reasons to use DataverseStandard and custom tables within Dataverse provide a cloud based storage option for your data Tables let you create a business focused definition of your organization s data for use within apps If you re unsure if tables are your best option consider the following benefits Simple to manage Both the metadata and data are stored in the cloud You don t need to worry about the details of how they re stored Helps to secure data Data is stored so that users can see it only if you grant them access Role based security allows you to control access to tables for different users within your organization Access your Dynamics Data Data from your Dynamics applications is also stored within the Dataverse which allows you to quickly build apps that use your Dynamics data and extend your apps by using Power Apps Rich metadata Data types and relationships are used directly within Power Apps Logic and validation Define calculated columns business rules workflows and business process flows to ensure data quality and drive business processes Productivity tools Tables are available within the add ins for Microsoft Excel to increase productivity and ensure data accessibility Additional Power Apps related technologiesMicrosoft Power Apps works with other technologies to help you build powerful apps for your organization including Power Automate Allows you to build automated workflows to receive notifications run processes collect data and more Power BI Allows you to connect data from multiple sources and transform the data into graphical visualizations to gain insights Related Microsoft Power Platform technologiesAs you continue developing your application you may want to consider implementing other Power Apps related technologies such as Power Automate and or Power BI For example you may have a simple Expense Report App that requires an approval before an item can be purchased With Power Automate you can create a Flow to make this happen Or maybe you want to display your data with custom charts and graphs giving your users a more visual look into the data which can often be useful In this section you will learn more about some of the other Microsoft Power Platform technologies and how you could apply them in your own Power Apps solution Keep in mind if you decide to implement these Power Apps related technologies you should also review their licensing structure and associated costs No alt text provided for this imagePower AutomatePower Automate brings automation to your business This can be traditional workflows via flow Robotic Process Automation RPA for automating legacy systems via desktop flow or business process automation via Business Process Flows Each of these capabilities increases your productivity to connect disjointed systems to build the business solution you need and make your app more powerful You can use Power Automate to create logic that performs one or more tasks when an event occurs in a canvas app For example configure a button to execute a flow to do one of the following create an item in a list in Microsoft Lists send an email or meeting request or add a file to OneDrive The button could be configured to do all of those in a single Power Automate flow You can configure any control in the app to start the flow which continues to run even if you close Power Apps Below is an example using Power Automate to send a flow No alt text provided for this imageIdentify flows in your solutionNow that you have a general overview of Power Automate how do you determine if the solution you re building requires a Flow There are many simple functions Power Apps can do like sending an email when a button is pressed in your application This email generated from Power Apps can also contain dynamic specific information and be sent to any email address you would like Often customers will use Power Automate to create this same functionality even though Power Apps can do this out of the box Power Automate should be used for more complex solutions such as the approval workflows With Power Automate you can run an approval when a button is pressed on a schedule when an item is created or modified and so on For many Power Apps solutions Power Automate is used to handle complex business logic Do you need a way to make sure someone acted on the incident report that was generated by your app Or do you need a process to kick off every time new data is created in another system so Power Apps will have the data it needs Do you need to check each morning to see if an inspection is due that day and then send an email with a link to your Power Apps inspection form These are great uses of Power Automate to transform your app from a point solution to a fully featured business solution No alt text provided for this imagePower BIPower BI is an analytics tool within Microsoft Power Platform suite Power BI connects data from multiple sources and transforms the data into graphical visualizations to gain insights It allows business users to utilize many different visualizations to build comprehensive reports and dashboards When creating Power BI reports to view and analyze your app data you have the ability to customize them for personal use and will only be accessible by you providing you with a more unique and custom experience If you need to share the report with others you and each of the report consumer will need a Power BI Pro license This license allows you to not only share the content but also control what others are able to do with the shared report or dashboard While Power Apps has capabilities to include simple graphs or tables many solutions would be better served with a visualization provided by Power BI Power Apps and Power BI have two options for seamless integration Embed a Power BI tile in a Power Apps appBy embedding a Power BI tile in a Power Apps solution you are able to bring valuable visualizations into the app to allow the user to consume that data within the context of the app No alt text provided for this imageEmbed a Power Apps app in a Power BI dashboardAnother integration between these two applications is to embed a Power Apps app in your Power BI report This allows the user to act on data while never leaving the dashboard resulting in a better user experience Consider an inventory management dashboard for a manufacturing facility Without leaving the dashboard the user can submit to purchasing an order for other material While the solution may have been utilizing both the Power Apps and Power BI platforms the user simply experiences a complete end to end solution in one window on their desktop In the example below we are analyzing the Sale Price and Profit by Country and Segment Notice once you have embedded your Power App in a Power BI Dashboard you can navigate between screens No alt text provided for this imageIn this next screenshot still working with the same data as the previous example you can utilize the native Power Apps features like Search with Power BI data No alt text provided for this imageIn this last screenshot for this example you will see the embedded Power App is filtered by the Power BI selection No alt text provided for this imageTranslating needs to the appropriate technologyTo build the best solution think through the use cases and determine how you want to collect the data use the data and analyze the data Once you have determined how the solution will be used in each one of those cases you can begin to select the right technology to execute each function It would be difficult to cover every use case and decision point but the number of steps in your solution process will aid you in determining which technology best suits your needs Power Apps is great for performing simple solutions with minimal steps but as your solutions become more complex and requires multiple steps Power Automate would be the better solution When deciding whether to use the basic charts graphs and visuals that come with Power Apps out of the box or to utilize a more powerful software like Power BI it really depends on your business solution and requirements For example if in your solution you are wanting to add some basic graphs and charts to improve the apps overall look and feel while adding some visual flair for your users Power Apps has you covered On the other hand if your solution requires in depth analysis of your data and robust visuals Power BI will be the best product for your solution Keep in mind with Power BI each app user will need another license on top of the Power Apps license This is a small price to pay though if your solution relies on intuitive dashboards charts graphs and several other features to help you get the most out of your solution By identifying the needs of related Power Apps technologies in your solution and strategically implementing them you will be able to provide your users with a better overall experience when using the solution Designing a Power Apps appAs an App Maker before you begin building your Power Apps solution it s recommended to go through a design process When designing your Power Apps solution there are several different factors to consider such as Business requirementsData ModelUser Experience UX User Interface UI Business LogicOutputBy going through a simple design process you can flush out any minor issues before they become a larger problem once the app has been put into production It is also important to understand that this design process is for Canvas apps So how do you go from a simple blank Canvas app as seen below No alt text provided for this imageTo a fully customized Canvas app solution No alt text provided for this imageUnderstand the needs of the userOne of the most powerful and at the same time challenging parts of building a canvas app is that you start with a blank screen This gives you the ability to build what you want but to do that you have to know what you want In many cases when purchasing software to solve and or streamline business solutions there are many business processes that don t quite fall within the software s supported guidelines When you run into this issue typically there are several internal discussions and meetings held to determine how those unsupported processes can be updated altered to meet the software requirements For most organizations this isn t ideal because of the cost or time it takes to update those business processes The great news is by using Power Apps to build your solution you won t have to worry about unsupported business solutions Why With Power Apps you can build a custom solution tailored to the exact needs of your business requirements Often when building an app you are tempted to recreate the piece of paper or legacy software driven process exactly This is possible but might not be the ideal solution By challenging the existing process and asking what it is the business needs to do not what does the piece of paper or old software allows you to do it opens the possibility of better more efficient processes For example maybe on the paper process the user had to type notes about what they see Would it be better instead to just take a picture This type of thinking will lead to better apps and better outcomes Business RequirementsEvery app you develop will have a different set of business requirements based on the solution Taking the time to think about all the requirements is key to rolling out a successful production app Depending on the solution or company policies you may have certain security privacy or compliance requirements you must follow For example let s say you are collecting secure personal information in the app You will want to ensure this information is securely stored and not visible to everyone During this process you will also want to identify any government regulations or authentication authorization requirements if applicable You don t necessarily have to have all the answers to your questions here you just want to know all the requirements Data ModelIn the Power Apps related technologies module you learned about some of the common data sources for building apps but with all these choices how do you actually decide which data source to use for your solution Maybe you already have a data source implemented that users work with on a day to day basis like SharePoint Could you just use this as your data source to build your app Do I need to connect to multiple data sources These are all common questions you should ask yourself and there are number of other factors to consider such as Business Requirements Every data source and it s supported functionality is slightly different So depending on your app requirements you need to select the data source that supports your needs or modify your business requirements to comply with the supported functionality for the selected data source Licensing Cost Certain data sources like the Microsoft Dataverse or SQL are considered a premium data source A premium data source will require each user who uses the app to have a Power Apps Per App Plan or a Power Apps Per User Plan For more information about licensing see Power Apps pricingUser Experience UX By designing your Power Apps solution in a Canvas app you have complete control of the end user experience This allows you to fully customize nearly every aspect of your app However just because you can doesn t necessarily mean you should When designing your Power Apps solution your goal should be to keep it simple When your end users open the application and begin using it they should have no confusion about what to click on or where to go If your app requires an extensive training program for users to understand how to use it you may want to rethink your app Some of the basic designs elements you will want to consider are things like Custom Branding your logo and colors Pop upsHide show buttons based on users access permissionsNo alt text provided for this imageOne of the most common User Experience enhancements you can implement in your applications are Pop ups By implementing pop ups you can provide the users with a simple but useful visual to confirm what the user clicked on went through or maybe your pop up acts as a loading screen as the logic on the backend is processed For example in the screenshot below when a user clicks on Submit we might have a simple pop up display to let them know their submission was successful In this example app the user completes a Survey for the training class they just attended Without confirmation a user may not be sure if their submission was accepted They may try to click the button again causing incorrect or inconsistent data being written to the data source Remember these are not the only customizations you can make to the app these are just some of the common ones Another thing to keep in mind as you add different design features is the more logic you add for the customization of the app the more code your application will need to process So for example if you add several different functions for hiding buttons or showing popups on a given screen this could cause your application performance to slow as each piece of code runs Finally challenge yourself to do better with your user experience Maybe today the user records room temperatures by clicking in a box changing the device keyboard from letters to numbers and then typing in “ A better option may be to replace with a slider control that defaults to and ranges from to Then with a swipe of their finger they can record the temperature Small changes like this make for happier more productive app users User Interface UI To fully visualize the User Interface or UI you may want to consider creating a mockup of your application Two common ways to create a mockup of your application are below Use Visio to create a wireframe diagram A wireframe is a visual representation of an application s user interface To begin there are various website and mobile wireframe templates available or you could start from blank template The diagrams are a quick way to show app functionality and gain team consensus on the design The example below shows a simple Visio wireframe of a Purchase Items screen in an inventory app No alt text provided for this imageUse Power Apps to create a mockup of your application You can add most of the controls graphics forms and other items to your app screens and play with the layout and size for each element as if you were building the app for real When designing the UI you don t need to add the logic behind the various elements you placed on the screen The goal here is to focus on what the app could look like and how it could function This is similar to what you can do with a Visio wireframe but one of the biggest pros of going this route is that you will gain more experience working with Power Apps and also learn more about the various UI elements available in the process All of the experience and knowledge you will gain by creating your app mockup in Power Apps will only payoff later when it s time to start on the production app Another significant upside to using Power Apps for your mockup is that if you show this to your team and they like what you did you can continue building off this app or create a new app and copy the elements you would like to keep to your other application By not having to redo the UI or only having to redo parts of it you could potentially save yourself hours of work The example below shows a simple mockup of a New Purchase Order Screen No alt text provided for this imageIt really comes down to your preference and comfort with the software you are using to create the mockup You should also consider licensing and costs when making this decision Visio requires other licensing to get the full functionality required for creating a wireframe diagram Whereas with Power Apps it doesn t matter which license you have As long as you have Power Apps and sufficient permissions in your environment you can create apps and mockup apps As you design the User Interface a few other things to think about are Accessibility and Localization It s important to ensure the app interface follows accessibility guidelines so all your users can interact with your application without any issues To review these guidelines and other accessibility properties see Create accessible canvas apps in Power Apps Localization can be something you must consider when developing your application as well Depending on where your app will be used you may need to use different punctuation For example some regions of the world use a dot or period as the decimal separator while others use a comma For more information on building a globally supported application see Build global support into canvas apps	2022-09-13 13:07:43
海外TECH	DEV Community	Time For That Decision!	https://dev.to/aiodell/time-for-that-decision-kn	Time For That Decision Looking at Software Engineering jobs I started to question myself on what path I really wanted to take There have been moments where I have thought to only go front end and there have been many times where I have been wanting to just stay in the back end These are my thought processes as I continue to look through the job postings Front end Having to only worry about what is happening on a visual level sound like an easy thing to handle since there is the design aspect that I have always enjoying doing when creating not only applications but other projects outside of this such as interior decorations banners logos etc It seemed straight forward and everyone would give me credit for creating something that looks really appealing to the eyes What I realized Having an attractive user interface is what will keep the customer engaged in viewing the page especially since the average attention span for a user looking at website is about seconds I can relate to this especially when I am looking for specific information It is the front end developer s responsibility to not only communicate with the back end but also get the user s attention within that eight second time frame This is important if you are working for a company that wants to market a product to the consumer If they are not happy with the way the application looks they are going to move on to find something that looks more appealing You need to find the balance between creating a functional product and an aesthetically pleasing website You need to make sure it is compatible to display on all devices and is optimized with accessibility in case you come across someone who cannot read the smaller text in some places or if their computer cannot render the image There are also the frameworks that make it easier to create an application such as React and Angular At first they seem intimidating because they are something that needs to be learned again After going through a bootcamp and learning everything that I have I feel like I can learn anything at this point In the end I concluded that despite the stress that comes from knowing that other people are going to see what you create that physical product will always be there and The Back EndI had mixed feelings for the back end because I was not going to be able to make anything look attractive I was used to seeing everything while I was making it I thought I was going to become frustrated at the idea of working in the back end I also thought no one was going to pay attention to how I am manipulating the data in the back end to send to the front end except for other programmers and the people who requested the application What I realized The back end gave me the ability to manipulate the data that I wanted and when I was introduced to rails my inner thoughts timed out for a little bit based on the processing I was doing on how easy everything had become in not just the back end but also the front end I still got to see it after the data was sent up The front end was also sending information back into the database so it was important for me to make sure my actions worked correctly for the CRUD The main thing that got me hooked onto the back end was the ability to choose what data I was going to send to the front end The way it was handled in the front end when I had no idea how the back end worked was a very irritating experience that is me being nice especially pulling from the external APIs I can say am I that person that will continuously get excited when I see the front end send data to the back end and have it posted in the database So Full Stack After working with both the front end and back end I have realized how fun it is to be able to create the back end and then move to the front end to see what I created come to life I also enjoy seeing things that once were taken care of only in the front end when I was just beginning to be now taken care of in the back end and taking the load off of the front end It can now be focused on how things will look for the user Since I have the knowledge to be full stack I might as well go full stack At least that is how I am thinking it…I think I m more valuable to the market since I know both ends as opposed to one end Money is great and all but knowing that I can always go from one to the other makes me feel like I will be able to be as involved in a project as possible Not only that I think I would be able to help others out more who are just back end or just front end That might be me living in a fantasy world but I will never know until I find out or someone tells me otherwise	2022-09-13 13:05:42
Apple	AppleInsider - Frontpage News	How Apple Watch low power mode works, and what it turns off	https://appleinsider.com/inside/watchos-9/tips/how-apple-watch-low-power-mode-works-and-what-it-turns-off?utm_medium=rss	How Apple Watch low power mode works and what it turns offLow Power Mode is in watchOS extending the battery life of the Apple Watch by reducing overall power usage Here s how to activate it and what it turns off Low Power Mode enabled on an Apple WatchThe Apple Watch is designed to be worn as much as possible including when you re sleeping However it still needs to be recharged from time to time and sometimes you may not be in a position to do so in the immediate future Read more	2022-09-13 13:43:20
Apple	AppleInsider - Frontpage News	Aqara launches HomeKit-compatible smart radiator thermostat	https://appleinsider.com/articles/22/09/13/aqara-launches-homekit-compatible-smart-radiator-thermostat?utm_medium=rss	Aqara launches HomeKit compatible smart radiator thermostatAqara is adding a HomeKit compatible smart radiator thermostat to automate hydronic radiators which can receive signals from outside the unit itself Aqara s Smart Radiator ThermostatThe device supports Zigbee at launch along with HomeKit Google Home Amazon Alexa IFTTT and others In addition support for the Matter smart home protocol will arrive in a future software update Read more	2022-09-13 13:29:54
Apple	AppleInsider - Frontpage News	Sonos releases long-awaited Sub Mini for $429	https://appleinsider.com/articles/22/09/13/sonos-releases-long-awaited-sub-mini-for-429?utm_medium=rss	Sonos releases long awaited Sub Mini for After a series of leaks Sonos has released its long awaited Sub Mini as a more affordable way to add substantial bass in small to medium sized rooms The Sonos Sub Mini in matte whiteThe Sub Mini available in both black and white has a cylindrical shape with a hole directly in the center It s designed to bolster your existing setup with a Sonos Ray or Beam soundbar Sonos One or other Sonos devices Read more	2022-09-13 13:00:39
Apple	AppleInsider - Frontpage News	Daily deals Sept. 13 - $30 off AirPods, $150 off Samsung Odyssey 27-inch Monitor, $50 off Shure Motiv Mic for iOS, more!	https://appleinsider.com/articles/22/09/13/daily-deals-sept-13---30-off-airpods-150-off-samsung-odyssey-27-inch-monitor-50-off-shure-motiv-mic-for-ios-more?utm_medium=rss	Daily deals Sept off AirPods off Samsung Odyssey inch Monitor off Shure Motiv Mic for iOS more Tuesday s best deals include an Apple Watch Series for an TB WD My Book external drive for a Logitech G headset for and more Best deals for September Every day AppleInsider searches online retailers to find offers and discounts on items including Apple hardware upgrades smart TVs and accessories We compile the best deals we find into our daily collection which can help our readers save money Read more	2022-09-13 13:55:52
Cisco	Cisco Blog	Beamlink: How a cellular mesh networking solution connects people during natural disasters	https://blogs.cisco.com/csr/beamlink-how-a-cellular-mesh-networking-solution-connects-people-during-natural-disasters	Beamlink How a cellular mesh networking solution connects people during natural disastersBeamlink is a winner of the Cisco Global Problem Solver Challenge USD Regional First Runner Up Prize Americas	2022-09-13 13:00:34
海外科学	NYT > Science	At 75, the Father of Environmental Justice Meets the Moment	https://www.nytimes.com/2022/09/12/climate/robert-bullard-environmental-justice.html	At the Father of Environmental Justice Meets the MomentThe White House has pledged billion to a cause Robert Bullard has championed since the late seventies He wants guarantees that the money will end up in the right hands	2022-09-13 13:56:57
ニュース	BBC News - Home	Chris Kaba family says officer suspension too slow after shooting	https://www.bbc.co.uk/news/uk-england-london-62886400?at_medium=RSS&at_campaign=KARANGA	firearms	2022-09-13 13:11:16
ニュース	BBC News - Home	Public told queue to see Queen's coffin in Edinburgh now closed	https://www.bbc.co.uk/news/uk-scotland-62887444?at_medium=RSS&at_campaign=KARANGA	government	2022-09-13 13:21:05
ニュース	BBC News - Home	King Charles III says Queen prayed for Northern Ireland	https://www.bbc.co.uk/news/uk-northern-ireland-62878272?at_medium=RSS&at_campaign=KARANGA	historic	2022-09-13 13:37:04
ニュース	BBC News - Home	Center Parcs and Odeon cinemas among businesses closing for Queen's funeral	https://www.bbc.co.uk/news/business-62879563?at_medium=RSS&at_campaign=KARANGA	september	2022-09-13 13:51:31
ニュース	BBC News - Home	Archie Battersbee: Tributes paid at Southend funeral	https://www.bbc.co.uk/news/uk-england-essex-62889234?at_medium=RSS&at_campaign=KARANGA	dispute	2022-09-13 13:12:50
ニュース	BBC News - Home	Queen's lying-in-state: What we know of the plans	https://www.bbc.co.uk/news/uk-62878294?at_medium=RSS&at_campaign=KARANGA	coffin	2022-09-13 13:52:11
ニュース	BBC News - Home	Queen's funeral plans: What we know so far	https://www.bbc.co.uk/news/uk-60617519?at_medium=RSS&at_campaign=KARANGA	state	2022-09-13 13:34:20
ニュース	BBC News - Home	Davis Cup Finals: Great Britain begin campaign against United States in Glasgow	https://www.bbc.co.uk/sport/tennis/62866160?at_medium=RSS&at_campaign=KARANGA	Davis Cup Finals Great Britain begin campaign against United States in GlasgowThe group stages of the Davis Cup Finals start in Glasgow on Tuesday with Britain facing the United States in their first match on Wednesday	2022-09-13 13:33:10
北海道	北海道新聞	中城ふみ子賞　東京都の大黒千加さん作「境界線」に	https://www.hokkaido-np.co.jp/article/730601/	中城ふみ子	2022-09-13 22:27:00
北海道	北海道新聞	ＤＮＡ型鑑定で乗員乗客３人と特定　知床・観光船事故	https://www.hokkaido-np.co.jp/article/730567/	知床半島	2022-09-13 22:03:49
北海道	北海道新聞	新得ソバ品質良好　収穫本格化	https://www.hokkaido-np.co.jp/article/730598/	良好	2022-09-13 22:25:00
北海道	北海道新聞	羊蹄山麓の塩トマト、道内に販路拡大　コンビニやスイーツで人気	https://www.hokkaido-np.co.jp/article/730597/	塩トマト	2022-09-13 22:24:00
北海道	北海道新聞	窃盗疑いで男３人逮捕　札幌北署	https://www.hokkaido-np.co.jp/article/730563/	福島県白河市表郷下羽原	2022-09-13 22:24:15
北海道	北海道新聞	米８月消費者物価、８・３％上昇　２カ月連続で伸び率縮小	https://www.hokkaido-np.co.jp/article/730572/	消費者物価指数	2022-09-13 22:07:43
北海道	北海道新聞	ヤ７―９巨（１３日）　菅野が８勝目	https://www.hokkaido-np.co.jp/article/730595/	菅野	2022-09-13 22:17:00
北海道	北海道新聞	高速炉、２４年度に設計着手　もんじゅ後継で経産省部会	https://www.hokkaido-np.co.jp/article/730587/	経済産業省	2022-09-13 22:13:00
北海道	北海道新聞	空知管内１６６人感染　クラスター１００例超　新型コロナ	https://www.hokkaido-np.co.jp/article/730585/	空知管内	2022-09-13 22:12:00
北海道	北海道新聞	高校チア部の練習中事故で和解　愛知、１億２８００万円支払い	https://www.hokkaido-np.co.jp/article/730584/	岡崎城西	2022-09-13 22:11:00
北海道	北海道新聞	モツラーメンの「すずや食堂」３０日閉店　留辺蘂で６０年　２代目夫婦「いい人たちに恵まれた」	https://www.hokkaido-np.co.jp/article/730485/	留辺蘂町	2022-09-13 22:12:03
北海道	北海道新聞	赤潮イカ不漁に追い打ち　函館　発生１週間、漁業者懸念	https://www.hokkaido-np.co.jp/article/730578/	追い打ち	2022-09-13 22:05:00
仮想通貨	BITPRESS（ビットプレス）	[CoinDesk Japan] スタバがNFTのポイントサービスを開始へーポリゴンを採用	https://bitpress.jp/count2/3_9_13363	coindeskjapan	2022-09-13 22:50:53
仮想通貨	BITPRESS（ビットプレス）	コインチェック、9/13より取引所において「Lisk・OMG」の取扱開始	https://bitpress.jp/count2/3_10_13362	取扱	2022-09-13 22:42:52