投稿時間:2022-04-06 02:40:06 RSSフィード2022-04-06 02:00 分まとめ(47件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Database Blog	Scale applications using multi-Region Amazon EKS and Amazon Aurora Global Database: Part 1	https://aws.amazon.com/blogs/database/part-1-scale-applications-using-multi-region-amazon-eks-and-amazon-aurora-global-database/	Scale applications using multi Region Amazon EKS and Amazon Aurora Global Database Part AWS offers a breadth and depth of services that helps you run and scale your critical workloads in multiple Regions on AWS global footprint Whether you need a multi Region architecture to support disaster recovery or bring your applications and the backend database into close proximity to your customers to reduce latency AWS gives you the …	2022-04-05 16:49:19
AWS	AWS	Working in AWS Professional Services | Amazon Web Services	https://www.youtube.com/watch?v=7GhXrKj4VH8	Working in AWS Professional Services Amazon Web ServicesAs part of our the ProServe team you ll accelerate the adoption of our products all while advocating for the success of our customers It s cloud computing with a twist of customer obsession Learn more at Subscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster WorkingAtAWS AWSCareers AWS AmazonWebServices CloudComputing	2022-04-05 16:43:04
Google	Official Google Blog	Make Google Maps your copilot with these new updates	https://blog.google/products/maps/make-google-maps-your-copilot-these-new-updates/	Make Google Maps your copilot with these new updatesSay goodbye to road trip and vacation planning woes with new updates to Google Maps Whether you re driving around a new city or heading out on a weekend road trip we re launching new improvements including toll prices a more detailed navigation map and iOS updates to help you plan your drive save money and explore a new place To toll or not to toll Pick the best route with new toll pricesLong distance drives poor road conditions and heavy traffic can dampen the mood of any road trip In those moments you might want to take a toll road To help make the choice between toll roads and regular roads easier we re rolling out toll prices on Google Maps for the first time Soon you ll see the estimated toll price to your destination before you start navigating thanks to trusted information from local tolling authorities We look at factors like the cost of using a toll pass or other payment methods what the day of the week it is along with how much the toll is expected to cost at the specific time you ll be crossing it Not a fan of toll roads No problem When a toll free route is available we ll still show you that route as an option Like always you can choose to avoid seeing routes with toll roads completely Simply tap on the three dots at the top right corner of your directions in Google Maps to see your route options and select Avoid tolls You ll start seeing toll prices on Android and iOS this month for nearly toll roads in the U S India Japan and Indonesia ーwith more countries coming soon New toll prices in Google Maps will help you decide the best route for you A more detailed map so you can navigate new roads with easeDriving on unfamiliar roads can be stressful ーespecially when you re driving at night or with a car full of people We re adding rich new details to Google Maps navigation experience so you can explore with confidence You ll soon see traffic lights and stop signs along your route along with enhanced details like building outlines and areas of interest And in select cities you ll see even more detailed information like the shape and width of a road including medians and islands you can better understand where you are and help decrease the odds of making last minute lane changes or missing a turn The new navigation map starts rolling out to select countries in the coming weeks on Android iOS Android Auto and CarPlay Google Maps will soon show traffic lights and stop signs along your route as well as other enhanced detailsEasier ways to explore on iOSWhen you re out and about efficiency matters ーwhether you want to be unattached to your iPhone use Siri to look up directions while behind the wheel or quickly search within Google Maps We re rolling out new iOS updates that make Google Maps easier to use on the go Access Google Maps from your home screen with new widgets Our new pinned trip widget lets you access trips you ve pinned in your Go Tab right from your iOS home screen ーmaking it even easier to get directions You can see your arrival time the next departure for your transit trip and even a suggested route if you re driving And because good things come in small packages we re also making the existing Google Maps search widget smaller so you can search for your favorite places or navigate to frequent destinations with one tiny tap Make sure you have the latest version of the Google Maps app downloaded to see these widgets in the coming weeks Navigate from your Apple Watch If you have an Apple Watch and constantly find yourself away from home ーand away from your phone ーyou ll soon be able to get directions on Google Maps directly from your Watch Starting in a few weeks you ll no longer need to begin navigation from your iPhone Simply tap on the Google Maps shortcut in your Apple Watch app and the navigation will start automatically on your Apple Watch You can also add the “Take me home complication to your watch and tap it to start the navigation home on Google Maps Search and get directions with Siri and Spotlight Google Maps is integrating directly into Spotlight Siri and the Shortcuts app on iOS Once you ve set up the shortcuts just say “Hey Siri get directions or “Hey Siri search in Google Maps to access Google Maps helpful information instantly You ll start seeing this feature in the coming months with enhanced Siri search functionality coming later this summer iPhone home screen featuring new pinned trip widgetAccess Google Maps from your home screen with new widgetsBlack Apple Watch featuring new “Take me home complicationNavigate from your Apple WatchiPhone Shortcuts page featuring colorful boxes and the new Siri and Spotlight integrationsSearch and get directions with Siri and SpotlightWe re always looking for more ways to bring new information to Maps to help you explore For more on how to use Maps as your copilot for road trip travel check out these tips	2022-04-05 17:08:00
Google	Official Google Blog	Plan your next getaway with these 8 Google Maps tips	https://blog.google/products/maps/plan-your-next-getaway-google-maps-tips/	Plan your next getaway with these Google Maps tipsThe longer days in the U S have us chasing that windows down music up breeze blowing kind of road trip feeling Whether you re planning a getaway to the coast to get a dose of Vitamin D or a weekend reunion to see friends and family here are Google Maps tips for your next road trip ーwhich include some brand new features ーso you can save money coordinate with friends and family and plan your trip like a pro Save on the goGet the best gas deal near you With gas prices skyrocketing even the smallest difference per gallon helps When you need to make a pit stop use Google Maps to search for nearby gas stations and see their prices to get the best deal Increase your fuel efficiency Google Maps can help you keep your tank full a little longer by recommending the most fuel efficient route To turn on fuel efficient routes tap the three dots on the directions screen then tap Route options and turn Prefer fuel efficient routes on Avoid tolls Avoid high priced toll roads and highways when navigating to your destination To steer clear of tolls completely simply tap on the three dots at the top right corner of your directions in Google Maps to see your route options and select Avoid tolls And soon we ll start showing you the estimated toll price before you start navigating to help you compare and select the best route for you Use your vacation time wiselyFigure out the best time to leave Traffic to popular destinations like the beach on a perfect summer day can be unpredictable To make sure you don t get stuck in traffic for most of your drive set the time you d like to depart or arrive by to see how long it ll take you to get to your destination Find helpful information and save precious time Once you arrive at your vacation destination use the Popular Times and Live Busyness information to see when restaurants are most crowded so you can know which places are likely to seat you immediately You can also use the popular dishes feature to quickly find out what the must try items and local favorites on the menu are Get directions quicker with new widgets Our new pinned trip widget lets you access frequent trips that are pinned in your Go Tab directly from your iOS home screen ーso you can see your estimated arrival time at the destination next departures for transit trips and a suggested route for driving trips To add a widget first make sure you have the latest Google Maps app Then touch and hold a widget or an empty area on your home screen until your apps jiggle then tap Add button in the upper left corner Once you find the Google Maps app tap it swipe to select a widget then tap Add widget Plan like a proPlan activities as a group With group lists in Google Maps planning with friends or family is simple and efficient giving you the ability to create a vacation activity itinerary together by adding places to go and things to do as a group Bonus tip You can also share your real time location with your group to make it easier to meet up or find one another if you get separated Access directions offline No service No problem You can still find your way even if you have spotty reception or an expensive data plan Download a map of an area in advance so you can still access directions and turn by turn navigation even if you can t get online To do this tap on your profile picture in Maps tap Offline maps then Select your own map From here adjust the map to cover the area you d like to download and that will be available for you to reference on your adventures	2022-04-05 16:49:00
AWS	lambdaタグが付けられた新着投稿 - Qiita	AWSLamdbaのエフェメラルストレージ10GB拡張を試してみた	https://qiita.com/syuji501/items/8338d6461bf3c6617425	tmp領域がGBになっていることが確認できました。	2022-04-06 01:03:11
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSLamdbaのエフェメラルストレージ10GB拡張を試してみた	https://qiita.com/syuji501/items/8338d6461bf3c6617425	tmp領域がGBになっていることが確認できました。	2022-04-06 01:03:11
海外TECH	Ars Technica	Russia threatens Wikipedia with fines over “false information”	https://arstechnica.com/?p=1845848	ukraine	2022-04-05 16:40:39
海外TECH	Ars Technica	Canary Islands eruption didn’t act as we expected—we can now ask why	https://arstechnica.com/?p=1845824	palma	2022-04-05 16:23:17
海外TECH	MakeUseOf	8 Important Laws of Technology and Computing Explained	https://www.makeuseof.com/important-tech-laws-explained/	computing	2022-04-05 16:45:15
海外TECH	MakeUseOf	How to Create a Mockup of Your Website Using Canva	https://www.makeuseof.com/create-mockup-of-your-website-canva/	canva	2022-04-05 16:30:16
海外TECH	MakeUseOf	How to Use the Personal Vault in OneDrive	https://www.makeuseof.com/onedrive-personal-vault-guide/	onedrive	2022-04-05 16:15:14
海外TECH	DEV Community	tsParticles 1.43.0 Released	https://dev.to/matteobruni/tsparticles-1430-released-1ek0	tsParticles Released tsParticles Changelog Architecture changesRemoved all inner index files from the engine the exported types are unchangedAdded CLI project Bug FixesImproved big circles preset the effect is now betterImproved particles check when drawingSome refactoring for smaller output size Compatibility changesUpdated build configurations for plugins shapes presets and other pluggable projects imports are now more compatible with CommonJS and ESMUpdated all plugins to use the new build system improves imports compatibilityUpdated external interaction managers added click mode handlingAdded more external interaction managers like v matteobruni tsparticles tsParticles Easily create highly customizable particles confetti and fireworks animations and use them as animated backgrounds for your website Ready to use components available for React js Vue js x and x Angular Svelte jQuery Preact Inferno Solid Riot and Web Components tsParticles TypeScript ParticlesA lightweight TypeScript library for creating particles Dependency free browser ready and compatible withReact js Vue js x and x Angular Svelte jQuery Preact Inferno Riot js Solid js and Web Components Table of ContentsUse for your websiteLibrary installationOfficial components for some of the most used frameworksAngularInfernojQueryPreactReactJSRiotJSSolidJSSvelteVueJS xVueJS xWeb ComponentsWordPressPresetsBig CirclesBubblesConfettiFireFireflyFireworksFountainLinksSea AnemoneSnowStarsTrianglesTemplates and ResourcesDemo GeneratorCharacters as particlesMouse hover connectionsPolygon maskAnimated starsNyan cat flying on scrolling starsBackground Mask particlesMigrating from Particles jsPlugins CustomizationsDo you want to use it on your website Documentation and Development references here This library is available on the two most popular CDNs and it s easy and ready to use if you were using particles jsit s even… View on GitHub	2022-04-05 16:39:52
海外TECH	DEV Community	Build a Social Media Timeline with Amplify Studio	https://dev.to/aspittel/build-a-social-media-timeline-with-amplify-studio-2lof	Build a Social Media Timeline with Amplify StudioWe ve been releasing a lot of great new features on AWS Amplify Studio since we launched the developer preview at Re Invent I wanted to take this opportunity to show some of these features and build something a little more feature rich Create your data modelHead to the Amplify Console and select build a new app Once your Studio instance is deployed click Launch Studio Then once in Studio click Data under Set up on the left panel We ll create two data models Post and User Post will have three fields content postedAt and likes Likes will be an integer postedAt an AWSDateTime and content a string User will have three fields as well profilePic an AWSURL handle and name the last two will remain Strings The data will also be related a Post will have one User or a relationship Click Save and Deploy once you ve added all the fields Add Starter DataOnce your data model has finished deploying head to the Content tab under Manage on the left navigation Create a few users and Posts using the form Make sure your Posts have users tied to them Customize your component in FigmaHead to the AWS Amplify UI Kit Duplicate the Figma file to your account and then head to the My Components page You ll see a SocialB card which we will modify for our app I ll make a few modification Remove the share actions other than the like buttonRemove the Lorem ipsumBold the Author Remove the Danny liked this rowGroup the body and share groups into a group called CardContentWhen you re done your card should look like this Then in Studio head to the UI Library page Click Get Started and paste in the link to your Figma file Then accept all of your components Link UI to DataOnce your components are loaded into Studio head to the SocialB component We will tie our component to data First click the Lorem Ipsum text Then set the label prop to post content Set the Author label to user name Set the label to post likes Set the src of the image to user profilePic For the Timestamp we ll add in the user s handle Set the Prop label to then select concatenate then choose user handle Let s add a link to the Author text Type in the prop as first and set it to a This will make the text into an lt a gt Then let s set the href prop to users user id This will make it so the author text would link to the user s profile I won t set up actual routing for this app but I wanted to display how to set up a link anyways Add Events in StudioYou can also add actions to elements in Studio select the CardContent group we ll make the social media post grey whenever it s hovered Select the prop onMouseEnter Set the action to Modify element property Set prop backgroundColor to Repeat for onMouseLeave but this time set the background color to transparent You can also add onClick and other events to create data Implement Local CodeNow let s move to our local development environment First create a React App locally npx create react app tweettweet Then click local setup instructions in Studio and run the generated amplify pull command locally Install the Amplify libraries npm i aws amplify ui react aws amplify Open up your index js and add the following import aws amplify ui react styles css import config from aws exports import Amplify from aws amplify import AmplifyProvider from aws amplify ui react Amplify configure config This will configure Amplify for your app and import the needed CSS for the UI components Then in your render add the AmplifyProvider component for styling ReactDOM render lt AmplifyProvider gt lt App gt lt AmplifyProvider gt document getElementById root Import the fonts in your index css import url slnt wght amp display swap Now go to your App js file where we ll write our logic code Let s first add a function to query for all of our posts Import DataStore and your models We ll also import our SocialB component that was generated by Amplify import DataStore from aws amplify import Post User from models import useEffect useState from react import SocialB from ui components Also import the needed React Hooks import useEffect useState from react Let s write a function to query for Posts within our App component const posts setPosts useState const getPosts async gt const data await DataStore query Post setPosts data We ll call this function within our useEffect useEffect gt getPosts Note if you don t have related data you can use Studio to create a data collection and pull data automaticallyNow let s map through the posts and create SocialB instances for each We ll pass each post to the component the user as the post User and the key being the post s id return lt div className App gt posts map post gt lt SocialB post post key post id user post User gt lt div gt Now let s make the like button work You can pass an override object to the generated components Pass the Figma name of a subcomponent to pass a prop to that item directly you can see these by going to the component s generated file and see the key passed as an argument to getOverrideProps In this case I ll send an onClick event to the Share subcomponent This onClick will modify the post s like count We ll also need to pass the getPosts function as a prop so that we can trigger that and update the UI posts map post gt lt SocialB post post key post id user post User overrides getPosts Share onClick async e gt e preventDefault const postToChange await DataStore query Post post id await DataStore save Post copyOf postToChange updated gt updated likes getPosts gt Now your timeline should display all posts and you should be able to update the like count by clicking the heart ConclusionIn this post we built out a social media timeline with hover actions onClick events related data and linking I would love to hear your feedback as you build with Amplify especially since Studio is still in developer preview at the time of this writing	2022-04-05 16:39:30
海外TECH	DEV Community	What's New in JavaScript Charting?	https://dev.to/jscharting/whats-new-in-javascript-charting-2ldl	What x s New in JavaScript Charting Widget charts for dashboards new dashboard widget chart examples from linear gauge to columns and bars circular gauge with icons to full bleed area lines typographic widgets and line chart widgets with change indicators help you quickly and easily build custom chart dashboards Pictogram charts and pictographsJSCharting s integrated icon support provides a huge selection for pictogram charts and graphs Pictogram bars and percentage charts combined with strong typography create glanceable charts that convey their data quickly and easily Ability to set multiple parents and connector styles per datapointWe enhanced the point parent property to help you define multiple parents and connector line styling for each parent independently parent id p line color green id p p line color red Gantt chart critical path supportNew connector styling support for Gantt charts lets you customize and highlight a Gantt chart s critical path Define axis categoriesWe added a new axis categories property so you can define data point category names only once and have more control over the sort order For convenience you can specify an array of y values for the series points property Beforeseries name Series points x A y x B y name Series points x A y x B y AfterxAxis categories A B series name Series points name Series points Right angle or straight organizational connector linesWe enhanced how organizational connector lines appear by drawing them at right angles by default You can use the straight option to change this default and draw connector lines directly between points type organizational straight Synchronize organizational node widths and heightsWe added point annotation syncWidth and syncHeight properties to help you control the sizing and visual balance of organizational chart nodes defaultPoint annotation syncWidth true syncWidth with level syncWidth with level syncHeight with all Point hierarchy connector styling and selectionThere is now a way to select specific branches in an organizational or Gantt dependency chart using hierarchy path selectors You can select all branches from a point up the hierarchy down the hierarchy up and down or between two points For example All branches from pointID up the hierarchy pointID up All branches from pointID down the hierarchy pointID down All branches from pointID up and down pointID both All branches between pointA and pointB pointA pointB A specific branch of points pointA pointB pointC Multiple branches and selectors pointA pointC pointC up Use the chart connectors function with path selectors to style the connecting lines The chart connectors function lets you get a list of paths based on the selection modify the connector line styling for specific paths and reset connector styling to the original style Styles all connector lines from pointA up the hierarchychart connectors pointA up color red Reset all previously applied styling from pointA up the hierarchychart connectors pointA up Reset all line styling previously applied by this functionchart connectors Ability to use hierarchy selectors to get pointsIn addition to styling connector lines using path selectors you can use them to get a collection of all points included in the selected paths For example this applies the selected state to all points within the pointA up branches chart series points pointA up options selected true New point connectorLine propertyYou can now specify organizational or Gantt chart connector line styling per data point or as a default for all points defaultPoint connectorLine color blue width New connector line radius optionWe added a connector line radius property to control the rounded corners of organizational connector or Gantt dependency lines You can also provide an array of two radii for the chart to apply a different radius for each corner along the line defaultPoint connectorLine radius Radius for each corner defaultPoint connectorLine radius Point getParents and getChildren functionsNeed to manually traverse data points in an organizational chart Now you can use the getParents and getChildren point functions to get collections of points immediately up or down the hierarchy tree chart series points getChidren each p gt console log p name Linear gradients for tagsDid you know icons can be used inside any chart labels JSCharting now lets you define rich gradient fills for these icons by specifying a list of colors and an angle as shown below label text lt icon name name fill c ecaa gt Dynamic gradientsWe expanded gradient color handling with color adjustment values to help you define gradient colors more easily After you specify a first gradient color you can set the rest to any of the color adjustment values label text lt icon name name fill c lightenMore gt fill c lightenMore Dynamic gradients for area chart fillWe ve expanded dynamic gradient support to the series shape fill property You can set all gradient colors in this property to an adjustment value including currentColor which refers to the series color defaultSeries shape fill currentColor white or currentColor lightenmore Dynamic gradients for data point fillsYou can now use color adjustment values in data point fill gradient colors defaultPoint fill currentColor white Dynamic label outline colorJSCharting improves legibility by intelligently selecting data point label colors that contrast with their background When text overlaps areas such as connector lines fills or gradients you can use a text outline with an adjustment value color This adjustment is based on the automatically selected label color defaultPoint label outline color contrast Sync grid line width with columnsWe added support to set axis tick grid line width to column in all axis scale types You can use this with crosshairs which are axis ticks or to style column charts to look like progress bars xAxis crosshair enabled true gridLine width column Data object paths for nest JSCharting now includes support for object property paths in nest key and rollup functions You can use this utility to process your data into groups and extract complex details to visualize on charts let dataGroupedByRoles nest key attributes role entries myData Map Zoom Button PositionJSCharting allows you to modify the default map zoom buttons position toolbar items zoom position inside top right Next js SupportThis release includes fixes and enhancements enabling JSCharting to work in the Next js environment OtherOrganizational connector line pixel snapping Organizational chart node labels are centered by default Improved organizational chart default view position when zoomed in Want to try it for yourself Download JSCharting Version	2022-04-05 16:16:43
海外TECH	DEV Community	What is a Peer-to-Peer(P2P) Network in Blockchain?	https://dev.to/sarojvrc/what-is-a-peer-to-peerp2p-network-in-blockchain-62c	What is a Peer to Peer PP Network in Blockchain Hello Guys Hope all are doing great Today I m coming up with a new concept that we must know in a blockchain network i e Peer to Peer PP network So what is a Peer to Peer or PP network Any idea Cool Let s start In this article we will see how the Bitcoin network works as a PP network model Bitcoin is structured as a peer to peer network architecture on top of the internet The term peer to peer or PP means that all the computers that participate in the network are peer to each other that they are all equal that there are no special or central nodes and all nodes share the burden of providing network services Confusing Let s try to understand with an image As you can see in the above image all nodes peers are connected with each other and there are no central or special nodes The network nodes are interconnected in a mesh network with a flat topology There is no server no centralized service and no hierarchy within the network Nodes in a PP network both provide and consume services at the same time with reciprocity acting as the incentive for participation PP networks are inherently resilient decentralized and open The best example of PP network architecture was the early internet itself where nodes on the IP network were equal Today s internet architecture is more hierarchical but the Internet Protocol still retains its flat topology model I hope now you got some idea about the Peer to Peer PP network Great Now let s see all types of PP networks Unstructured PP networkStructured PP networkHybrid PP network Unstructured PP NetworkIn this type of network there is no specific organization of the nodes Participants communicate randomly with one another Also this type of network is robust in nature Structured PP NetworkIt allows nodes to precise search for files even if the content is not available This type of network is more efficient And it requires higher maintenance Hybrid PP NetworkThis type combines the conventional client server model with some facts of the PP architecture It also improves the overall performance This is the basic idea of a Peer to Peer or PP network I am sure you got some idea about it That s great actually Hope you enjoy this reading See you soon with a new article	2022-04-05 16:12:45
海外TECH	DEV Community	What is the best part of being a software developer?	https://dev.to/ben/what-is-the-best-part-of-being-a-software-developer-4668	What is the best part of being a software developer Thank you to everyone who weighed in about the most frustrating part of software development in yesterday s discussion Let s flip the script what s the best part about this work	2022-04-05 16:11:15
海外TECH	DEV Community	How far in advance do you draft your posts?	https://dev.to/tmchuynh/how-far-in-advance-do-you-draft-your-posts-3i6o	How far in advance do you draft your posts Table of ContentsWriting DaysPublishing Days Writing Days BrainstormingI personally am constantly brainstorming and starting drafts jotting down notes for topics and making mental notes for future articles There is always something new I want to share whether it be something new I read about a new project I am working on or something amazing I discovered My mentality is if it is useful to me if I think it s amazing and cool then someone else must too Sitting down and WritingActually writing only happens once a week though Maybe even once every other week It really depends on how many articles I ended up with the week before Publishing DaysI personally had started with posting articles once a day but slowly increased to an average of twice a day due to the volume of content I was creating Easily I could cut back on the writing and focus on my projects and studies more but I have always had a passion for writing and sharing What about you How much do you write each week and how far in advance do you prepare your articles Happy coding	2022-04-05 16:04:50
海外TECH	DEV Community	Beam your Svelte internationalization up to a new level	https://dev.to/adrai/beam-your-svelte-internationalization-up-to-a-new-level-1p7	Beam your Svelte internationalization up to a new levelIt s joyful to work with Svelte The design is elegant and the robust first party additions which can be coupled with make building browser apps a pleasure The most famous in plugin for the progressive JavaScript framework Svelte is probably svelte in Christian Kaisermann thank you for this great in plugin In this tutorial we will add additional superpowers to svelte in TOCSo how does a basic svelte in setup look like Let s get into it Is it possible to make a svelte n setup even better PrerequisitesGetting startedLanguage SwitcherWhere are the additional superpowers How does this look like save missing translationsin context editingbut there s more Congratulations So how does a basic svelte in setup look like Let s get into it Prerequisites Make sure you have Node js and npm installed It s best if you have some experience with simple HTML JavaScript and basic Svelte before jumping to svelte in Getting started Take your own Svelte project or create a new one Let s install the svelte in dependency npm install svelte inCreate a in js file import addMessages init getLocaleFromNavigator from svelte in const fallbackLocale en const lngs fallbackLocale de addMessages en welcome Welcome to Your Svelte App addMessages de welcome Willkommen zu deiner Svelte App let initialLocale const detectedLocale getLocaleFromNavigator the locale could be region specific i e de CHif lngs indexOf detectedLocale gt initialLocale detectedLocale if initialLocale amp amp detectedLocale indexOf gt const foundLng lngs find l gt detectedLocale indexOf l if foundLng initialLocale foundLng if initialLocale initialLocale fallbackLocale init fallbackLocale initialLocale Import the in js file in your main js file import App from App svelte import in const app new App target document body props export default app Now let s try to use our first internationalized text In your template import from svelte in and use it like this lt script gt import from svelte in lt script gt lt main gt lt img alt svelte logo src img svelte logo png gt lt h gt welcome lt h gt lt main gt Nice Now let s add another text element lt script gt import from svelte in lt script gt lt main gt lt img alt svelte logo src img svelte logo png gt lt h gt welcome lt h gt lt p gt html descr values link lt a href target blank gt doc lt a gt lt p gt lt main gt And the corresponding translations addMessages en welcome Welcome to Your Svelte App descr Visit the link to learn how to build Svelte apps doc Svelte tutorial addMessages de welcome Willkommen zu deiner Svelte App descr Besuchen Sie den link um zu erfahren wie Sie Svelte Apps erstellen doc Svelte Tutorial Now depending on your browser language you should see something like this Language Switcher Now we will create a language switcher to make the content change between different languages lt script gt import locale locales from svelte in lt script gt lt main gt lt img alt svelte logo src img svelte logo png gt lt h gt welcome lt h gt lt p gt html descr values link lt a href target blank gt doc lt a gt lt p gt lt select bind value locale gt each locales as locale lt option value locale gt locale lt option gt each lt select gt lt main gt And we will store the current chosen language in the localStorage import addMessages init getLocaleFromNavigator locale from svelte in const fallbackLocale en const lngs fallbackLocale de addMessages en welcome Welcome to Your Svelte App descr Visit the link to learn how to build Svelte apps doc Svelte tutorial addMessages de welcome Willkommen zu deiner Svelte App descr Besuchen Sie den link um zu erfahren wie Sie Svelte Apps erstellen doc Svelte Tutorial locale subscribe lng gt if lng localStorage setItem svelte in locale lng let initialLocale const detectedLocale localStorage getItem svelte in locale getLocaleFromNavigator the locale could be region specific i e de CHif lngs indexOf detectedLocale gt initialLocale detectedLocale if initialLocale amp amp detectedLocale indexOf gt const foundLng lngs find l gt detectedLocale indexOf l if foundLng initialLocale foundLng if initialLocale initialLocale fallbackLocale init fallbackLocale initialLocale Awesome you ve just created your first language switcher Where are the additional superpowers Let s meet locizer locizer is a lightweight module to access data from your locize project and use that inside your application What is locize How does this look like First you need to signup at locize and login Then create a new project in locize and add your translations You can add your translations either by importing the individual json files or via API or by using the CLI Having the translations in your code file works but is not that suitable to work with for translators Using locize separates the translations from the code Having imported all translations should look like this Done so we re going to install locizer npm install locizerLet s adapt the in js file import register init getLocaleFromNavigator locale from svelte in import locizer from locizer const fallbackLocale en const lngs fallbackLocale de const namespace messages your namespace name added in locizelocizer init projectId your locize project id lngs forEach l gt register l gt new Promise resolve reject gt locizer load namespace l err ns gt if err return reject err resolve ns locale subscribe lng gt if lng localStorage setItem svelte in locale lng let initialLocale const detectedLocale localStorage getItem svelte in locale getLocaleFromNavigator if lngs indexOf detectedLocale gt initialLocale detectedLocale if initialLocale amp amp detectedLocale indexOf gt const foundLng lngs find l gt detectedLocale indexOf l if foundLng initialLocale foundLng if initialLocale initialLocale fallbackLocale init fallbackLocale initialLocale Since the translations are now loaded asynchronous we may also want to show a loading message until the translations are ready lt script gt import isLoading locale locales from svelte in lt script gt lt main gt lt img alt svelte logo src img svelte logo png gt if isLoading lt p gt loading translations lt p gt else lt h gt welcome lt h gt lt p gt html descr values link lt a href target blank gt doc lt a gt lt p gt lt select bind value locale gt each locales as locale lt option value locale gt locale lt option gt each lt select gt if lt main gt Now your translations are fetched directly from locize CDN This means you can fix translations without having to change your code or redeploy your app save missing translations I wish newly added keys in the code would automatically be saved to locize Your wish is my command Extend the in js file with the locize api key and the handleMissingMessage function import register init getLocaleFromNavigator locale from svelte in import locizer from locizer const fallbackLocale en const lngs fallbackLocale de const namespace messages const apiKey my api key do not expose your API Key in productionlocizer init projectId your locize project id apiKey lngs forEach l gt register l gt new Promise resolve reject gt locizer load namespace l err ns gt if err return reject err resolve ns locale subscribe lng gt if lng localStorage setItem svelte in locale lng let initialLocale const detectedLocale localStorage getItem svelte in locale getLocaleFromNavigator if lngs indexOf detectedLocale gt initialLocale detectedLocale if initialLocale amp amp detectedLocale indexOf gt const foundLng lngs find l gt detectedLocale indexOf l if foundLng initialLocale foundLng if initialLocale initialLocale fallbackLocale init fallbackLocale initialLocale handleMissingMessage apiKey locale id defaultValue gt if locale locizer referenceLng return locizer add namespace id defaultValue undefined Now if you add a new key in your templates lt h gt howAreYou default How are you lt h gt lt script gt import isLoading locale locales from svelte in lt script gt lt main gt lt img alt svelte logo src img svelte logo png gt if isLoading lt p gt loading translations lt p gt else lt h gt welcome lt h gt lt h gt howAreYou default How are you lt h gt lt p gt html descr values link lt a href target blank gt doc lt a gt lt p gt lt select bind value locale gt each locales as locale lt option value locale gt locale lt option gt each lt select gt if lt main gt It gets automatically saved to locize Lastly with the help of the auto machinetranslation workflow new keys not only gets added to locize automatically while developing the app but are also automatically translated into the target languages using machine translation Check out this video to see how the automatic machine translation workflow looks like in context editing There s another cool think we can do Let s install locize npm install locizeimport register init getLocaleFromNavigator locale from svelte in import locizer from locizer import addLocizeSavedHandler from locize const fallbackLocale en const lngs fallbackLocale de const namespace messages const apiKey my api key do not expose your API Key in productionlocizer init projectId your locize project id apiKey lngs forEach l gt register l gt new Promise resolve reject gt locizer load namespace l err ns gt if err return reject err resolve ns locale subscribe lng gt if lng localStorage setItem svelte in locale lng let initialLocale const detectedLocale localStorage getItem svelte in locale getLocaleFromNavigator if lngs indexOf detectedLocale gt initialLocale detectedLocale if initialLocale amp amp detectedLocale indexOf gt const foundLng lngs find l gt detectedLocale indexOf l if foundLng initialLocale foundLng if initialLocale initialLocale fallbackLocale init fallbackLocale initialLocale handleMissingMessage apiKey locale id defaultValue gt if locale locizer referenceLng return locizer add namespace id defaultValue undefined addLocizeSavedHandler gt location reload Now open the locize InContext Editor and be amazed but there s more Caching Merging versions ‍The code can be found here Congratulations I hope you ve learned a few new things about Svelte localization and modern localization workflows So if you want to take your in topic to the next level it s worth to try locize	2022-04-05 16:00:47
Apple	AppleInsider - Frontpage News	New AirPods Pro may finally arrive in late 2022, replacing current model	https://appleinsider.com/articles/22/04/05/new-airpods-pro-may-finally-arrive-in-late-2022-replacing-current-model?utm_medium=rss	New AirPods Pro may finally arrive in late replacing current modelApple will release an updated version of AirPods Pro in the second half of and will likely discontinue its current model according to analyst Ming Chi Kuo AirPods Pro renderThe TF Securities analyst made the forecast in a tweet on Tuesday that focused on third generation AirPods orders Kuo said that because of a failed product segmentation strategy demand for AirPods is significantly lower than AirPods Read more	2022-04-05 16:09:48
Apple	AppleInsider - Frontpage News	WWDC 2022 is on June 6 through June 10	https://appleinsider.com/articles/22/04/05/wwdc-2022-is-on-june-6-through-june-10?utm_medium=rss	WWDC is on June through June Apple has confirmed WWDC will start on June with it holding the annual developer focused event online for one more year A posting to the Apple Developer website states WWDC will be taking place on the week starting June As is typical for event announcements Apple offers no real clues about what it will be showing off neither in text or its announcement graphics The WWDC will follow on from WWDC and WWDC which were virtual events held online as an alternative to the usual in person attendance With COVID still not going away Apple is using the same structure once more Read more	2022-04-05 16:33:34
海外TECH	Engadget	Samurai side-scroller 'Trek to Yomi' heads to consoles and PC on May 5th	https://www.engadget.com/trek-to-yomi-may-5-release-date-165149971.html?src=rss	Samurai side scroller x Trek to Yomi x heads to consoles and PC on May thDevolver Digital will release stylish side scroller Trek to Yomi nbsp on May th the publisher announced today If Ghost of Tsushima s Kurosawa mode left you wanting for more cinematic samurai action you ll want to check out the minute gameplay trailer Devolver shared alongside today s news First announced at E Trek to Yomi tells the tale of Hiroki a young samurai charged with protecting a rural Japanese town and its residents after his master dies His vow sets him off on an adventure that eventually comes to involve the supernatural and you ll need to use his katana skillfully to defeat both human opponents and vengeful spirits Trek to Yomi is coming to PlayStation PS Xbox One Xbox Series X S including Game Pass and PC via Steam and GOG	2022-04-05 16:51:49
海外TECH	Engadget	‘Marcel The Shell With Shoes On’ turns a decade-old viral video into a feature film	https://www.engadget.com/a24-marcel-the-shell-with-shoes-on-trailer-163001776.html?src=rss	Marcel The Shell With Shoes On turns a decade old viral video into a feature filmA has shared the first trailer for Marcel The Shell With Shoes On a film adaptation of the viral YouTube series of the same name If you re not among the millions of people who have watched the shorts the first entry has more than million views they were co created by Zootopia and Obvious Child actor Jenny Slate In the new film Slate returns to voice the titular Marcel an anthropomorphic seashell in search of their family Co staring alongside Slate are Rosa Salazar Thomas Mann as well as series and film director Dean Fleischer Camp The film also features cameos from the likes of Conan O Brien and Lesley Stahl A viral YouTube series more than a decade old may seem like unusual source material for a theatrical film but then A is no stranger to backing such movies Last year the company released Zola a film inspired by a part Twitter thread from Marcel The Shell With Shoes On arrives in US theaters on June th	2022-04-05 16:30:01
海外TECH	Engadget	Spotify's exclusive 'Batman Unburied' podcast finally debuts May 3rd	https://www.engadget.com/spotify-batman-unburied-podcast-release-date-162857080.html?src=rss	Spotify x s exclusive x Batman Unburied x podcast finally debuts May rdSpotify s long promised Batman podcast is almost here The streamer has announced that DC Comics and Warner Bros Batman Unburied will debut worldwide on May rd with a trailer offering a hint of what to expect The show will have Barbara Gordon aka Batgirl look for help from The Riddler to understand why Bruce Wayne can t remember his Batman role and hopefully convince him to fight a serial killer wreaking havoc on Gotham City Winston Duke M Baku in Black Panther will play Bruce Wayne in the English language podcast Other stars include John Rhys Davies Lance Reddick John Wick Jason Isaacs Harry Potter Gina Rodriguez Jane the Virgin and Ashly Burch Horizon Forbidden West among others Spotify is also promising localized versions and actors for Brazil France Germany India Indonesia Italy Japan and Mexico The release comes nearly two years after Spotify first unveiled a multi year deal with DC and Warner Bros to produce exclusive podcasts and roughly a year and a half after the companies teased early details of Batman Unburied It s not clear what prompted the long wait but the news reflects a catch up of sorts as Spotify s podcast deals finally become reality Meghan Markle s first podcast series for instance is arriving on Spotify nearly two years after she and Prince Harry reached a deal Whatever the reasons behind the wait Batman Unburied could represent an important moment for Spotify It could show whether or not the DC Warner collaboration was worth the effort of course but it might also indicate whether Spotify s quest for exclusive podcasts was worth the delays and sometimes serious problems	2022-04-05 16:28:57
海外TECH	Engadget	Microsoft unveils system-wide video call upgrades for Windows 11	https://www.engadget.com/microsoft-video-call-features-windows-11-live-captions-background-blur-161927113.html?src=rss	Microsoft unveils system wide video call upgrades for Windows As part of its hybrid work event Microsoft revealed some system wide features designed to improve virtual meetings on Windows Some are hardware dependent however so if you have an under powered machine they might not necessarily be available on your PC The features include automatic framing which will refocus your camera on you when you move around voice focus voice clarity and background blur An AI powered feature called eye contact could make people seem more present in meetings too In February Microsoft started testing a system wide live captions feature which could prove helpful for deaf and hard of hearing folks as well as those for whom a meeting isn t being held in their first language The tech generates captions for any audio content including audio from microphones and web based audio such as from video platforms like Twitch and YouTube MicrosoftThe upgrades might seem familiar to those who ve spent time in video calling apps over the last couple of years The likes of NVIDIA Dolby Zoom Skype and Google Meet have tackled issues like environmental noise and visual background distractions nbsp Microsoft itself announced some intelligent camera features for Teams in September and has been working to improve meetings in Teams Integrating these features at the OS level though should make virtual meetings more accessible and user friendly for more people	2022-04-05 16:19:27
海外TECH	Engadget	Apple's online-only WWDC 2022 begins June 6th	https://www.engadget.com/apple-wwdc-2022-dates-160908710.html?src=rss	Apple x s online only WWDC begins June thJune is fast approaching which means it s almost time for Apple to hold this year s Worldwide Developer Conference The company has announced that its WWDC event will be held between June th and June th The conference itself will be virtual but there will be a limited opportunity to watch the keynote and State of the Union videos in person at Apple Park on June th The last twoWWDC events were online only and free for everyone due to the COVID pandemic Apple is gradually returning to in person activities and will require corporate staff to work from the office at least one day per week by mid April Google I O will go ahead in April with limited in person attendance from employees and some partners Unless Apple changes the script dramatically at WWDC this year we should get our first proper looks at iOS iPadOS watchOS tvOS and whatever the next version of macOS is called There s always the possibility Apple will show off some new hardware It hasn t done so at WWDC since when it revealed the third gen Mac Pro and the Pro Display XDR We could also learn more about Apple s next gen silicon chips a few months after it announced the M Ultra	2022-04-05 16:09:08
海外TECH	Engadget	Google Maps is getting toll pricing and other route details	https://www.engadget.com/google-maps-is-getting-toll-pricing-and-other-route-details-160048959.html?src=rss	Google Maps is getting toll pricing and other route detailsWith road trip season about to commence Google Maps is getting an update that should help make vacation planning a bit easier thanks to enhanced details and a new feature that will calculate estimated toll prices nbsp Previously while Google Maps could tell you which routes had tolls or not you didn t get much info beyond that But now in an update rolling out later this month that will cover more than roads across the US India Japan and Indonesia users will be able to see estimated toll pricing sourced from local authorities GoogleThis means you should have more information when trying to figure out the cheapest way to get to your destination with Google Maps even factoring in things like different payment methods e g paying with a pass versus cash credit the day of the week or even the specific time you re expected hit a toll And of course if you want to save as much money as possible Google will still surface toll free routes and provide an option to completely block routes with tolls from being displayed GoogleOn top of that to help make driving through unfamiliar territory a bit less scary Google Maps is also getting enhanced details Soon you ll be able to see things like traffic lights and stops signs along with additional info regarding nearby points of interest and even more precise building outlines Google also says that in select cities users will be able to spot details like the shape of the road including features such as medians and islands The update is slated to roll out to Android iOS Android and CarPlay throughout select countries in the coming weeks nbsp Finally for those with iOS devices Google is adding a few extra features for use across Apple s ecosystem On iPhones and iPads Maps is getting a new trip widget that will let you pin your next trek to your home screen Additionally the standard Google Maps search widget is also getting a size reduction so you can quickly lookup a destination without the widget taking up too much screen real estate nbsp GoogleMeanwhile for those who want to travel super light Google is adding deeper support for Google Maps to the Apple Watch This will allow you to look up a destination and even see directions on your wrist all without ever having to pick up your phone Additionally iOS Spotlight Siri and the Shortcuts app are also getting Google Maps integration in the coming months so you can more easily search for a place using voice commands nbsp	2022-04-05 16:00:48
Cisco	Cisco Blog	Cisco Industrial Routers and 2G & 3G sunset	https://blogs.cisco.com/internet-of-things/cisco-industrial-routers-and-2g-3g-sunset	cisco	2022-04-05 16:00:57
海外科学	NYT > Science	Astronomers and Space Enthusiasts on Their Favorite Exoplanets	https://www.nytimes.com/2022/04/02/science/nasa-exoplanets-5000.html	Astronomers and Space Enthusiasts on Their Favorite ExoplanetsNASA recently announced that it had detected more than exoplanets so we asked astronomers actors and an astronaut to share their favorite worlds orbiting distant stars	2022-04-05 16:50:24
海外科学	NYT > Science	Tiny Toad Could Upend Nevada Geothermal Power Plant Project	https://www.nytimes.com/2022/04/05/us/nevada-toad-endangered.html	Tiny Toad Could Upend Nevada Geothermal Power Plant ProjectThe only place in the world where the species is found is on acres of wetlands about miles east of Reno Nev near a renewable energy project	2022-04-05 16:35:10
海外TECH	WIRED	Six-Word Sci-Fi: Stories Written by You	https://www.wired.com/story/six-word-sci-fi	favorites	2022-04-05 16:30:00
金融	金融庁ホームページ	黄川田副大臣による「FinCity Global Forum～グリーン国際金融都市・東京の未来～」の講演について掲載しました。	https://www.fsa.go.jp/common/conference/danwa/index_kouen.html#StateMinister	fincityglobalforum	2022-04-05 17:50:00
金融	金融庁ホームページ	鈴木財務大臣兼内閣府特命担当大臣閣議後記者会見の概要（令和４年４月１日）を公表しました。	https://www.fsa.go.jp/common/conference/minister/2022a/20220401-1.html	内閣府特命担当大臣	2022-04-05 17:50:00
金融	金融庁ホームページ	「ソーシャルプロジェクトのインパクト指標等の検討に関する関係府省庁会議」（第２回）を開催します。	https://www.fsa.go.jp/news/r3/singi/20220405.html	関係	2022-04-05 17:00:00
金融	金融庁ホームページ	バーゼル銀行監督委員会による「サードパーティ及びフォースパーティリスク管理と集中リスクに関するニューズレター」について掲載しました。	https://www.fsa.go.jp/inter/bis/20220405/20220405.html	letter	2022-04-05 17:00:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	米ネットフリックス、ポーランドに中・東欧のハブとなる拠点設立へ	https://www.jetro.go.jp/biznews/2022/04/fe68fce4d69ced98.html	東欧	2022-04-05 16:40:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	ラオス、50億バーツの国債をタイで発行	https://www.jetro.go.jp/biznews/2022/04/49753de0a19bdd0e.html	国債	2022-04-05 16:30:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	米運輸省、2026年モデル車の燃費を1ガロン49マイルとする新規則発表	https://www.jetro.go.jp/biznews/2022/04/f4c872d83124c09f.html	運輸省	2022-04-05 16:20:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	米石油大手オクシデンタルと林業大手ウェアーハウザー、ルイジアナ州のCCS事業で提携	https://www.jetro.go.jp/biznews/2022/04/43d5b3dc4623f009.html	米石	2022-04-05 16:10:00
ニュース	BBC News - Home	Business Secretary Kwasi Kwarteng orders scientific review of fracking impact	https://www.bbc.co.uk/news/uk-politics-60999026?at_medium=RSS&at_campaign=KARANGA	energy	2022-04-05 16:45:53
ニュース	BBC News - Home	Tiger Woods set to play Masters at Augusta National	https://www.bbc.co.uk/sport/golf/60995999?at_medium=RSS&at_campaign=KARANGA	holes	2022-04-05 16:35:36
ニュース	BBC News - Home	Ukraine war: More than 60% of Putin's war chest frozen, Truss says	https://www.bbc.co.uk/news/uk-60997622?at_medium=RSS&at_campaign=KARANGA	ukraine	2022-04-05 16:11:02
ニュース	BBC News - Home	Harry Billinge: Cornwall D-Day veteran dies aged 96	https://www.bbc.co.uk/news/uk-england-cornwall-60998335?at_medium=RSS&at_campaign=KARANGA	normandy	2022-04-05 16:46:24
ニュース	BBC News - Home	Rangers: Alfredo Morelos ruled out for rest of season	https://www.bbc.co.uk/sport/football/60995620?at_medium=RSS&at_campaign=KARANGA	colombia	2022-04-05 16:19:51
北海道	北海道新聞	９０代男性、１５０万円だまし取られる　札幌	https://www.hokkaido-np.co.jp/article/666158/	札幌市東区	2022-04-06 01:15:00
北海道	北海道新聞	松山チョイスは「すし、焼き鳥」　「チャンピオンズディナー」	https://www.hokkaido-np.co.jp/article/666159/	男子ゴルフ	2022-04-06 01:17:00
北海道	北海道新聞	ウッズがマスターズ出場の意向　昨年２月、自動車事故で重傷	https://www.hokkaido-np.co.jp/article/666157/	自動車事故	2022-04-06 01:04:00
Azure	Azure の更新情報	パブリック プレビュー:AKS での容量予約のサポート	https://azure.microsoft.com/ja-jp/updates/public-preview-capacity-reservation-support-in-aks/	機能	2022-04-05 16:19:36