投稿時間:2023-08-15 00:20:49 RSSフィード2023-08-15 00:00 分まとめ(26件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia Mobile] スマートグラス「XREAL Air」、4万5980円→4万9980円に値上げ　「世界的な原材料、エネルギー価格の高騰」が原因	https://www.itmedia.co.jp/mobile/articles/2308/14/news141.html	ITmediaMobileスマートグラス「XREALAir」、万円→万円に値上げ「世界的な原材料、エネルギー価格の高騰」が原因日本Xrealは月日、スマートグラス「XREALAir」のメーカー希望小売価格を改定すると発表した。	2023-08-14 23:09:00
AWS	AWS Architecture Blog	How SeatGeek uses AWS to control authorization, authentication, and rate-limiting in a multi-tenant SaaS application	https://aws.amazon.com/blogs/architecture/how-seatgeek-uses-aws-to-control-authorization-authentication-and-rate-limiting-in-a-multi-tenant-saas-application/	How SeatGeek uses AWS to control authorization authentication and rate limiting in a multi tenant SaaS applicationSeatGeek is a ticketing platform for web and mobile users offering ticket purchase and reselling for sports games concerts and theatrical productions In SeatGeek had an average of million daily tickets available and their mobile app was downloaded million times Historically SeatGeek used multiple identity and access tools internally Applications were individually …	2023-08-14 14:12:41
AWS	AWS Security Blog	How to use AWS Verified Access logs to write and troubleshoot access policies	https://aws.amazon.com/blogs/security/how-to-use-aws-verified-access-logs-to-write-and-troubleshoot-access-policies/	How to use AWS Verified Access logs to write and troubleshoot access policiesOn June AWS Verified Access nbsp introduced improved logging functionality Verified Access now logs more extensive user context information received from the trust providers This improved logging feature simplifies administration and troubleshooting of application access policies while adhering to zero trust principles In this blog post we will show you how to manage the Verified Access …	2023-08-14 14:50:14
AWS	AWS Security Blog	How to use AWS Verified Access logs to write and troubleshoot access policies	https://aws.amazon.com/blogs/security/how-to-use-aws-verified-access-logs-to-write-and-troubleshoot-access-policies/	How to use AWS Verified Access logs to write and troubleshoot access policiesOn June AWS Verified Access nbsp introduced improved logging functionality Verified Access now logs more extensive user context information received from the trust providers This improved logging feature simplifies administration and troubleshooting of application access policies while adhering to zero trust principles In this blog post we will show you how to manage the Verified Access …	2023-08-14 14:50:14
python	Pythonタグが付けられた新着投稿 - Qiita	AtCoder標準入力まとめ	https://qiita.com/marin-mi/items/6f564660764a1927cffe	atcoder	2023-08-14 23:28:41
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonのハッシュ衝突攻撃の考察2: 辞書のキー検索を故意に衝突させられました	https://qiita.com/recuraki/items/8dc7d91e83cace002117	競技プログラミング	2023-08-14 23:06:07
AWS	AWSタグが付けられた新着投稿 - Qiita	苦手な君も大丈夫！AWS Certified Solutions Architect - Associate取得を目指そう！	https://qiita.com/Kue_Lee_Jei/items/d91c719ac13878b3f9b2	sarchitectassociate	2023-08-14 23:14:02
技術ブログ	Developers.IO	Classmethod Cloud Guidebook の 2023.8.9 アップデート内容の紹介	https://dev.classmethod.jp/articles/ccg-update-20230809/	classmethodcloudguidebook	2023-08-14 14:46:31
技術ブログ	Developers.IO	Amazon VPC LatticeとAWS PrivateLinkのコスト比較	https://dev.classmethod.jp/articles/lattice_privatelink_cost/	amazonvpclattice	2023-08-14 14:26:24
海外TECH	MakeUseOf	How to Become a Travel Blogger: 8 Tips	https://www.makeuseof.com/how-to-become-travel-blogger/	setting	2023-08-14 14:30:21
海外TECH	MakeUseOf	10 High-Paying Tech Careers You Can Start Without a Degree	https://www.makeuseof.com/high-paying-tech-careers-without-degree/	demand	2023-08-14 14:15:20
海外TECH	MakeUseOf	How to Fix the “You Don’t Have Permission to Save in This Location” Error on Windows	https://www.makeuseof.com/windows-dont-have-permission-save-error/	error	2023-08-14 14:15:21
海外TECH	DEV Community	IoT integration to transform pet insurance	https://dev.to/abtosoftware/iot-integration-to-transform-pet-insurance-io0	IoT integration to transform pet insuranceThis post is a quick overview of an Abto Software s blog article IoT integration which provides critical indicators on the pet s health presents some future proof opportunities for strategic thinking insurance companies to deliver comprehensive products and rethink existing approaches IoT data which optimizes risk assessment helps create targeted plans reduces claims increases profitability and keeps customers happy noticeably revolutionizes traditional services Pet insurance Industry overviewSince the COVID pandemic we could witness increasing pet adoption in particular dog and cat adoption What s more we could see increasing veterinary costs and costs for other complementing treatments physical therapy acupuncture wellness dental treatments and more These factors had been drastically popularizing pet insurance Given these recent tendencies computer science is becoming quite important in shaping the segment whether design personalization modernization or sales insurance providers are moving towards digitization Business leaders are analyzing customer behavior by identifying important trends and patterns to provide better tailored services There are some trends radically influencing pet insurance Customer dynamicsPet technologyInsurtech innovation direct to customer distribution business automation and digitization Pet insurance Embracing digitalizationInsurance companies to keep up with their competitors start implementing Artificial intelligence ML DL data analyticsComputer visionInsurance companies that mainly prioritize performance are automating Data and document managementRule and workflow configuration Product rating and pricingQuote generation policy binding pet insurance claim processes and more IoT data potential applicationsWearable technology is gaining more momentum and providing great opportunities for the insurance domain One way business leaders can engage and interact with customers and promote pet safety are customizable sensors driven alerts which reducing potential claims can increase overall revenue Wearable technology smart collars activity and location trackers might optimize Health monitoringThe owner is monitoring his dog s health statusThe owner being alerted about lower activity levels is taking the dog to the vet officeThe vet administers necessary corrective actionsThe vet monitors the treatment progress Incident responseThe dog gets hurt while being left alone at homeThe owner being alerted about some unusual patterns rushes home to check his dogThe dog is taken to the vet office The vet is providing timely assistance and averts potential complications Loss preventionThe owner can use live tracking to locate his dog when lost Contextual recommendationsThe insurer can use gathered information to provide helpful insights Nearby clinicsWater and calories intakeUnusual behaviorHealth hazards IoT data business benefits Risk assessmentThe details from the IoT device can provide helpful insights on behavior activity levels and other health signs Insurance companies can analyze this information to assess the pet s risk profile Preventive careThe information from the IoT devices can help create reminders about appointments at the veterinary clinic Insurance companies can utilize this information to identify suspicious patterns lower activity higher anxiety and encourage preventive measures Tailored plansThe provider can use collected data to offer personalized coverage that meets customer needs Claims managementThe provider might use gathered data to expedite claim management that enabled faster approval Fraud detectionQuality data can help identify potential pet insurance fraud cases that carry reputational and financial damage If the submitted information doesn t match collected details the company might conduct further research Customer engagement and loyaltyBetter data also helps handle routine pet insurance claims processes and other documentation related tasks By leveraging insight driven decision making and budget allocation as well as performance and productivity the company can boost customer satisfaction and retention Summing upIoT devices can be used for health monitoring incident response loss prevention valuable recommendations and many other purposes helping mature pet insurers to reduce potential claims and increase overall revenue IoT data can optimize risk assessment preventive care offer personalization claim review and processing fraud detection and other business aspects thereby improving customer experience Take your business operations on a higher level by leveraging computational technology in particular Internet of Things integration cloud services web and mobile development API development and more	2023-08-14 14:48:36
海外TECH	DEV Community	WebAssembly: byte-code of the future	https://dev.to/joshnuss/webassembly-byte-code-of-the-future-402p	WebAssembly byte code of the futureEver since Netscape launched JavaScript there were some developers that liked it and others that didn t Regardless of which side you re on I think we can all agree that it would be good if browsers supported more programming languages This is the promise of WebAssembly Providing a generic runtime that any programming language can compile to Past AttemptsIn the earlier days of the web extensions were attempted with Java Applets and Microsoft ActiveX But both were plagued by security issues and eventually dropped The problem was they executed like native code without access controls which became a massive attack surface Later Macromedia Flash and Silverlight has some success but eventually met the same tragic fate They both lacked an open standard which made it hard for browser and OS vendors to support What is WebAssembly WebAssembly aka WASM is an open standard byte code format that works in all browsers It s a low level binary format and execution engine conceptually similar to Oracle s JVM or Microsoft s CLR It s designed from the ground up to be hosted and safe It cannot access the machine s memory or hard drive Only the host can decide what APIs to expose WASM is a portable format so it can support many programming languages Think Rust Ruby Python and even JavaScript can be compiled to WASM byte code Though it was originally designed to target the browser it works well outside the browser too It can run on the server in the cloud on IoT hardware devices or used a plugin system Writing WASMThere are several ways to create a wasm file Write it by hand not recommended Write it with Wasm Text Format Use a higher level language like AssemblyScript Rust Ruby etc and then compile it I ll show you a few examples Wat is WAT The WASM specification outlines a text based format for defining WASM modules that is called WAT WAsm Text format It uses S expresions similar to Lisp or Clojure Here s what a basic module looks like define a module module define a function called add it takes params a is a bit integer b is a bit integer it returns an bit integer fun add param a i param b i result i load param a onto the stack local get a load param b onto the stack local get b perform bit integer add operation i add the last value on the stack is returned which is the result of the i add The wat file can be compiled to a wasm using watwasm which is part of the WebAssembly Toolkit CLI tools outputs example wasm gt watwasm example watNow the wasm can be executed from any host It can even be executed from the command line using wasmtime invoke add function and pass args gt wasmtime example wasm invoke add AssemblyScriptThere is also a higher level language called AssemblyScript It s like TypeScript for WebAssembly For example the add function from the last section can be re written to AssemblyScript like this in add tsexport function add a u b u u return a b As you can see it s much more readable To compile it use asc pnpm install D assemblyscriptpnpm run asc add ts outFile math wasm Comparing formatsTo compare AssemblyScript to WAT I build a handy tool You can also use the CLI wasmwat to compare formats outputs wat formatwasmwat math wasm Runtime executionJust like there are many ways to compile wasm there are many ways to execute it too Using WebAssembly in the browserTo use the WebAssembly API in the browser first load the assembly fetch wasm fileconst response fetch path to some wasm instantiate module with streamingconst module WebAssembly instantiateStreaming response Then call one of the exported functions const result module instance exports add An optional API can be passed into the module too fetch wasm fileconst response fetch path to some wasm instantiate module and pass an apiconst module WebAssembly instantiateStreaming response imports share console log log console log Using WebAssembly on the serverWebAssemblies can be executed on the server too The API is virtually identical to the browser The only difference is that instead of fetching the wasm from a server using a URL it can be read from the disk using fs readFile import fs from fs read wasm fileconst response await fs promises readFile path to some wasm instantiate module with streamingconst module WebAssembly instantiate response Then call one of the exported functions just like we did in the browser const result module instance exports add It s also possible to do this from many other languages For example rust ruby python or from the CLI Using WebAssembly in the CloudAnother big use case for WASM is the cloud It has some advantages over JavaScript cloud functions No cold starts The host only has to load a wasm file instead of full app Typical JS apps have many files to load which takes a long time Faster deploys All that gets uploaded is a simple binary Polyglot hosting All languages that compile to WASM can be deployed to the cloud without requiring any special runtime Snapshots Execution can be snapshotted For example an app that does expensive work during initialization can be snapshotted Then future requests can start with the snapshot eliminating the expensive startup time A great example of WASM in the cloud is Fermyon It s like AWS Lambda but for WebAssembly To use Fermyon install their CLI spin Then create a new project create a new spin project template is http js project name is spin example spin new http js spin examplecd spin example install dependenciesnpm installThen define a handler in src index js const encoder new TextEncoder export async function handleRequest request return status headers content type text plain body encoder encode Hello World buffer To run in dev mode spin watchTo deploy to The Cloud run spin deploy spin deployNotice how that deploy was instant GotchasThere are still a couple rough edges of of WASM WebAssembly is still kind of new and in active development Though it is improving rapidly Full support is not yet available for some programming languages WASM doesn t have basic data types like strings or a standard library This is by design Languages are expected to be provide their own standard library Because a standard library needs to live inside your wasm it can make file size large Most of these will be resolved with time The futureOver the past few years WebAssembly has made a lot of progress Eventually all languages will have compilation targets and runtimes for hosting it if they don t already This will enable all languages to run in the browser server or even in hardware It might also bring on new types of programming languages that are designed for a WebAssembly first world	2023-08-14 14:41:03
海外TECH	DEV Community	Tracetest Monthly Newsletter - July 2023	https://dev.to/kubeshop/tracetest-monthly-newsletter-july-2023-31o0	Tracetest Monthly Newsletter July Join the Community Discord here to talk all things Tracetest get instant support from our team or simply say hi If you like what we re doing and haven t already  leave us a on GitHub Welcome to the first edition of the Tracetest Monthly Newsletter Thank you for being part of the community Your support and feedback are invaluable ️Ready for some major Tracetest news In the last month we released v  with a new Signoz integration and a brand new resource called Test Runner that enables using Required Gates for tests and transactions But the main bombshell of the month if that Tracetest is now the official trace based testing tool for the OpenTelemetry Demo Read on to see what we were up to in July Hot tip of the day Using Duration in AssertionsHere is an example how to select all database spans with a wildcard selector And use the duration attribute to validate all database spans are processing in less than ms specs name All Database Spans Less than ms selector span tracetest span type database assertions attr tracetest span duration lt ms What s new with Tracetest We released the Analyzer in beta last month  Since then the list of improvements has grown to include Disabling and enabling pluginsSetting error levels for rulesConfiguring the weight of each ruleA major update added in the last month is the brand new Test Runner resource testrunner  It enables you to use Required Gates required gates for tests and transactionsUser Experience improvements Automate page for TransactionsURL warning when using localhost on DockerCheck out Jorge s demo below to see the new Analyzer and Test Runner features hands on Integrations ️We had three awesome partnerships to showcase last month Azure App Insights announcement blog post ‍Signoz integration added Grafana  Tutorial and Office Hours ️ Community Community Contributions on GitHubWe re working hard on recognizing and celebrating the contributions of community members to help foster a healthy community and encourage contributions This last month we had two major contributions Asaduzzaman PavelGraphQL Support issueAdam GardnerDynatrace Data SourceDynatrace recipeDynatrace example app Onboarding and DocsThe documentation received a huge update to the onboarding sections New Welcome  pageNew Getting Started section OpenTelemetry Community ContributionsThe biggest news of the month if that Tracetest is now the official trace based testing tool for the OpenTelemetry Demo Read more below Trace based testing added to OpenTelemetry DemoTesting the OpenTelemetry Demo Blog postCheck out Daniel s demo of trace based testing the OpenTelemetry demo Join us at upcoming events DeveloperWeek CloudX is a hybrid conference in San Mateo California It ll host Cloud developers architects IT amp infrastructure professionals and executives building the cloud ecosystem Our team will be presenting two talks Join us Adnan s virtual talk on “Observability Driven Development with OpenTelemetry Ken s talk on “Leveraging Observability in Testing Trace based Testing are both in person and virtual Like what we do Do you have a specific use case you d like us to cover Want to contribute to Tracetest Whether it s big or small we love contributions Not sure where to get started You can Visit our Community Page See our contributing guidelines here Book a meeting with us or chat with our team via Discord See you next month	2023-08-14 14:37:14
海外TECH	DEV Community	after you click enter	https://dev.to/scorcism/after-you-click-enter-4n43	after you click enterOne day when I was having my tea with some biscuits I was watching YouTube and a thought suddenly came into my mind what is the entire process of fetching the data from the web server That time I did not search for this because I was eating bicus Today suddenly I thought Why not do some research on this Below is the detailed exploration Step Parsing the URLAs soon as you type a web address like and hit Enter the web browser gets to work It breaks down the web address into its parts The way it talks to the website HTTP HTTPS the main address dev to and any extra parts like folders or search questions Step DNS ResolutionOnce the browser breaks down the URL it needs to change the easy to understand domain name like dev to into a computer friendly IP address This job is handled by the Domain Name System DNS a network of servers spread out across the internet that works like a digital address book The DNS server transforms the domain name into an IP address which helps your browser find the right web server in the huge online world Step Initiating the ConnectionNow that the IP address is ready your browser sets off on a mission to link up with the web server where the wanted stuff is kept If the URL starts with https the browser uses something called the Secure Sockets Layer SSL protocol This fancy tech makes sure the communication between your browser and the server is safe and hidden from prying eyes Step The HTTP RequestWith the connection all set your browser gets ready to ask for stuff from the web server It sends what s called an HTTP request like a special message This message says what thing you want like a picture how you want to get it GET POST and other important stuff When the web server gets this message it gets ready to give you what you asked for It s like getting ready to reply to your question Step The Web Server s ResponseOnce the web server gets the request it starts doing its job It creates an HTTP response which is like a special reply This reply has a few parts like a code that shows if things went well or not success or error It also has the thing you asked for like a webpage pictures or styles And there are more details in the headers that tell you about the server and the reply Step Parsing and RenderingNow comes an important part for your browser It takes the reply and starts to understand it The text HTML in the reply is turned into something called a Document Object Model or DOM It s like a map that shows where everything is on the webpage Then your browser uses the styles CSS to make things look nice and any special codes scripts are run to make the page do cool things like buttons that work or animations Step Asset RetrievalWhile your browser understands the webpage s structure it also finds links to other things like pictures styles and special codes For each of these your browser asks the web server for them Step Putting it all togetherOnce everything is gathered your browser arranges everything and shows you the final webpage This includes text pictures videos buttons and any moving parts that scripts made happen Step Now you are the ownerNow the webpage is yours to explore You can fill out forms click on links send information and ask the server for more stuff This makes it easy to move around the website and see different parts Step Browser CachingModern browsers make things faster by using a trick called caching This means they save some stuff like pictures and scripts on your computer When you go back to the same page your browser can use these saved things so it doesn t have to keep asking the server for them again and again This speeds things up and makes your experience smoother This all steps occurs after you click on the searchIf you have interest in open source you can contribue to my projects One LinerClick CounterIf the article helps you leave a like follow or anything You can follow me on LinkedIn GitHub Dev to and hashnode Bye	2023-08-14 14:33:03
海外TECH	DEV Community	Learn Vue: Introduction to Vue.js	https://dev.to/kingowisdom/learn-vue-introduction-to-vuejs-m13	Learn Vue Introduction to Vue jsVue js is a JavaScript Framework for building Frontend Applications It is easy to learn in fact if you already know HTML CSS and JavaScript then you re halfway with learning Vue this is because Vue js builds on top of the standard HTML CSS and JavaScript and this makes building frontend applications with Vue easy Features of Vue jsVue js is one of the most popular frontend frameworks let s look at some of the features that make Vue unique Declarative rendering Vue template syntaxes allow us to bind our logic directly to our Template Reactivity With Vue reactivity we can track the state of our JavaScript and update the DOM automatically anytime changes are made in our code Composable With Vue js Composable we re able to abstract a piece of code that is shared across our components thereby reducing code redundancy Options API and Composition API With Vue js you have the freedom to choose between the Options API and the Composition API and use the one that better serves your need These are just a few features of Vue along the way as you start learning and building with Vue you will discover more amazing features and why Vue stands out from other frontend frameworks PrerequisitesTo get the most out of this guide it s important that you have the following Understand the basics of HTML CSS and JavaScript Node js is installed on your Machine Visual Studio Code or any other text editor is installed on your Machine If you re like me you wouldn t want to go through all the stress of installing new software applications before coming back to read the guide If so then the Vue Playground is a good alternative The Vue playground allows us to write and execute any piece of valid Vue js code So if you don t want to install any software at the moment then the Vue playground is the way to go SetupI ll be using the Vue js playground for this guide but if you prefer using your local dev environment then run the below command to scaffold a new Vue project with vite gt npm init vue latestThe above command installs and executes create vue the official build tool for Vue You ll be prompted to answer a series of questions Use the down or up arrow key to select between yes and no select no if you re unsure of an option you can always install them later Project name … lt your project name gt Add TypeScript …No YesAdd JSX Support …No YesAdd Vue Router for Single Page Application development …No YesAdd Pinia for state management …No YesAdd Vitest for Unit testing …No YesAdd an End to End Testing Solution …No Cypress PlaywrightAdd ESLint for code quality …No YesAdd Prettier for code formatting …No YesScaffolding project in lt your project name gt Done cd to the project directory by running the command cd lt your project name gt run npm install to install all the packages and finally run npm run dev to kickstart the server Basic Vue FileVue js is used building Single Page Applications SPAs SPA means that the app is contained in a single HTML file with different sections As a beginner it s important to understand the structure of a Vue file In this section we ll go through a basic Vue file and see how it is structured A Vue file has a Template section a Script section and a Style section with the vue extension This is unlike other frontend frameworks like Angular where the template is a separate file and the style and script are also separate files Vue js combines the template script and style into a single file called component this makes developing SPA s with Vue simple You can easily perform any style template and script change within a Single File lt script setup gt Import ref from vue const myName ref Agu Wisdom aka KingstonCodes lt script gt lt template gt lt h gt myName lt h gt lt template gt lt style gt h font size px lt style gt The lt script gt lt script gt contains the logic of the applications the lt template gt lt template gt contains the view of the application and the lt style gt lt style gt just as the name suggests contains the styles of the application A Vue js file on its own is referred to as a component and we can have as many components as we desire in our Vue application Note even though we have the freedom to create as many components as we desire in our application it is also important that we create components only when they are needed Data BindingData binding is one of the most important features of Vue js it is simply the communication between the component s view Template and the component s logic script The simplest form of data binding in Vue is string interpolation We have three types of data binding in Vue js String Interpolation Directives and Modifiers String InterpolationString Interpolation is the simplest form of data binding in Vue it is the way we display texts strings or any expression defined in our script We perform string interpolation in Vue js by placing the variable or expression we want to interpolate between two curly brackets inside our template Let s see this in action lt script setup gt Import ref from vue const myName ref Agu Wisdom lt script gt lt template gt lt h gt myName lt h gt lt template gt Inside the template we re using double curly braces to interpolate the value of the myName variable This means that the value of myName will be binded to the lt h gt element and any changes to myName will reflect in the browser We can also perform any valid JavaScript expression in our template with the help of string interpolation Below is a basic example lt template gt lt h gt lt h gt lt will output gt lt template gt DirectivesDirectives are special attributes in Vue they are used to manipulate the DOM and control the behavior of our application Let s see an example of directive with the v if directive lt script setup gt import ref from vue const isName ref true lt script gt lt templat gt lt h v if isName gt My name is Wisdom lt h gt lt template gt The v if directive is like the traditional JavaScript if statement In the example above we are using v if to tell Vue to only display My name is Wisdom to the browser only when isName is true Just as we have the if else if and else in JavaScript we also have v if v else if and v else in Vue We can use them to control the flow of our Vue application Directives are part of the core features of Vue js as they help control and shape the flow of our application Read more on Vue directives API StylesIn Vue js we have two ways in which we can write our component we can either use the Options API or the Composition API I know you are probably wondering What is Options API What is Composition API No worries we ll explain and see the differences in a bit Options APIThe Options API is the old and traditional way of writing Vue js mostly used in Vue it allows us to write our component s logic using a set of options such as the data methods and computed properties Here is an example of the Options API lt script gt export default Properties returned from data become reactive state and will be exposed on this data return count Methods are functions that mutate state and trigger updates They can be bound as event handlers in templates methods increment this count Lifecycle hooks are called at different stages of a component s lifecycle This function will be called when the component is mounted mounted console log The initial count is this count lt script gt lt template gt lt button click increment gt Count is count lt button gt lt template gt If you noticed this syntax is different from what we have been seeing in our previous examples this is because we have been using the Composition API all along Composition APIThe Composition API was introduced in version of Vue js Vue It allows us to write our component s logic using a set of imported functions rather than declaring options as we would in the Options API With the Composition API we can write fewer codes as we only import and use the functions we need Here is the same example above with the Composition API lt script setup gt import ref onMounted from vue reactive stateconst count ref functions that mutate state and trigger updatesfunction increment count value lifecycle hooksonMounted gt console log The initial count is count value lt script gt lt template gt lt button click increment gt Count is count lt button gt lt template gt This example has fewer codes and different syntax compared to our Options API example that s because we re only importing the functions we need from Vue js Which API Should I Learn This is a question I have heard many beginners ask but it is important to know that both the Options API and the Composition API serve the same purpose they are both powered by the same system and they both work towards achieving the same goal My advice to you is explore both APIs starting with the Options API as it s easier to learn and understand then you can gradually move on to the Composition API later when you have a good understanding of how Vue js works But then you can also decide to learn the Composition API first Free Resources to Learn VueNow that you have a basic understanding of what Vue js is It s time to strengthen your knowledge Here are free online resources to learn Vue Vue official documentation If you really want to have an Indepth knowledge of Vue then I think you should give the Vue documentation a try Codevolution s Vue tutorial for beginners This is probably one of the best introductory courses to Vue js online This course covers both the Options API and the Composition API it starts with beginner s level concepts and builds on it to a much more advanced concepts I also recommend that you make your own research and see what you can find as there are many good resources out there to learn Vue Wrapping upIn this introduction to Vue js for beginners we have covered some of the key concepts of Vue js we have touched on Data Binding Vue API Styles and some of Vue s amazing features and we ve also seen some examples Now that you have an understanding of what Vue js is and what you can do with it consider exploring other resources either free or paid so you can enjoy the goodness of Vue js to the fullest	2023-08-14 14:24:03
海外TECH	DEV Community	Build a personal project is a good thing	https://dev.to/cereal84/build-a-personal-project-is-a-good-thing-hgk	Build a personal project is a good thingHi everyone I m Alessandro the developer behind Breves a service for developers You can find more details in this post A while back I pondered the idea of modernizing the existing signup login process by implementing Single Sign On SSO capabilities This shift aimed to streamline the login procedure and enhance user experience The service is crafted using Python and FastAPI this led me to SSO supporting libraries Given the developer centric nature of the service I set my sights on integrating GitHub SSO at the very least After some searching I stumbled upon fastapi sso This library proved to be elegantly straightforward with well crafted examples Encouraged by its capabilities I decided to retire the previous signup login mechanism in favor of GitHub SSO The transition was seamless and everything appeared to be sailing smoothly Everything seems fine except Why didn t login via GitLab too Regrettably fastapi sso lacked GitLab support and I was hesitant to switch libraries But every challenge brings an opportunity This marked the perfect juncture to contribute to an open source project The process of contributing turned out to be surprisingly straightforward as showcased in the PR During the process I ve learn something very usefull by following the guide lines in CONTRIBUTING md file which I used in my job too Embarking on personal projects has numerous advantages Not only do they enable skill growth across various domains from mastering new frameworks to becoming adept with different libraries but they also open doors to contributing to previously unknown open source ventures My recommendation Build something you re passionate about Moreover allow yourself the freedom to dive into contributing to diverse projects Please let me know if you want other SSO providers in my service or in fastapi sso library such as BitBucket or others Best regards Alessandro	2023-08-14 14:12:08
Apple	AppleInsider - Frontpage News	Daily deals August 14: $249 iPad 9th Generation, $150 off 15" MacBook Air, 49% off Microsoft Surface Book 3, more	https://appleinsider.com/articles/23/08/14/daily-deals-august-14-249-ipad-9th-generation-150-off-15-macbook-air-49-off-microsoft-surface-book-3-more?utm_medium=rss	Daily deals August iPad th Generation off quot MacBook Air off Microsoft Surface Book moreToday s hottest deals include off an Apple Watch fast charger off an M Mac mini AppleCare kit off a Microsoft Surface Pro off Philips active noise canceling wireless headphones and more Save on a inch MacBook AirThe AppleInsider team combs the web for stellar discounts at online stores to showcase a list of outstanding deals on trending tech items including bargains on Apple products TVs accessories and other products We share our best finds daily to help you save money Read more	2023-08-14 14:37:47
Apple	AppleInsider - Frontpage News	Ford taps former Apple exec for hands-free driving project	https://appleinsider.com/articles/23/08/14/ford-taps-former-apple-exec-for-hands-free-driving-project?utm_medium=rss	Ford taps former Apple exec for hands free driving projectPeter Stern who previously oversaw Apple TV and iCloud is to be the new president of a Ford division that stops short of being for self driving cars but wants to make driving more hands free automatic Former Apple executive Peter SternStern spent six years at Apple becoming vice president of Services and reporting to Eddy Cue who he had reportedly been tipped to replace He left the company in January apparently telling colleagues he wanted to spend more time on the East Coast Read more	2023-08-14 14:26:16
海外TECH	Engadget	The best webcams for 2023	https://www.engadget.com/best-webcams-123047068.html?src=rss	The best webcams for That tiny webcam on your laptop has probably gotten more use in the last few years than it ever has before Even if you re going back into the office for meetings on occasion chances are frequent video conference calls are a permanent part of your professional life Once an afterthought your computer s webcam has become one of its most important components ーand the fact remains that most built in cameras are not able to provide consistent high quality video chat experiences This is where external webcams come in They can do wonders for people who spend most of their working hours on video conferences via Zoom or Microsoft Teams and those who picked up a new hobby of streaming on Twitch or YouTube over the past couple of years But as with most PC accessories it can be tough to sort through the sea of options out there and find the best webcams for your needs We get it so we tested out a bunch of the latest webcams to see which are worth your money and which you can safely skip What to look for in a webcamResolution and field of viewWhile some newer computers have p webcams most built in cameras have a resolution of p so you ll want to look for an external webcam that s better than that FHD webcams will give you better video quality ideally you re looking for something that can handle p at fps or fps If you re considering a cheap p webcam make sure to get one that supports at least fps most will or even better fps However if your primary concern is better picture quality during video calls p is the way to go Some webcams can shoot in K but that s overkill for most people Not to mention most video conferencing services like Zoom Google Meet and Skype don t even support K video When it comes to streaming Twitch maxes out at p video but YouTube added K live streaming back in Ultimately with K webcam shots having such limited use most people can get by with a solid p camera Field of view FOV controls how much can fit in the frame when you re recording Most webcams I tested had a default field of view of around degrees which captured me and enough of my background to prove that I really need to organize my home office On cheaper webcams you ll usually see narrower fields of view around degrees and those aren t necessarily bad They won t show as much of your background but that also means you won t be able to squeeze as many friends or family members into frame when you re having Zoom birthday parties On the flip side more expensive webcams may let you adjust the field of view to be even wider than average Valentina Palladino EngadgetAutofocus and other “auto featuresWebcams with autofocus will keep the image quality sharp without much work on your part You should be able to move around step back and forth and remain in focus the whole time Some standalone webcam models let you manually adjust focus too if you have specific needs Devices with fixed focus are less convenient but they tend to be more affordable In the same vein is auto framing a feature that some high end webcams now offer Similarly to Apple s Center Stage feature the camera automatically adjusts to keep you in the center of the frame even as you move around This used to be a feature only available on the most premium webcams but now you can find it on sub devices You ll also see other “auto features listed in webcam specs most notably auto light correction This will adjust the camera s settings to make up for a dimly lit room If you don t have bright lights or often take calls in places where you can t control the lighting this feature will be valuable MicrophonesMost webcams have built in microphones that depending on your setup might end up being closer to you than your computer s own mics Check to see if the model you re considering has mono or stereo mics as the latter is better Some even use noise reduction technology to keep your voice loud and clear While audiophiles and streamers will want to invest in a standalone microphone most others can get by using a webcam s built in mic DesignThere aren t a ton of fascinating breakthroughs when it comes to external webcam design Most are round or rectangular devices that clip onto a monitor or your laptop screen Some have the ability to swivel or screw onto a tripod stand and others can simply sit on your desk beside your computer But unless you really like having people stare up your nose the latter isn t ideal We recommend clipping your webcam to your monitor and ensuring that it s at or slightly above eye level A few webcams go above and beyond by adding hardware extras like built in lights and lens covers too The former can help you stand out in a dark room while the latter makes it so hackers can t view you through your webcam without your knowledge PriceMost external webcams that are just good enough to be a step up from your computer s built in camera cost between and If the webcam has the same resolution as the internal one on your laptop you should look out for other specs like auto light correction a wider field of view or an extra long connecting cable that can provide a step up in quality or ease of use Spending or more means you might get advanced features like K resolution vertical and horizontal recording options stereo mics customizable video settings and more But unless you re spending hours on video calls each day or streaming multiple times each week you can settle on a budget webcam and safely skip most of those high end options Best overall Logitech Brio The Logitech Brio is essentially an upgraded version of the beloved Cs HD Pro It shoots the same quality of video ーup to p fps ーbut it has a wider field of view an upgraded zoom improved auto light correction a better mic array and a USB C connecting cable The biggest difference I noticed in testing the Brio was the improved light correction My home office can feel very cave like when the blinds are shut or when it s raining but you wouldn t know it when on a video call with me Logitech s RightLight technology does a great job of brightening the whole shot when you re in a dim or dark environment This Logitech webcam works with the LogiTune software which lets you customize camera settings like field of view autofocus contrast brightness and more plus lets you enable Show Mode and RightSight features The former lets you present things on your desk just by tilting the camera down while the latter will automatically keep you in frame during calls even if you move around RightSight works much like Apple s Center Stage feature does on iOS devices and most people will likely get more use out of this feature than Show Mode If you prefer to keep things more consistent or control how much of your background is visible you can choose from or degree field of views instead of enabling RightSight Logitech also updated the design of the Brio It s made of recycled plastic and it comes in three different colors that you can match to other Logitech peripherals The camera attaches magnetically to its base and it easily swivels from side to side when you need to adjust its position plus it has a built in lens cover for extra privacy when you re not using it Overall it has the best mix of essential features and handy extras of any webcam we tested But might be a lot for some people to spend on a webcam We think it s worth it if you re primarily a hybrid or remote worker but there is a cheaper option for those with tight budgets The Logitech Brio has many of the same core features as the Brio p resolution auto light correction a built in privacy shutter and USB C connectivity However you won t get HDR support an adjustable field of view Show Mode or omnidirectional mics although it does have a noise reducing microphone of its own It s a pared down version of the Brio and it ll only cost you Runner Up Anker PowerConf CAnker s cube like PowerConf C webcam has has a lot of the same perks as our top pick along with a few extras Setup is equally as easy just plug it into your computer or docking station and start using it You can download the AnkerWork software to edit things like brightness sharpness and contrast ratio but I just kept all the defaults You re also able to control the camera s resolution and field of view with this software too The C webcam defaults to a K resolution but you can bring it down to p p or even p if you wish Same goes for field of view The default is degrees but I bumped mine down to degrees to spare my colleagues a wider view of my messy home office I was immediately impressed with the C s video quality K is likely more than most people need p should do just fine but the extra sharpness and clarity is a nice touch The webcam s autofocus is quite fast and its larger f aperture captures more light so you stay illuminated even in darker settings In addition to a built in lens cover that you can slide closed for privacy the C has dual stereo mics that actually do a good job of capturing your voice loud and clear You can also choose directional or omnidirectional vocal pickup in the AnkerWork settings with the latter being better if you have multiple people speaking on your end My biggest complaints about the C webcam are that it s a bit cumbersome to adjust its angle when it s perched on your screen Unlike most webcams Anker s doesn t have a short neck of sorts that connects the camera to its adjustable base it s just one chunky piece of plastic that I had to use both hands to adjust Also the C comes with a USB cable that s much shorter than others This won t be a problem if you re connecting the webcam directly to your laptop but it s not as flexible if you have a standing desk converter or a more complicated setup that requires long cables Best webcam for streaming Razer Kiyo Pro UltraRazer built the Kiyo Pro Ultra for streaming and that s immediately apparent as soon as you take the webcam out of the box It s huge Its circular frame measures three inches in diameter and about two inches thick It follows the design language of other Kiyo webcams but it s definitely the biggest of the bunch and that s probably because Razer stuffed a lot into this peripheral It has the biggest sensor of any Kiyo webcam inches to be exact and the company claims it s the largest in any webcam period The Pro Ultra has a F aperture lens as well which lets in a ton of light and results in a super crisp image It certainly delivered the best quality image of all the webcams I tested which isn t a surprise since it can capture raw k fps or p fps footage Streamers will not only appreciate the high quality image coming from this cam but also its HDR support tasteful background blurring and face tracking autofocus that swiftly transitions from zeroing in on their face to whatever object they may be showing off to their viewers It works with Razer s Synapse software too so you can customize your image to your liking tweaking things like zoom pan tilt ISO and shutter speed Just know that Synapse only works on Windows devices so you ll be stuck with default settings if you re on macOS or Linux The Kiyo Pro Ultra is compatible with Open Broadcaster Software OBS and XSplit so most streamers will be able to unbox it and get right to producing content We also appreciate that you can twist the camera s frame to physically shutter the lens giving you more privacy when you need it Undoubtedly the Kiyo Pro Ultra is one of the most powerful webcams we tried out and it may even be overkill for streamers just starting out our final pick might be better for those folks but serious and professional content creators will love the quality video and customization options they get If you want a similar level of quality and the ability to tweak settings on a Mac Elgato s Facecam Pro is a good alternative webcam It costs the same as the Razer Kiyo Pro Ultra can record video at K fps and its Camera Hub software works on macOS and Windows Runner up Logitech StreamcamOf all the webcams I tested I had the most fun using Logitech s Streamcam While it s a bit weird to say I “had fun with such an innocuous piece of tech I found the Streamcam to be remarkable in many ways First and foremost the video quality is excellent coming in at a sharp p fps Details in my clothing came through much better and whether I liked it or not so did some of the texture on my skin The Streamcam was also one of the best webcams I tested when it came to color reproduction All of those perks remain the same even when you re shooting in low light conditions The Streamcam s auto exposure feature made up for the darkness in my office on gloomy days with excellent low light performance And it has the best kind of autofocus ーthe kind that you never notice in action The dual omnidirectional mics inside the Logitech Streamcam delivered my voice loud and clear during video calls If you stream often and find yourself without an external mic it s nice to know that you could get by with the Streamcam s built in ones in a pinch The microphones also have noise reduction to keep your voice font and center As far as design goes the Streamcam is a bit larger than your standard cam It s a chunky almost square that can easily be positioned on a monitor or mounted on a tripod and a unique feature of its design is its ability to shoot either vertically or horizontally I kept mine in the standard format but some content creators and streamers who post to social media often will like the format that s best for Instagram and TikTok Logitech also made sure the Streamcam was optimized for OBS XSplit and Streamlabs so you can use it directly out of the box for your next live session This article originally appeared on Engadget at	2023-08-14 14:52:04
海外TECH	Engadget	Sony's WH-CH720N headphones are back on sale for $98	https://www.engadget.com/sonys-wh-ch720n-headphones-are-back-on-sale-for-98-142823349.html?src=rss	Sony x s WH CHN headphones are back on sale for Sony makes some of the best wireless headphones around but perhaps you don t quite need a high end set with all the bells and whistles Maybe a mid range set with active noise cancellation ANC that more than gets the job done is what you re looking for In that case it s definitely worth considering Sony s WH CHN headphones which are once again on sale for That s off the regular price and it matches a record low we saw during Prime Day We gave the WH CHN a score of in our review earlier this year Along with great audio quality the headphones offer a lightweight and comfortable fit On the downside the ANC struggled in some environments particularly when it comes to blocking out human voices the cans lack an automatic pausing feature and the over reliance on plastic makes them look less elegant The headphones use the same chip as Sony s WH XM our pick for the best wireless headphones overall to power the ANC and the sound in general There s support for Reality Audio and multipoint Bluetooth to connect to two devices at the same time You should be able to use the headphones for up to hours with ANC on before having to recharge them If your budget can t quite stretch far enough for the WH CHN take a gander at Sony s WH CH headphones which have dropped by to These headphones are also compatible with Reality Audio and Sony says they ll run for up to hours on a single charge A three minute charge will add hours of listening time There s no ANC here though these headphones are otherwise a solid budget friendly pick Follow EngadgetDeals on Twitter and subscribe to the Engadget Deals newsletter for the latest tech deals and buying advice This article originally appeared on Engadget at	2023-08-14 14:28:23
ニュース	BBC News - Home	Clapham stabbing: Two men injured in homophobic attack	https://www.bbc.co.uk/news/uk-england-london-66500712?at_medium=RSS&at_campaign=KARANGA	london	2023-08-14 14:53:50
ニュース	BBC News - Home	PSNI data breach: Details posted on wall near Sinn Féin Belfast office	https://www.bbc.co.uk/news/uk-northern-ireland-66479818?at_medium=RSS&at_campaign=KARANGA	belfast	2023-08-14 14:15:49
ニュース	BBC News - Home	Wilko: Bidders given Wednesday deadline for rescue offers	https://www.bbc.co.uk/news/business-66498064?at_medium=RSS&at_campaign=KARANGA	chain	2023-08-14 14:14:57
ニュース	BBC News - Home	Murder-accused took vigilante route over rape claim, trial told	https://www.bbc.co.uk/news/uk-england-manchester-66502563?at_medium=RSS&at_campaign=KARANGA	admits	2023-08-14 14:45:57