投稿時間:2023-05-05 18:22:22 RSSフィード2023-05-05 18:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia Mobile] ドコモ、KDDI、ソフトバンク、楽天モバイルが「災害用伝言板」を提供中　石川県の震度6強地震で	https://www.itmedia.co.jp/mobile/articles/2305/05/news062.html	itmediamobile	2023-05-05 17:30:00
python	Pythonタグが付けられた新着投稿 - Qiita	Ruff, Flake8, Pylintでの"Line too long"エラーに関する結果の違い	https://qiita.com/yuji38kwmt/items/ff3661d8e127c56260be	mccabepycodestylepyfl	2023-05-05 17:37:27
python	Pythonタグが付けられた新着投稿 - Qiita	PythonからTikzに変換して簡単にレポートを作ろう	https://qiita.com/Hosi121/items/a0f7e7eb1b40b06c8459	課題	2023-05-05 17:23:03
python	Pythonタグが付けられた新着投稿 - Qiita	PythonでGoogle Cloud StorageにPDFをアップロード/ダウンロード/削除	https://qiita.com/sey323/items/a7a55d820eba6c13f25d	googlecloudstorage	2023-05-05 17:14:27
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】免許証ジェネレータを作ってみた【SVG】	https://qiita.com/tsu_eng/items/c1f19509fe4548ad53a7	javascript	2023-05-05 18:00:14
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Example title	https://qiita.com/AiOnaga/items/2415911c0384ae0a815e	example	2023-05-05 17:26:47
Docker	dockerタグが付けられた新着投稿 - Qiita	apache2(http2) on Docker	https://qiita.com/NeK/items/22d5849da05cca717a76	apache	2023-05-05 17:55:10
Docker	dockerタグが付けられた新着投稿 - Qiita	【Swift】Vapor で URLSession を使用したいときの注意点	https://qiita.com/kamimi01/items/15191e6655906ffcc72b	googlecloudrun	2023-05-05 17:30:00
技術ブログ	Developers.IO	[セッションレポート] 【KEY101】AWS Summit Berlin 2023 キーノート概要 #AWSSummit	https://dev.classmethod.jp/articles/key101-aws-summit-berlin-2023-keynote/	awssummit	2023-05-05 08:55:28
技術ブログ	Developers.IO	AWS Glue ジョブのブックマーク機能の基準と留意点を教えてください	https://dev.classmethod.jp/articles/tsnote-awsglue-job-bookmarks-difference-standard-and-important-point/	awsglue	2023-05-05 08:08:19
海外TECH	DEV Community	Master Angular 16 (a study guide)	https://dev.to/this-is-angular/master-angular-16-17no	Master Angular a study guide The latest version of Angular was released this week Minko Gechev summarizes the most important new features in his release announcement This study guide helps you learn the new version of Angular Changes and new featuresIn this article I list out the most important changes and new features also share resources that will teach you how these new Angular features work SignalsDestroyReftakeUntilDestroyedRequired inputsBind Router information to component inputsNode js v support has been removedTypeScript SupportAngular Compatibility Compiler ngcc has been removedServer Side Rendering Non destructive hydration now the results of a request done on the server side can be reused on the client sideStrict type checking for ngTemplateOutletprovideServiceWorker function to register service workers in standalone applicationsExperimental Jest supportNext to these features Angular has a new Vite Esbuild based dev server Naturally reading articles about the changes is a good idea additionally the official documentation and the Angular s changelogsalso provide great insights you should check these out too SignalsOfficial docs Angular SignalsGitHub discussion Angular Reactivity with SignalsRFC RFC Angular SignalsPR feat core add Angular Signals to the public APIPR Prototype of the RxJS interop layer for signalsPR feat core Mark components for check if they read a SignalA new primitive type called “Signal has been introduced in Angular It s designed to store a value similar to a regular variable When the Signal s value changes it notifies the interested consumers Signals store both primitive data types and objects A “Computed Signal derives its value from other Signals To create a Computed Signal we need to use the computed function and specify the derivation function In case we use the OnPush change detection in a component and it has a Signal in its template Angular tracks the Signal as a dependency for the component and marks the component for check if the Signal s value changes In Angular this will change it will be possible to use Signal based per component change detection without zone js Pawel Kozlowski s talk at the NgBe is a great introduction to Signals what features are in Angular and what s expected in Angular Deborah Kurata wrote a detailed tutorial on Signals she explained why we need Signals what they are and how to create read and update them She also demonstrates the concept of computed Signals and effects Manfred Steyer compares the current Zone js based change detection with the new Signal based approach Stefan Haas explains how signal and RxJS interoperability works Tomas Trajan explains how Signals work using the push amp pull concepts DestroyRefOfficial docs DestroyRefCommit feat core introduce concept of DestroyRefDestroyRef lets you set callbacks to run for any cleanup or destruction behavior Example Component selector component standalone true template class Component constructor private destroyRef DestroyRef destroyRef onDestroy gt run this cleanup code when the component is destoryed In his article Netanel Basal shows an example for how to create a reusable logic that performs a cleanup task when a scope is destroyed takeUntilDestroyedCommit feat core implement takeUntilDestroyed in rxjs interoptakeUntilDestroyed completes an observable in case the calling component or directive service or pipe is destroyed In the following example when the component is created it starts to show Tick messages on the browser s console using a subscription to a second interval When the component is destroyed it unsubscribes from the interval Component selector component standalone true template class Component constructor interval pipe takeUntilDestroyed subscribe gt console log Tick It s also possible to pass a specific DestroyRef as a parameter to takeUntilDestroyed so we can create reusable functions with subscriptions that unsubscribe when the context is destroyed Component selector component standalone true template class Component constructor private destroyRef DestroyRef reusableTicks destroyRef Required inputsOfficial docs InputPR feat compiler add support for compile time required inputsWe can mark component or directive inputs as required The following example fails in compile time as in the Component s template we didn t provide the required text input Component selector component standalone true template class Component this is a required input Input required true text string Component selector component standalone true template lt component gt lt component gt imports Component class Component constructor private destroyRef DestroyRef destroyRef onDestroy gt run this cleanup code when the component is destoryed Bind Router information to component inputsOfficial docs Router Getting route information withComponentInputBindingPR Feature to bind Router information to component inputsThis new feature simplifies the process of getting route information Enea Jahollari explains how this new feature works by examples Node js v support has been removedChangelog entry Node js v support has been removedNode js v is planned to be End of Life on Angular will stop supporting Node js v in Angular v Angular v will continue to officially support Node js versions v and v TypeScript From Angular s perspective the two most important new features in Typescript are the decoratorsand the supporting of multiple configuration files in tsconfig json s extends DecoratorsTypeScript supports a new version of the ECMAScript decorator proposal referred to as Standard decorators Kevin Kreuzer explains us in his article how these new decorators work Multiple configuration file support in tsconfig json s extendsFor example both strict and noImplicitReturns are enabled in the final tsconfig json in the following example tsconfig a json compilerOptions strict true tsconfig b json compilerOptions noImplicitReturns true tsconfig json extends tsconfig a json tsconfig b json files src main ts src polyfills ts You can find more details of the new Typescript features in their official announcement Angular Compatibility Compiler ngcc has been removedChangelog entry Angular Compatibility Compiler ngcc has been removedAngular transitioned its rendering architecture from the “View Engine to “Ivy However to support libraries that were still dependent on the “View Engine Angular Compatibility Compiler ngcc was created In Angular ngcc and all other codes related to the old “View Engine have been removed so “View Engine libraries can no longer be used in v To learn more about “Ivy read Maria Korneeva s article about how “View Engine and “Ivy works and what is new in “Ivy NgZone is configurable in bootstrapApplicationOfficial docs provideZoneChangeDetectionPR Add ability to configure NgZone in bootstrapApplicationThere are two zone configuration related changes in Angular We can provide a custom zone implementation in bootstrapApplicationNgZone now has two configurable options eventCoalescing and runCoalescing these options might help reduce the change detection cycles in your application class CustomZone extends NoopNgZone bootstrapApplication StandaloneCmp providers provide a custom zone implementation provide NgZone useValue new CustomZone bootstrapApplication StandaloneCmp providers enable eventCoalescing and runCoalescing provideZoneChangeDetection eventCoalescing true runCoalescing true Server Side Rendering improvements Non destructive hydrationPR feat platform browser add a public API function to enable non destructive hydrationWith non destructive hydration Angular has the capability of reusing pre existing DOM structures on the client side that were initially rendered by the server This prevents the flicker that occurs when the page is rendered and ready for interaction by users The results of the request done on the server side can be reused on the client sidePR feat platform browser enable HTTP request caching when using provideClientHydrationTo avoid the need of refetching the same data on the client side requests made on the server side will be cached and accessible on the client side Jessica Janiuk summarized the current state and future of the server side rendering in her blog post Strict type checking for ngTemplateOutletPR fix common strict type checking for ngtemplateoutletPreviously when we passed a context to ngTemplateOutlet it was passed as an Object so in the following example there was no compilation error interface Context prop number component standalone true imports NgTemplateOutlet selector person template lt ng container ngTemplateOutlet myTemplateRef context prop missingProp gt lt ng container gt export class Component templateRef TemplateRef lt Context gt Now in Angular the code in the previous example fails with a compile time error as missingProp is not defined in Context We can fix this by adding the missingProp property to Context or add any … inside the template to preserve the previous behavior provideServiceWorker function to register service workers in standalone applicationsOfficial docs Service workers provideServiceWorkerPR feat service worker add function to provide service workerPreviously to register a service worker in a standalone app we had to use importProvidersFrom ServiceWorkerModule register … provideServiceWorker is a new way to register service workers in standalone apps usage example bootstrapApplication AppComponent providers provideServiceWorker my service worker js Experimental Jest supportThe Angular Team added initial experimental support for Jest in Angular In Angular they ll replace the deprecated Karma test runner with the Web Test Runner Have you seen any other resources I should add to this Angular Study Guide Please send it to me so that I can feature it in the article ‍About the authorMy name is Gergely Szerovay I work as a frontend development chapter lead Teaching and learning Angular is one of my passions I consume content related to Angular on a daily basis ー articles podcasts conference talks you name it I created the Angular Addict Newsletter so that I can send you the best resources I come across each month Whether you are a seasoned Angular Addict or a beginner I got you covered Next to the newsletter I also have a publication called ー you guessed it ー Angular Addicts It is a collection of the resources I find most informative and interesting Let me know if you would like to be included as a writer Let s learn Angular together Subscribe here Follow me on Medium Twitter or LinkedIn to learn more about Angular	2023-05-05 08:09:24
海外TECH	DEV Community	AdaGPT: My Learnings While Building a GitHub Action	https://dev.to/zirkelc/adagpt-my-learnings-while-building-a-github-action-55ec	AdaGPT My Learnings While Building a GitHub ActionI posted my GitHub Action AdaGPT for the GitHub Hackathon here on DEV to a few days ago While implementing this action I learned a lot and want to take the time to share them Here are my learnings in no particular order Action TemplatesTo get started quickly with a JavaScript action I recommend using the official templates from GitHub for JavaScript and TypeScript TypeScript TypesLife is easier with static types at least for me If you use TypeScript GitHub provides the octokit webhooks types package with official type definitions for all of GitHub s webhooks event types and payloads The types are helpful to find out what data is available from the event payload and what data needs to be read with the SDK For example the issue comment event for the created action contains this data export interface IssueCommentCreatedEvent action created The issue the comment belongs to issue Issue amp assignee User null State of the issue either open or closed state open closed locked boolean labels Label comment IssueComment repository Repository sender User installation InstallationLite organization Organization Ocktokit ClientThe package actions github provides a hydrated Octokit js client Octokit js is the SDK of GitHub and contains several subpackages like octokit rest and octokit graphql to interact with the REST or GraphQL API import as core from actions core import as github from actions github const token core getInput github token const octokit github getOctokit token const data diff await octokit rest pulls get owner octokit repo rest js pull number mediaType format diff The REST API client for JavaScript has extensive documentation with many code examples GitHub ContextThe package actions github provides a hydrated Context from the current workflow environment with lots of useful information The current repository and issue number can be retrieved directly from context instead of providing them via an input or reading them from an environment variable import as core from actions core import as github from actions github get issue number from inputconst issue core getInput issue number get repository from environmentconst owner repo process env GITHUB REPOSITORY split get issue number and repository from contextconst issue github context issue number const owner repo github context repo Comments on Issues and Pull RequestsThe issue comment event occurs for comments on both issues and pull requests However you can use a conditional check in the workflow definition to distinguish between issues and pull requests on issue commentjobs pr commented This job only runs for pull request comments name PR comment if github event issue pull request runs on ubuntu latest steps run echo A comment on PR NUMBER env NUMBER github event issue number issue commented This job only runs for issue comments name Issue comment if github event issue pull request runs on ubuntu latest steps run echo A comment on issue NUMBER env NUMBER github event issue number The same distinction can be made inside the action with the context import as core from actions core import as github from actions github is comment on issueconst isIssueComment github context eventName issue comment amp amp github context payload issue pull request undefined is comment on pull requestconst isPullRequestComment github context eventName issue comment amp amp github context payload issue pull request undefined Run Action LocallyYou can use the act package to run your workflow and action locally so you don t have to commit and push every time you want to test the changes It works really well and helps you develop much faster If you run the workflow locally you will not get an automatic GitHub Token for interacting with the REST API This means you need to create a Personal Access Token and provide this token as GITHUB TOKEN for workflow execution I would recommend creating a local env file with your PAT file envGITHUB TOKEN lt personal access token gt This secret file can be passed to act when running locally act issue comment secret file envAs usual the token is available within the workflow via the syntax secrets GITHUB TOKEN PaginationThe REST API is paginated and returns up to items per page You can use Pagination API to read all items of a particular endpoint import as core from actions core import as github from actions github import type Issue from octokit webhooks types const token core getInput github token const owner repo github context repo const octokit github getOctokit token const issues Issue await octokit paginate octokit rest issues listForRepo owner repo per page Write Job SummaryThe Job Summary is a markdown file with the results of the jobs within a workflow This blog post from GitHub gives a good overview For example I m writing this job summary for my GitHub Action import as core from actions core import as github from actions github await core summary addLink Issue issue html url addHeading Request addRaw request body true addBreak addLink Comment request html url addHeading Response addRaw response body true addBreak addLink Comment response html url addBreak addHeading GitHub Context addCodeBlock JSON stringify github context payload null json write The rendered markdown looks like this Job SummaryI hope you found this post helpful If you have any questions or comments feel free to leave them below If you d like to connect with me you can find me on LinkedIn or GitHub Thanks for reading	2023-05-05 08:06:54
ニュース	BBC News - Home	Local elections 2023: Early results see Labour and Lib Dems win key target areas	https://www.bbc.co.uk/news/uk-politics-65485099?at_medium=RSS&at_campaign=KARANGA	maidenhead	2023-05-05 08:51:22
ニュース	BBC News - Home	Local elections 2023: Critics say voter ID rule should be scrapped	https://www.bbc.co.uk/news/uk-65492275?at_medium=RSS&at_campaign=KARANGA	campaigners	2023-05-05 08:05:51
ニュース	BBC News - Home	Suspect arrested after second mass shooting in Serbia	https://www.bbc.co.uk/news/world-europe-65490418?at_medium=RSS&at_campaign=KARANGA	belgrade	2023-05-05 08:02:54
ニュース	BBC News - Home	Coronation: Idea of paying homage abhorrent to King - Dimbleby	https://www.bbc.co.uk/news/uk-65493188?at_medium=RSS&at_campaign=KARANGA	allegiance	2023-05-05 08:30:06
ニュース	BBC News - Home	Yevgeny Prigozhin: Wagner Group boss says he will pull troops out of Bakhmut	https://www.bbc.co.uk/news/world-europe-65493008?at_medium=RSS&at_campaign=KARANGA	russia	2023-05-05 08:52:35
ニュース	BBC News - Home	Kanye West Yeezy loss is hurting us, admits Adidas	https://www.bbc.co.uk/news/business-65492142?at_medium=RSS&at_campaign=KARANGA	kanye	2023-05-05 08:51:46
ニュース	BBC News - Home	Brighton 1-0 Man Utd: 'God of football' helped Seagulls win - Roberto de Zerbi	https://www.bbc.co.uk/sport/av/football/65459456?at_medium=RSS&at_campaign=KARANGA	manchester	2023-05-05 08:01:55
ニュース	BBC News - Home	Local election 2023: Prof Sir John Curtice on the results so far	https://www.bbc.co.uk/news/uk-politics-65475817?at_medium=RSS&at_campaign=KARANGA	general	2023-05-05 08:09:41
ニュース	BBC News - Home	Tory council leader ousted by 22-year-old Lib Dem	https://www.bbc.co.uk/news/uk-england-berkshire-65487770?at_medium=RSS&at_campaign=KARANGA	maidenhead	2023-05-05 08:28:05
ニュース	BBC News - Home	How to watch the Coronation of King Charles III and TV schedule	https://www.bbc.co.uk/news/uk-65461957?at_medium=RSS&at_campaign=KARANGA	charles	2023-05-05 08:52:09
ビジネス	東洋経済オンライン	｢試験に成功する人｣が挫折時にしている3つの事 ｢頭のいい人｣は失敗しても､ただでは転ばない | アルファポリス | 東洋経済オンライン	https://toyokeizai.net/articles/-/668730?utm_source=rss&utm_medium=http&utm_campaign=link_back	公認会計士試験	2023-05-05 17:30:00