js |
JavaScriptタグが付けられた新着投稿 - Qiita |
<input type=file>からQRコードをスキャン【jsQR】 |
https://qiita.com/7mpy/items/c0c6cc059d10eee021bb
|
async |
2023-08-25 21:31:12 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS ECS – CodeDeploy での blue/green デプロイで テスト用のポートは公開されていなくても良いのか? Webからアクセスできなくても良いのか? |
https://qiita.com/YumaInaura/items/498cf96ec337f35e746f
|
awsecscodedeploy |
2023-08-25 21:01:00 |
技術ブログ |
Developers.IO |
ZendeskのWeb Widgetについて、デフォルト動作を確認してみる |
https://dev.classmethod.jp/articles/try-zendesk-web-widget-with-default-setting/
|
webwidget |
2023-08-25 12:42:00 |
海外TECH |
MakeUseOf |
How Does Apple's Game Mode in macOS Sonoma Work? |
https://www.makeuseof.com/how-does-game-mode-in-macos-work/
|
apple |
2023-08-25 12:30:23 |
海外TECH |
MakeUseOf |
How to Remove Unwanted Devices From Your Spotify Account |
https://www.makeuseof.com/how-to-remove-unwanted-devices-from-spotify/
|
spotify |
2023-08-25 12:15:25 |
海外TECH |
DEV Community |
How to run visual tests in 2023 |
https://dev.to/chromatic/how-to-run-visual-tests-in-2023-2lk1
|
How to run visual tests in One of the key inspirations for Storybook was a Chromatic post from Below is an updated version of the article current to the frontend landscape today Testing is crucial for developing high quality software But when testing how UI looks and renders it s not really possible to write tests to verify correctness The issue stems from the fact that the most important details of your components are hard to express programmatically Your choice of HTML tags classes or the text in the output for example don t provide the full picture that s required for a test to assert whether UI will look good or not to human users Since the first version of this article emerged in the discipline of visual testing has taken over the frontend world It s been embraced by thousands upon thousands of teams to ensure that how their app looks forms a core consideration within its overarching functionality In this updated article we reflect on the journey of UI testing over the past several years We cover the pros and cons of different historic techniques that have been tried for UI tests and explore the major impact of the emergence of Storybook enabling devs to focus solely upon testing the components states that require their attention the most Unit testing UIA unit test isolates a module and verifies its behaviour by applying a set of inputs It does this by comparing the module s output to an expected result Unit testing is desirable because testing a module in isolation rather than the whole system streamlines the process of covering tricky edge cases It lets you pinpoint the locations of issues when they occur However and crucially unit tests don t have eyeballs While we can specify the inputs of our unit tests like React props and context it s harder to specify the output in a way that s robust to the minor changes within component implementation For example changing from flexbox to grid will cause many tests to fail even when the result looks exactly same There are great tools like Testing Library that render a single component in a single state and then programmatically inspect the resulting DOM However the salient details of the rendered HTML like color layout and scale are hard to express So the tests end up brittle over specified or insufficient under specified The core issue though is that most components inherent complexity is visual the specifics of how generated HTML and CSS appears on screen And it has never been easy to write a test for appearance Snapshot testingOne solution to this problem came in the form of snapshot tests Snapshot tests highlight changes in UI by comparing HTML outputs with a recorded baseline You can then verify whether these changes are intentional This approach acknowledges that UI outputs are difficult to specify in unit tests so it informs developers when any code pertaining to the UI is changed Unfortunately snapshot testing suffers from the same brittleness as unit tests Minor details like changing a class name on a div can trigger the test to fail meaning your tests require constant maintenance and checking in order to root out false positives and then came StorybookStorybook provided a visual approach to traditional testing techniques It lets you view any component in any specific state and then capture it as a test case by writing a story With gt m downloads each month it continues to serve that function today The key idea behind Storybook is a that a developer can manually verify a story by rendering it within a browser In practice this approach is much easier than sifting through the false positives of unit snapshot tests updating test cases to match minor UI changes or working overtime to make tests pass again Stories test casesVisual tests share the same setup execution and teardown steps as any other type of testing However the final verification is left to the developer In Storybook writing a test case is the same as writing a story src components TaskList stories jsxexport default component TaskList export const Default args tasks inboxTasks To manually verify the TaskList in the Default state you would browse to the relevant story to render it in isolation You can then see that it looks OK and then you re done Automated checksStorybook s visual testing requires you to capture the relevant component states as stories and verify each one But what happens when you have thousands of stories Checking each one would take forever That s why we created Chromatic answering precisely that problem by handing developers an automated visual testing tool that runs in CI Over the past years it s been battle tested by organizations like Adobe the BBC Monday com Peloton and Mercado Libre The core principle of Chromatic is that you only need to focus on visible changes to the UI You re still involved in confirming whether changes are intentional but a machine has already done the first pass at finding these changes for you It works by automatically taking screenshots of every story to compare them pixel by pixel to past versions of the UI Next it builds a changeset of stories that have visual differences and shares them with you for review Storybook s next big thingThe Storybook team are currently working on a new addon that will let you bring automated visual testing directly into your local Storybook instance the Visual Tests addon It pinpoints visual changes in stories across browsers and viewports and is powered by the same technology as Chromatic The Visual Test addon is currently in development with six active maintainers Your feedback can help bring it to life faster Sign up below to get early access with free usage and project updates Sign up now |
2023-08-25 12:47:37 |
海外TECH |
DEV Community |
Git Commands To Know As A Developer [Cheatsheet for Beginners] 👨💻📑 |
https://dev.to/arjuncodess/git-commands-to-know-as-a-developer-cheatsheet-for-beginners-196o
|
Git Commands To Know As A Developer Cheatsheet for Beginners Done with remembering Git commands Check out this cheat sheet with commands to make your life easier as a code newbie You before this post You after this post Some Simple Git Terms To Know Repository This is where all your project s files changes and different versions are stored Branch It s like a separate copy of your project where you can work on a specific version The main branch is often called master Commit Think of it as a single snapshot of the changes you ve made to your project in a branch Checkout This is how you switch between the current version you re working on and another version in your project Master The main version of your project usually referred to as the master branch Merge When you combine changes from one branch into another to keep everything up to date Fork A clone of a repository that you can work on independently Head The most recent snapshot of your project that you re currently working with Fundamental Git Commands You Need to Graspgit init git init folder To start a new project or set up version control in an existing project you use this command It creates a repository either in the current folder or the specified folder git clone repo URL folder This command copies an existing repository to your computer If you provide a repo URL it copies to the current location If you want it in a different location include a folder path git add directory file When you want to prepare changes to be saved this command comes in handy It stages the changes in a directory or a file Usually followed by git commit and git push git commit m message After staging changes this command commits them with a message explaining the changes You can also use am to add and commit changes together git pushTo send your committed changes to the main repository you use this command git diffTo see the differences between your current changes and the last committed version you use this command You can also compare staged changes with the latest version using staged or specify a file to compare git pullThis command is used to fetch changes from the original branch and merge them into your local branch git fetchSimilar to git pull this command gets the latest changes from the main branch but it doesn t automatically merge them git logThis shows the history of your commits in a default format letting you see what changes have been made over time git statusThis helps you know the status of your files whether they re ready to be committed changed or untracked Use this official cheatsheet of Git for more commands I hope this article has helped you in learning about Git Thanks for reading the article Don t forget to bookmark this post for reference in the future |
2023-08-25 12:07:52 |
海外TECH |
DEV Community |
PowerShell: Turn Your Custom Objects into CSV Files (and vice versa) with a Snap of Your Fingers |
https://dev.to/kasuken/powershell-turn-your-custom-objects-into-csv-files-and-vice-versa-with-a-snap-of-your-fingers-ifk
|
PowerShell Turn Your Custom Objects into CSV Files and vice versa with a Snap of Your FingersPowerShell is a powerful scripting language that can manipulate various types of data such as arrays objects and CSV files In this blog post I will show you how to export and import a custom object array to a CSV file with PowerShell using different code examples and exploring all the parameters during the exporting phase What is a Custom Object Array A custom object array is an array that contains one or more custom objects A custom object is an object that has properties and values that you define For example you can create a custom object that represents a person with properties such as name age and occupation You can create a custom object array in PowerShell by using the New Object cmdlet the PSCustomObject type accelerator or the Select Object cmdlet Here are some examples Using New Object person New Object TypeName PSObject Property Name Alice Age Occupation Engineer person New Object TypeName PSObject Property Name Bob Age Occupation Teacher person New Object TypeName PSObject Property Name John Age Occupation Developer Create an array of custom objects people person person person Using PSCustomObject person PSCustomObject Name Alice Age Occupation Engineer person PSCustomObject Name Bob Age Occupation Teacher person PSCustomObject Name John Age Occupation Developer Create an array of custom objects people person person person Using Select Object Assume that you have a CSV file named people csv with the following content Name Age Occupation Alice Engineer Bob Teacher John Developer Import the CSV file and create an array of custom objects people Import Csv Path people csv Select Object Name Age Occupation How to Export a Custom Object Array to CSV To export a custom object array to a CSV file you can use the Export Csv cmdlet This cmdlet converts the custom object array into a comma separated values CSV file and saves it in the specified path The CSV file can then be opened by any application that supports CSV format such as Excel or Notepad The basic syntax of the Export Csv cmdlet is Export Csv InputObject lt object gt Path lt string gt Parameter lt value gt The InputObject parameter specifies the custom object array that you want to export The Path parameter specifies the full or relative path of the CSV file that you want to create or overwrite Here are some examples of using the Export Csv cmdlet Export the people array to a CSV file named people csv in the current directory people Export Csv Path people csv Export the people array to a CSV file named people csv in the C temp directory people Export Csv Path C temp people csv Export the people array to a CSV file named people csv in the current directory without writing the type information header people Export Csv Path people csv NoTypeInformation Export the people array to a CSV file named people csv in the current directory using a semicolon as the delimiter instead of a comma people Export Csv Path people csv Delimiter Export the people array to a CSV file named people csv in the current directory using UTF encoding instead of ASCII encoding people Export Csv Path people csv Encoding UTF Export only the Name and Occupation properties of the people array to a CSV file named people csv in the current directory people Select Object Name Occupation Export Csv Path people csv ConclusionIn this blog post I have shown you how to export and import a custom object array to a CSV file with PowerShell using different code examples and exploring all the parameters during the exporting phase I hope you have learned something useful and enjoyed reading this post |
2023-08-25 12:01:00 |
Apple |
AppleInsider - Frontpage News |
iPhone 15 USB-C, Apple Vision Pro labs, Tesla app Shortcuts and more on the AppleInsider Podcast |
https://appleinsider.com/articles/23/08/25/iphone-15-usb-c-apple-vision-pro-labs-tesla-app-shortcuts-and-more-on-the-appleinsider-podcast?utm_medium=rss
|
iPhone USB C Apple Vision Pro labs Tesla app Shortcuts and more on the AppleInsider PodcastOn this week s AppleInsider Podcast a special guest joins us to discuss Apple Vision Pro labs iPhone rumors the Tesla app gaining Shortcuts and more Apple Vision Pro labs enable early testingOur special guest is podcaster dog enthusiast and regular on TWiT tv Mikah Sargent He and host Stephen Robles find a spot to talk right on the show floor at the Podcast Movement event in Denver and get into Apple Vision Pro podcasting and very much into microphones Read more |
2023-08-25 12:21:31 |
海外TECH |
Engadget |
Engadget Podcast: Is Sony’s PlayStation Portal a huge mistake? |
https://www.engadget.com/engadget-podcast-sony-playstation-portal-123056370.html?src=rss
|
Engadget Podcast Is Sony s PlayStation Portal a huge mistake The PSP is back Sort of This week Sony announced the PlayStation Portal a handheld that can only stream games from your PS In this episode Devindra and Producer Ben Ellman try to figure out what the heck Sony is doing Is the Portal something gamers actually want Or did Sony completely miss an opportunity to build a better portable Also we discuss why we re excited for Armored Core VI and some serious big mecha action Listen below or subscribe on your podcast app of choice If you ve got suggestions or topics you d like covered on the show be sure to email us or drop a note in the comments And be sure to check out our other podcasts the Morning After and Engadget News Subscribe iTunesSpotifyPocket CastsStitcherGoogle PodcastsTopicsSony announces Playstation Portal handheld Armored Core VI Shadows of Rubicon review Coming in October Samsung s inch k ultra wide monitor Atari s new can play and cartridges…if you still have them NVIDIA s DLSS makes ray tracing look even better with AI Half Life is getting an unofficial remaster with RTX Other News Microsoft product event scheduled for September Elon Musk floats the idea of removing the block feature on X AI News US judge rules that AI art can t be copyrighted Working on Pop culture picks CreditsHosts Devindra Hardawar and Ben EllmanProducer Ben EllmanMusic Dale North and Terrence O BrienThis article originally appeared on Engadget at |
2023-08-25 12:30:56 |
海外TECH |
Engadget |
'GTA VI' hacker leaked footage using a Fire TV Stick in a budget UK hotel room |
https://www.engadget.com/gta-vi-hacker-leaked-footage-using-a-fire-tv-stick-in-a-budget-uk-hotel-room-121548381.html?src=rss
|
x GTA VI x hacker leaked footage using a Fire TV Stick in a budget UK hotel roomIn movies a hacker typically sits at a large desk with a slew of cutting edge technology in front of them In real life it turns out all you need is an Amazon Fire TV stick smartphone keyboard and mouse to steal and leak clips from a game like the hotly anticipated yet to be released Grand Theft Auto IV That s exactly what Arion Kurtaj a member of hacking group Lapsus did while already on bail for allegedly hacking NVIDIA the BBC reports The year old infiltrated Rockstar Games which created GTA VI going so far as to announce himself as an quot attacker quot in the company s slack channel The scene of the crime A UK Travelodge hotel officials had placed him in Kurtaj was moved to the hotel after hackers quot doxxed quot him releasing detailed information about him and his family online and compromising his safety While there he was allowed no internet access ーsomething he used the Fire TV Stick to get around nbsp Further details of Kurtaj s illegal stunt became public following a seven week trial and his being found guilty of hacking Rockstar neobank Revolut and Uber A year old was also convicted but unlike Kurtaj is still out on bail The two individuals are autistic and psychiatrists deemed them ineligible to stand trial This meant that the jury only weighed in on if they believed the crimes were committed not if they were done with criminal intent Lapsus referred to in court as a group of quot digital bandits quot is believed to be comprised mostly of teenagers from Brazil and the UK ーKurtaj and the unnamed year old are two of seven members arrested in the UK Between and Lapsus also allegedly hacked Samsung T Mobile and Microsoft Though the group requested ransoms it s unclear how much it made from these exploits if much at all This article originally appeared on Engadget at |
2023-08-25 12:15:48 |
海外TECH |
CodeProject Latest Articles |
Low Code Web Content Server: Making Marks on the Digital Shore. An Anecdotal View. |
https://www.codeproject.com/Articles/5367227/Low-Code-Web-Content-Server-Making-Marks-on-the-Di
|
anecdotal |
2023-08-25 12:52:00 |
金融 |
金融庁ホームページ |
職員を募集しています。(国内外の金融市場分析に関する業務に従事する専門調査員(非常勤職員)) |
https://www.fsa.go.jp/common/recruit/r5/souri-03/souri-03.html
|
非常勤職員 |
2023-08-25 12:02:00 |
ニュース |
BBC News - Home |
Spanish FA chief refuses to resign over World Cup kiss |
https://www.bbc.co.uk/sport/football/66609945?at_medium=RSS&at_campaign=KARANGA
|
world |
2023-08-25 12:18:05 |
ニュース |
BBC News - Home |
Nottinghamshire Police officer hit by train while helping man |
https://www.bbc.co.uk/news/uk-england-nottinghamshire-66616022?at_medium=RSS&at_campaign=KARANGA
|
lines |
2023-08-25 12:51:17 |
ニュース |
BBC News - Home |
88 UK deaths linked to Canada 'poison seller' |
https://www.bbc.co.uk/news/world-us-canada-66609884?at_medium=RSS&at_campaign=KARANGA
|
kenneth |
2023-08-25 12:38:34 |
ニュース |
BBC News - Home |
Families sue government over Covid care home deaths |
https://www.bbc.co.uk/news/health-66582873?at_medium=RSS&at_campaign=KARANGA
|
deathsrelatives |
2023-08-25 12:15:59 |
ニュース |
BBC News - Home |
Dutch Grand Prix: Max Verstappen quickest in Zandvoort opening session |
https://www.bbc.co.uk/sport/formula1/66615784?at_medium=RSS&at_campaign=KARANGA
|
Dutch Grand Prix Max Verstappen quickest in Zandvoort opening sessionRed Bull s Max Verstappen sets the pace in first practice at his home Dutch Grand Prix ahead of Fernando Alonso and Lewis Hamilton |
2023-08-25 12:10:49 |
コメント
コメントを投稿