投稿時間:2023-06-19 17:28:52 RSSフィード2023-06-19 17:00 分まとめ(31件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
ROBOT ロボスタ 遠隔接客サービス「KSIN(けしん)」オペレーターの動きや表情に合わせたアバターが接客 経産省「IT導入補助金 2023」対象ツールに認定 https://robotstart.info/2023/06/19/ksin-it-deployment-subsidy.html 遠隔接客サービス「KSINけしん」オペレーターの動きや表情に合わせたアバターが接客経産省「IT導入補助金」対象ツールに認定シェアツイートはてブデジタル・フロンティアは、ユニキャストと共同開発したアバター遠隔接客サービス「KSIN」けしんが、経済産業省の「IT導入補助金」の対象ツールに認定されたことを発表した。 2023-06-19 07:37:18
IT ITmedia 総合記事一覧 [ITmedia News] JAXA、月着陸実証機「SLIM」のゲーム公開 GIGA端末でも動く https://www.itmedia.co.jp/news/articles/2306/19/news140.html itmedianewsjaxa 2023-06-19 16:36:00
IT ITmedia 総合記事一覧 [ITmedia PC USER] LGエレ、144Hz駆動に対応した31.5型4Kゲーミング液晶ディスプレイ https://www.itmedia.co.jp/pcuser/articles/2306/19/news135.html itmediapcuserlg 2023-06-19 16:05:00
IT 情報システムリーダーのためのIT情報専門サイト IT Leaders ジャストシステム、ノーコード開発ツール「JUST.DB」新版、Excel/CSVを自動でDBに取り込み可能に | IT Leaders https://it.impress.co.jp/articles/-/24976 ジャストシステム、ノーコード開発ツール「JUSTDB」新版、ExcelCSVを自動でDBに取り込み可能にITLeadersジャストシステムは年月日、クラウド型ノーコード開発基盤「JUSTDB」をバージョンアップしたと発表した。 2023-06-19 16:02:00
python Pythonタグが付けられた新着投稿 - Qiita 文章のように pythonを書く https://qiita.com/bisketoriba/items/90a92cb626a6816d3eaa udemy 2023-06-19 16:29:59
Linux Ubuntuタグが付けられた新着投稿 - Qiita Metal as a Service MAASを使ってPoC環境のOSインストールを自動化 https://qiita.com/abek21/items/cb233a0f43bdb7aedaca metalasaservicemaas 2023-06-19 16:05:00
AWS AWSタグが付けられた新着投稿 - Qiita RDSレプリケーションの同期、非同期についてまとめました https://qiita.com/bonjiko/items/e61a2f4e44da1535829c 分からん 2023-06-19 16:08:43
技術ブログ Developers.IO Alteryx Designerで住所の都道府県を除く方法 https://dev.classmethod.jp/articles/alteryx_address_subtract/ alteryxdesigner 2023-06-19 07:58:09
技術ブログ Developers.IO MixpanelのデータをFivetranを使ってSnowflakeにロードしてみた https://dev.classmethod.jp/articles/mixpanel-data-load-with-fivetran/ apise 2023-06-19 07:19:14
技術ブログ Developers.IO Cloudflare Streamの動画プレイヤーでEnhancement Propertiesを使ってみた! https://dev.classmethod.jp/articles/cloudflare-stream-player-enhancement-properties/ enhanc 2023-06-19 07:01:32
海外TECH DEV Community Weekly Roundup (Jun 12) - 🔥Hot Topics🔥 in workplace, sharepoint, and powerplatform https://dev.to/jaloplo/weekly-roundup-jun-12-hot-topics-in-workplace-sharepoint-and-powerplatform-4d1d Weekly Roundup Jun Hot Topicsin workplace sharepoint and powerplatformHey fellow developers It s jaloplo here to give you the latest scoop on what s been happening in the workplace sharepoint and powerplatform communities workplacePromising Future of Freelancing Embracing Independence in the Digital Age by Bhavin Moradiya powerplatform From Novice to Ninja Fueling Enterprise Skillset with low Code by Bala MadhusoodhananThe LowCode Playbook by david wyattShare Power Apps without Security Groups by david wyattWhat is the PL Exam All You Need to Know by Citizen Development AcademyThat s all for this week s roundup Thanks for tuning in and remember to keep the discussions lively and informative in our tags If you have any suggestions for future topics feel free to drop them in the comments below See you next week 2023-06-19 07:49:36
海外TECH DEV Community AWS open source newsletter, #161 https://dev.to/aws/aws-open-source-newsletter-161-59d8 AWS open source newsletter June th Instalment Welcome to of the AWS open source newsletter and another week for fresh new open source projects and code for you to practice your four freedoms This weeks projects include tools that will help you create temporary elevated credentials a new Java library that provides methods for encrypting and decrypting cryptographic materials an AWS DynamoDB wrapper for Node TypeScript developers and a solution to help you find and visualise data assets We also have some great demo code that shows you how you can deploy an AWS managed Active Directory Keycloak a tool to help automate the creation of transcripts for your prod casts and a great project that helps you to build continuous deployment pipelines following current good practices This weeks newsletter is also filled with lovely content on some of your favourite open source projects featuring Falcon Keycloak Cedar FreeRTOS Apache Airflow Apache Spark Apache Hudi Apache Iceberg and Delta Lake Apache Flink OpenChatkit Pinniped Kubecost Karpenter ONNX Apache Kafka Babelfish for Aurora PostgreSQL AWS Amplify Next js OpenSearch Flux ArgoCD KVM and more I have added a few events that are happening this week and next so make sure you do not miss those too FeedbackBefore you dive in however I need your help Please please please take minute to complete this short survey and bask in the warmth of having helped improve how we support open source Celebrating open source contributorsThe articles and projects shared in this newsletter are only possible thanks to the many contributors in open source I would like to shout out and thank those folks who really do power open source and enable us all to learn and build on top of what they have created So thank you to the following open source heroes David Krohn Marcell Jobs Nicholas Saenz Julienne Anel Orazgaliyeva Carlos Santana Sai Vennam Suraj Narwade James McIntyre Siva Guruvareddiar Elamaran Shanmugam Re Alvarez Parmar Adam McLean Ashok Srirama Hemanth AVS Giacomo Margaria Lotfi Mouhib Hamza Mimi Vikram Elango Andrew Smith Dhawalkumar Patel Nir Tsruya and Ankit Gupta Daniel Arenhage Kalaiarasu M Shana Schipers Ian Meyers Carlos Rodrigues Damon Cortesi Vincent Beck Tony Smith Darin McAdams Daniel Bass Lee Gilmore and Johannes Koch Latest open source projectsThe great thing about open source projects is that you can review the source code If you like the look of these projects make sure you that take a look at the code and if it is useful to you get in touch with the maintainer to provide feedback suggestions or even submit a contribution Toolsiam identity center teamiam identity center team this repository contains the source code for the deploying temporary elevated access management TEAM application TEAM is an open source solution that integrates with AWS IAM Identity Center and allows you to manage and monitor time bound elevated access to your multi account AWS environment at scale The solution is a custom application that allows users to request access to an AWS account only when it is needed and only for a specific period of time Once the time period has elapsed elevated access is automatically removed Very nice project with great documentation aws cryptographic material providers library javaaws cryptographic material providers library java provides methods for encrypting and decrypting cryptographic materials used in higher level client side encryption libraries The AWS Cryptographic Material Providers Library abstracts lower level cryptographic materials management of encryption and decryption materials It uses cryptographic best practices to protect the data keys that protect your data The data key is protected with a key encryption key called a wrapping key or master key The encryption method returns the data key and one or more encrypted data keys Supported libraries use this information to perform envelope encryption The data key is used to protect your data and the encrypted data keys are stored alongside your data so you don t need to keep track of the data keys separately You can use AWS KMS keys in AWS Key Management Service AWS KMS as wrapping keys The AWS Cryptographic Material Providers Library also provides APIs to define and use wrapping keys from other key providers Note The AWS Cryptographic Material Providers Library is released as a developer preview and is subject to change The current release is not intended to be used in production environments tinymotinymo is a nice AWS DynamoDB wrapper for Node TypeScript developers It simplifies constructing DynamoDB s JSON based command inputs within your code and should make the experience a lot less annoying Repo has plenty of examples to get you started too cdk aws ad connectcdk aws ad connect from AWS Community Builder and Ambassador David Krohn and Marcell Jobs that makes it easy to deploy and configure an Active Directory Connector using AWS Step Functions sensitive data protection on awssensitive data protection on aws this solution allows enterprise customers to create data catalogs discover protect and visualise sensitive data across multiple AWS accounts The solution eliminates the need for manual tagging to track sensitive data such as Personal Identifiable Information PII and classified information Demos Samples Solutions and Workshopscicdonaws example projectscicdonaws example projects AWS Hero Johannes Koch shares with you a new project he is working on that shows you how to implement a simple end to end CI CD pipelines that contains all of the steps that follow best practices With the project Johannes wants to be able to give Builders around the globe the possibility to understand the difference between certain CI CD tools while at the same time following best practices He is looking for feedback on his project so make sure you check it out He has also put together a helpful video to walk you through the different components active directory on aws cdkactive directory on aws cdk this is a sample repo that will help you deploy an AWS managed Active Directory server with additional supporting resources and configurations using AWS CDK I put this together as I could not find one and I needed it for a demo I am putting together I also put together a blog post that walks you through using it Check that out here Using CDK to deploy AWS managed Active Directorykeycloak awskeycloak aws this repo provides a working example of how you can use the keycloak cdk construct to deploy a later version of Keycloak Most of the solutions out there seem to work for versions of Keycloak v or older and I needed to bootstrap a newer version I put together a post that provides a walk through of how you can use it Let me know what you think and read the post here Integrating Keycloak as my Identity Provider for IAM Identity Centre Part one deploying Keycloak on AWS with a follow on part here podwhispererpodwhisperer A completely automated podcast audio transcription workflow with super accurate results according to the developers This project uses AWS SAM with nested stacks to deploy a number of tools and the solution uses a number of additional services such as OpenAI Whispher and Amazon Transcribe Check out the architecture Falcon BFalcon B this repo provides notebooks that will help know how to host Falcon B using DeepSpeed on SageMaker using LMI DLCs There is an accompanying blog post Deploy Falcon B with large model inference DLCs on Amazon SageMaker that walks you through the process Serverless AWS CDK Best Practices Patterns Part Serverless AWS CDK Best Practices Patterns Part Lee Gilmore provides an example of creating immutable builds using the AWS CDK and progressing them through environments to production using CDK Pipelines There is an accompanying blog post series that dives deeper into the code which you can check out Here is the fourth instalment Serverless AWS CDK Pipeline Best Practices amp Patterns ーPart but make sure you check out the others BonusLee has also put together videos from parts one and two of the series so check them out here Part OnePart Two AWS and Community blog postsCommunity roundupI love exploring the many and varied posts that the community creates and last week there was so many great that I enjoyed reading Kicking off with an open source project I am spending time getting to know Cedar Open Source is all about scratching that itch and Darin McAdams posted Why was Cedar created and explores why Cedar was created Keeping with the Cedar theme Daniel Bass has put together a very nice post Implementing Role Based Access Control RBAC with AWS Cedar that provides a nice overview of how and why should you implement Role Based Access Control RBAC using the Cedar policy engine I love hacking around with various IoT devices and have various ESP and other devices lying around so I was super interested in reading Tony Smith s post Achieving Unbrickable MCU FOTA for your FreeRTOS powered Firmware The Microvisor IoT Approach showing how you can use Twilio Microvisor together with FreeRTOS to reduce the risk of bricking devices during over the air OTA updates If you are using Managed Workflows for Apache Airflow MWAA and integrating it with AWS Secrets manager then this post Setting up AWS secrets backends with Airflow in a cost effective way is an essential read from Vincent Beck The post dives deep into how the integration works and takes a look at how you can optimise your costs On a related note if you missed How Apache Airflow Better Manages Machine Learning Pipelines that was published on The New Stack last week then check it out as it speaks with a number of the AWS folks working upstream in the Apache Airflow community to help improve the Apache Airflow user experience Apache SparkDamon Cortesi has put together a very nice post Deploy Serverless Spark Jobs to AWS Using GitHub Actions that shows how to deploy an end to end Spark ETL pipeline to Amazon EMR Serverless with GitHub Actions Apache Hudi Apache Iceberg and Delta LakeApache Hudi Apache Iceberg and Delta Lake are open source transactional table formats or open table formats can help you solve advanced use cases around performance cost governance and privacy in your data lakes In the post Choosing an open table format for your transactional data lake on AWS Shana Schipers Ian Meyers and Carlos Rodrigues provide a super helpful guide shows how open source transactional table formats or open table formats can help you solve advanced use cases around performance cost governance and privacy in your data lakes These table format each have their own unique strengths for specific requirements so it is important to determine which requirements and use cases are most crucial and select the table format that best meets those needs This post helps you with that so an essential read this week Apache FlinkIn the post How Klarna Bank AB built real time decision making with Amazon Kinesis Data Analytics for Apache Flink Nir Tsruya from Klarna Bank AB and Ankit Gupta and Daniel Arenhage from AWS look at a reference architecture for real time queries and decision making on AWS using Amazon Kinesis Data Analytics for Apache Flink and looks at why the Klarna Decision Tooling team selected Apache Flink for their first real time decision query service A late addition to the newsletter was this post from data engineer Kalaiarasu M who wrote RealTime Data Processing ーIntegrate Kafka with Flink To S that explores how to leverage Apache Flink and Python to push data to Amazon S where you have an Apache Kafka data source hands on OpenChatkitOpenChatKit is an open source LLM used to build general purpose and specialised chatbot applications released by Together Computer under the Apache license Vikram Elango Andrew Smith and Dhawalkumar Patel have collaborated on the post Build custom chatbot applications using OpenChatkit models on Amazon SageMaker that looks at the importance of open source LLMs and provides a hands on guide on how to deploy an OpenChatKit model on SageMaker to build next generation chatbot applications They look at how you can deploy OpenChatKit models GPT NeoXT Chat Base B and GPT JT Moderation B models on Amazon SageMaker using DJL Serving and open source model parallel libraries like DeepSpeed and Hugging Face Accelerate hands on KubernetesWe had lots of great posts this week on Kubernetes So diving straight in we had Ashok Srirama and Hemanth AVS show you how to streamline Amazon EKS multi cluster authentication using Pinniped and Okta as an identity provider in their post Simplify Amazon EKS Multi Cluster Authentication with Open Source Pinniped hands on Next up we had Giacomo Margaria who put together Diving into Container Insights cost optimizations for Amazon EKS who provides a super detailed post that shows you how to configure deploy consume and investigate Container Insights metrics to significantly optimise the associated ownership ­­­­­­costs On a similar note we had Cost monitoring for Amazon EMR on Amazon EKS where Lotfi Mouhib and Hamza Mimi present a cost chargeback solution for EMR on EKS that combines the AWS native capabilities of AWS Cost and Usage Reports AWS CUR alongside the in depth Kubernetes cost visibility and insights using Kubecost on Amazon EKS From cost to storage with Choosing the right storage for cloud native CI CD on Amazon Elastic Kubernetes Service where Adam McLean shares his approach for selecting the right storage for a Cloud Native CI CD system powered by Amazon EKS Finally to wrap up this weeks Kubernetes content we have this post Simulating Kubernetes workload AZ failures with AWS Fault Injection Simulator where Siva Guruvareddiar Elamaran Shanmugam and Re Alvarez Parmar show you how to use an AWS FIS to simulate an AZ failure for Kubernetes workloads and in the process also show how Karpenter performs better and recovers quicker from network disrupt connectivity than Cluster Autoscaler Open Source machine learning and AIHost ML models on Amazon SageMaker using Triton ONNX Models showcases how to deploy ONNX based models for multi model endpoints MMEs that use GPUs hands on img alt overview of onnx model deployments on amazon sagemaker lt br gt height src dqvomqb cloudfront net ffcbeaefbabbfadbeffb ml image jpg width Get started with the open source Amazon SageMaker Distribution show you how you can use the SageMaker open source distribution to quickly experiment on your local environment and easily promote them to jobs on SageMaker training an image classification model using PyTorch hands on Other posts and quick readsBest practices for running production workloads using Amazon MSK tiered storage is a follow up to a previously shared post and focuses on how to properly size your MSK tiered storage cluster which metrics to monitor and the best practices to consider when running a production workload hands on Migrate your SQL Server database to Babelfish for Aurora PostgreSQL using the Bulk Copy Program utility explores an alternative option for data migration using the Bulk Copy Program bcp utility that looks beyond the traditional approaches of using AWS DMS SSIS or customised scripts hands on Federate Amazon QuickSight access with open source identity provider Keycloak is a nice detailed walk through of the steps you need to configure federated single sign on SSO between QuickSight and open source IdP Keycloak demonstrating ways to to assign QuickSight roles based on Keycloak membership hands on Next js API Routes with AWS Amplify explains what Next js API routes are and how they can simplify your stack speed up development and provide an optimized API experience all from directly within your Next js app hand on Next js features that are better with AWS Amplify looks at five Next js features that are enhanced by AWS Amplify Quick updatesOpenSearchA couple of important updates this week First up was news that OpenSearch is now here James McIntyre shared all the details in his post OpenSearch is here This release brings a host of new features and enhancements and experimental functionality including new tools for machine learning search and observability workloads and several enhancements to better manage your indexes and data OpenSearch now has a performance benchmarking page This page displays the results of ongoing performance testing for recent and upcoming versions of the OpenSearch software You can view key performance metrics across different workloads with the dashboard visualisations below Apache SparkAmazon Athena for Apache Spark is a feature of Amazon Athena lets you run interactive analytics on Apache Spark in under a second to analyse petabytes of data Amazon Athena for Apache Spark now allows you to use your own Java libraries and customise the Spark configurations for your Spark workloads You can use Java libraries as custom JARs with Athena Spark to analyse data from multiple sources or use functions in custom jars for more flexibility with calculations Amazon Athena for Apache Spark now supports open source data lake storage frameworks Apache Hudi Apache Iceberg and Linux Foundation Delta Lake These frameworks simplify incremental data processing of large data sets using ACID atomicity consistency isolation durability transactions and make it simpler to store and process large data sets in your data lakes kubectl ekskubectl eks this project from AWS Community Builder Suraj Narwade was featured in a previous newsletter last year had a new release last week v Check the docs for the changes and new features added AWS NeuronAWS Neuron is the SDK used to run deep learning workloads on AWS Inferentia and AWS Trainium based instances and includes a deep learning compiler runtime and tools that are natively integrated into TensorFlow PyTorch and Apache MXNet incubating released last week This release introduces Neuron Distributed a new python library to simplify training and inference of large models improving usability with features like S model caching standalone profiler tool support for Ubuntu as well as other new features performance optimisations minor enhancements and bug fixes Check out the full release notes for all the good stuff Videos of the weekGitOps with Amazon EKS Workshop Flux and ArgoCDCarlos Santana and Sai Vennam provide an interactive walk through of automation module of the updated Amazon EKS workshop specifically introducing concepts like GitOps and then looking at open source tools like Flux and ArgoCD KVM Forum Check out this video from KVM Forum where Nicholas Saenz Julienne and Anel Orazgaliyeva from AWS talk about porting and upstreaming the Virtual Secure Mode VSM implementation which is the core feature needed to support Credential Guard that s part of the Nitro Hypervisor to the Linux kernel Build on Open SourceFor those unfamiliar with this show Build on Open Source is where we go over this newsletter and then invite special guests to dive deep into their open source project Expect plenty of code demos and hopefully laughs We have put together a playlist so that you can easily access all sixteen of the episodes of the Build on Open Source show Build on Open Source playlist We are currently planning the third series if you have an open source project you want to talk about get in touch and we might be able to feature your project in future episodes of Build on Open Source Events for your diaryIf you are planning any events in either virtual in person or hybrid get in touch as I would love to share details of your event with readers Build On Live Open Source MLOnline June nd at am pm PSTJoin the second Build On Live Event of Build On Live Open Source ML The Developer Advocate hosts will be chatting with expert guests about various top of mind topics from the open source and machine learning worlds By tuning into this event you can expect to learn about key areas like building applications amp tools using AI how to use AI to boost your productivity how to use AI responsibly amp much more Watch live on YouTube or Twitch check out the full agenda and links to the show over at Build On Live Open Source ML Jump on the Generative AI Bandwagon Live AWS and Apache Hudi WorkshopOnline June nd at am PSTNadine Farah and Soumil S are teaming up to deliver a live workshop that will mimic a typical use case in this instance building near real time dashboards for a fictional ride sharing company Make sure you reserve your place by going to the registration page Live AWS and Apache Hudi Workshop Build a ride share lakehouse platformApache Kafka LondonSainsbury s HQ Holborn London ECAAA th June pmOSO are teaming up with Sainsbury s special sponsor for this event to deliver an exciting program of talks that include AWS Community Builder John Mille whose talk Kafka enterprise strategy to evolve with demand will go over insights of early days lessons learnt and successful governance patterns which made the onboarding smoother as time went He will also review the different tooling involved in making this journey successful not only for business but for developers along with leveraging Kafka community driven projects such as Kafka Connect If you are about and want to learn more about Apache Kafka there is nothing better than attending a user group Head over to the meetup page and sign up IN PERSON Kafka Enterprise Strategies Best PracticesCNCF Maintainer Circle Community ManagementJune th am PT UTCManaging a project is hard work Maintainers are expected to wear many hats Defining those hats early on can help a project grow and ultimately be sustainable enough to not rely on a few maintainers to do it all Let s deep dive in one role around community and contributor management In this session we will discuss strategies on how to build out strategy around intentional community roles groups and more so you aren t doing everything What s everything Creating maintaining and moderating mailing lists slacks forums and moreRecruiting and onboarding new contributors outreach their documentation workflows and processesMaintaining current contributors swag recognition programs events and moreSocial mediaUser adoption strategies and operationsGovernance operationsWebsite updatesDocumentationSounds interesting and very useful right Check out more and add this to your calendar by checking out the event pageYocto Project Developer Day EOSS Prague Czech Republic Mon Jun AM PMThe Yocto Project DevDay is a technical conference for engineers open source technologists students and academia in the OSS space This day event is where individuals will learn about Yocto Projects direction including but not limited to new releases development tools features get training on the next wave of embedded Linux technologies segment previously known as Yocto Project Developer Day and network with their industry peers Yocto Project maintainers OpenEmbedded maintainers and experts Check out more here and if you are going to be in Prague why not pop along after registering of course Amplify Your Ideas Hack Host and Share with Hashnode amp AWSJuly st ーJuly This hackathon presents an opportunity for you to quickly transform your ideas into reality easily build and ship feature rich fullstack apps using AWS Amplify and share your experience on Hashnode Prizes and complete details on how to participate will be announced on June th Register now for early notifications CDK Day Online th September Back for the fourth instalment this Community led event is a must attend for anyone working with infrastructure as code using the AWS Cloud Development Kit CDK It is intended to provide learning opportunities for all users of the CDK and related libraries The CFP is open so if you have some ideas for some talks then make sure you check that section out Also this year they are accepting talks in Espanol Woohoo love it Check more at the website CDK Day CortexEvery other Thursday next one th FebruaryThe Cortex community call happens every two weeks on Thursday alternating at UTC and UTC You can check out the GitHub project for more details go to the Community Meetings section The community calls keep a rolling doc of previous meetings so you can catch up on the previous discussions Check the Cortex Community Meetings Notes for more info OpenSearchEvery other Tuesday pm GMTThis regular meet up is for anyone interested in OpenSearch amp Open Distro All skill levels are welcome and they cover and welcome talks on topics including search logging log analytics and data visualisation Sign up to the next session OpenSearch Community Meeting Stay in touch with open source at AWSRemember to check out the Open Source homepage to keep up to date with all our activity in open source by following us on AWSOpen 2023-06-19 07:35:25
海外TECH DEV Community Good practices and Design Patterns for Vue Composables https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk Good practices and Design Patterns for Vue ComposablesI recently had a great discussion with my team at Vue Storefront about patterns for writing Vue composables In the case of our system composables are responsible for storing the main business logic like calculations actions processess so they are a crucial part of the application Unfortunately over the time we didn t have that much time to create some sort of Contract for writing Composables and because of that few of our composables are not really composables I am really happy that right now we have this time to refactor our approach to building new composables so that they are maintainable easy to test and actually useful In this article I will summarise ideas that we have created and also merge them with good practices and design patterns that I read about in few articles So this article will be divided into three sections General Design PatternsMy recommendationsFurther readingEnjoy and also let me know what patterns and practices you are using in your projects General Design PatternsThe best source in my opinion to learn about patterns for building composables is actually a Vue js Documentation that you can check out here Basic ComposableVue documentation shows following example of a useMouse composable mouse jsimport ref onMounted onUnmounted from vue by convention composable function names start with use export function useMouse state encapsulated and managed by the composable const x ref const y ref a composable can update its managed state over time function update event x value event pageX y value event pageY a composable can also hook into its owner component s lifecycle to setup and teardown side effects onMounted gt window addEventListener mousemove update onUnmounted gt window removeEventListener mousemove update expose managed state as return value return x y That can be later used in the component like following lt script setup gt import useMouse from mouse js const x y useMouse lt script gt lt template gt Mouse position is at x y lt template gt Async composablesFor fetching data Vue recommends following composable structure import ref watchEffect toValue from vue export function useFetch url const data ref null const error ref null watchEffect gt reset state before fetching data value null error value null toValue unwraps potential refs or getters fetch toValue url then res gt res json then json gt data value json catch err gt error value err return data error That can be then used in the component like following lt script setup gt import useFetch from fetch js const data error useFetch lt script gt Composables contractBased on the examples above here is the contract that all composables should follow Composable file names should start with use for example useSomeAmazingFeature tsIt can accept input arguments that can be primitive types like strings or can accept refs and getters but it requires to use toValue helperComposable should return a ref value that can be accessed after destructuring the composable like const x y useMouse Composables can hold global state that can be access and modified across the app Composable can cause side effects such as adding window event listeners but they should be cleaned when the component is unmounted Composables should only be called in lt script setup gt or the setup hook They should also be called synchronously in these contexts In some cases you can also call them in lifecycle hooks like onMounted Composables can call other composables inside Composables should wrap certain logic inside and when too complex they should be extracted into separate composables for easier testing My recommendationsI have built multiple composables for my work projects and Open Source projects NuxtAlgolia NuxtCloudinary NuxtMedusa so based on these I would like to add few points to the contract above that are based on my experience Stateful or and pure functions ComposablesAt certain point of code standarization you may come into a conclusion that you would like to make a decision about the state hold in the composables The easiest functions to test are those who do not store any state i e they are simple input output functions for example a composable that would be responsible for converting bytes to human readable value It accepts a value and returns a different value it doesn t store any state Don t get me wrong you don t have to make a decision OR You can completely keep both stateful and stateless composables But this should be a written decision so that it is easier to work with them later on Unit tests for ComposablesWe wanted to implement unit tests with Vitest for our Frontend application When working in the backend having unit tests code coverage is really useful because there you mainly focus on the logic However on the frontend you usually work with visuals Because of that we decided that unit testing whole components may not be the best idea because we will be basically unit testing the framework itself if a button was pressed check if a state changed or modal opened Thanks to the fact that we have moved all the business logic inside the composables which are basically TypeScript functions they are very easy to test with Vitest and allows us also to have more stable system Scope of ComposablesSome time ago in VueStorefront we have developed our own approach to composables way before they were actually called like that actually In our approach we have beed using composables to map business domain of E Commerce like following const cart load addItem removeItem remove useCart This approach was definitely useful as it allowed to wrap the domain in one function And in the simpler examples such as useProduct or useCategory this was relatively simple to implement and maintain However as you can see here with the example of useCart when wrapping a domain that contains much more logic than just data fetching this composable was growing into a shape that was really difficult to develop and maintain At this point I started contributing into Nuxt ecosystem where different approach was introduced In this new approach each composable is responsible for one thing only So instead of building a huge useCart composable the idea is to build composables for each functionality i e useAddToCart useFetchCart useRemovefromCart etc Thanks to that it should be much easier to maintain and test these composables Further readingThat will be all from my research If you would like to learn more about this topic make sure to check out the following articles 2023-06-19 07:11:53
海外TECH CodeProject Latest Articles FingerPrintf: A small library for quick usage of the Biometric API, Fingerprint and Camera. https://www.codeproject.com/Articles/1156801/FingerPrintf-A-small-library-for-quick-usage-of-th biometric 2023-06-19 07:03:00
医療系 医療介護 CBnews インフル患者3週連続減、学級閉鎖なども減少傾向-厚労省が第23週の発生状況を公表 https://www.cbnews.jp/news/entry/20230619163028 減少傾向 2023-06-19 16:43:00
医療系 医療介護 CBnews “ケアプラン標準仕様”の改訂を通知-「前月までの利用日数」の項目長を修正 厚労省 https://www.cbnews.jp/news/entry/20230619162021 厚生労働省 2023-06-19 16:41:00
医療系 医療介護 CBnews コロナ抗体保有割合は42.8%、前回と変わらず-厚労省調査結果、第8波以降の感染抑制が影響も https://www.cbnews.jp/news/entry/20230619155648 厚生労働省 2023-06-19 16:09:00
金融 日本銀行:RSS 「新型コロナウイルス感染症対応金融支援特別オペレーションにおける貸付対象先の選定に関する細目」の廃止について http://www.boj.or.jp/mopo/mpmdeci/mpr_2023/mpr230619a.pdf 新型コロナウイルス 2023-06-19 17:00:00
海外ニュース Japan Times latest articles China’s top diplomat tells U.S. it must choose between ‘cooperation or conflict’ https://www.japantimes.co.jp/news/2023/06/19/asia-pacific/politics-diplomacy-asia-pacific/blinken-china-wang-yi-xi-jinping/ China s top diplomat tells U S it must choose between cooperation or conflict Wang Yi China s top foreign policy official held talks with U S Secretary of State Antony Blinken on Monday in Beijing as the two sides looked 2023-06-19 16:03:57
ニュース BBC News - Home Average two-year mortgage rate breaches 6% https://www.bbc.co.uk/news/business-65931132?at_medium=RSS&at_campaign=KARANGA december 2023-06-19 07:45:41
ニュース BBC News - Home Boris Johnson: MPs to decide on report that said ex-PM misled Parliament https://www.bbc.co.uk/news/uk-politics-65945198?at_medium=RSS&at_campaign=KARANGA downing 2023-06-19 07:05:22
ビジネス 不景気.com 千葉の包装資材製造「小西紙業」に破産決定、負債14億円 - 不景気com https://www.fukeiki.com/2023/06/konishi-shigyo.html 包装資材 2023-06-19 07:25:20
ビジネス 不景気.com 関西エアポートの23年3月期は190億円の最終赤字、3期連続 - 不景気com https://www.fukeiki.com/2023/06/kansai-airport-2023-loss.html 関西エアポート 2023-06-19 07:08:55
マーケティング MarkeZine コロナ禍で旅行の代わりに若者が増やした支出項目は「食費」「動画配信サービス」/J.D.パワー調査 http://markezine.jp/article/detail/42539 動画配信サービス 2023-06-19 16:30:00
IT 週刊アスキー 門司港レトロの夕日をバックに世界のビールを飲み比べ 「門司港ビアフェスタ 2023」 https://weekly.ascii.jp/elem/000/004/141/4141510/ 北九州市 2023-06-19 16:40:00
IT 週刊アスキー 大山どりを使用した人気メニューがお買い得 「皆様のおかげで15年目‼すみれの感謝祭」 https://weekly.ascii.jp/elem/000/004/141/4141507/ 大山どり 2023-06-19 16:30:00
IT 週刊アスキー 薄くて高性能、16:10でsRGBカバー率99%のクリエイター向け16型/14型ノートPC登場 https://weekly.ascii.jp/elem/000/004/141/4141547/ raytrek 2023-06-19 16:30:00
IT 週刊アスキー 破竹の勢いで300万DL!『ゆるキャン△ つなげるみんなのオールインワン!!』でコインをプレゼント https://weekly.ascii.jp/elem/000/004/141/4141534/ enish 2023-06-19 16:20:00
IT 週刊アスキー 発売前にコラボが決定!『Lies of P』と『Wo Long:Fallen Dynasty』がコラボすると発表 https://weekly.ascii.jp/elem/000/004/141/4141536/ liesofp 2023-06-19 16:15:00
IT 週刊アスキー 横浜市 MARK ISみなとみらい、高城れにさんをゲストに「ギネス世界記録TM挑戦セレモニー&トークショー」を実施 https://weekly.ascii.jp/elem/000/004/141/4141504/ markis 2023-06-19 16:10:00
IT 週刊アスキー ピザ1枚買うと2枚無料!! ドミノが激ヤバキャンペーンを本日スタート【7日間限定】 https://weekly.ascii.jp/elem/000/004/141/4141495/ 限定 2023-06-19 16:30:00

コメント

このブログの人気の投稿

投稿時間:2021-06-17 22:08:45 RSSフィード2021-06-17 22:00 分まとめ(2089件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)