投稿時間:2023-05-23 17:27:48 RSSフィード2023-05-23 17:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	全高約1mのダイキャストモデル「ターミネーター T-800」エンドスケルトン『THE TERMINATOR T-800をつくる』創刊へ	https://robotstart.info/2023/05/23/terminator-t800-collection-series.html		2023-05-23 07:34:33
IT	ITmedia 総合記事一覧	[ITmedia News] 偽Yahoo!ニュースの悪質記事に要注意　著名人のインタビュー記事装う　詐欺にあう可能性も	https://www.itmedia.co.jp/news/articles/2305/23/news172.html	itmedia	2023-05-23 16:47:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 現場監督の65％「将来仕事が減ってしまうかも」　建設現場のデジタル化が遅れている業務は？	https://www.itmedia.co.jp/business/articles/2305/23/news160.html	itmedia	2023-05-23 16:39:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] サードウェーブ、“raytrekイラストコンテスト”開催を記念したクリエイター向けPCを発売	https://www.itmedia.co.jp/pcuser/articles/2305/23/news165.html	itmediapcuser	2023-05-23 16:05:00
TECH	Techable（テッカブル）	LIXIL、ユーザーインサイト管理ツールを試験導入。デザインリサーチの内製化へ	https://techable.jp/archives/207966	centou	2023-05-23 07:00:50
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	アシスト、クラウドDWH「Snowflake」を販売、ユーザーの志向性に合わせてデータ基盤を構築 | IT Leaders	https://it.impress.co.jp/articles/-/24857	アシスト、クラウドDWH「Snowflake」を販売、ユーザーの志向性に合わせてデータ基盤を構築ITLeadersアシストは年月日、クラウド型DWHデータウェアハウス「Snowflake」の販売を開始した。	2023-05-23 16:49:00
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonの例外処理逆引き	https://qiita.com/yuki-alost/items/5aa28dd7dd2a68b13943	foobarexceptexceptionase	2023-05-23 16:56:58
js	JavaScriptタグが付けられた新着投稿 - Qiita	NPMでインストールしたパッケージをJavaScriptとHTMLで使うためのセットアップ	https://qiita.com/kanta_matsu/items/b7b2a65f6cdfd328e2e7	javascript	2023-05-23 16:45:16
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS CloudFormation S3バケットでSSL/TLSアクセス強制	https://qiita.com/f-koda/items/fcbe7a2081800d54fd23	awscloudformations	2023-05-23 16:20:08
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure OpenAI Service で使用可能なモデルと料金	https://qiita.com/shmp-dev/items/ab59012738781892a08c	azureopenaiser	2023-05-23 16:39:02
技術ブログ	Developers.IO	Control Container Tool: Conditional execution within an Alteryx workflow	https://dev.classmethod.jp/articles/control-container-tool-conditional-execution-en/	ewcontrolcontainertoolwas	2023-05-23 07:22:52
技術ブログ	Developers.IO	コントロールコンテナツール： Alteryx ワークフローを部分的に条件付きで実行する	https://dev.classmethod.jp/articles/control-container-tool-conditional-execution-jp/	alteryx	2023-05-23 07:22:45
技術ブログ	Developers.IO	[アップデート] AWS Chatbot で CloudWatch アラームを受信した際、チャットチャネル上で CloudWatch ダッシュボードウィジェットや CloudWatch Logs Insigts へアクセス出来るようになりました	https://dev.classmethod.jp/articles/cloudwatch-dashboards-logs-insights-chat-channels/	アップデートAWSChatbotでCloudWatchアラームを受信した際、チャットチャネル上でCloudWatchダッシュボードウィジェットやCloudWatchLogsInsigtsへアクセス出来るようになりましたいわさです。	2023-05-23 07:10:03
海外TECH	DEV Community	Change how you perceive slow mornings as a Dev!	https://dev.to/atienoobwanda/change-how-you-perceive-slow-mornings-as-a-dev-22hc	Change how you perceive slow mornings as a Dev Every morning presents us with an opportunity to seize the day and embrace success While some mornings may burst forth with boundless energy propelling us towards our goals today gifted me with a different pace In the tranquility of the morning I found myself in front of my code editor resolving a minor issue with a slider display Though initially I felt a hesitation to continue I swiftly reminded myself of the immense potential hidden within this seemingly slow morning Instead of succumbing to self doubt I chose to shift my perspective I realized that success is not exclusively reserved for rapid progress or bustling productivity In fact even in the quiet moments success can be found With renewed determination I embraced the unhurried pace and gracefully as I ease into the day fully aware that success can be achieved by focusing on one task at a time Today serves as a powerful reminder that slow mornings are not synonymous with failure or wasted time On the contrary they offer us the chance to savor each moment to approach our endeavors with mindfulness and to appreciate the value of progress made regardless of its speed Don t forget to celebrate the beauty of every morning regardless of its tempo for within it lies the potential for success Embrace the tranquility cherish the progress and remember that even slow mornings can be extraordinary successes	2023-05-23 07:34:15
海外TECH	DEV Community	The comprehensive guide to Angular Performance Tuning	https://dev.to/ifourtechnolab/the-comprehensive-guide-to-angular-performance-tuning-4n7n	The comprehensive guide to Angular Performance TuningIt s not uncommon to see Angular apps slow down over time Angular is a performant platform but if we don t know how to create performant Angular apps our apps will become slower as they evolve As a result any serious Angular developer must be aware of what makes an Angular app slow in order to prevent it from being slow in the first place Improving change detectionChange detection can be the most performance intensive part of Angular apps so it s important to understand how to render the templates efficiently so that we would just re rendering a component if it has new changes to display OnPush change detectionWhen an asynchronous event occurs in the app such as click XMLHttpRequest or setTimeout the default change detection behavior for components is to re render This can be a matter of concern because it will result in a lot of needless renderings of models that haven t been updated A new reference has been added to one of its input propertiesAn event originating from the component or one of its children such as a click on a component button Explicit shift detection runTo use this technique simply set the change detection strategy in the component s decorator as follows Component selector app todo list templateUrl todo list component html styleUrls todo list component scss changeDetection ChangeDetectionStrategy OnPush export class TodoListComponent implements OnInit Design for immutabilitySince we need a new reference given to a component s input to activate change detection with onPush we must ensure that all state changes are immutable to use this process If we re using Redux for state management we ll notice that each time the state changes we ll get a new instance which will cause change detection for onPush components when given to a component s inputs With this method we ll need container components to get data from the store as well as presentation components that can only communicate with other components via input and output The async pipe is the simplest way to provide store data to the template This will appear to have the data outside of an observable and will ensure that the stream is cleaned up when the object is automatically destroyed lt xml gt lt div class mx auto col gt lt h gt todo list translate lt h gt lt hr gt lt app cards list gt lt app cards list gt lt div gt lt hr gt lt app add todo gt lt app add todo gt lt xml gt Make onPush the default change detection strategyWhile creating new components with Angular CLI we can use schematics to render onPush the default changeDetection strategy In Angular simply add this to the schematic s property json is a type of data schematics schematics angular component styleext scss changeDetection OnPush Using pipes instead of methods in templatesWhen a component is re rendered methods in a prototype will be named Even with onPush change detection this means it will be activated any time the component or any of its children is interacted with click type If the methods perform intensive computations the app will become sluggish as it scales because it must recompute every time the part is accessed Read More Accessibility With AngularInstead we might use a pure pipe to ensure that we re just recalculating when the pipe s input shifts As we previously discussed async pipe is an example of a pure pipe When the observable emits a value it will recompute If we re dealing with pure functions we want to make sure we re just recomputing when the input changes A pure function is one that given the same input always returns the same result As a result if the input hasn t changed it s pointless to recompute the output public getDuedateTodayCount todoItems TODOItem console log Called getDuedateTodayCount return todoItems filter todo gt this isToday new Date todo dueDate length private isToday someDate const today new Date return someDate getDate today getDate amp amp someDate getMonth today getMonth amp amp someDate getFullYear today getFullYear With methodLet s look at what s happening when a template system is used instead of a pipe Consider the following procedure public getDuedateTodayCount todoItems TODOItem console log Called getDuedateTodayCount return todoItems filter todo gt this isToday new Date todo dueDate length private isToday someDate const today new Date return someDate getDate today getDate amp amp someDate getMonth today getMonth amp amp someDate getFullYear today getFullYear With pipeThis can be solved by changing the method to a pipe which is pure by default and will rerun the logic if the input changes We get the following results by building a new pipe and transferring the logic we used previously inside of it import Pipe PipeTransform from angular core import TODOItem from app shared models todo item Pipe name duedateTodayCount export class DuedateTodayCountPipe implements PipeTransform transform todoItems TODOItem args any any console log Called getDuedateTodayCount return todoItems filter todo gt this isToday new Date todo dueDate length private isToday someDate const today new Date return someDate getDate today getDate amp amp someDate getMonth today getMonth amp amp someDate getFullYear today getFullYear Cache values from pure pipes and functionsWe can also boost this by using pure pipes by remembering caching previous values so that we don t have to recompute if the pipe has already been run with the same input Pure pipes don t keep track of previous values instead they check to see if the input hasn t changed the relationship so they don t have to recalculate To do the previous value caching we ll need to combine it with something else The Lodash memorize method is a simple way to accomplish this Since the input is an array of objects this isn t very realistic in this situation If the pipe accepts a simple data type as input such as a number it may be advantageous to use this as a key to cache results and prevent re computation Using trackBy in ngForWhile using ngFor to update a list Angular can delete the entire list from the DOM and rebuild it because it has no way of verifying which object has been added or removed The trackBy function solves this by allowing us to give Angular a function to evaluate which item in the ngFor list has been modified or removed and then then re render it CThis is how the track by feature looks public trackByFn index item return item id For heavy computations Detach change detectionIn extreme cases we can only need to manually enable change detection for a few components That is if a component is instantiated s of times on the same page and re rendering each one is costly we can disable automatic change detection for the component entirely and only cause changes manually where they are needed We could detach change detection and only run this when the to do Item is set in the todoItem set property if we choose to do this for the todo items Component selector app todo item list row templateUrl todo item list row component html styleUrls todo item list row component scss changeDetection ChangeDetectionStrategy OnPush export class TodoItemListRowComponent implements OnInit private todoItem TODOItem public get todoItem TODOItem return this todoItem Input public set todoItem v TODOItem this todoItem v this cdr detectChanges Input public readOnlyTODO boolean Output public todoDelete new EventEmitter Output public todoEdit new EventEmitter Output public todoComplete new EventEmitter lt todoitem gt constructor private cdr ChangeDetectorRef public ngOnInit this cdr detach public completeClick const newTodo this todoItem completed this todoItem completed this todoComplete emit newTodo public deleteClick this todoDelete emit this todoItem id public editClick this todoEdit emit this todoItem lt todoitem gt Improving page loadThe time it takes for a website to load is an important factor in today s user experience Every millisecond a user waits will result in a sales loss due to a higher bounce rate and a poor user experience so this is an area where we should focus our efforts Faster websites are rewarded by search engines so page load time has an effect on SEO We want to use Angular PWA caching lazy loading and bundling to improve page load time Cache static content using Angular PWASince the static content is already in the browser caching it will make our Angular app load faster This is easily accomplished with Angular PWA which uses service workers to store and present static content such as JavaScript CSS bundles images and static served files without requiring a server request Looking for Genuine Angular Development Company Enquire Today Cache HTTP calls using Angular PWAWe can easily set up caching rules for HTTP calls with Angular PWA to give our app a faster user experience without cluttering it with a lot of caching code we can either optimize for freshness or efficiency that is read the cache only if the HTTP call times out or check the cache first and then call the API only when the cache expires Lazy load routesLazy loading routes ensure that each function is packaged in its own bundle and that this bundle can be loaded only when it is needed To allow lazy loading simply build a child route file in a function like this const routes Routes path component TodoListCompletedComponent export const TodoListCompletedRoutes RouterModule forChild routes Import routes NgModule imports FormsModule CommonModule SharedModule TodoListCompletedRoutes declarations TodoListCompletedComponent export class TodoListCompletedModule using loadChildren in the root route const appRoutes Routes path rootPath component TodoListComponent pathMatch full path completedTodoPath loadChildren todo list completed todo list completed module TodoListCompletedModule export const appRouterModule RouterModule forRoot appRoutes Optimizing bundling and preloadingWe may choose to preload feature modules to speed up page load even further This way when we choose to make a lazily loaded feature module navigation is instant This can be accomplished by setting PreloadModules as the preloadingStrategy RouterModule forRoot routes preloadingStrategy PreloadAllModules All feature modules will be loaded when the page loads allowing us quicker page loading and instant navigation when we choose to load other feature modules This can be further optimized by using a custom preloading Strategy like the one shown here to load only a subset of the routes on app startup Server side rendering with Angular UniversalIt is recommended that server side rendering be used for Angular apps that contain indexed pages This ensures that the pages are entirely made by the server before being shown to the browser resulting in a faster page load This would necessitate the app not relying on any native DOM components and instead injecting document from the Angular providers for example Improving UXPerformance tuning is all about improving the bottleneck which is the part of the system that has the most impact on the user experience Often the alternative is simply to approach behavior with more optimism resulting in less waiting for the customer Optimistic updatesOptimistic changes occur when a change is expressed in the user interface before being saved on the server The user would have a snappier native like experience as a result of this As a result in the event that the server fails to save the changes we must roll back the state Strongbrew has written a post on how to do this in a generic way making positive changes simple to implement in our code How should we prioritize performance tuning Start with the low hanging fruit onPush lazy loading and PWA and then figure out where our system s output bottlenecks are Any enhancement that does not address the bottleneck is a mirage as it will not enhance the app s user experience Detaching the change detection is a tuning technique that can be used only if we have a particular issue with a component s change detection affecting output ConclusionIn this blog we have learned how to tune the output of our Angular app in this article Change detection page load and UX enhancements were some of the performance tuning categories we looked at Any change in a system should start with identifying bottlenecks and attempting to solve them using one of the methods described in this article	2023-05-23 07:33:29
海外TECH	DEV Community	📝The Origins of IaC	https://dev.to/jessica_veit/the-origins-of-iac-14hb	The Origins of IaCInfrastructure as Code is a key element of most top performing engineering setups It s a big leap forward in the way Ops and Devs interact with their own infrastructure Galante After the introduction of the QA and IaC topic in the first blog post of this series we now dive head first into the origins of IaC Why do we even need to in the first place The Need for Automation The massive adoption of cloud over the past years has forced the need for automation in the infrastructure sector As shown in the hype cycle depicted below topics like industry cloud platforms or cloud sustainability are an innovation trigger ready to define new industry standards soon Previously a change in infrastructure was limited by the hardware purchasing cycle often spanning weeks before a new piece of hardware arrived Due to this circumstance there was no need to rush its proper setup Morris Hype Cycle for Emerging Tech Perri With cloud deployment of virtual anything needed in infrastructure can be configured deployed and destroyed in a matter of minutes This of course leads to fast provisioned yet poorly maintained systems an ever growing portfolio of servers sometimes even spanning multiple cloud providers and configuration drift as well as snowflake servers Early on it was clear that the full potential of cloud could only be utilized using novel tools which for one help to automate deployment and additionally enable those responsible to maintain the system with reasonable effort As Morris put it The essence of Infrastructure as Code is to treat the configuration of systems the same way that software source code is treated only the reorientation of infrastructure development and management towards software development can ensure the most efficient handling of this new and unique technology Four Levels of Operational Maturity ️The full automation of processes and making them auditable scalable and their results reproducible nowadays is the overall goal of the ongoing digitalization In this context the question of maturity of a system or procedure as in this case the operation processes always needs to be answered before progress can be made For practices of provisioning in operations there are four levels of maturity define by HashiCorp Manual Semi Automation Infrastructure as CodeCollaborative Infrastructure as CodeEach of those stages is characterized by how the infrastructure is provisioned and how traceable changes made are as well as the ability to rollback and collaboration respectively reuse possibilities The model provided also corresponds very well with the common maturity model seen over the whole operation department There is a general agreement on a model similar to the hereafter graphic representation by Accenture Operational maturity model Henneborn amp Mody It also describes a stable yet labour intensive workflow at the start of operations it then gets more and more efficient by automation until the processes are orientated towards only judgment based manual tasks automating the others With this it can be seen that the clear definition of what level of maturity in the provisioning regard a company currently has is crucial for the introduction of IaC workflows and tools in operations It defines the starting point of this operational evolution leaning more and more towards DevOps Next Steps 🪜In the next blog post Terraform comes into the picture We are going to discuss how this tool works and see what we can do with it So stay tuned if you are interested Cover Image by Photo by Skitterphoto	2023-05-23 07:04:32
海外TECH	DEV Community	Code Your Way to Seals	https://dev.to/amplication/code-your-way-to-seals-21n5	Code Your Way to SealsOne of my favorite Instagram accounts is sealotd  Seal of the Day Getting a cute pinniped every day is one of the few things that gets me out of bed in the morning as well as helping developers build compelling experiences with Amplication  obviously All kidding aside the premise of seeing a new seal every day got me thinking about how I could create a website that does this for me But unfortunately I only have a little free time and need help finishing this quickly That s when I remembered the power of machine generated code and decided that if I wanted to build this quickly it d be best to use Amplication and GitHub Copilot So read on to learn how I built my own Seal of the Day without writing any code Exaggerated for dramatic effect My ToolsKeeping it straightforward I ll be using Amplication and Github Copilot Amplication is a developer focused tool that allows you to quickly generate an extensible backend that includes everything out of the box for you This is awesome as I ll use the NestJS server that Amplication generates for me to host the home page that showcases all of those picturesque pinnipeds and store those seals in a database so I can query them on the fly But the server is just the base I need to get those four finned water dogs and using Copilot I m confident I can get their pictures from the web by asking Copilot to write that code for me Copilot is an AI powered code generation tool that utilizes machine learning to provide developers with suggestions and auto complete code while they write It uses ML models to give developers code suggestions With Copilot I can tell it what I want to create and it ll write any code I need to customize the Amplication generated server Creating My Seal Service With AmplicationThe first thing I need to do is create my backend server I did that by navigating to app amplication com and signing in with my GitHub I then created a new project called Seal of the Day With a project to house my service it s time to add a service resource I called mine Seal Service and as I was walked through the service creation wizard I selected the following options I connected it to a new GitHub repo to sync my code I disabled the GraphQL and REST APIs I chose Polyrepo to simplify the structure of my git repository I went with PostgreSQL for my database I created an empty project no templates are needed here I skipped authentication That was it for a large part of the Amplication process However the Seal Service needs to be able to store my seals so in my service s entities I ll add a new entity called Seal Entities are best described as the data object your database will store So when you create an entity you re defining an object type the properties it ll have and the data types of those properties You can think of it as declaring a table schema in SQL To the Seal entity I added three fields Date Image and Caption Amplication sets Date to be a Data Time data type which is absolutely correct and less work for us to do Image and Caption are set to be of the Single Line Text data type which is also correct Now we ve done all the work we ll need in Amplication To run my code locally I ll need to sync it to GitHub and then clone it locally Assuming you re comfortable with git commands such as git clone check out the Amplication docs site to learn how to sync your code to GitHub Wasn t That EasyIf you think building that backend with Amplication was super easy that s because it was At Amplication we re making the premier backend generation tool for individual developers enterprises and pinnipeds If you like our work you can help us by giving us a on Github We re close to stars k as of posting this and need your help I promise it ll be better than having a sea dog barking at you Customizing My Seal ServiceNow it s time to sealify my service And this is where Copilot will really begin to shine If you want to follow along install Copilot into your IDE and enable it in your GitHub account Thankfully GitHub provides a quick start guide to set it up locally Creating The Home PageFrom now on all of my work will occur in the server directory of the repo I cloned from GitHub Inside the src folder I added a folder called views inside that I created a file called index hbs This Handlebars file will serve as the template for showing the daily seals I didn t feel like writing the template so I asked Copilot for help I wrote the following comment into the file then clicked ctrl enter to see what Copilot suggested lt Generate a full HTML page with an image in the body and a caption gt The first option was close to what I wanted so I modified it slightly to the following lt doctype html gt lt html gt lt head gt lt title gt Image Caption Generator lt title gt lt head gt lt body gt lt img src image gt lt p gt caption lt p gt lt body gt lt html gt Now for the NestJS controller that will serve the page I added the file home controller ts in the src directory I next added the following comment as a prompt for Copilot NestJS controller that returns a HTML page with an image element and a caption when a user visits the root path of the server One of the suggestions was close so I modified it to the following NestJS controller that returns a HTML page with an image element and a caption when a user visits the root path of the server import Controller Get Render from nestjs common Controller export class HomeController Get Render index hbs root return caption Hello Seal image To get this to work I now had to hook up the controller to my main application I did this by adding the HomeController to the controllers array of the AppModules s class decorator The AppModule is found in src app module ts So while that sounds fancy it looks like this Also I removed all references to GraphQLModule in the AppModule s file This is because I won t use it and it may cause issues later Now I need to configure NestJS to process Handlebars templates I ll first need to install the Handlebars plugin hbs npm install hbsThen I jumped into the src main ts file and updated where all my paths global prefix is set to the following app setGlobalPrefix api app setGlobalPrefix api exclude path method RequestMethod GET Since Amplication prefixes all traditional routes with api I need to remove it from the home path so users don t need to go to api to see that seal Next is the actual configuration of the Handlebars renderer The hbs library was actually built for Express Thankfully NestJS is built on top of Express and it s easy to modify my Nest application to parse and render the Handlebars files const app await NestFactory create AppModule cors true const app await NestFactory create lt NestExpressApplication gt AppModule cors true app setBaseViewsDir path join dirname src views app setViewEngine hbs Amplication also generates self documenting APIs using tools like Swagger Unfortunately Swagger places its API exploration page at basically the home route causing a conflict with our code Thankfully I don t need it so I removed it const document SwaggerModule createDocument app swaggerDocumentOptions check if there is Public decorator for each path action and its method findMany findOne on each controller Object values document as OpenAPIObject paths forEach path any gt Object values path forEach method any gt if Array isArray method security amp amp method security includes isPublic method security SwaggerModule setup swaggerPath app document swaggerSetupOptions Running the server I got the following when navigating to localhost Displaying Seals From FlickrSo far my project has been showing me one seal Ideally I d get a different seal every day but I want to avoid hardcoding a library of seals so instead I ll use Flickr to fetch my seals for me The issue is I have no experience using Flickr s APIs thankfully Copilot does I ll use the SealService in src seal seal service ts to get my web page the seals it needs to display In the SealService I added the following comment below the SealService and let Copilot get the work Fetch a picture of a seal a walrus or a sea lion from flickr After a bit of modification here s what I got Fetch a picture of a seal a walrus or a sea lion from flickr async function fetchPictureOfSeal Promise lt image string caption string gt const response await fetch walrus sea lion amp tagmode all amp format json amp nojsoncallback true const body await response json const i Math floor Math random body items length return image body items i media m caption body items i title I added a getSeal method to the SealService that calls and returns the fetchPictureOfSeal Copilot wrote Injectable export class SealService extends SealServiceBase constructor protected readonly prisma PrismaService super prisma getSeal return fetchPictureOfSeal Back in my HomeController I added a constructor injected the SealService into it and updated the root method to return the getSeal method from the service so it can be rendered by the Handlebars template NestJS controller that returns a HTML page with an image element and a caption when a user visits the root path of the server import Controller Get Render from nestjs common import SealService from seal seal service Controller export class HomeController constructor private seal SealService Get Render index hbs async root return this seal getSeal Running the server I got the following when navigating to localhost The only issue left to resolve is that every time a user reloads the page they ll get a different seal I ll fix that in the next step Storing and Fetching SealsAmplication generated a PostgreSQL database and made it available to our Seal Service with Prisma In fact the SealService that we added the getSeal method to is an abstraction to the Prisma client and we can use it to save a seal for the day and fetch it for subsequent visits on the same day So let s dive into it Now this is where it will be easier to write code rather than depend on Copilot but I ll still use it to assist me with some mundane bits I usually wouldn t want to write I will need to update the getSeal method to fetch the seal of the day from my database but querying dates can be a little complex The easiest way to handle querying dates is to store the day s date as midnight of that day AM and always query for midnight of the current day So for example with the following prompt Copilot can write a function in the src seal seal service ts file to give me the current date at midnight Creates a date object for today but sets the time to be exactly Here s the function I opted to accept Creates a date object for today but sets the time to be exactly function getToday Date const today new Date today setHours return today With everything in place it was time to rewrite the getSeal function In effect I wanted it to query my database to see if any seals for today s date existed If they did I would return it to the home page for rendering if not I would get a seal from Flickr save that into my database for future queries and then return that seal to the home page for rendering So I wrote the following code to handle that for me async getSeal Calculate today s date at midnight const today getToday Query the database for seals with today s date const seals await this findMany where date today Get the first seal with today s date const seal seals shift If the seal exists return it if seal return seal else If the seal doesn t exist get it from flickr save it to the database and return it const flickrSeal await fetchPictureOfSeal return this create data date today flickrSeal With this logic users will get the same seal whenever they visit the page that day Wrapping UpCopilot Amplication and about lines of code I wrote allowed me to generate a fully realized backend server that can server side render a web page showing a different seal daily In addition I used the Flickr API which I had no experience with before and I felt confident and comfortable with the project I created If you have yet to try Amplication or Copilot try them out On the Amplication side of things we have some fantastic guides on our blog that I d suggest you check out If you like our work be sure to give us a on GitHub and join our Discord community to chat with other Amplication developers Finally the source code for this project is available on GitHub	2023-05-23 07:00:27
医療系	医療介護 CBnews	【感染症情報】RSウイルス、プール熱などが増加-インフルエンザ3週連続減、コロナは定点把握移行	https://www.cbnews.jp/news/entry/20230523160452	医療機関	2023-05-23 16:20:00
金融	ニッセイ基礎研究所	Economic Outlook for Fiscal Years 2023 and 2024 (May 2023)	https://www.nli-research.co.jp/topics_detail1/id=74879?site=nli		2023-05-23 16:02:28
金融	ニッセイ基礎研究所	2023・2024年度経済見通し（23年5月）	https://www.nli-research.co.jp/topics_detail1/id=74836?site=nli	インバウンド需要はコロナ禍でほぼ消失した状態が続いていたが、年月以降、段階的に水際対策が緩和されてきたことを受けて急回復している。	2023-05-23 16:07:14
金融	日本銀行：RSS	日本銀行が保有する国債の銘柄別残高	http://www.boj.or.jp/statistics/boj/other/mei/release/2023/mei230519.xlsx	日本銀行	2023-05-23 17:00:00
金融	日本銀行：RSS	日本銀行による国庫短期証券の銘柄別買入額	http://www.boj.or.jp/statistics/boj/other/tmei/release/2023/tmei230519.xlsx	国庫短期証券	2023-05-23 17:00:00
海外ニュース	Japan Times latest articles	LDP approves plan to expand scope of skilled worker visa	https://www.japantimes.co.jp/news/2023/05/23/national/ldp-skilled-worker-visa-ok/	LDP approves plan to expand scope of skilled worker visaUnder the plan the government will increase the number of sectors able to grant foreign workers a special status that effectively grants them permanent residency	2023-05-23 16:10:03
ニュース	BBC News - Home	Cardiff: Two teenage boys killed in crash before Ely riot	https://www.bbc.co.uk/news/uk-wales-65677472?at_medium=RSS&at_campaign=KARANGA	cardiff	2023-05-23 07:48:02
ニュース	BBC News - Home	35,000 cases of sexual misconduct or violence in NHS in five years	https://www.bbc.co.uk/news/health-65671018?at_medium=RSS&at_campaign=KARANGA	assault	2023-05-23 07:51:52
ニュース	BBC News - Home	Vinicius Jr: Micah Richards says Javier Tebas comments 'make my blood boil'	https://www.bbc.co.uk/sport/football/65678382?at_medium=RSS&at_campaign=KARANGA	Vinicius Jr Micah Richards says Javier Tebas comments x make my blood boil x Micah Richards says La Liga president Javier Tebas response to the racist abuse suffered by Real Madrid forward Vinicius Jr makes my blood boil	2023-05-23 07:15:35
ニュース	BBC News - Home	Coronation boost for wine, cream and pastry sales	https://www.bbc.co.uk/news/business-65677582?at_medium=RSS&at_campaign=KARANGA	prices	2023-05-23 07:55:05
ニュース	BBC News - Home	Debt costs push UK borrowing higher than expected	https://www.bbc.co.uk/news/business-65669399?at_medium=RSS&at_campaign=KARANGA	interest	2023-05-23 07:44:19
ビジネス	ダイヤモンド・オンライン - 新着記事	不安でも大きな決断をする方法 - WSJ発	https://diamond.jp/articles/-/323367	決断	2023-05-23 16:01:00
IT	週刊アスキー	お絵描きADV『パスパルトゥー2：あるアーティストのキセキ』がSwitchで10月19日に発売決定！	https://weekly.ascii.jp/elem/000/004/137/4137785/	happinetindiecollection	2023-05-23 16:40:00
IT	週刊アスキー	家族で楽しめる焼き鳥食べ放題！　福岡県筑紫野市に「本格焼き鳥食べ放題 さかえ商店 天拝坂店」6月1日オープン	https://weekly.ascii.jp/elem/000/004/137/4137735/	福岡県筑紫野市	2023-05-23 16:15:00
IT	週刊アスキー	『ドラクエX』本日21時より公式生放送#35を配信！オンラインVer6.5＆オフラインDLCの最新情報を公開	https://weekly.ascii.jp/elem/000/004/137/4137767/	dqxtv	2023-05-23 16:05:00
IT	週刊アスキー	サンワサプライ、隣のポートをふさがずに使える4ポートコンボタイプUSBハブを発売	https://weekly.ascii.jp/elem/000/004/137/4137737/	延長	2023-05-23 16:15:00
マーケティング	AdverTimes	日本初公開となる「トレランス・ポスター展」、六本木で5月23日から開催	https://www.advertimes.com/20230523/article419858/	月末	2023-05-23 07:03:18