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

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS News Blog	Amazon SageMaker Serverless Inference – Machine Learning Inference without Worrying about Servers	https://aws.amazon.com/blogs/aws/amazon-sagemaker-serverless-inference-machine-learning-inference-without-worrying-about-servers/	Amazon SageMaker Serverless Inference Machine Learning Inference without Worrying about ServersIn December we introduced Amazon SageMaker Serverless Inference in preview as a new option in Amazon SageMaker to deploy machine learning ML models for inference without having to configure or manage the underlying infrastructure Today I m happy to announce that Amazon SageMaker Serverless Inference is now generally available GA Different ML inference use cases …	2022-04-21 17:30:10
AWS	AWS Big Data Blog	Amazon QuickSight 1-click public embedding available in preview	https://aws.amazon.com/blogs/big-data/amazon-quicksight-1-click-public-embedding-available-in-preview/	Amazon QuickSight click public embedding available in previewAmazon QuickSight is a fully managed cloud native business intelligence BI service that makes it easy to connect to your data create interactive dashboards and share these with tens of thousands of users either directly within a QuickSight application or embedded in web apps and portals QuickSight Enterprise Edition now supports click public embedding a feature …	2022-04-21 17:12:29
AWS	AWS Machine Learning Blog	Specify and extract information from documents using the new Queries feature in Amazon Textract	https://aws.amazon.com/blogs/machine-learning/specify-and-extract-information-from-documents-using-the-new-queries-feature-in-amazon-textract/	Specify and extract information from documents using the new Queries feature in Amazon TextractAmazon Textract is a machine learning ML service that automatically extracts text handwriting and data from any document or image Amazon Textract now offers the flexibility to specify the data you need to extract from documents using the new Queries feature within the Analyze Document API You don t need to know the structure of the …	2022-04-21 17:32:12
AWS	AWS Media Blog	New game show app attracts and engages audiences with interactive live video streams powered by Amazon IVS	https://aws.amazon.com/blogs/media/new-game-show-app-attracts-and-engages-audiences-with-interactive-live-video-streams-powered-by-amazon-ivs/	New game show app attracts and engages audiences with interactive live video streams powered by Amazon IVSCodices Builds Moar on AWS An entertainment staple game shows measure participant knowledge luck or a combination of the two as they vie for prizes and bragging rights With the rise of interactive live streaming the format is no longer confined by traditional broadcast parameters opening new opportunities for creators and audiences UK based technology developer …	2022-04-21 17:18:37
AWS	AWS Mobile Blog	Add Maps to your Android app with AWS Amplify Geo, powered by Amazon Location Service	https://aws.amazon.com/blogs/mobile/add-maps-to-your-android-app-with-aws-amplify-geo-powered-by-amazon-location-service/	Add Maps to your Android app with AWS Amplify Geo powered by Amazon Location ServiceThis blog post was written by Erica Eaton Software Development Engineer at AWS Amplify Today s release of AWS Amplify Geo for Android allows developers to quickly and easily add customizable maps with markers and location search to their Android applications The location APIs are powered by Amazon Location Service and map rendering is from …	2022-04-21 17:38:55
AWS	AWS	AWS and Siemens: Accelerating Scalable Digital Twin Solutions | Amazon Web Services	https://www.youtube.com/watch?v=P8VXS-kCFRY	AWS and Siemens Accelerating Scalable Digital Twin Solutions Amazon Web ServicesSiemens provides software to create comprehensive digital twins for design manufacturing and service Through collaboration with AWS customers can create digital twin solutions that can scale from the simplest to the most complex use cases by combining Siemens rich application services for low code visualization simulation and industrial IoT with AWS IoT TwinMaker and other AWS services Learn more about AWS IoT TwinMaker at Subscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster Siemens DigitalTwin AWS AmazonWebServices CloudComputing	2022-04-21 17:45:53
AWS	AWS	Amazon Aurora Serverless | Amazon Web Services	https://www.youtube.com/watch?v=xKFA6PJgp0o	Amazon Aurora Serverless Amazon Web ServicesLearn more about Amazon Aurora Serverless v at Subscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster Aurora Database Serverless AWS AmazonWebServices CloudComputing	2022-04-21 17:45:41
AWS	AWS	Making It Easy to Create Digital Twins with AWS IoT TwinMaker | Amazon Web Services	https://www.youtube.com/watch?v=gfXNYsIogHk	Making It Easy to Create Digital Twins with AWS IoT TwinMaker Amazon Web ServicesAWS IoT TwinMaker makes it faster and easier for developers to create and use digital twins of real world systems like buildings factories industrial equipment and production lines With the ability to use existing data from multiple sources create virtual representations of any physical environment and combine existing D models with real world data discover how to harness digital twins to create a holistic view of your operations faster and with less effortLearn more about AWS IoT TwinMaker at Subscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster IoTTwinMaker DigitalTwin AWS AmazonWebServices CloudComputing	2022-04-21 17:45:16
python	Pythonタグが付けられた新着投稿 - Qiita	Atcoder B - Nice Shopping	https://qiita.com/KKDDD/items/cdec12bb24e362bba776	abmmapintinputsplit	2022-04-22 02:03:27
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu環境のgitkを開いた瞬間にすぐクラッシュすることがある問題について	https://qiita.com/t-kigi/items/4f12c86338093c103233	ubuntu	2022-04-22 02:05:53
Docker	dockerタグが付けられた新着投稿 - Qiita	.devcontainer.jsonの設定をいつも忘れるのでメモ	https://qiita.com/quotto/items/a672e8b3b45865832577	devcontainerjson	2022-04-22 02:01:32
Git	Gitタグが付けられた新着投稿 - Qiita	Ubuntu環境のgitkを開いた瞬間にすぐクラッシュすることがある問題について	https://qiita.com/t-kigi/items/4f12c86338093c103233	ubuntu	2022-04-22 02:05:53
海外TECH	Ars Technica	Google Play makes bizarre decision to ban call-recording apps	https://arstechnica.com/?p=1849673	bizarre	2022-04-21 17:18:33
海外TECH	MakeUseOf	15 Windows Diagnostics Tools to Check Your PC's Health	https://www.makeuseof.com/tag/13-windows-diagnostics-tools-check-pcs-health/	windows	2022-04-21 17:46:13
海外TECH	MakeUseOf	How Does Etsy Work? 7 Answers About Selling Here	https://www.makeuseof.com/how-does-etsy-work/	How Does Etsy Work Answers About Selling HereIf you ve heard of Etsy before you might be considering it to start selling products Here are seven answers about selling on Etsy that may help you	2022-04-21 17:30:13
海外TECH	DEV Community	New NFT Landing Page Template	https://dev.to/kumard3/new-nft-landing-page-template-31b9	New NFT Landing Page TemplateHey guys I have just added new Template to DEV UICheck out this NFT landing PageGithub Link Deployed Link	2022-04-21 17:21:11
海外TECH	DEV Community	Getting started with contributing to open source – Real world example	https://dev.to/nagi/getting-started-with-contributing-to-open-source-real-world-example-3kpp	Getting started with contributing to open source Real world exampleHey awesome people This is your step by step detailed with images guide on getting started contributing to opensource using real world package on github How to find something to contribute onCommunity make it super easy to get started with opensource you can even start by fix typos on Readme files in any repo When you re a complete beginnerAlthough I encourage you to get involved in opensource community as soon as possible I recommend starting a project with your favorite tech stack or language Get better understanding of what is going on inside these projects first before contributing Visit good first issue and pic your favorite language or framework Click on the project you like Open Issues tap on the project s github page In the search field enter this phrase is issue is open good label good first issue Continue reading	2022-04-21 17:19:53
海外TECH	DEV Community	Unable to connect Zookeeper in gke cluster	https://dev.to/ramkrishna2k3/unable-to-connect-zookeeper-in-gke-cluster-25c3	Unable to connect Zookeeper in gke clusterI am getting the below error while deploying the Apache Zookeeper bitnami chartsTo connect to your ZooKeeper server run the following commands export POD NAME kubectl get pods namespace default l app kubernetes io name zookeeper app kubernetes io instance zookeeper app kubernetes io component zookeeper o jsonpath items metadata name kubectl exec it POD NAME zkCli sherror error error executing jsonpath items metadata name Error executing template array index out of bounds index length Printing more information for debugging the template template was items metadata name object given to jsonpath engine was map string interface apiVersion v items interface kind List metadata map string interface resourceVersion selfLink error pod type name or filename must be specifiedKindly help me in this for my running project	2022-04-21 17:18:14
海外TECH	DEV Community	Shallow Copy vs Deep Copy in Javascript	https://dev.to/nagi/shallow-copy-vs-deep-copy-in-javascript-53d1	Shallow Copy vs Deep Copy in JavascriptCopying objects in javasceript to manipulate is common best practice When you copy javascript objects or arrays keep in mind that only the outer properties are actually copied while the nested properties inside them only get referenced javascript default copy mode is shallow copy to save on memory But in the same time introduce a weird behavior When you try to change a property of a shallow copied object the change will effect the original object that causes nasty bugs that get you stuck on for hours	2022-04-21 17:13:07
海外TECH	DEV Community	introduction to python	https://dev.to/sarleymwaka/introduction-to-python-23l3	introduction to python pythonpython is a high level programming language meaning it can be easily understood by humans python extension is pypython environment is a space where you write your python code examples visual studio google colab features of python includeeasy to learnsimplefuctions keywords that perform specific tasks example print functionprint welcome this displays the text in quotes that is welcome other examples of functons are inputidentifiers names used to name variables RULES must not be keywords digits cannot be used they are case sensitive special characters cannot be used data structures ways of organising or describing pieces of data example lists todo list cow goat turple setsdata types integer print float numbers with decimal points boolean true or false commenting in python by use of and comments do not a ppear on the code they just give instructions	2022-04-21 17:12:04
海外TECH	DEV Community	Complex Vue 3 state management made easy with Pinia	https://dev.to/logrocket/complex-vue-3-state-management-made-easy-with-pinia-41gb	Complex Vue state management made easy with PiniaWritten by Ivaylo Gerchev️State management is one of the cornerstones in web application development any nontrivial app needs some kind of a state management For years Vuex was the de facto state management tool for Vue apps However the new Vue docs officially recommend another tool Pinia But before you say “Oh no not another tool to learn you should know that Pinia is de facto Vuex as Evan You wrote in this tweet In this tutorial we ll examine the most important features of Pinia by learning how to create use and inspect data stores including Pinia vs Vuex Using a basic Pinia store Getting started with Pinia Defining app stores in Pinia Defining the posts store Defining the comments store Defining the authors store Creating views and components in Pinia Creating the posts view Creating a single post view Creating the authors view Creating a single author view Configuring the router Inspecting the Pinia stores in Vue DevtoolsThe project we ll build along the way will demonstrate the basics of building apps with complex state But first let s see how Pinia differs from Vuex Pinia vs VuexAlthough Pinia can be considered Vuex there are some important differences between the two you should bear in mind In Pinia mutations are removed because of their extreme verbosity Pinia fully supports TypeScript and offers autocompletion for JavaScript code Pinia does not need nested modules but if one store uses another store this can be considered implicit nesting In Pinia there is no need to namespace app stores like for Vuex modules Pinia uses Composition API but can be used with Options API too Pinia offers server side rendering SSR support Vue or Vue can use Pinia both with devtools support Using a basic Pinia storeThe Pinia API is maximally simplified Here is an example of a basic Pinia store import defineStore from pinia export const useCounterStore defineStore id counter state gt counter getters doubleCount state gt state counter actions increment this counter To define a store we use the defineStore function Here the word define is used instead of create because a store is not created until it s actually used in a component page Starting the store name with use is a convention across composables Each store must provide a unique id to mount the store to devtools Pinia also uses the state getters and actions concepts which are equivalent to data computed and methods in components The state is defined as a function returning the initial state The getters are functions that receive the state as a first argument The actions are functions that can be asynchronousThat s pretty much everything you need to know to define a Pinia store We ll see how stores are actually used in components pages throughout the rest of the tutorial After seeing how simple the Pinia API is let s start building our project Getting started with PiniaTo demonstrate Pinia s features we ll build a basic blog engine with the following features A list of all posts A single post page with the post s comments A list of all post authors A single author page with the author s written postsFirst let s create a new Vue project by running the following command npm init vue latestThis will install and execute create vue the official Vue project scaffolding tool to setup a new project with Vue and Vite In the process you must choose the tools necessary for the project Select all the tools marked with a red arrow Router Pinia ESLint and Prettier When the setup completes navigate to the project and install the dependencies cd vue projectnpm installAnd now you can open the project in the browser by running the following npm run devYour new Vue app will be served at http localhost Here is what you should see Now to adapt it to our needs we ll clean up the default project structure Here is how it looks now and what we ll delete To do this first close your terminal and delete all files folders within the red borders Now we re ready to start writing the project s code Let s first open main js file to see how the Pinia root store is created and included in the project import createApp from vue import createPinia from pinia Importimport App from App vue import router from router const app createApp App app use createPinia Create the root storeapp use router app mount app As you can see createPinia function is imported creates the Pinia store and passes it to the app Now open the App vue file and replace its content with the following lt script setup gt import RouterLink RouterView from vue router lt script gt lt template gt lt header class navbar gt lt div gt lt nav gt lt RouterLink to gt Posts lt RouterLink gt lt RouterLink to authors gt Authors lt RouterLink gt lt nav gt lt div gt lt header gt lt RouterView gt lt template gt lt style gt navbar background color lightgreen padding rem lt style gt Here we changed the link labels by replacing Home with Posts and About with Authors We also changed the Authors link from about to authors and removed all default styles and added our own for the navbar class which we add to distinguish the navigation from the posts Ok now we re ready to dive deeper into Pinia and define the necessary app stores Defining app stores in PiniaFor our small app we ll use the JSONPlaceholder service as a data source and these three resources users posts and comments To understand how we ll create the app stores better let s see how these resources relate to each other Take a look at the following diagram As you can see users are connected to posts by its id and posts are connected to comments in the same way So to get a post s author we can use userId and to get the comments for a post we can use postId With this knowledge we can start mapping the data to our stores Defining the posts storeThe first store we ll define is for blog posts In the stores directory rename counter js to post js and replace its content with the following import defineStore from pinia export const usePostStore defineStore id post state gt posts post null loading false error null getters getPostsPerAuthor state gt return authorId gt state posts filter post gt post userId authorId actions async fetchPosts this posts this loading true try this posts await fetch then response gt response json catch error this error error finally this loading false async fetchPost id this post null this loading true try this post await fetch id then response gt response json catch error this error error finally this loading false Let s break this into small chunks and explain what s going on First we define a usePostStore with an id of post Second we define our state with four properties posts for holding the fetched posts post for holding the current post loading for holding the loading state error for holding the error if such existsThird we create a getter to get how many posts an author has written By default a getter takes the state as an argument and uses it to get access to posts array Getters can t take custom arguments but we can return a function that can receive such So in our getter function we filter posts to find all posts with a particular user ID We ll provide that ID when we use it in a component later However note that when we return a function with an argument from a getter the getter is not cached anymore Finally let s create two asynchronous actions to fetch all posts and a single post In fetchPosts action we first reset the posts and set loading to true Then we fetch the posts by using FetchAPI and the posts resource from JSONPlaceholder If there is an error we assign the error to the error property And finally we set loading back to false The fetchPost id action is almost identical but this time we use the post property and provide an id to get a single post make sure you use backticks instead of single quotes when fetching the post Here we also reset the post property because if we don t do it the current post will display with the data from the previous post and the newly fetched post will be assigned to the post We have the posts now it s time to get some comments Defining the comments storeIn the stores directory create a comment js file with the following content import defineStore from pinia import usePostStore from post export const useCommentStore defineStore id comment state gt comments getters getPostComments state gt const postSore usePostStore return state comments filter post gt post postId postSore post id actions async fetchComments this comments await fetch then response gt response json Here we create a comments array property in the state to hold the fetched comments We fetch them with the help of fetchComments action The interesting part here is the getPostComments getter To get the post s comments we need a current post s ID Since we have it already in the post store can we get it from there Yes fortunately Pinia allows us to use one store in another and vice versa So to get the post s ID we import the usePostStore and use it inside the getPostComments getter Ok now we have the comments the last thing is to get the authors Defining the authors storeIn the stores directory create an author js file with the following content import defineStore from pinia import usePostStore from post export const useAuthorStore defineStore id author state gt authors getters getPostAuthor state gt const postStore usePostStore return state authors find author gt author id postStore post userId actions async fetchAuthors this authors await fetch then response gt response json This is pretty identical to commentStore We again import usePostStore and use it to provide the needed author s ID in the getPostAuthor getter And that s it You see how easy it is to create stores with Pinia a simple and elegant solution Now let s see how to use the stores in practice Creating views and components in PiniaIn this section we ll create the necessary views and components to apply the Pinia stores we just created Let s start with the list of all posts Note that I use Pinia with the Composition API and lt script setup gt syntax If you want to use the Options API instead check this guide Creating the posts viewIn the views directory rename HomeView vue to PostsView vue and replace its content with the following lt script setup gt import RouterLink from vue router import storeToRefs from pinia import usePostStore from stores post const posts loading error storeToRefs usePostStore const fetchPosts usePostStore fetchPosts lt script gt lt template gt lt main gt lt p v if loading gt Loading posts lt p gt lt p v if error gt error message lt p gt lt p v if posts v for post in posts key post id gt lt RouterLink to post post id gt post title lt RouterLink gt lt p gt post body lt p gt lt p gt lt main gt lt template gt Note that if you get a notification that you ve renamed the file just ignore it Here we import and extract all necessary data from post store We can t use destructuring for state properties and getters because they will lose their reactivity To solve this Pinia provides the storeToRefs utility which creates a ref for each property The actions can be extracted directly without issues We call fetchPosts to fetch the posts When using Composition API and call a function inside the setup function it s equivalent to using the created Hook So we ll have the posts before the component mounts We also have a series of v if directives in the template First we show the loading message if loading is true Then we show the error message if an error occurred Finally we iterate through posts and display a title and a body for each one We use the RouterLink component to add a link to the title so when users click it they will navigate to the single post view which we ll create a bit later Now let s modify the router js file Open it and replace its content with the following import createRouter createWebHistory from vue router import PostsView from views PostsView vue const router createRouter history createWebHistory routes path name posts component PostsView path about name about route level code splitting this generates a separate chunk About hash js for this route which is lazy loaded when the route is visited component gt import views AboutView vue export default routerHere we import the PostsView vue and use it as a component in the first route We also change the name from home to posts Testing the posts viewOk it s time to test what we achieved so far Run the app npm run dev and see the result in your browser You will probably get some Vue warnings in the console starting with “No match found… This is because we haven t created the necessary components yet and you can safely ignore them You may also need to reload the page if posts do not display Let s continue by creating the single post view Close the terminal to avoid any unnecessary error messages Creating a single post viewIn the views directory create a PostView vue file with the following content lt script setup gt import useRoute from vue router import storeToRefs from pinia import useAuthorStore from stores author import usePostStore from stores post import Post from components Post vue const route useRoute const getPostAuthor storeToRefs useAuthorStore const fetchAuthors useAuthorStore const post loading error storeToRefs usePostStore const fetchPost usePostStore fetchAuthors fetchPost route params id lt script gt lt template gt lt div gt lt p v if loading gt Loading post lt p gt lt p v if error gt error message lt p gt lt p v if post gt lt post post post author getPostAuthor gt lt post gt lt p gt lt div gt lt template gt In the setup we extract getPostAuthor and fetchAuthors from the author store and the necessary data from post store We also call fetchAuthors to get the existing authors Next we call the fetchPost route params id action with the ID provided with the help of the route object This updates the getPostAuthor and we can use it effectively in the template To provide the actual post we use a post component which takes two props post and author Let s create the component now Creating the post componentIn components directory create a Post vue file with the following content lt script setup gt import RouterLink from vue router import storeToRefs from pinia import useCommentStore from stores comment import Comment from components Comment vue defineProps post author const getPostComments storeToRefs useCommentStore const fetchComments useCommentStore fetchComments lt script gt lt template gt lt div gt lt div gt lt h gt post title lt h gt lt p v if author gt Written by lt RouterLink to author author username gt author name lt RouterLink gt lt span gt Comments getPostComments length lt span gt lt p gt lt p gt post body lt p gt lt div gt lt hr gt lt h gt Comments lt h gt lt comment comments getPostComments gt lt comment gt lt div gt lt template gt Here we define the needed props by using the defineProps function and extract the necessary data from the comment store Then we fetch the comments so the getPostComments can be updated properly In the template we first display the post title then in a byline we add an author name with a link to the author s page and the number of comments in the post We then add the post body and the comments section below To display comments we ll use separate component and pass the post comments to the comments prop Creating a comment componentIn the components directory create a Comment vue file with the following content lt script setup gt defineProps comments lt script gt lt template gt lt div gt lt div v for comment in comments key comment id gt lt h gt comment name lt h gt lt p gt comment body lt p gt lt div gt lt div gt lt template gt This is pretty simple We define the comments prop and use it to iterate through the post s comments Before we test the app again add the following to the router js import PostView from views PostView vue routes path post id name post component PostView Run the app again You should see a similar view when you navigate to a single post Now it s time to display the authors Close the terminal again Creating the authors viewIn the views directory rename AboutView vue file to AuthorsView vue and replace the content with the following lt script setup gt import RouterLink from vue router import storeToRefs from pinia import useAuthorStore from stores author const authors storeToRefs useAuthorStore const fetchAuthors useAuthorStore fetchAuthors lt script gt lt template gt lt div gt lt p v if authors v for author in authors key author id gt lt RouterLink to author author username gt author name lt RouterLink gt lt p gt lt div gt lt template gt Here we use the author store to fetch and get the authors to iterate through them in the template For each author we provide a link to their page Open router js file again and change the route for the About page to the following path authors name authors route level code splitting this generates a separate chunk About hash js for this route which is lazy loaded when the route is visited component gt import views AuthorsView vue Here we change the path and name to authors and authors respectively and import the AuthorsView vue with lazy loading Run the app again You should see the following when you visit the authors view Now let s create the single author view Close the terminal again Creating a single author viewIn the views directory create an AuthorView vue file with the following content lt script setup gt import computed from vue import useRoute from vue router import storeToRefs from pinia import useAuthorStore from stores author import usePostStore from stores post import Author from components Author vue const route useRoute const authors storeToRefs useAuthorStore const getPostsPerAuthor storeToRefs usePostStore const fetchPosts usePostStore const getAuthorByUserName computed gt return authors value find author gt author username route params username fetchPosts lt script gt lt template gt lt div gt lt author author getAuthorByUserName posts getPostsPerAuthor getAuthorByUserName id gt lt author gt lt div gt lt template gt Here to find who the current author is we use their username to get it from the route So we create a getAuthorByUserName computed for this purpose we pass author and posts props to an author component which we ll create right now Creating the author componentIn the components directory create Author vue file with the following content lt script setup gt import RouterLink from vue router defineProps author posts lt script gt lt template gt lt div gt lt h gt author name lt h gt lt p gt posts length posts written lt p gt lt p v for post in posts key post id gt lt RouterLink to post post id gt post title lt RouterLink gt lt p gt lt div gt lt template gt This component displays the author name how many posts were written by the author and the posts themselves Next add the following to the router js file import AuthorView from views AuthorView vue routes path author username name author component AuthorView Run the app again You should see the following when you go to the author view Configuring the routerHere is how the final router js file should look like import createRouter createWebHistory from vue router import PostsView from views PostsView vue import PostView from views PostView vue import AuthorView from views AuthorView vue const router createRouter history createWebHistory routes path name posts component PostsView path authors name authors route level code splitting this generates a separate chunk About hash js for this route which is lazy loaded when the route is visited component gt import views AuthorsView vue path post id name post component PostView path author username name author component AuthorView export default routerNow all the Vue warnings for missing resources components should be gone And that s it We successfully created and used Pinia stores in a fairly complex app Lastly let s see how we can inspect the app in the Vue devtools Inspecting the Pinia stores in Vue DevtoolsIn the next screenshots we have a post with ID opened Here is how the routes of the app are listed in the Routes tab We can see that all routes we created are here and the one for the single post is active because it s currently being used Now let s switch to the Components tab so we can explore the app components tree for the post view As we can see the app starts with the two RouretLink components and the RouterView component defined in App vue Then we have the single post view followed by the post component At the end there is another RouterLink and the comment component Let s now see the stores which is the interesting part Pinia shows all stores used in the active component In our case we have all three because we use them all when we open a single post Here is the post store We can see that Pinia shows the correct opened post The same is true for the author store And finally the comment store shows the comments Again we can see that the name of the first comment matches the one displayed in the browser So everything worked as expected Now you know how to create use and inspect Pinia stores ConclusionI m pretty happy with the new official Vue state management tool As we saw it s modular by design easy to use has a tiny footprint and last but not least it s simple flexible and powerful It s really enjoyable to create stores with Pinia In this tutorial we built a basic blog engine incorporating the main features Pinia provides state getters and actions Of course the project can be extended further by adding CRUD functionality for the authors posts and comments but this is out of the scope of this tutorial If you wish you can try to implement such a functionality by yourself to practice what you ve learned The JSONPlaceholder guide can help you with this job For a more complex and real world example of Pinia usage you can explore the Directus project s code Finally make sure to check the Pinia docs to learn even more advanced ways to use it Experience your Vue apps exactly how a user doesDebugging Vue js applications can be difficult especially when there are dozens if not hundreds of mutations during a user session If you re interested in monitoring and tracking Vue mutations for all of your users in production try LogRocket LogRocket is like a DVR for web and mobile apps recording literally everything that happens in your Vue apps including network requests JavaScript errors performance problems and much more Instead of guessing why problems happen you can aggregate and report on what state your application was in when an issue occurred The LogRocket Vuex plugin logs Vuex mutations to the LogRocket console giving you context around what led to an error and what state the application was in when an issue occurred Modernize how you debug your Vue apps Start monitoring for free	2022-04-21 17:11:50
海外TECH	DEV Community	Demystifying algorithms	https://dev.to/charliekozey/demystifying-algorithms-4bj8	Demystifying algorithmsAlgorithms have an intimidating reputation for programmers and non programmers alike This post is meant to provide a high level overview of what an algorithm is with a non techy hopefully easy to grasp example and briefly touch on what makes algorithms important In the simplest terms algorithms are just a series of steps executed in a specific order Algorithms can be run by computers of course but they can also be done by hand An example of an algorithm that most people have had experience with from an early age is long division The long division algorithm looks something like this Follow along with a pencil and paper if you d like Or even better hide this tab and try to write out the steps yourself It can be a useful exercise to articulate the steps of a process that has become automatic for you because that s what you ll have to do when translating steps into code Set up the dividend the number being divided and divisor the number that is divided by in the bracket dividend inside and divisor on the left Example on the left inside bracket Examine the dividend one digit at a time starting from the left and check to see if the divisor can fit into that number at least once Let s call that number the fragment If not expand the fragment by one digit to the right and check again too small too small big enough Once you reach a fragment that can be divided by the divisor put the quotient the nearest whole number on top of the bracket above the fragment s final digit Multiply the quotient by the divisor and place the result directly underneath the fragment lining up the corresponding place value columns Subtract the result from the fragment Repeat steps with the result found in step If the result of step is too small bring the next digit of the dividend down and append it to the result of step If at any point you run out of digits in the dividend add a decimal point and as many zeros as necessary to the dividend Also add a decimal point in the quotient in the same position too small big enough too small big enough Stop when you reach a number that is evenly divided into your divisor when you reach a repeating decimal or when you have enough decimal places for your precision needs is precise enough for me At a fundamental level any algorithm you can think ofーsearch algorithms recommendation algorithms routing algorithms and the list goes on ーworks exactly in this step by step manner On a practical level technical interviews for coding jobs often emphasize algorithms It s an important skill to have if you want a job Like most things working with algorithms is a skill that you can improve with practice There are many free resources online for this purpose And on a societal level it s important to think critically about algorithms and their real impact on people s lives Like a lot of terms in for example finance there s a hand wavey mystique about the word algorithm This mystique helps to maintain a status quo where insiders have a monopoly on knowledge and power Moreover because algorithms are iterative their results are compounding Small tweaks in their initial state can produce big changes in the output Finally an important implication of point is that whatever biases are coded in by the programmers at the outsetーhowever minor or unintentionalーcan have a huge impact on the final result see for example racial biases in facial recognition algorithms Algorithms are not a source of truth which is especially important to remember since many people believe that if a computer calculated it it must be objectively true	2022-04-21 17:08:00
Apple	AppleInsider - Frontpage News	Apple Fitness+ celebrating International Dance Day with workouts & more	https://appleinsider.com/articles/22/04/21/apple-fitness-celebrating-international-dance-day-with-workouts-more?utm_medium=rss	Apple Fitness celebrating International Dance Day with workouts amp moreApple Fitness is celebrating the lead up to International Dance Day with a new collection of workouts a limited time award and a new Artist Spotlight Credit AppleInternational Dance Day lands on April and Apple Fitness is celebrating all aspects of music and dance Starting the week of April Apple kicked off the celebration by bringing back its Artist Spotlight series with ABBA BTS and Queen Read more	2022-04-21 17:10:05
海外TECH	Engadget	Elektron's Syntakt wants to be the only groovebox you'll ever need	https://www.engadget.com/elektron-syntakt-groovebox-analog-digital-drum-machine-synthesizer-174548495.html?src=rss	Elektron x s Syntakt wants to be the only groovebox you x ll ever needThe Syntakt has been one of the worst kept secrets in the music world But it wasn t until today that the world finally got to see what Elektron s latest groovebox is capable of It combines the company s legendary sequencer with four analog four analog synth tracks and digital tracks While the Syntakt is focused primarily on percussion it s capable of handling bass and melody as well And if you re not happy with the internal synth sounds you can control external gear by switching any of the tracks to be MIDI Those MIDI tracks by the way are four note polyphonicThe Syntakt takes an everything and the kitchen sink approach and borrows a bit of its sound design workflow from previous Elektron instruments like the Machinedrum and Model Cycles It starts by selecting a quot machine quot of which there are spread across the three different core types of synthesis There are digital synths analog drum and analog cymbal machines Each one is designed to do a specific thing just like on the Cycles but the level of control offered here is far greater nbsp Each engine also has a specific set of effects and parameters associated with it The digital tracks each have a digital overdrive a digital multimode filter and a digital base width filter in addition to a pair of LFOs While the analog tracks each have an analog overdrive an analog multimode filter and a pair of LFOs There s also an FX track where you can automate an analog overdrive an analog multimode filter as well as digital reverb and delay nbsp In addition to controlling external gear with the Syntakt s MIDI channels you can also feed external audio through its master effects allowing you to treat it as both a master sequencer and a mixer ーit can be the brains of an entire performance setup The entire thing lives inside the same chassis Elektron uses for its Digitakt and Digitone instruments which means it s small and portable ish but also quite rugged It weighs just lbs but is housed in steel casing Of course all that power and roadworthiness doesn t come cheap The Syntakt is available now in limited quantities from Elektron and to preorder from select retailers for	2022-04-21 17:45:48
海外TECH	Engadget	Sheryl Sandberg reportedly used Facebook resources to help embattled Activision CEO	https://www.engadget.com/sheryl-sandberg-intervened-reporting-on-bobby-kotick-172951756.html?src=rss	Sheryl Sandberg reportedly used Facebook resources to help embattled Activision CEOMeta is reportedly investigating whether Sheryl Sandberg broke company rules in her dealings with a publication that was reporting on Activision CEO Bobby Kotick who she was dating at the time According to a new report in The Wall Street Journal the Meta COO used company resources to help kill negative reporting about Kotick Meta is now reportedly conducting a quot review quot of her actions and “whether she violated the company s rules According to the report the British tabloid MailOnline was pursuing a story based on allegations made by a former girlfriend of Kotick s and a temporary restraining order she had received against him But Sandberg and Kotick worked together on two separate occasions in and in to strategize on how to “persuade the Daily Mail not to report on the restraining order The report states that Facebook and Activision staff were both directly involved in the effort and that there was concern internally at Facebook that the story would “reflect negatively on her reputation as an advocate for women The Wall Street Journal report also questions whether Sandberg inappropriately wielded her influence as Facebook COO in her dealings with the MailOnline management One of the paper s unnamed sources states that Kotick “told people that Ms Sandberg threatened the Mail in by saying that such an article if published could damage the news organization s business relationship with Facebook In a statement a Meta spokesperson denied Sandberg had “threatened MailOnline “Sheryl Sandberg never threatened the MailOnline s business relationship with Facebook in order to influence an editorial decision the spokesperson said “This story attempts to make connections that don t exist Kotick told The Journal he “never said anything like that Developing	2022-04-21 17:29:51
海外TECH	Engadget	FAA revokes YouTuber's pilot license, saying he deliberately crashed his plane	https://www.engadget.com/faa-revokes-youtube-pilot-license-he-deliberately-crashed-plane-171141320.html?src=rss	FAA revokes YouTuber x s pilot license saying he deliberately crashed his planeOn November st Trevor Jacob s single engine airplane fell out of the sky ーa harrowing experience that the YouTuber just so happened to catch on film and upload to social media In January aviation experts began investigating the incident as they are wont to do in the event of most every aviation crash and on Thursday the Federal Aviation Administration formally accused Jacob of staging the entire incident and intentionally crashing his Taylorcraft for online clout At the time Jacob a former Olympic snowboarder claimed that his plane had malfunctioned forcing him to bail out and parachute to safely while the aircraft crashed into the Los Padres National Forest in Southern California However in a letter dated April th the FAA informed him that he had operated his plane in a “careless or reckless manner so as to endanger the life or property of another a violation of aviation regulations The FAA also revoked his pilot s license effective immediately When reached by the New York Times this week Jacob claimed to not be aware of the April th letter but declined to comment on advice of his attorney Although the FAA can t actually prosecute anybody for violating regulations should Jacob fail to surrender his pilot s license he can be held liable for quot further legal enforcement action quot and fined up to a day until he does	2022-04-21 17:11:41
海外TECH	Engadget	Even 'Rocket League' is adding a battle royale mode	https://www.engadget.com/rocket-league-battle-royale-mode-knockout-bash-170058812.html?src=rss	Even x Rocket League x is adding a battle royale modeIf you thought it was just a matter of time before Psyonix synced up with its parent company Epic Games by adding battle royale to Rocket League your beliefs were well founded Psyonix is introducing a limited time Knockout Bash mode that drops the usual vehicular soccer in favor of battle royale s familiar last one standing mechanic Eight players try to survive by attacking each other and staying inside an ever shrinking quot Safezone quot That will sound more than a little familiar to Fortnite fans but Rocket League s take includes a few important twists Players only leave after they ve been knocked out three times for instance And don t worry you won t pick up guns ーyou instead ram them block attacks or even toss them across the arena Hazards like spikes and an underlying laser grid lead to instant knockouts and the six minute mark activates a quot Sudden KO quot phase where attacks are more powerful and leaving the Safezone results in instant death Your abilities change too You now lock the camera on to rivals rather than the non existent ball You can jump much faster and for longer and you ll have both a stronger boost and more dodges at your disposal Knockout Bash will be available between April th and May th with three maps devoted solely to this free for all combat Twitch viewers will also receive a special player banner if they watch certain Rocket League streamers when the mode launches It s not certain that Psyonix will revive battle royale at a later date but we wouldn t be surprised to see a comeback if this event proves successful	2022-04-21 17:00:58
Linux	OMG! Ubuntu!	Installed Ubuntu 22.04? Do These Things Next!	https://www.omgubuntu.co.uk/2022/04/installed-ubuntu-22-04-do-these-things-next	Installed Ubuntu Do These Things Next We share things you can do after installing Ubuntu to make your experience even better such as using GNOME extensions and adding Flatpak support This post Installed Ubuntu Do These Things Next is from OMG Ubuntu Do not reproduce elsewhere without permission	2022-04-21 17:10:00
金融	RSS FILE - 日本証券業協会	証券会社が仲介するプライベートプレイスメントに関する情報交換会	https://www.jsda.or.jp/about/gyouji/20220421101612.html	証券会社	2022-04-21 17:45:00
ニュース	BBC News - Home	Logan Mwangi murder: Mum, stepdad and teen found guilty	https://www.bbc.co.uk/news/uk-wales-60953867?at_medium=RSS&at_campaign=KARANGA	child	2022-04-21 17:01:54
ニュース	BBC News - Home	Wimbledon ban on Russian players is discrimination - Andrey Rublev	https://www.bbc.co.uk/sport/tennis/61182808?at_medium=RSS&at_campaign=KARANGA	complete	2022-04-21 17:34:19
ニュース	BBC News - Home	Doctors suggest adenovirus link to child hepatitis cases	https://www.bbc.co.uk/news/health-61177329?at_medium=RSS&at_campaign=KARANGA	common	2022-04-21 17:52:26
ニュース	BBC News - Home	Florida lawmakers have stripped Disney of special tax status	https://www.bbc.co.uk/news/world-us-canada-61179262?at_medium=RSS&at_campaign=KARANGA	desantis	2022-04-21 17:31:28
ニュース	BBC News - Home	Logan Mwangi: How CCTV helped police catch his murderers	https://www.bbc.co.uk/news/uk-wales-61174311?at_medium=RSS&at_campaign=KARANGA	mother	2022-04-21 17:39:15
ニュース	BBC News - Home	What did Boris Johnson tell Parliament about parties?	https://www.bbc.co.uk/news/60203864?at_medium=RSS&at_campaign=KARANGA	minister	2022-04-21 17:40:08
ビジネス	ダイヤモンド・オンライン - 新着記事	ファーストリテイリングのROAが異常なまでに高いのはなぜか - 経営指標大全	https://diamond.jp/articles/-/302061	製造小売業	2022-04-22 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「毎日洗っているのに、髪が濡れたみたいになる」のはなぜ？ プロが解説！ - 髪が増える術	https://diamond.jp/articles/-/301100	「毎日洗っているのに、髪が濡れたみたいになる」のはなぜプロが解説髪が増える術薄毛、白髪、フケ、かゆみ…。	2022-04-22 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	初心者も恥ずかしがり屋も、思う存分楽しめる 「一回完結」のピアノ教室を始めた理由 - だから、この本。	https://diamond.jp/articles/-/301872	monacafactory	2022-04-22 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	意外と知らないロシア周辺国「ロシアと国交を断絶した国」 - 読むだけで世界地図が頭に入る本	https://diamond.jp/articles/-/301154		2022-04-22 02:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	引越し、転職、入学…「新年度で変化のあった人」へのNG言葉、OK言葉 - オトナ女子のすてきな語彙力帳	https://diamond.jp/articles/-/301791	転職	2022-04-22 02:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	日々入ってくる紙は どうやって 処理すればいい？ - 人生が変わる 紙片づけ！	https://diamond.jp/articles/-/301822	紙の片づけ方が分かると、時間も増えるし、お金も貯まって人生が変わります。	2022-04-22 02:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	コールドコールをやめれば売上げは伸びる - セールスフォース式 売れる組織に変える9の方法	https://diamond.jp/articles/-/301523	顧客	2022-04-22 02:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	アメリカの中学生が学んでいる「万有引力」の授業【全世界700万人が感動した「科学」ノート】 - アメリカの中学生が学んでいる14歳からの科学	https://diamond.jp/articles/-/302096	アメリカの中学生が学んでいる「万有引力」の授業【全世界万人が感動した「科学」ノート】アメリカの中学生が学んでいる歳からの科学万有引力は、物体が地面に落下するときに作用する重力だけを指すのではなく、質量を持っているすべての物体に作用する引力である万有引力は必ず引力で、反発力になることはない。	2022-04-22 02:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	免疫ビタミンの優等生！ シャキシャキ楽しい長寿サラダとは？ - 認知症専門医が毎日食べている長寿サラダ	https://diamond.jp/articles/-/301829	免疫ビタミンの優等生シャキシャキ楽しい長寿サラダとは認知症専門医が毎日食べている長寿サラダ世界最先端の革命的認知症治療に取り組む、認知症研究年超の医学博士。	2022-04-22 02:10:00