投稿時間:2023-06-02 00:27:35 RSSフィード2023-06-02 00:00 分まとめ(31件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Meta、新型VRヘッドセット｢Meta Quest 3｣を発表	https://taisy0.com/2023/06/01/172402.html	metaquest	2023-06-01 14:45:43
IT	気になる、記になる…	Microsoft、｢Surface Laptop Go 2｣を最大12,980円オフで販売するセールを開催中（6月25日まで）	https://taisy0.com/2023/06/01/172400.html	microsoft	2023-06-01 14:21:25
IT	気になる、記になる…	パソコン工房、Apple製品の高額買取キャンペーンを開始 − 査定額を10％増額	https://taisy0.com/2023/06/01/172397.html	apple	2023-06-01 14:02:08
AWS	lambdaタグが付けられた新着投稿 - Qiita	DockerでLambdaのPython(3.10)レイヤー作成してみた！	https://qiita.com/thyme_0113/items/81b5bed0240f7e0c2dd6	docker	2023-06-01 23:50:25
js	JavaScriptタグが付けられた新着投稿 - Qiita	React コンポーネントのアンマウント時に最新のコールバック関数を実行する	https://qiita.com/kajitack/items/82ad110eaa0551d7533b	react	2023-06-01 23:19:10
AWS	AWSタグが付けられた新着投稿 - Qiita	DockerでLambdaのPython(3.10)レイヤー作成してみた！	https://qiita.com/thyme_0113/items/81b5bed0240f7e0c2dd6	docker	2023-06-01 23:50:25
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerでLambdaのPython(3.10)レイヤー作成してみた！	https://qiita.com/thyme_0113/items/81b5bed0240f7e0c2dd6	docker	2023-06-01 23:50:25
海外TECH	Ars Technica	The Atlantic hurricane season has begun: What we know and what we don’t	https://arstechnica.com/?p=1943279	storm	2023-06-01 14:18:21
海外TECH	MakeUseOf	Best Power Banks for Steam Deck 2023	https://www.makeuseof.com/best-power-banks-steam-deck/	steam	2023-06-01 14:30:18
海外TECH	MakeUseOf	The 5 Best Apps to Help You Write Better on a Windows PC	https://www.makeuseof.com/apps-write-better-windows/	windows	2023-06-01 14:15:16
海外TECH	MakeUseOf	4 Ways to Disappear From WhatsApp Without Deleting the App	https://www.makeuseof.com/disappear-from-whatsapp-without-deleting-the-app/	whatsapp	2023-06-01 14:05:18
海外TECH	DEV Community	Naming conventions and style guides in programming"	https://dev.to/codepapi/naming-conventions-and-style-guides-in-programming-59a9	Naming conventions and style guides in programming quot In this article you will learn cases used for naming conventions while writing codes and also get references to some style guides that will enhance your naming convention depending on the language you work with It is important to know about the different naming conventions or cases used in coding for different reasons such as for best practices and proper codes maintainability readability codes consistency tooling and automation collaboration and more Different cases are used while writing codes to specify the naming convention for variables functions classes files folders and other code objects Depending on the programming language and accepted practices in the community different case styles may be used Following are some typical case types and examples in which they are employed camelCase PascalCase snake case kebab case SCREAMING SNAKE CASE Camel Case also known as lower camel case By applying this naming case there are no spaces or underscores between the words in this style which capitalises the initial letter of every word except the first word It is frequently used in naming variables functions and methods in programming languages such as JavaScript Java Python C etc Example Here are some examples of code snippets written in camelCase Variable declaration Java int numberOfStudents String userName double averageScore Method definition Python def calculateTotalAmount paymentList totalAmount for payment in paymentList totalAmount payment return totalAmountFunction call JavaScript let formattedName formatUserName userName Without only considering methods and variable names these examples show how to utilise camelCase where each word within an identifier begins with an uppercase letter except for the first To increase readability and maintain a consistent coding style Pascal Case often called upper camel case This is a variant of camel case in which the initial letter of each word is capitalised In programming languages like C C and Python it is frequently used for naming classes and types ExamplesHere are some examples of code snippets written in PascalCase Class definition C public class BankAccount private string accountNumber private decimal currentBalance public string AccountNumber get return accountNumber set accountNumber value public decimal CurrentBalance get return currentBalance set currentBalance value Method definition Java public void CalculateTotalAmount List lt decimal gt paymentList decimal totalAmount foreach decimal payment in paymentList totalAmount payment return totalAmount Interface definition TypeScript interface IEmployee empCode number empName string getSalary number gt number getManagerName number string Enum declaration public enum DaysOfWeek Monday Tuesday Wednesday Thursday Friday Saturday Sunday These examples demonstrates name classes methods interfaces and enums using PascalCase Every word even the first one has its first letter capitalised when using PascalCase It is frequently used to maintain a consistent naming convention and enhance code readability in languages like C Java TypeScript JavaScript C etc Snake Case This style often uses lowercase letters and underscores between words It is frequently used for naming variables and functions in languages like Python and Ruby and also for naming files and folders in frameworks like Reactjs ExamplesHere are some examples of code snippets written in snake case Variable declaration Python number of students user name johnsmith average score Function definition Ruby def calculate total amount payment list total amount payment list each do payment total amount payment end total amountendDatabase column names SQL CREATE TABLE users id INT PRIMARY KEY first name VARCHAR last name VARCHAR email address VARCHAR date of birth DATE These examples name variables functions constants database columns and configuration files using snake case snake case separates words with underscores and lowercase letters It is frequently used to maintain a consistent naming convention and enhance code readability in languages like Python Ruby and SQL Kebab Case also spelled dash case spinal case Between words in this style hyphens and lowercase letters are used It is frequently used in HTML attributes file names and URLs However naming variables or functions using it is not as common in programming ExamplesHere are some examples of code snippets written in kebab case HTML classes HTML lt div class container fluid gt lt div gt CSS class CSS header title font size px color Package name Java com example my projectCommand line arguments Shell script script sh verbose modeThese examples employ the kebab case naming convention for command line parameters URLs CSS classes HTML elements and CSS classes Lowercase letters and hyphens are used in kebab case to divide words It is frequently used in languages like HTML CSS JavaScript and others that permit the use of hyphens as word separators For many usage scenarios kebab case enhances readability and guarantees consistency in naming standards Screaming Snake Case This font uses uppercase letters and underscores between words It is also referred to as upper case snake case or screaming case Usually it is employed to name constants or global variables ExamplesHere are some examples of code snippets written in SCREAMING SNAKE CASE Constant declaration Python MAX ATTEMPTS PI VALUE ERROR MESSAGE An error occurred Constant declaration JavaScript const MAX ATTEMPTS const PI VALUE const ERROR MESSAGE An error occurred Global variables C define BUFFER SIZE const int MAX ITEMS Configuration variables Shell script DATABASE HOST localhost DATABASE PORT USERNAME admin PASSWORD password Preprocessor directives C define LOG ENABLED define VERSION For naming constants enum values global variables configuration variables and preprocessor directives in these examples SCREAMING SNAKE CASE is employed Uppercase letters and underscores are used in SCREAMING SNAKE CASE to divide words It is frequently used to represent constants and global values that shouldn t be changed in languages like Python C and shell scripts SCREAMING SNAKE CASE is frequently used to increase code readability and maintain consistency and highlights that certain values are intended to be treated as immutable STYLE GUIDES FOR SOME LANGUAGE TO AID BETTER NAMING CONVENTIONS AND BEST PRACTICESThese style guides often define coding conventions formatting standards and best practices for writing clean and maintainable code Here are a few examples HTML i Google HTML CSS Style Guide ii Mozilla Developer Network MDN HTML Style Guide iii Web Code Guidelines HTML CSS i Airbnb CSS Sass Style Guide ii Google HTML CSS Style Guide iii Mozilla Developer Network MDN CSS Style Guide Python i PEP Style Guide for Python Code ii Google Python Style Guide JavaScript i Airbnb JavaScript Style Guide ii Google JavaScript Style Guide Java i Oracle Code Conventions for the Java Programming Language ii Google Java Style Guide C i Google C Style Guide ii LLVM Coding Standards C i Microsoft C Coding Conventions ii C Coding Standards and Naming Conventions Ruby i Ruby Style Guide ii GitHub Ruby Style Guide PHP i PHP FIG PSR Extended Coding Style Guide ii Laravel Coding Style Guide coding style guideSwift i The Swift Programming Language API Design Guidelines ii Raywenderlich com Swift Style Guide These style guides provide recommendations on structuring and formatting code as well as best practices for naming conventions indentation comments and more ConclusionThe specific naming standards can vary based on the programming language and coding style used by a given development team it s crucial to remember that these are merely conventions and suggestions Also note that coding style guides can be subjective and vary depending on the organisation team or individual preferences It s always a good idea to follow the conventions used in your specific project or consult any guidelines provided by the language creators or major organisations in the respective communities If you like this they is a chance you might want to read my other articles Thanks for reading and happy clean coding	2023-06-01 14:35:46
海外TECH	DEV Community	Why is Application Modernization Crucial in the Banking and Insurance Sector?	https://dev.to/itcrats/why-is-application-modernization-crucial-in-the-banking-and-insurance-sector-dbk	Why is Application Modernization Crucial in the Banking and Insurance Sector Do you think application modernization is crucial in the Banking and Insurance Sector Yes it is let us explain In the ever changing landscape of banking and insurance the significance of updating and modernizing applications cannot be overstated Given the sensitive nature of the data they handle and their extensive reach among diverse audiences this endeavor becomes paramount In this blog we aim to shed light on the reasons behind the criticality of application modernization in the banking and insurance sector Let s explore these reasons and also delve into a practical example Keeping pace with evolving customer expectations Today s customers expect seamless and personalized experiences across multiple channels and legacy systems often fall short of meeting these demands By modernizing applications banks and insurance companies can deliver faster more reliable and highly personalized services that meet and exceed customer expectations Example Customers now expect the convenience of opening a new account applying for a loan or filing an insurance claim through their mobile devices Without modern applications to support these tasks banks and insurance companies risk losing customers to competitors who can provide these services seamlessly Staying compliant with regulations The banking and insurance sector is subject to stringent regulations and legacy systems may struggle to keep up with ever changing compliance requirements Application modernization enables organizations to align with the latest regulatory standards and avoid penalties Example GDPR General Data Protection Regulation mandates that customers have the right to be forgotten necessitating the erasure of their data upon request Banks and insurance companies must ensure that their applications can comply with this regulation to avoid fines and legal consequences Unlocking cost savings Legacy systems are often expensive to maintain and may require a substantial amount of manual effort to keep them operational Modernizing applications helps organizations reduce costs associated with maintenance infrastructure and staffing Example Maintaining legacy systems can be a costly affair with significant manual effort required to ensure smooth functioning Additionally these systems may not take advantage of the cost savings and scalability benefits offered by cloud computing Enhancing security measures Legacy systems may be more susceptible to cyber attacks making application modernization essential for implementing robust security measures and protecting against potential data breaches Example Modern applications often incorporate two factor authentication which significantly reduces the risk of unauthorized access to customer accounts Efficient data management With the exponential growth of data legacy systems may struggle to handle the volume velocity and variety of information Application modernization empowers organizations to efficiently manage and analyze data providing valuable insights into customer behavior and preferences Example If a bank relies on a legacy system that can only handle structured data it may miss out on insights derived from unstructured data sources like social media posts or customer feedback Modernizing applications allows banks and insurance companies to manage and analyze data more efficiently unlocking valuable insights into customer behavior and preferences In summary the modernization of applications is critical for banks and insurance companies to remain competitive meet evolving customer needs comply with regulations reduce costs enhance security and effectively manage data If you found this article informative and insightful we would greatly appreciate your support Please give it a clap leave your thoughts in the comments and engage with us to keep the conversation going Wanted to have a quick chat about the business or technological support please feel free to drop us a mail at “hi itcrats com and someone from our experts team would be happy to help	2023-06-01 14:35:08
海外TECH	DEV Community	Speeding up GitHub Actions with npm cache	https://dev.to/accreditly/speeding-up-github-actions-with-npm-cache-1712	Speeding up GitHub Actions with npm cacheGitHub Actions is a feature of GitHub that allows you to run various actions based on certain triggers within a secure VM that GitHub host for you It has many uses but it s primarily a CI CD tool used to build test and deploy your apps I love it We use it on all of our projects It s free well you get minutes of VM run time for free each month it works great and it s all integrated into GitHub already We ve also talked about how to cache npm effectively on GitHub Actions over on our website be sure to check it out as it includes a few extra tips How we use GitHub ActionsThere are tons of applications for GitHub Actions but I m going to be covering what we use it for every day here Our core use case for it is CI CD We have something like the following A push is done to master or main or whatever your central branch is GitHub Actions triggers our workflow GitHub spins up a VM running the latest version of Ubuntu It installs a bunch of pre requisites for our app to run in our case at accreditly io that s things like PHP Imagick and node It already has access to our code so it then sets up the project copying our env file generating a fresh key setting up some permissions etc Installs our dependencies via composer the PHP package manager Creates a local sqlite database and configures the app to use it Runs migrations to set up our database and then runs seeders to populate it with fake data Runs npm install to install our dependencies Runs our full test suite Assuming everything passes it then deploys This all gets defined in our github workflows laravel yml file It works really well From the second a commit is pushed to when a deployment commences takes about minutes That s not bad for starting a VM installing an OS setting up a project with tons of dependencies and running a test suite But we can do better than that Optimising npm installBy far the slowest part of our GitHub Action workflow is npm install and npm run prod which builds our assets coming in at around min sec It differs by about seconds each side of that so it must depend on available bandwidth or where the VM is located at any given time Either way that s a whopping amount of our min sec total build time On my local machine it takes around seconds to install and build Granted I have quite a decent machine but that s a huge disparity The main reason for this is that we have a large number of packages that we use each with a chain of dependencies attached That s a big overhead So let s cache it Actions CacheGitHub maintain a set of repos called actions One of which is called cache Let s start by going through our full file Name of our workflowname Laravel When to run iton push branches master pull request branches master Define our jobsjobs laravel tests runs on ubuntu latest Setup steps uses actions checkout v name Update apt run sudo apt get update name Install imagick run sudo apt get install php imagick uses actions setup node v with node version uses nanasess setup php master with php version name Copy env run php r file exists env copy env example env name Install Dependencies run composer install no ansi no interaction no scripts no progress prefer dist ignore platform req ext imagick name Generate key run php artisan key generate name Directory Permissions run chmod R storage bootstrap cache name Create Database run mkdir p database touch database database sqlite name Migrate env DB CONNECTION sqlite DB DATABASE database database sqlite run php artisan migrate run php artisan db seedOK that looks like a lot is going on but it s just following points in the above list It sets up our VM installs some dependencies packages and sets up our database Now we need to handle npm What we re going to do next is Install the cache Action module Create a cache in npm containing our packages as a hash Check if there is a cache hit eg do we already have a cached version of our packages if so continue if not install them Continue with compilation name Cache node modules id cache npm uses actions cache v env cache name cache node modules with npm cache files are stored in npm on Linux macOS path npm key runner os build env cache name hashFiles package lock json restore keys runner os build env cache name runner os build runner os if steps cache npm outputs cache hit true name List the state of node modules continue on error true run npm list name Compile assets run npm install npm run productionThen we continue running our tests and deploy we use Forge to deploy so it s just a case of hitting a webhook name Execute tests Unit and Feature tests via PHPUnit run vendor bin phpunit name Deploy to Laravel Forge run curl secrets FORGE DEPLOYMENT WEBHOOK Putting it all together Name of our workflowname Laravel When to run iton push branches master pull request branches master Define our jobsjobs laravel tests runs on ubuntu latest Setup steps uses actions checkout v name Update apt run sudo apt get update name Install imagick run sudo apt get install php imagick uses actions setup node v with node version uses nanasess setup php master with php version name Copy env run php r file exists env copy env example env name Install Dependencies run composer install no ansi no interaction no scripts no progress prefer dist ignore platform req ext imagick name Generate key run php artisan key generate name Directory Permissions run chmod R storage bootstrap cache name Create Database run mkdir p database touch database database sqlite name Migrate env DB CONNECTION sqlite DB DATABASE database database sqlite run php artisan migrate run php artisan db seed name Cache node modules id cache npm uses actions cache v env cache name cache node modules with npm cache files are stored in npm on Linux macOS path npm key runner os build env cache name hashFiles package lock json restore keys runner os build env cache name runner os build runner os if steps cache npm outputs cache hit true name List the state of node modules continue on error true run npm list name Compile assets run npm install npm run production name Execute tests Unit and Feature tests via PHPUnit run vendor bin phpunit name Deploy to Laravel Forge run curl secrets FORGE DEPLOYMENT WEBHOOK Our new full build time is around mins which is a massive saving for simply caching the npm dependencies We could further improve this by doing the same thing with composer however the composer dependencies already install very quickly We re currently considering moving to Pest for our tests which is substantially quicker particularly when running in parallel mode	2023-06-01 14:33:00
海外TECH	DEV Community	A complete guide to using IndexedDB	https://dev.to/logrocket/a-complete-guide-to-using-indexeddb-5dci	A complete guide to using IndexedDBWritten by Chibuike Nwachukwu️Data storage is an important part of most web applications from tracking user data to application data With the rapid development of faster and more robust web applications efficient client storage is needed to aid development Client side storage on the web has evolved a lot over the years from cookies used to store user data to the advent of WebSQL currently deprecated which allowed developers to store data in a SQL database in the browser and in turn allowing users familiar with SQL to build robust applications easily IndexedDB is an alternative to WebSQL and provides more storage capacity than its previous counterpart In this tutorial we ll explore how to use and set up IndexedDB for web application data storage and how to manipulate its data using the available API You can find a link to the public GitHub repo that contains the project we created in this article We ll cover the following What is IndexedDB Setting up our project Saving data to the IndexedDB database Retrieving and displaying data Deleting data from the database Incrementing the IndexedDB version Drawbacks to using IndexedDBLet s get started What is IndexedDB IndexedDB is a low level API for client side storage It is a full blown persistent NoSQL storage system available in the browser that allows for the storage of different types of data such as Files or blobs Images and videos Structured data like objects lists and arraysIndexedDB can be used in various scenarios such as caching PWAs and gaming and also supports transactions It is developed to suit the multiple needs of web apps effectively Setting up our project We won t be doing any fancy setup as IndexedDB runs natively on the web First create a new directory to house the project mkdir indexed db amp amp cd indexed dbNow we ll create an index html file to view our application and an index js script file to store our application logic touch index html index js styles css Saving data to the IndexedDB database To see the benefits of using this database and learn how to interact with the API we ll create a basic to do application We enable an Add feature to see how to save data to the database another to view all to dos and a Remove feature to see the GET and DELETE functions of the API respectively Open the index html created in the previous section and add the following code lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt TODO APP lt title gt lt script src index js defer gt lt script gt lt link href style css rel stylesheet gt lt head gt lt body gt lt h gt TODO APP lt h gt lt section gt lt aside class view gt lt h gt TODOs lt h gt lt div class todos gt lt ol gt lt ol gt lt div gt lt aside gt lt aside class add gt lt h gt Add Todo lt h gt lt form gt lt div gt lt label for title gt Todo title lt label gt lt input id title type text required gt lt div gt lt div gt lt label for desc gt Todo description lt label gt lt input id desc type text required gt lt div gt lt div gt lt button gt Save lt button gt lt div gt lt form gt lt aside gt lt section gt lt body gt lt html gt This creates the base structure of our web app We do two main things here first we create a section to display view all to dos saved in the database and second we create a section for adding to dos to the database Let s also add some basic styling to the application Open the styles css file and add the following html font family sans serif body margin auto max width px header footer background color blue color white padding px add view padding px width add background ebee section padding px background d display flex flex direction row flex wrap wrap justify content center h margin ol list style type none div margin bottom px The index js file is the heart of the application as it contains the logic for interacting between the app and IndexedDB First we need to create the database then we can initialize it by creating an object store similar to a table in SQL which we ll use to store each item detail Open the index js file and add the following logic to it let db const openOrCreateDB window indexedDB open todo db openOrCreateDB addEventListener error gt console error Error opening DB openOrCreateDB addEventListener success gt console log Successfully opened DB db openOrCreateDB result openOrCreateDB addEventListener upgradeneeded init gt db init target result db onerror gt console error Error loading database const table db createObjectStore todo tb keyPath id autoIncrement true table createIndex title title unique false table createIndex desc desc unique false As can be seen above a database named todo db is created and then an object store named todo tb is created with two indexes title and desc These indexes allow their values to be duplicated in the store which is similar to creating a table in SQL and then creating two columns Next to add the Save functionality we proceed to retrieve the values entered into the form and then save them to the database const todos document querySelector ol const form document querySelector form const todoTitle document querySelector title const todoDesc document querySelector desc const submit document querySelector button form addEventListener submit addTodo function addTodo e e preventDefault const newTodo title todoTitle value body todoDesc value const transaction db transaction todo tb readwrite const objectStore transaction objectStore todo tb const query objectStore add newTodo query addEventListener success gt todoTitle value todoDesc value transaction addEventListener complete gt showTodos transaction addEventListener error gt console log Transaction error After adding the values to the store the two form fields are emptied so the user can enter a new item to their list We can update the view by calling the showTodos method which we ll see in the next section Retrieving and displaying data To confirm if the Save to do function worked open and use your browser s Inspect function In Chrome you can see IndexedDB under the Application tab in Storage As can be seen in the image below we created the database and saved the first to do to the todo tb object store To display the available to dos when the user loads the page and provide a view of previously added and removed to dos we ll create a method called showTodos function showTodos while todos firstChild todos removeChild todos firstChild const objectStore db transaction todo tb objectStore todo tb objectStore openCursor addEventListener success e gt const pointer e target result if pointer const listItem document createElement li const h document createElement h const pg document createElement p listItem appendChild h listItem appendChild pg todos appendChild listItem h textContent pointer value title pg textContent pointer value body listItem setAttribute data id pointer value id const deleteBtn document createElement button listItem appendChild deleteBtn deleteBtn textContent Remove deleteBtn addEventListener click deleteItem pointer continue else if todos firstChild const listItem document createElement li listItem textContent No Todo todos appendChild listItem console log Todos all shown This method gets the to dos from the store loops through each item and creates an HTML element for each It appends the item to the ol list element on the webpage and passes the id of each to do into a data attribute called data id We ll use this unique ID later when we cover the deleteItem function to identify each to do when we need to remove it from the store To fetch the to dos on page load modify the openOrCreateDB success event listener to this openOrCreateDB addEventListener success gt console log Successfully opened DB db openOrCreateDB result showTodos Deleting data from the database Finally let s test the DELETE API for this database and create a Delete function for our to do list app function deleteItem e const todoId Number e target parentNode getAttribute data id const transaction db transaction todo tb readwrite const objectStore transaction objectStore todo tb objectStore delete todoId transaction addEventListener complete gt e target parentNode parentNode removeChild e target parentNode alert Todo with id of todoId deleted console log Todo todoId deleted if todos firstChild const listItem document createElement li listItem textContent No Todo todos appendChild listItem transaction addEventListener error gt console log Transaction error This deletes the particular to do using the unique ID passed to the method and removes the element from the webpage Once it deletes the last to do item in the store it shows a “no to dos message in the place of the to do list To confirm that the to do has been deleted from the database proceed to inspect the webpage and click the Application tab As can be seen the todo tb object store now contains no items The final web application looks like this Incrementing the IndexedDB version IndexedDB also allows developers to increment the database version When you open the database specify your desired version number window indexedDB open todo db If the database doesn t exist it will be created with the specified version If the database already exists the version number is checked If the version number specified during the open method call is higher than the existing version a version change event is triggered via the onUpgradeNeeded event This event allows you to perform database schema changes or data migrations A point to note here is deleting a previous object store to add new options when creating a new store would also delete all other data in the old store Take care to read the old content out and save it somewhere else before upgrading the database Drawbacks of using IndexedDB Since IndexedDB relies on the client s web browser it is typically more suitable for individual users or smaller scale applications Though it can handle a significant amount of data there are certain considerations to keep in mind when using IndexedDB in large scale apps or apps used by multiple people Scalability limitationsIndexedDB operates within a web browser which means it is limited to the capabilities and resources of the client side environment It may not scale well for scenarios that require handling large numbers of simultaneous users or extremely high throughput Data size limitationsDifferent web browsers impose limits on the maximum amount of data that can be stored in IndexedDB These limits vary across browsers and can range from a few megabytes to several hundred megabytes It is greatly important to be aware of these limitations and design the application accordingly Once your data storage runs out you won t be able to store new data in the database as you would trigger a QuotaExceededError error Synchronization challengesIndexedDB doesn t provide inbuilt mechanisms for handling data synchronization between clients or handling conflicts in a distributed environment You would need to implement custom synchronization logic to handle these scenarios Maintaining data consistency and synchronization across different instances of the application becomes complex Hence for larger scale applications or applications used by multiple people it is more efficient to use server side databases or cloud based storage solutions ConclusionIn this article we learned about IndexedDB a database on the web and how to interact with it to store web application data using JavaScript Hopefully you enjoyed this article and have learned a new way of managing your application data locally on the web Thanks for reading	2023-06-01 14:32:07
海外TECH	DEV Community	The power of PURISTA TypeScript Framework v1.7	https://dev.to/purista/the-power-of-purista-typescript-framework-v17-k25	The power of PURISTA TypeScript Framework vAre you looking for a robust and versatile framework to streamline your application development process Look no further than PURISTA TypeScript Framework v With its latest release PURISTA introduces a range of exciting features and improvements that empower developers to build efficient and scalable applications Let s explore how PURISTA v can revolutionize your development workflow Seamless Messaging with NATSCommunication between microservices is essential for building complex applications PURISTA v integrates NATS a lightweight and high performance messaging system as a message broker option This integration simplifies message transmission and enhances the overall messaging capabilities of your application Say goodbye to communication bottlenecks and hello to seamless microservice interactions Enhanced State and Configuration ManagementPURISTA v introduces two powerful features for state and configuration management The NATS State Store allows you to store and retrieve application specific data within the JetStream enabled NATS server This feature enables efficient state management and simplifies data access resulting in improved performance and scalability In addition the NATS Config Store provides a centralized solution for managing configuration data in your JetStream enabled NATS server Store and retrieve application configurations effortlessly ensuring consistency and flexibility across your deployment environments But that s not all PURISTA v also offers Redis Config Store integration leveraging the robustness and speed of Redis to manage your application configurations effectively With multiple options for configuration storage you have the freedom to choose the solution that best fits your needs Enhanced Security with Infisical Secret StoreData security is paramount in modern applications PURISTA v introduces the Infisical Secret Store feature providing a secure vault for storing and accessing sensitive information Safeguard your API keys authentication tokens and other confidential data with ease Rest easy knowing your application s secrets are protected by PURISTA s robust security measures Breaking Changes for Enhanced MessagingPURISTA v brings significant improvements to the messaging structure Previously messages only contained the instanceId of the sender However with the latest release PURISTA enhances the messaging architecture by moving the instanceId of the sender to the sender property Additionally the instanceId of the receiver if available is now included in the receiver property This change simplifies subscription targeting and eliminates the need for redundant message publications resulting in a more efficient and streamlined messaging experience Improved Stability and DocumentationPURISTA v focuses on improving stability and usability The framework comes with a slew of bug fixes ensuring a smoother development experience Additionally the documentation has been extensively enhanced providing comprehensive guidance and examples to help you make the most of PURISTA s features Whether you re a seasoned PURISTA user or new to the framework the updated documentation serves as a valuable resource for mastering the framework s capabilities Embrace PURISTA TypeScript Framework v TodayIf you re looking to build robust scalable and efficient applications PURISTA TypeScript Framework v is your ultimate solution Harness the power of NATS as a message broker leverage state and configuration management features ensure data security with the Infisical Secret Store and benefit from the enhanced messaging structure Take advantage of the improved stability and comprehensive documentation to accelerate your development process Visit the official PURISTA website purista dev to learn more about PURISTA v and embark on a new era of application development Unleash your creativity enhance collaboration and deliver exceptional software solutions with PURISTA TypeScript Framework v	2023-06-01 14:09:29
海外TECH	DEV Community	How to Build - No Code Dev Portfolio GitHub	https://dev.to/ganeshstwt/how-to-build-no-code-dev-portfolio-github-4chk	How to Build No Code Dev Portfolio GitHubHello amazing Peoples on the internet After a long time we are going to know how to build no code portfolio with github I m working on my youtube channel where you will get content related to the open source development freelance work Technical Writing and opportunities through opensource Here is the Link to My Channel GaneshsYTif you Love the content Consider to Subscribe Introduction A building developer portfolio from scratch is time consuming but believe me it worth in previous article we talked about git showcase and now we are going to implement same idea What is Github Showcase In this article we are going to build smart developer portfolio less than clicks Building portfolio is time taking process and if you are looking for simples way to build portfolio with less time you re in right place What You Need This is very important section because here we need Github Account Git BasicsProjects Repo s on GithubThat s it Your portfolio is ready If you don t know what is git amp Github here you can check A Complete Guide on Git amp Github There are three simple steps you have already have github account Sign in with GithubAuthorize Git Showcase Portfolio is ready Its simple to build portfolio with git showcase and host to github pages or netlify you don t need to put extra efforts everything is prebuild No Code Portfolio Github ‍Here are the steps you should follow to build no code portfolio with Git showcase Visit to GitShowcaseSign in with Github AccountAuthorize Github AccountDone Live DemoHere is the Live Demo of your portfolio which you build with node code Git Showcase Live Demo Link to Git Showcase Portfolio conclusionThat s it and your portfolio is ready to launch also Git showcase provides free domain amp hosting as showcase username you can also use your custom domain Actively Looking for opportunities in Developer Relationships share some if you have Reach out to me via Twitter Check out my Youtube channel here	2023-06-01 14:08:44
海外TECH	DEV Community	Engaging Content on Javascript Core Concepts 💻	https://dev.to/codecraftjs/engaging-content-on-javascript-core-concepts-486g	Engaging Content on Javascript Core Concepts I have started a series on Javascript Core Concepts This series covers all the important javascript concepts which are vital to understand as a javascript developer Good understanding of a language can benefit the developer in writing clean and optimised code It improves code debugging and thus increase the productivity ABOUT MEI have years of experience in Frontend Development I have worked in various product based companies and got a chance to build the enterprise applications from scratch which are used by more than K customers I have developed my coding skills through working in startups which are known to have a very fast paced environment This really helped me gain lots of knowledge Now I am here and available to share this vital knowledge with you If you are a beginner or a working professional and want to be more efficient in coding and master the javascript language I am here to help and guide you Mastering the javascript will open the door for you to start working on any latest framework with ease This will make you so powerful as a developer and you can simply crack any interviews with higher packages I am available for mentorship and training on Javascript Contact Email codecraftjs gmail comInstagram codecraftjsHashnode code craft hashnode dev	2023-06-01 14:03:05
Apple	AppleInsider - Frontpage News	Meta tries stealing Apple's headset thunder with Meta Quest 3 tease	https://appleinsider.com/articles/23/06/01/meta-tries-stealing-apples-headset-thunder-with-meta-quest-3-tease?utm_medium=rss	Meta tries stealing Apple x s headset thunder with Meta Quest teaseMonths before it will actually ship its new Meta Quest Meta has chosen to announce that it s coming just days before Apple s headset is expected to be unveiled Meta Quest Source Meta Nobody can be certain that an Apple AR headset will be among the announcements at WWDC on June but Facebook owner Meta certainly believes the rumors For with just days to go before Tim Cook gets up on stage Meta has gone up on Instagram to tell people it s the best at making headsets Read more	2023-06-01 14:50:31
Apple	AppleInsider - Frontpage News	iTunes on Windows security flaw allows unauthorized access & data manipulation	https://appleinsider.com/articles/23/06/01/itunes-on-windows-security-flaw-allows-unauthorized-access-data-manipulation?utm_medium=rss	iTunes on Windows security flaw allows unauthorized access amp data manipulationResearchers have found a vulnerability in iTunes for Windows that lets users escalate system privileges and Windows users should update the app iTunes on Windows has a security flawIn late the Synopsys Cybersecurity Research Center CyRC discovered a security vulnerability within the Windows version of the iTunes app Exploiting it can lead to local privilege escalation to achieve system level privileges Read more	2023-06-01 14:38:10
Apple	AppleInsider - Frontpage News	'No Man's Sky' now available on Mac via Steam	https://appleinsider.com/articles/23/06/01/no-mans-sky-now-available-on-mac-via-steam?utm_medium=rss	x No Man x s Sky x now available on Mac via SteamNo Man s Sky has finally launched on Mac via Steam and it has cross save functionality from PC cross platform play and runs on any Apple Silicon Mac No Man s Sky on MacApple introduced Metal and MetalFX during WWDC in and two games were set to take advantage of these systems No Man s Sky and Resident Evil Village While Resident Evil Village launched in October No Man s Sky remained absent until now Read more	2023-06-01 14:20:25
海外TECH	Engadget	'Street Fighter 6' gets the vibe right	https://www.engadget.com/street-fighter-6-gets-the-vibe-right-141559193.html?src=rss	x Street Fighter x gets the vibe rightIt didn t take long for me to fall in love with Street Fighter Maybe it was during a particularly epic Drive Gauge parry which filled my computer screen with explosive color or while playing through the Yakuza esque World Tour as I picked fights with randos on the street At some point I felt like I was home again combo ing into Dragon Punches and wreaking havoc with Chun Li s endless arrays of lethal kicks Street Fighter proves that Street Fighter is back it s a game primed to welcome new fans and bring old ones back into the fold When I talk about old fans I m referring to myself I remember the sense of awe I felt when I first encountered a Street Fighter cabinet at my local Burger King my hometown was sadly devoid of arcades The sprites were bigger than I d ever seen and gorgeously animated The characters were all distinct and filled with personality And the controls opened my eyes to the possibilities beyond mere platformers There s a reason Street Fighter s special moves have lived on They re easy to learn but they require practice to pull off consistently Get good enough though and they start to feel like an extension of yourself If you re a hadouken master you may as well have lightning crackling around your fingers CapcomIn an effort to open up to new audiences Street Fighter takes a remarkable new approach to special moves In addition to the classic controls fans love there s also a quot Modern quot scheme which dramatically simplifies button inputs as well as quot Dynamic quot controls which basically let you mash buttons to have the game s AI take the wheel The modern mode replaces the six separate punch and kick buttons with three buttons for light medium and heavy attacks There s also a standalone special move button that activates different attacks depending on how you re holding the directional pad This change gives you four functional buttons right on the face of your gamepad rather than shoving some attack buttons to shoulder buttons like the classic controls While Street Fighter s hardcore fans may decry these options as a way to water down the series I see them as essential to its survival The previous entry Street Fighter V was widely criticized for catering to e sports players and other diehards It took years for a traditional arcade mode to appear but by then many had already written the game off Street Fighter on the other hand is a direct appeal to casual fans and the Street Fighter curious That s also evident in the new World Tour mode which involves designing your own fighter to go on a series of quests throughout an NYC like environment It s basically a Street Fighter RPG crossed with a Yakuza game You ll earn experience points and level up and you can also challenge people on the street to impromptu matches The results are almost always ridiculous ーI never got tired of seeing bored businessmen throw down ーbut crucially it s also genuinely fun Early on World Tour also serves as a sort of interactive training mode for new players It helps you understand the modern fighting mode as well as some of the finer details of street fighting You re also coached along the way by Luke the last character introduced in Street Fighter V and the ostensible main character for this game As a big brother figure he s cocky yet supportive a helpful combination for new players Even before you get into a match Street Fighter oozes style The opening menus are a combination of neon city lights and street art the character select theme is a catchy if cringey hip hop tune and the music in every stage got my subwoofer thumping Street Fighter feels like a party that everyone s invited to the vibes are just spot on Maybe that s why I had a hard time peeling myself away to deal with the real world or to play other titles like Tears of the Kingdom The arcade mode is breezy enough to complete in under minutes By default it includes four fighting matches and one classic vehicle destruction mini game and the actual gameplay feels more addictive than ever As usual playing through an arcade session unlocks background details for characters but this time you also earn classic Street Fighter art most of which hit me right in my peak s nostalgia heart On top of the usual super responsive Street Fighter mechanics there s also a Drive Gauge that unlocks a wealth of new options You can use it to launch into attacks that throw your opponents against the wall leaving them vulnerable to some satisfying follow up combos parry attacks throw out a reversal after blocking and rush across the screen The drive gauge which regenerates over time and with your own attacks can also be used to give your special moves more bite All of the drive mechanics are relatively easy to pull off they typically just involve hitting two buttons but learning how to deploy them will take some time Super Arts the super powered attacks that require more complex button inputs also make a return Otherwise Street Fighter players would probably just revolt again They rely on a separate super gauge and in addition to dealing tons of damage they can be used to blow away your competitor s drive gauge I swapped between an Xbox Elite controller and a Hori arcade stick while playing Street Fighter on my PC and both inputs felt incredibly smooth As someone raised on SNES fighting games I tend to favor gamepads but I also found myself enjoying the arcade stick experience more than usual The combination of Street Fighter s visuals thumping soundtrack and overall style made me feel like I was in an actual arcade and having a fight stick on my desk just enhanced that sensation In addition to Luke Street Fighter adds new characters like the Judo expert supermodel Manon what a concept and the dapper older fighter JP It usually takes me a while to warm up to new characters especially when I haven t had much time with the classic Street Fighter roster recently but all of the new additions bring something to the franchise A few are also nods to earlier characters Kimberly is a student of the former Final Fight ninja Guy Lily is a member of T Hawke s Thunderfoot tribe and Jamie takes inspiration from Yun and Yang As for online play I was only able to try Street Fighter s multiplayer for a few short sessions but all of my matches felt smooth and lag free Of course the experience will likely be different once hordes of desperate players show up A new dedicated Battle Hub also serves as an online space for interacting with other players using your World Tour avatar You can queue up for matches at arcade cabinets play older games like Final Fight and Street Fighter and even jump into matches with other player s avatars I enjoyed the social element of Battle Hub and it made multiplayer matches far more appealing than just queuing up against faceless players Street Fighter s many modes and fighting options may feel overwhelming to new players but it s ultimately a celebration of everything that makes Street Fighter great Franchises like Mortal Kombat have their extreme gore and surprisingly robust storytelling to rely on The joy of Capcom s series has always been around hanging out with your friends perfecting your combos and special moves and learning the intricacies of your favorite characters Street Fighter is a reminder that Street Fighter is for everyone and that s a beautiful thing to behold This article originally appeared on Engadget at	2023-06-01 14:30:59
海外TECH	Engadget	The Meta Quest 3 is a $499 mixed reality headset with full-color passthrough	https://www.engadget.com/the-meta-quest-3-is-a-499-mixed-reality-headset-with-full-color-passthrough-141204527.html?src=rss	The Meta Quest is a mixed reality headset with full color passthroughMark Zuckerberg has revealed the Meta Quest the company s long rumored next gen virtual reality headset The Meta CEO showed off the device for the first time a few hours before the latest Meta Quest Games Showcase and just ahead of Apple s WWDC As with the Quest Pro the Quest supports mixed reality and offers full color passthrough This enables users to see a color version of the physical space around them via the external cameras The headset will be able to blend augmented reality elements into the outside world Zuckerberg says it s quot the first mainstream headset with high res color mixed reality quot Zuckerberg claims the device has a quot next gen quot Qualcomm chipset and that it offers twice the graphics performance of the Quest It s said to be Meta s quot most powerful headset yet quot Despite the extra oomph the Quest is more comfortable and percent thinner than its predecessor Meta s CEO noted Meta has redesigned the controllers for Quest It says they re more streamlined and ergonomic and they incorporate the TruTouch haptic feedback tech seen in the Touch Pro controllers The new Touch Plus controllers also no longer have outer tracking rings That Meta says will help them feel like a more natural extension of your hands and take up less space In addition the Quest will support hand tracking from the jump The headset will start at for GB of storage and it ll be available this fall in all countries where the Quest is available It s half the price of a Quest Pro and it costs the same as a PlayStation VR which users need to plug into a PS nbsp The Quest meanwhile will once again cost for the base GB version starting on June th The GB model will cost Meta increased the price of that headset by last year blaming increased manufacturing costs In March it cut the price of the GB Quest by to to help quot more people get into VR quot Zuckerberg said at the time In addition an upcoming software update will boost the performance of the Quest and Quest Pro Meta says the CPU of each headset will get a performance increase of up to percent with a GPU boost of up to percent on Quest and percent on Quest Pro Dynamic Resolution Scaling will be enabled on both headsets as well According to Meta this will help them quot take advantage of increased pixel density without dropping frames quot The Quest will be fully compatible with every Quest app and experience The company will reveal more details at its Connect conference which will take place on September th nbsp It s hardly a surprise that Meta has a Quest on the way Earlier this week Bloomberg s Mark Gurman said he d had hands on time with a Quest prototype Gurman wrote that the headset “feels far lighter and thinner than the previous model and that it had a sturdier head strap Unlike the Quest Pro though the Quest may not have face or eye tracking features In another year Zuckerberg might have waited until Connect to reveal the Quest However Meta may be trying to steal some of Apple s thunder The latter is widely expected to reveal a premium mixed reality headset at WWDC next week As such Meta may soon be facing another major competitor in the mixed reality space This article originally appeared on Engadget at	2023-06-01 14:12:04
海外TECH	Engadget	AMC transfers its on-demand streaming users to Vudu	https://www.engadget.com/amc-transfers-its-on-demand-streaming-users-to-vudu-140033151.html?src=rss	AMC transfers its on demand streaming users to VuduAMC Entertainment s streaming service is migrating its users to Vudu The companies announced today that Vudu is “the official new streaming platform for consumers of AMC Theatres on Demand AMC launched its on demand streaming service in and its popularity surged during pandemic era lockdowns In as moviegoers largely avoided theaters the company partnered with Universal to allow the studio s films to jump to premium video on demand PVOD platforms ーincluding AMC s service ーonly days after premiering in theaters However as viewing habits have readjusted in the last three years AMC has now decided to offload the service to a frequent partner instead Vudu says AMC Theatres On Demand customers will have their content libraries automatically upgraded “to the highest quality format available on Vudu including K Ultra HD In addition new Vudu accounts moving from AMC s service will get percent off every purchase for their first month on the platform Fandango Media a joint venture between NBCUniversal and Warner Bros Discovery currently owns Vudu Walmart bought the platform in and ran it for a decade before selling it to Fandango Media in for an undisclosed amount Its new owner then rolled FandangoNow its previous standalone streaming service into the platform in keeping the name Vudu for the resulting product The companies didn t reveal any business details of the handoff “As we continue to evolve our business and remain focused on Making Movies Better by enhancing the theatrical experience we re even more excited to expand our relationship with a trusted partner who will ensure a continued preeminent experience for those consumers who are streaming their post theatrical movies at home said Nikkole Denson Randolph AMC Senior VP of Content Strategy amp Inclusive Programming This article originally appeared on Engadget at	2023-06-01 14:00:33
海外科学	NYT > Science	How to Lower Deaths Among Women? Give Away Cash.	https://www.nytimes.com/2023/05/31/health/cash-transfer-deaths-women.html	mortality	2023-06-01 14:38:22
海外TECH	WIRED	Meta Quest 3 VR Headset: Price, Specs, Release Date	https://www.wired.com/story/meta-quest-3-vr-headset-price-specs-release-date/	reality	2023-06-01 14:54:10
ニュース	BBC News - Home	Bournemouth beach death swimmers not hit by boat or jet ski	https://www.bbc.co.uk/news/uk-england-dorset-65776291?at_medium=RSS&at_campaign=KARANGA	bournemouth	2023-06-01 14:18:01
ニュース	BBC News - Home	Deadline looms in row over WhatsApp release to Covid inquiry	https://www.bbc.co.uk/news/uk-politics-65775321?at_medium=RSS&at_campaign=KARANGA	texts	2023-06-01 14:35:08
ニュース	BBC News - Home	Alex Belfield: Stalker ex-BBC DJ banned from contacting couple	https://www.bbc.co.uk/news/uk-england-nottinghamshire-65777861?at_medium=RSS&at_campaign=KARANGA	belfield	2023-06-01 14:31:01
ニュース	BBC News - Home	Metal Gear Solid 3 remake: Voice actors not invited back	https://www.bbc.co.uk/news/newsbeat-65775703?at_medium=RSS&at_campaign=KARANGA	playstation	2023-06-01 14:45:06
ニュース	BBC News - Home	Spanish Grand Prix: Max Verstappen thinks Red Bull could win every race this season	https://www.bbc.co.uk/sport/formula1/65780594?at_medium=RSS&at_campaign=KARANGA	Spanish Grand Prix Max Verstappen thinks Red Bull could win every race this seasonMax Verstappen says it looks like Red Bull could win every race this season but insists that it is very unlikely to happen	2023-06-01 14:28:20