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

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia エンタープライズ] コクヨがランサムウェア攻撃を受けたと発表　影響範囲は調査中	https://www.itmedia.co.jp/enterprise/articles/2306/10/news043.html	itmedia	2023-06-09 17:45:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	[Deno] x/dotenvモジュールは非推奨！標準ライブラリのdotenvを使おう	https://qiita.com/access3151fq/items/4a24ba994a19ed223a5a	denoxdotenv	2023-06-09 17:42:45
js	JavaScriptタグが付けられた新着投稿 - Qiita	cropper.jsでアスペクト比に下限/上限を設ける方法	https://qiita.com/kametter/items/9f413ee83183d9dcb697	cropperjs	2023-06-09 17:19:39
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScriptで配列からランダムな数字を生成する	https://qiita.com/Tono824/items/91f64230d0cd5978c741	javascript	2023-06-09 17:12:34
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSコスト最適化：失敗編（CloudWatch アラーム定義増殖事件）	https://qiita.com/pohd_ccoe/items/4530622fd9a09e5cfcb0	cloudwatch	2023-06-09 17:34:25
Azure	Azureタグが付けられた新着投稿 - Qiita	Terraform CLIの環境をTerraform Cloudに移行してみた	https://qiita.com/ytamu2/items/9d1e233db2ea7cdddffe	windows	2023-06-09 17:45:56
海外TECH	DEV Community	Build a reactive split-flap display with Angular	https://dev.to/maxime1992/build-a-reactive-split-flap-display-with-angular-kne	Build a reactive split flap display with AngularHello I ve decided to make a follow up from RxJS Advanced challenge to build a reactive split flap display and build UI for it as it s always more pleasant to play around with the final app than emit into a subject to see the text change Here s a live demo of what we ll be building that you can play with If you haven t read the previous article I mentioned above you should really read it first before jumping on this one as the reactive split flap logic is already built and we ll only be focusing on the Angular side of things here Porting the split flap code to an Angular serviceI m going to be creating a new Stackblitz where I ll import most of the code we built in the first part and integrate that in a more Angular way I ll copy over the entire utils ts file except for the part where I was manipulating the DOM manually Now we ll create a new service SplitFlapService that ll reuse our reactive split flap code and wrap up the creation of new instances Injectable providedIn root export class SplitFlapService public getSplitFlapInstance const input new Subject lt string gt const splitFlap input pipe map inputToBoardLetters switchScan acc lettersOnBoard gt combineLatest lettersOnBoard map letter i gt from getLettersFromTo acc i letter pipe concatMap letter gt of letter pipe delay BASE return input splitFlap So far so good Creating the viewFirst of all we know we re going to have an input and that our split flap only support a given number of chars So we ll start by creating a custom validator for our FormControl that validates the input function allowedLettersValidator ValidatorFn return control FormControl lt string gt ValidationErrors null gt const allValidLetters control value toUpperCase split every letter gt REVERSE LOOKUP LETTERS letter undefined if allValidLetters return null return invalidLetters true Nothing too fancy We loop on each of the letters in the input and check if they are defined in our allowed chars If not we return an object invalidLetters true that ll make the input invalid Now I won t define our split flap component here It s only a presentational component which takes an input for all the letters to display and display them Nothing more so there s little interest in showing that Feel free to look the code in the Stackblitz in the src app split flap folder Finally we can focus on the component that will use our new service instanciate a split flap and use it to show in the view based on an input the associated split flap display First of all we inject our service and create an instance of a split flap public splitFlapInstance inject SplitFlapService getSplitFlapInstance Then we create a form control for it with our custom validator public fc new FormControl allowedLettersValidator Last but not least we bind the value of our form control to the input of our split flap without forgetting to unsubscribe when the component is destroyed private subscription Subscription null null constructor this subscription this fc valueChanges pipe filter gt this fc valid debounceTime subscribe this splitFlapInstance input public ngAfterDestroy this subscription unsubscribe Our view can then have the input and the associated split flap component lt mat form field gt lt mat label gt Input lt mat label gt lt input matInput formControl fc gt lt mat error ngIf fc invalid gt Invalid chars used lt mat error gt lt mat form field gt lt app split flap letters splitFlapInstance splitFlap async gt lt app split flap gt Here s the final project ConclusionI always like to start thinking about my streams in a really isolated way and once I ve got everything working then integrate where needed It allows me to make sure I have a reusable code and keep my focus on the core logic then the view Observables integrates of course really well with Angular thanks to a lot of the default API using and the wonderful async pipe I hope you enjoyed this article if you did let me know with a reaction and eventually drop a comment It s always nice to hear back from people who took the time to read a post If you gave a go to the challenge yourself share a link to your Stackblitz or let us know how far you went too If you re interested in more articles about Angular RxJS open source self hosting data privacy feel free to hit the follow button for more Thanks for reading Found a typo If you ve found a typo a sentence that could be improved or anything else that should be updated on this blog post you can access it through a git repository and make a pull request Instead of posting a comment please go directly to and open a new pull request with your changes If you re interested how I manage my dev to posts through git and CI read more here Follow me       You may also enjoy readingBuilding scalable robusts and type safe forms with AngularHow to detect unnecessary renderings of DOM elements in your web app to improve performance	2023-06-09 08:33:30
海外TECH	DEV Community	The most underrated search engine...	https://dev.to/savvasstephnds/the-most-underrated-search-engine-312d	The most underrated search engine Picture this You re adding a new feature to your project Because you don t want to reinvent the wheel you discover a library you ve never heard of that does exactly what you need Let s suppose for example that you want to send a request to an API go get some data in your NodeJS app So you discover a library called axios You find out that to make a call to the API you need to use the axios get function So you read through the docs and see a couple of good examples But what have other people use that function for What are some real world examples of the axios get function For this exact thing there s a search engine you ve probably seen before but never used It s right there at the top of your window as soon as you go to Github Using Github SearchSuppose you want to see some real world examples of people using the get function of axios All you have to do is go to Github log in and use the search bar to search Alternatively you can go to the new Github CodeSearch page Now start typing your piece of code you d like to look examples of quotes might help In our case our search query would be axios get You ll see a bunch of results of other people s codes who have been kind enough to post their code for the public to see and learn from So if you are facing difficulties using a specific function you haven t used before or the documentation for that function isn t really good or non existent Github CodeSearch can be a lifesaving tool I know I ve used this a ton of times and it has saved me hours of googling and getting nowhere Let me know what you think Thanks for reading	2023-06-09 08:12:38
海外TECH	DEV Community	GIT: rebase VS merge (simple)	https://dev.to/kristiyan_velkov/git-rebase-vs-merge-simple-2e7e	GIT rebase VS merge simple A short and simple explanation about git rebase vs git merge What Is Git Rebase git rebase is a powerful Git command that allows you to incorporate changes from one branch into another It is often used to update a feature branch with the latest changes from the main branch before merging it back Essentially it allows you to replay a series of commits on top of a different commit What Is Git Merge git merge command is used in Git to integrate changes from one branch into another It allows you to combine the changes made in one branch with the changes in another branch resulting in a new commit that represents the merge of both branches Differences between merge and rebase The resulting tree structure of the history generally only noticeable when looking at a commit graph is different one will have branches the other won t Merge will generally create an extra commit Merge and rebase will handle conflicts differently Rebase will present conflicts one commit at a time where merge will present them all at once Usefull LinksMerging vs RebasingIf you want to practice git commands Git Resources for visual learnersIf you like my work and want to support me to work hard please donate via Revolut website payment or use the QR code above Thanks a bunch for supporting me It means a LOT	2023-06-09 08:00:39
海外TECH	Engadget	Logitech retires the Blue microphone brand	https://www.engadget.com/logitech-retires-the-blue-microphone-brand-083111975.html?src=rss	Logitech retires the Blue microphone brandLogitech is getting rid of the Blue microphone brand and will now sell the products under the Logitech G gaming brand ーonly keeping the Blue name to describe our technologies it said Blue has been removed from Logitech s brands section on its website and the Bluemic com domain now directs to Logitech All Blue products including the Yeti Snowball and others are now found only on the Logitech G section of its website nbsp The company has also moved its Astro high end gaming headsets mixers and more over to Logitech G but will keep that brand The Verge reported The Astro brand will continue to live on as a premium console audio product series underneath the Logitech G brand Stay tuned for more information regarding ASTRO including a launch that we think our community will be very excited about the company said in a FAQ on Reddit nbsp gamers and creators We have an update on our upcoming brand merger between Logitech G ASTROGaming BlueMicrophones and logitechc pic twitter com qPPTsJrーLogitech G LogitechG June Logitech already hinted that it might scuttle the Blue brand having released the Blue Sona streaming mic under Logitech G late last year It also changed its description of the Yeti mic a while back describing it as the Yeti microphone with Blue VO CE technology nbsp Logitech purchased Blue in for million However Blue Microphones has a history beyond what you may expect having originally created the Bottle microphone before ever developing any streaming products Blue also stands for Baltic Latvian Universal Electronics according to Wikipedia Its first microphone designed for streaming audio was the Snowball still available on Logitech as the Snowball Ice for nbsp Given that the Blue brand is highly respected in podcasting streaming and other areas it seems an odd choice to kill it off in favor of its own brand which has far less cachet The company is promising a deeper integration with all its Logitech G products promising that you ll be able to configure them all in one place presumably its G HUB app If that s the plan then Logitech may need to address criticism with that app if the comments on its Reddit FAQ post are anything to go by nbsp This article originally appeared on Engadget at	2023-06-09 08:31:11
海外科学	BBC News - Science & Environment	Wildfires: UK to set up new Mediterranean-style specialist units	https://www.bbc.co.uk/news/science-environment-65848872?at_medium=RSS&at_campaign=KARANGA	teams	2023-06-09 08:13:32
金融	JPX マーケットニュース	[OSE] RNプライム指数構成銘柄の一部変更	https://www.jpx.co.jp/news/2020/20230609-01.html	osern	2023-06-09 18:00:00
金融	金融庁ホームページ	職員を募集しています。（金融商品取引市場に関する諸制度の企画及び立案等に従事する職員）	https://www.fsa.go.jp/common/recruit/r5/kikaku-09/kikaku-09.html	金融商品取引	2023-06-09 10:00:00
金融	金融庁ホームページ	職員を募集しています。（国内金融及び金融機関等の行う国際業務に関する制度の企画及び立案等に従事する職員）	https://www.fsa.go.jp/common/recruit/r5/kikaku-10/kikaku-10.html	金融機関	2023-06-09 10:00:00
金融	ニッセイ基礎研究所	ASEANの貿易統計（６月号）～４月の輸出は商品価格下落や季節要因で２桁減に	https://www.nli-research.co.jp/topics_detail1/id=75069?site=nli	輸出を品目別にみると、輸出全体の約割を占める電話機・同部品が前年同月比減前月同減、コンピュータ、電子製品・同部品が同減前月同減となり、それぞれ低迷した図表。	2023-06-09 17:56:39
海外ニュース	Japan Times latest articles	Apple likely to find a receptive market for its Vision Pro in Asia	https://www.japantimes.co.jp/news/2023/06/09/business/tech/apple-vision-pro-asia-market/	Apple likely to find a receptive market for its Vision Pro in AsiaVR has found greater favor in the region with Japan South Korea and China ranking among the most advanced markets for headset adoption	2023-06-09 17:49:03
ニュース	BBC News - Home	Labour waters down £28bn green investment pledge	https://www.bbc.co.uk/news/uk-politics-65853872?at_medium=RSS&at_campaign=KARANGA	reeves	2023-06-09 08:38:22
ニュース	BBC News - Home	Salford e-bike rider, 15, killed in ambulance crash named	https://www.bbc.co.uk/news/uk-england-manchester-65854332?at_medium=RSS&at_campaign=KARANGA	cookson	2023-06-09 08:54:49
ニュース	BBC News - Home	Heat-health alert in force as parts of UK to hit 30C	https://www.bbc.co.uk/news/uk-65853411?at_medium=RSS&at_campaign=KARANGA	forecasters	2023-06-09 08:39:33
ニュース	BBC News - Home	Trust in police hanging by a thread, inspectorate says	https://www.bbc.co.uk/news/uk-65845463?at_medium=RSS&at_campaign=KARANGA	forces	2023-06-09 08:55:38
ニュース	BBC News - Home	Wildfires: UK to set up new Mediterranean-style specialist units	https://www.bbc.co.uk/news/science-environment-65848872?at_medium=RSS&at_campaign=KARANGA	teams	2023-06-09 08:13:32
ビジネス	ダイヤモンド・オンライン - 新着記事	教えて、池上さん！「銀行が潰れたらどうなっちゃうの？」【イラスト解説】 - ニュースな本	https://diamond.jp/articles/-/323763	教えて、池上さん「銀行が潰れたらどうなっちゃうの」【イラスト解説】ニュースな本テレビのニュース番組などで「銀行の金利が…」「年金の支給開始年齢の引き上げが…」などといった言葉を耳にしても、なんとなく聞き流している人も多いでしょう。	2023-06-09 17:15:00
ビジネス	不景気.com	双葉電子工業が100名を削減、有機EL撤退や明石工場閉鎖も - 不景気com	https://www.fukeiki.com/2023/06/futaba-cut-100-job.html	双葉電子工業	2023-06-09 08:04:17
ニュース	Newsweek	本命は誰？　「25歳以上と付き合わない男」ディカプリオ、短期間に22歳モデルはじめ3人と浮名	https://www.newsweekjapan.jp/stories/culture/2023/06/2519.php		2023-06-09 17:40:00
ニュース	Newsweek	韓国アイドル、「好きな日本のバンドの曲」を紹介したら炎上状態に...「思慮が足りない」と国内ファンから批判が	https://www.newsweekjapan.jp/stories/world/2023/06/post-101854.php	【写真】「今日が何の日か知らないの」と批判されてしまったRADWIMPS好きのジフンと彼の投稿ジフンはこの日、ファンとオンラインで交流する際に使われるプラットフォーム「Weverseウィバース」上に、日本のロックバンド「RADWIMPS」の楽曲「うるうびと」のミュージックビデオのスクリーンショットを投稿。	2023-06-09 17:14:00
IT	週刊アスキー	グラスホッパー・マニファクチュアが『シャドウ・オブ・ザ・ダムド』のリマスターを発表！	https://weekly.ascii.jp/elem/000/004/140/4140409/	devolverdirect	2023-06-09 17:55:00
IT	週刊アスキー	6月11日まで31％オフ！スマホ版『DQVIII　空と海と大地と呪われし姫君』が特別セールを開催	https://weekly.ascii.jp/elem/000/004/140/4140404/	dqviii	2023-06-09 17:35:00
IT	週刊アスキー	横浜市「本牧市民プール」が、より魅力的な施設になってリニューアルオープン！	https://weekly.ascii.jp/elem/000/004/140/4140387/	市民プール	2023-06-09 17:20:00
IT	週刊アスキー	Switch『超探偵事件簿 レインコード』のウェブCM「ユーマ篇」が本日公開	https://weekly.ascii.jp/elem/000/004/140/4140400/	発売予定	2023-06-09 17:15:00
IT	週刊アスキー	MUSIN、SHANLINGの小型CDプレーヤー「EC3」など3製品	https://weekly.ascii.jp/elem/000/004/140/4140388/	eaplus	2023-06-09 17:30:00
マーケティング	AdverTimes	川崎市多摩区、SNSアンバサダーの任命式　地元住民がPR	https://www.advertimes.com/20230609/article422618/	instagram	2023-06-09 08:06:28