投稿時間:2022-05-15 11:18:55 RSSフィード2022-05-15 11:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	FastAPI メモ	https://qiita.com/fumitakeinada/items/0c801ca00699bb426eb0	fastapi	2022-05-15 10:42:02
python	Pythonタグが付けられた新着投稿 - Qiita	夜間光データでコロナによる影響を調査してみた〜②東京大阪編〜	https://qiita.com/oz_oz/items/42ce245ba16b75595a13	covid	2022-05-15 10:10:44
AWS	AWSタグが付けられた新着投稿 - Qiita	VMware Tanzu Kubernetes Grid (TKG) on Amazon EC2 をセットアップしてみた (#1 前編 - そもそも VMware Tanzu って？)	https://qiita.com/sanjushi003/items/f71ae841dce1fc81db67	vmwar	2022-05-15 10:18:21
Docker	dockerタグが付けられた新着投稿 - Qiita	VSCode devcontainerでGinの開発環境を構築するテンプレートを作りました	https://qiita.com/ragi_chanchan/items/73d156745e6295f0391d	vscodedevcontainer	2022-05-15 10:09:16
golang	Goタグが付けられた新着投稿 - Qiita	VSCode devcontainerでGinの開発環境を構築するテンプレートを作りました	https://qiita.com/ragi_chanchan/items/73d156745e6295f0391d	vscodedevcontainer	2022-05-15 10:09:16
Linux	CentOSタグが付けられた新着投稿 - Qiita	VirtualBoxを使用したCentOS7での開発環境構築	https://qiita.com/sakamoto051eng/items/cddb317451c2d075d2c6	centos	2022-05-15 10:40:53
Git	Gitタグが付けられた新着投稿 - Qiita	XSERVERにlaravelのwebアプリをgitからデプロイ	https://qiita.com/ren7087/items/654f2be6b34ba428405f	laravel	2022-05-15 10:44:25
海外TECH	DEV Community	#13: Hosting PWA on Static Web Apps	https://dev.to/azure/13-hosting-pwa-on-static-web-apps-16la	Hosting PWA on Static Web AppsWelcome to Week Day of DaysOfSWA Yesterday we talked about deploying Blazor apps on Static Web Apps Let s continue today with one more type of the projects you can successfully host on SWA Progressive Web Apps PWAs What We ll CoverHow do I start with building a PWA Optimized PWA on SWA configurationAdvanced techniques for better user experienceExercise Deploy your PWA on SWA run offline and install it About the AuthorMaxim Salnikov works on the Developer Relations team in Norway founded PWASummit ngVikingsConf and mobileeraconf and is a Google Developer Expert on Web Technologies He speaks regularly on Progressive Web Apps PWA and Angular Follow him webmaxru or here on dev to Maxim SalnikovFollow Maxim Salnikov is an Oslo based cloud and web front end geek who builds web applications since the end of the last century and shares his extensive experience with many aspects of the web platform Progressive Web ApplicationsA Progressive Web App PWA is a web frontend application that is progressively enhanced using open web technologies to make sure it delivers the best possible experience on every device based on available capabilities The baseline for your app to have a title progressive is its installability and offline readiness We skip the served with https requirement because it became a baseline for any web app these days This chapter of DaysOfSWA assumes that you are familiar with the basic concepts of a Service Worker API and automating your service worker with the Workbox library If you wish to learn about these technologies you are welcome to go through the Core Concepts part of the DaysOfPWA project to learn about PWA fundamentals see the roadmap above or catch up on that series here on dev to Welcome to DaysOfPWA Nitya Narasimhan for Microsoft Azure・Feb ・ min read pwa pwabuilder webdev beginners I also recommend the video below on Automating a service worker with Workbox for a quickstart introduction to Workbox Is hosting a PWA on Azure Static Web Apps different from classic apps A Progressive Web Application is still a web frontend app so the initial scaffolding of your SWA resource is the same you have learned how to deploy and configure various types of web apps from the previous chapters of the DaysOfSWA But to make sure that your PWA on SWA works as intended both online amp offline to provide the best possible user amp developer experiences you might need to pay special attention to some implementation details and fine tune some configuration options We ll go through the following points in this chapter Building your service worker as a part of the overall app buildSetting up HTML routing for the Single Page Application SPA use caseApplying caching strategies for SWA hosted APIsShowing custom error pagesHow to deal with authentication in PWASample projectI created a PWA on SWA Starter project with all the best practices implemented The app is hosted on SWA as shown below Let s explore it Technical stack A React application scaffolded by the create react app tool A simple SPA with a few routes and the possibility to call API endpoints Note that the approaches described are applicable for any web frontend application framework based including your custom frameworks or vanilla JavaScript We use React only for getting closer to the real world scenario of the modern frontend app development when you have to perform some operations with your source code build the app before the deployment A service worker powered by the Workbox library Two API endpoints created within SWA resource to emulate dynamic api news and conservative api archives data sources Building your service worker as a part of the overall app buildThe service worker file we have in the src sw folder of the application is not ready for the deployment We have toProcess it by the workbox build module to populate with the resources to precache to provide offline readiness Bundle itChoose production or development modeMinify for deploymentThis is why in package json s scripts we have build sw node scripts sw build js amp amp npx rollup c command that is building a service worker file and copies it into the app distribution folder By default Azure Static Web Apps runs npm run build command to build your application So do not forget to add a service worker build command there The resulting command will be build react scripts build amp amp npm run build sw Instead of react scripts build there might be a command to build an application using a framework bundler of your choice Important Keep this order you always build a service worker after the main application because the distribution folder will be scanned to list the files to precache based on the pattern you provided Setting up HTML routing for the Single Page Application SPA For having correct navigation in your single page application you have to ask the webserver to redirect all navigation requests to index html to run the application and let it do the routing In SWA you have to have something like this in the configuration file navigationFallback rewrite index html exclude images png jpg gif static Best practices Always exclude as much as possible in navigationFallback it will help you to identify and fix resource not found errors Do not copy staticwebapp config json to the app distribution folder SWA will find it in any location within the app source code In case of PWA there is an extra layer of this fallback the first in a row to handle navigation requests is a service worker In the service worker js we have to have the following block for correct routing in SPAs const navHandler createHandlerBoundToURL index html const navigationRoute new NavigationRoute navHandler denylist new RegExp images new RegExp static registerRoute navigationRoute The above configuration will work fine for opening both root url and deep links like about both in online and offline modes Showing custom error pagesIt s a best practice to create and show custom error pages for example for Not Found instead of the ones built in in the browsers And it makes sense to keep these pages as simple as possible without running a SPA itself To set up custom error pages you add the following block to the SWA config responseOverrides rewrite html rewrite html These pages will be excluded from SWA s navigation fallback automatically because these two html are in the app distribution folder But for the Workbox and explicit directive needed just add these addresses to the same denylist we met with the HTML navigation section Applying caching strategies for SWA hosted APIsWith Workbox runtime caching is simple you specify a url pattern to listen and intercept and a caching strategy to apply There are strategies available and you can always create a custom one By default all API urls start with api Then in a service worker we ll add this block for caching responses from our two API endpoints using different strategies registerRoute url gt url pathname startsWith api news new NetworkFirst registerRoute url gt url pathname startsWith api archives new CacheFirst Now the data from APIs once fetched is also available offline Mini exercise Open the hosted PWA on SWA Starter open the Network tab of DevTools and click on two buttons in the API caching demo area What difference do you see in the network request response patterns for these two strategies How to deal with authentication in PWAA couple of important rules here Explicitly exclude the auth system folder of SWA from Workbox s navigation fallback use denylist and never set up runtime caching for itNever runtime cache all data users fetch from restricted API endpoints served by SWA or external And it s a best practice to never precache and always exclude from the service worker s navigation fallback all urls related to the user authentication and restricted parts of your application Have a look at the resulting denylist of our sample application Exercise Deploy your PWA on SWA run offline and install it Hopefully you re ready to try something fun that will reinforce what you learned today For this exercise Fork the PWA on SWA Starter repository and deploy it to Azure Static Web Apps using the skills you gained in the previous chapters of the DaysOfSWAOpen the url you received after the SWA resource was createdNow go offline disconnect from the Internet or emulate offline mode in the DevTools and reload the page it still works Using the App available icon on the right hand side of the desktop browser s address bar install the application on your laptop now it behaves like a native one ResourcesHere are some resources to get you started with your Progressive Web App journey into PWA on Microsoft Docs DaysOfPWAWorkbox library	2022-05-15 01:33:38
海外TECH	DEV Community	The Easiest Way to Set Up Redis in 2022	https://dev.to/rammina/the-easiest-way-to-set-up-redis-in-2022-41kd	The Easiest Way to Set Up Redis in Have you been struggling with setting up Redis Or are you looking for an easier way of getting it up and running Either way you might want to check out this FREE simple Redis setup that will save you time If you don t know what Redis is and what it is used for don t worry Here is a brief outline that will help you understand it better Redis Multipurpose In memory Data StorageLet s go over a quick overview of Redis before discussing the setup method In short Redis is an open source in memory data store that can serve as a cache database and message broker On top of that it supports various data structures Image from Fireship io In the database world Redis is considered revolutionary It is an impressive hybrid of in memory schema less design noSQL with high performance versatile data structures and modules that can be tailored to your data needs On top of storing data in memory Redis allows for high durability and availability through backups and replication Redis is one of the most adept optimal multi purpose databases out there It scales horizontally like a key value data store but it also provides various functionalities despite its simplicity You would want to use Redis to implement a highly available in memory cache to reduce data access latencyimprove throughput minimize the load on your SQL or NoSQL database and on your application itselfAlright time to set up Redis Redis Cloud SetupThe easiest way of getting Redis up and running is by using Redis Enterprise Cloud This method reduces the likelihood of running into operating system specific issues such as the lack of Windows support for Redis It also allows you to reach the cloud database endpoint anywhere whether you are using other computers or VMs Short Outline of the ProcessSign up for an account on Redislabs Add a new subscription Create a new database Choose a protocol and modules Retrieve database information Redislabs Account RegistrationFirst you need a Redislabs account to be able to set up a database Thankfully their registration process is hassle free since you can just sign up with either your Google account or GitHub account If you have neither of the two you can fill in the registration form For this example I m using GitHub to register for a Redislabs account Add New SubscriptionBefore you can set up a database you ll need to have a subscription plan Click New subscription Then choose fixed plans Select the cloud vendor that you want to use For this example I m using AWS You also need to choose which region you want the service to be located in choose the closest one near where your application will be hosted For the FREE plan you get MB of in memory storage and no replication high availability Next choose a subscription name that makes sense for your use case e g your app s name Then click Create subscription You should now have a subscription number Subscription and the option to create a new database Create New DatabaseNow you can proceed to create a new database You can do this by clicking New database on either the top right of your screen or at the center Choose a database name that suits what you are doing with it e g your app s name Choose Database Protocol and ModulesSelect Redis as your database protocol As for the modules you ll be using you can choose both RediSearch and RedisJSON These two modules are usually enough for most projects Click Activate database once you are done filling out the database creation form After that you just need to wait for Redislabs to finish setting up your database Retrieve Database InformationAfter the database is created you re probably wondering how you re supposed to connect with the Redis data store You can look for the Public endpoint information on your newly created database Take note of the Redis hostname and the port number For this example I have the public endpoint of redis c us east ec cloud redislabs com The hostname is redis c us east ec cloud redislabs com and the port number is Note You may also need a password to connect to your newly created Redis database Scroll further down the database information page Go to the Security section Retrieve your Default user password While you can use the default credentials to connect your Redis database it is best to update it to a more secure one later on You can do it by clicking the Edit database and changing the information that you d like updated Congratulations You should have a Redis Cloud database successfully set up now Frequently Asked Questions FAQ Which programming languages can I use Redis with Redis supports most modern programming languages These include and are not limited to Node js PHP Java Python Ruby C C and so on Check your language and framework s libraries or packages for utilizing Redis For example Node js has the node redis npm package for interacting with a Redis database Am I going to be charged for this Redis set up If you choose the free fixed subscription plan you will not be charged However the free plan does come with its limitations such as MB storage lack of replication maximum connections and so on Usually this is enough for local development needs so don t worry about it too much Can t you just install and run Redis on Docker That would be faster than clicking through all the GUI on Redislabs This tutorial aims to provide the easiest way to set up Redis One issue with a Docker set up is that it requires someone to know or learn how to configure Docker images and containers This intermediate step can be intimidating for beginners who are just starting out Resources Recommended Reading Official Redis PageTry Redis Enterprise RedisOfficial Redis DocumentationA fun resource for learning Redis Fireship s Video on Redis DISCLAIMER This is a Starter Guide meant for helping beginners easily set up Redis This guide only expresses my thoughts and opinions based on my limited knowledge and is in no way a substitute for actual references If I ever make a mistake or if you disagree I would appreciate corrections and discussions in the comments Other MediaFeel free to reach out to me in other media	2022-05-15 01:17:36
金融	ニュース - 保険市場TIMES	ペットメディカルサポート、高額保険金の支払い事例を発表	https://www.hokende.com/news/blog/entry/2022/05/15/110000		2022-05-15 11:00:00
ニュース	@日本経済新聞 電子版	転換期の沖縄観光　国際リゾート、荒波に挑む https://t.co/iqwWTnakpo	https://twitter.com/nikkei/statuses/1525646056658042881	転換期	2022-05-15 01:15:39
ニュース	@日本経済新聞 電子版	「鳥のさえずりの中で火をたき、食事をして1人の時間を楽しむ」。キャンプ場の混雑が続くなか、自分だけの山に憧れる40歳代を中心に山の売買やレンタルの人気が高まっています。 https://t.co/wogkrehY2T	https://twitter.com/nikkei/statuses/1525644252662964226	「鳥のさえずりの中で火をたき、食事をして人の時間を楽しむ」。	2022-05-15 01:08:29
ニュース	BBC News - Home	The Papers: 'Anger as fans boo William' and 'Rishi ready to help'	https://www.bbc.co.uk/news/blogs-the-papers-61452948?at_medium=RSS&at_campaign=KARANGA	chancellor	2022-05-15 01:14:20
ニュース	BBC News - Home	Afghanistan face veil decree: 'It feels like being a woman is a crime'	https://www.bbc.co.uk/news/world-asia-61402309?at_medium=RSS&at_campaign=KARANGA	mandate	2022-05-15 01:35:44
ニュース	BBC News - Home	'I searched for my sister for 30 years, but Covid took her from me'	https://www.bbc.co.uk/news/uk-61179504?at_medium=RSS&at_campaign=KARANGA	friendship	2022-05-15 01:42:50
ニュース	BBC News - Home	Joe Wicks: 'I realised my childhood wasn't normal'	https://www.bbc.co.uk/news/61408654?at_medium=RSS&at_campaign=KARANGA	Joe Wicks x I realised my childhood wasn x t normal x Joe Wicks known as the Body Coach explores his difficult childhood growing up with a drug addicted father and mother with OCD in a new BBC documentary	2022-05-15 01:43:54
ニュース	BBC News - Home	Covid: Have the lockdown success stories lost their shine?	https://www.bbc.co.uk/news/business-61182406?at_medium=RSS&at_campaign=KARANGA	popularity	2022-05-15 01:51:57
ニュース	BBC News - Home	Vitamin D: Could UV-mushrooms help fix the nation’s issue?	https://www.bbc.co.uk/news/health-61392698?at_medium=RSS&at_campaign=KARANGA	intake	2022-05-15 01:46:48
ニュース	BBC News - Home	Ukraine conflict: Russian chemical attack claim fact-checked	https://www.bbc.co.uk/news/61439398?at_medium=RSS&at_campaign=KARANGA	crimes	2022-05-15 01:54:13
北海道	北海道新聞	「花たび　そうや」待望の出発　宗谷線に２２年ぶり急行	https://www.hokkaido-np.co.jp/article/680888/	稚内	2022-05-15 10:21:35
北海道	北海道新聞	北朝鮮の楊亨燮氏が死去、９６歳　金正恩氏が弔問	https://www.hokkaido-np.co.jp/article/680946/	副委員長	2022-05-15 10:17:00
北海道	北海道新聞	米副大統領、ＵＡＥ弔問へ　仏英も、故ハリファ氏追悼	https://www.hokkaido-np.co.jp/article/680941/	副大統領	2022-05-15 10:14:00
北海道	北海道新聞	ジョコビッチがツアー１０００勝　男子テニスで５人目	https://www.hokkaido-np.co.jp/article/680936/	四大大会	2022-05-15 10:02:00