投稿時間:2023-06-09 15:21:29 RSSフィード2023-06-09 15:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	東京建物、ビルオートメーションシステム向けのサイバーセキュリティ監視サービスを導入 | IT Leaders	https://it.impress.co.jp/articles/-/24938	東京建物、ビルオートメーションシステム向けのサイバーセキュリティ監視サービスを導入ITLeaders東京建物は年月日、首都圏にある同社ビルにおいて、BASビルオートメーションシステム向けサイバーセキュリティ監視サービスの運用を開始したと発表した。	2023-06-09 14:28:00
AWS	AWS Japan Blog	Canva が Amazon SageMaker と Amazon Rekognition を使用し 1 億ユーザーにテキストから画像を生成する AI を提供した方法	https://aws.amazon.com/jp/blogs/news/canva-scale-stable-diffusion-image-generation-with-safety-by-amazon-sagemaker-and-amazon-rekognition/	CanvaがAmazonSageMakerとAmazonRekognitionを使用し億ユーザーにテキストから画像を生成するAIを提供した方法Canvaはあらゆるデザイン業務を支援するツールを提供している企業です。	2023-06-09 05:57:44
AWS	AWS Japan Blog	AWS AppSync で Amazon Timestream のデータにアクセス	https://aws.amazon.com/jp/blogs/news/access-data-in-amazon-timestream-with-aws-appsync/	AWSAppSyncでAmazonTimestreamのデータにアクセスAWSAppSyncは、複数のデータベース、マイクロサービス、APIに安全にデータを検索または更新するための単一のエンドポイントを提供することによって、アプリケーション開発を簡素化するフルマネージドのサーバーレスGraphQLAPIサービスです。	2023-06-09 05:51:09
python	Pythonタグが付けられた新着投稿 - Qiita	ChatGPT4を使ってチーム分けアルゴリズムについて考える	https://qiita.com/Marny/items/c0e13bbefee67b12e40b	chatgpt	2023-06-09 14:29:50
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker + Next.jsの開発環境を素早く構築する	https://qiita.com/myantyuWorld/items/af7936ddd0a2fe1d8b6d	template	2023-06-09 14:55:34
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure で ChatGPT × Cognitive Search を使ったエンタープライズサーチにフォローアップ質問を付ける	https://qiita.com/nohanaga/items/4f6425fed0bb03ce70d1	azure	2023-06-09 14:46:28
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Database for MySQLを4分で日本語対応	https://qiita.com/kenmaro/items/f661c2fe67e857abe8fb	azuredatabaseformysql	2023-06-09 14:25:02
技術ブログ	Developers.IO	S3의 객체 잠금에 대해 알아보기	https://dev.classmethod.jp/articles/what-is-the-s3-object-lock-kr/		2023-06-09 05:49:36
技術ブログ	Developers.IO	【Security Hub修復手順】[SNS.1] SNS トピックは、AWS KMS を使用して保管中に暗号化する必要があります。	https://dev.classmethod.jp/articles/securityhub-fsbp-remediation-sns-1/	awskms	2023-06-09 05:38:33
技術ブログ	Developers.IO	Ready To Use Secure Amazon Workspaces Using Terraform	https://dev.classmethod.jp/articles/ready-to-use-secure-amazon-workspaces-in-40-minute-terraform/	Ready To Use Secure Amazon Workspaces Using TerraformToday as more people are doing Remote Work having a secure connection and workspace is very important if t	2023-06-09 05:33:51
海外TECH	DEV Community	Must predictable state changes come at a high cost?	https://dev.to/licg9999/must-predictable-state-changes-come-at-a-high-cost-6cc	Must predictable state changes come at a high cost In state management of a frontend app how to change states has been a vital problem since the early days Today s widely accepted state management libraries have similar ways of getting states but different ways of changing states For each of the libraries one of the aspects developers care about most is how predictable state changes are After I dealt with various state changes using various libraries I realized one problem predictability comes at a high cost in today s practice Then I started to ask the question of this article s title and to expect to explore a better practice if possible It has been challenging for me to review the firmly accepted ideas in my head to find out what might not be good enough And now I d like to share some of my thoughts with you to look deeper into state changes together in terms of predictability What does it mean by predictable First things first predictable state changes mean state changes are easy to reason about That is in other words what why when and how states are changed are easy to understand Previously in MVC pattern state changes are pretty hard to reason about Every model hosts a state on its own and emits events of its state changes When a model gets interested in a state change in some model it subscribes to the event of that state change in that model As a result models get massively interconnected Any state change may lead to a tangled weave of data flow The understanding of what why when and how states are changed gets lost With this knowledge let s check out how predictable are state changes in today s widely accepted state management libraries Thinking that the battle of state management is more intense in React than in other frameworks I d take some of the typical state management libraries in React as the typical examples for the discussion here which include Redux Recoil and MobX Please grab yourself some basic knowledge about the libraries if needed In Redux a procedure of state changes is a unidirectional data flow that actions are dispatched reducers respond then new states are produced The single direction enforces no matter whether an action is a plain action that only gets itself dispatched or a thunk action that gets more actions dispatched once it finishes getting dispatched no other actions will be dispatched anywhere downstream Therefore what why and when states are changed become easy to understand As for how states are changed if only plain actions are dispatched it s determined by how responding reducers are defined If some thunk actions are dispatched it s determined by both how thunk actions are defined and how responding reducers are defined Because reducers are pure functions modeled after math functions that don t have side effects the major part of how states are changed becomes easy to understand As a result state changes in Redux become quite predictable In Recoil a procedure of state changes is a combination of directly invoking state setters The side effect of a state setter is restricted and doesn t get any other state setters invoked Therefore what why and when states are changed become easy to understand As for how states are changed it s determined by how procedures of invoking state setters are defined Usually procedures of invoking state setters can be encapsulated as hooks in Recoil but hooks are not as easy to understand as pure functions because of side effects So state changes are less predictable in Recoil than in Redux In MobX a procedure of state changes is a combination of directly assigning values to states that are marked observable The side effect of an assignment is restricted and doesn t get any value assigned to other observable states Therefore what why and when states are changed become easy to understand As for how states are changed it s determined by how procedures of assigning values to observable states Usually procedures of assigning values to observable states can be encapsulated as class methods in MobX but class methods are not as easy to understand as pure functions because of side effects So state changes are less predictable in MobX than in Redux To sum up Redux stands out in terms of predictability The drawback of ReduxThough Redux is not perfect and has a drawback If we take a closer look at its unidirectional data flow event gt action gt reducer gt state it s lengthy No matter how simple a state change is always at least one action and at least one reducer are involved In comparison a state change in either Recoil or MobX goes much easier The lengthiness dramatically increases the cost of use in Redux But is the lengthiness necessary for predictability One thing I notice is it is the single direction of the data flow making what why and when states are changed easy to understand Another noticeable thing is it is that reducers are pure functions making how states are changed easy to understand So the fact is actions don t contribute to predictability Then the lengthiness can be resolved without affecting predictability However if so why did actions come into being I d trace back Redux to its predecessor Flux In Flux the unidirectional data flow is event gt action gt dispatcher gt reducer gt state Although this is even lengthier because of the presence of the singleton dispatcher every part of this still makes sense because the sub flow action gt dispatcher gt reducer makes it doable for a reducer to wait for other reducers As for what a reducer waits for other reducers to do it s almost always for deriving data across states represented by reducers But when Redux inherits the core idea from Flux selectors are added for deriving data then the dispatcher is discarded so it s no longer doable for a reducer to wait for other reducers As a result actions no longer contribute to deriving data so become sort of pointless in terms of either functionality or predictability Possibility of predictability at a low costNow that the lengthiness is not necessary for predictability predictable state changes don t have to come at a high cost Thus it would be possible to design a new state management library that achieves predictable state changes at a low cost As the need of managing states is quite common a new library of this kind would bring huge benefits to the future frontend development Let s try exploring it as follows First I d circle back a bit to Redux Recoil and MobX In each of those libraries what why and when states are changed are easy to understand because state changes don t get other unexpected state changes triggered In Redux how states are changed is easy to understand because it s mainly defined by reducers as pure functions That is these two points are just sufficient for predictable state changes Anything else is not important in terms of predictability so can be simplified Thus one of the feasible ways to design a solution for the goal would be state changes don t get other unexpected state changes triggered and meanwhile only involve reducers Then let s think about the form of a reducer for changing one state in this solution On one hand it accepts an old state and produces a new state On the other hand it accepts payloads directly as per events So what it looks like would be function highlight state StateA StateA return state highlighted true function setText state StateA text string StateA return state text function setHint state StateA hint string hintColor Color StateA return state hint hintColor Next let s think about the form of a reducer for changing multiple states in this solution On one hand it accepts multiple old states and produces multiple new states in the same order On the other hand it accepts payloads directly as per events So what it looks like would be function setTextAndSwitchMode stateA stateB StateA StateB text string mode Mode StateA StateB return stateA text stateB mode Afterward let s see the behavior of the procedure involving these reducers to change states The point here is the procedure doesn t get other unexpected state changes triggered As reducers are simply pure functions what the procedure looks like would simply be const oldStateA getState keyOfStateA const newStateA highlight oldStateA setState keyOfStateA newStateA With the procedure encapsulated as a reusable function such as operate the procedure can evolve into operate keyOfStateA highlight operate keyOfStateA setText Lorem ipsum operate keyOfStateA setHint Ut enim Color GOLD operate keyOfStateA keyOfStateB setTextAndSwitchMode Duis Mode QUIET Furthermore taking a closer look at the first param of a operate it would be found that the role of a keyOf is to identify a state But declaring a series of unique strings for that is very costly To lower this cost one of the approaches is to make the most of something that already exists necessarily in state management which then reminds me of state definitions A state definition requires a default state value and a state type And now a state definition is going to be made able to identify the state it defines So what would it look like After thinking for a while there in JS just happen to be a matching concept that can fulfill those three points all together which is Plain Old JavaScript Object POJO A POJO as a state definition is able to host a default state value declare a state type and identify the state it defines at the same time Hence a procedure of state changes with POJOs as state definitions can further evolve into interface StateA highlighted boolean text string hint string hintColor Color const defOfStateA StateA highlighted false text hint hintColor Color BLACK interface StateB mode Mode const defOfStateB StateB mode Mode NOISY operate defOfStateA highlight operate defOfStateA setText Lorem ipsum operate defOfStateA setHint Ut enim Color GOLD operate defOfStateA defOfStateB setTextAndSwitchMode Duis Mode QUIET With a solution like this predictable state changes come at a low cost To make the solution complete fundamental blocks of state management like getting states with or without selectors subscribing to state changes and integrating with frameworks are also needed For your convenience here is an open source in progress project implemented following the idea above You are very welcome to fork it or open issues in it to join the exploration	2023-06-09 05:23:30
海外TECH	DEV Community	RxJS: Advanced challenge to build a reactive split-flap display	https://dev.to/maxime1992/rxjs-advanced-challenge-to-build-a-reactive-split-flap-display-1ej	RxJS Advanced challenge to build a reactive split flap displayHello In this article I m defining an exercise challenging you to it and giving my own answer to it I ll explain in details my thinking and little spoiler alert we ll be using operators that are not used very often Time to shut down your imperative programming mind and turn on your reactive one It ll be an interesting ride IntroIf you ve been following for me while you may know by now that I m a huge RxJS fan And if you re not yet following me it s a really good time to chill a bit and click that follow button before we start melting our brains So far on dev to I ve written articles that are either heavily using or completely dedicated to RxJS Brute forcing an encrypted message from Enigma using the web worker APIBuilding a reactive microwave for Ryan Cavanaugh with RxJsRxJS Avoid an easy mistake when using startWithThis one is by far the most challenging of them all Recently we bought at work a Split flap display also known as a Solari board or Solari departure board Split flap counter Fully d printable YouTube Download youtube com The one we got is connected one where we can from an app set the text and it ll update IRL It s funny to display all kind of important messages or statistics I m sure you know how mesmerizing it can be when all the letters are spinning and suddenly they all stop one after another to display the final sentence Wouldn t it be a cool challenge to build our own with RxJS Rules of the challengeBefore we get started on this lets define the expected result Reactive reactive reactive No imperative programming Everything should be managed through streams and not rely on external state Of course it s fine for example to define the allowed letters in a global variable as a constant But all the internal state of the app should be self contained in the streams letters in total on the display easy to change anyway Can display all the letters from A to Z can have spaces between letters words and numbers from to The page should output the new state of the board whenever one letter is updatedIf the text changes at any point in time whether there s one ongoing already or if it s currently stopped it shouldn t start from scratch Just like in reality it should continue from where it is currently and roll the letters to the new positionExample of an expected output Challenging you Yes you I think it d be a lot of fun if people reading this were to give it a go on their own and share how far they got In order to make this easier and not dwell on painful setup I ve created a Stackblitz template ready to go It contains some utility functions in utils ts to manipulate the letters and the DOM so that we remain focused on the streams If you decide to give this a go fork the original Stackblitz or start from scratch if you prefer to Feel free to modify anything from the template I ve made It s just here as a base to help not here to hold you back Don t forget to save your Stackblitz and share it as a comment Even if you didn t manage to go all the way Let s discuss the results My solutionIn programming it s likely that there is more than one solution to achieve the same result So keep in mind that this is my own approach and someone could come up with a different or even better solution From now on be aware that if you want to work on your own solution first the following will is one possible answer so it s really a big spoiler ️ Without further ado let s jump straight in Here we gooooooooooooo The first thing I try doing when I have to build a feature that relies on observables is picture in my head how that should all interact Outter streams inner streams While it may be hard to represent visually I visualise what I m trying to build as a mix of marble diagrams and pipes that are all connected I ll do my best to illustrate this but bear with me as this is no easy task This is as close as I can represent how things work in a visual way Now let s dig into the code As a reminder I m not going to dive into the utils file I ve created to manage letters and DOM manipulation Feel free to take a look here for the whole implementation Now if we focus on the stream itself and put aside the update of the DOM for now here s the core of our code Before we dig into the specifics let s contemplate for a second the beauty and the power of RxJS Keep in mind that the lines of code above are capable of displaying a string just like a split flat board with animations delay applied separately on each letter keep the current state and if the text changes start changing the letters from exactly where we are to the new position It also manages correctly if we try to apply a text and change to a different one while the first one is still running without resetting from scratch and picking up exactly where it is RxJS is truly a thing of beauty The first thing we use is our input It s a simple Subject that we can next into whenever we want This could be bound to an input text for example Then we map that string to an input that d match the board letters Meaning we want it to be an array of chars One char for each entry of our display For example assuming the board supports chars display for simplicity if we pass HELLO we d get back H E L L O Then We use a switchScan which in all honnestly is the first time I could find a use case for it As the name suggests it s a mix of switch and scan switch means that we ll stop the inner stream if it s still running when the parent stream emits againscan is like a reduce Meaning it take an accumulator a current value and the value you return from it becomes the new accumulator Except that with reduce it ll wait for the stream to complete before emitting and with scan it ll emit all the intermediate results Here switchScan means that our inner stream will be subscribed to it ll be able to make multiple emissions that will become the new accumulator and if the parent streams emits again our input subject we stop changing the letters and start changing again to reach the new string just provided Here this operator is doing a fantastic job it s the key to being able to stop an animation in the middle of it and continue from where the board is currently without resettingWe then have a combineLatest In the diagram I drew above the combineLatest is here to assemble all the streams per letter that are representend as vertical green arrows The build the array of streams that is passed to the combineLatest we loop on the current letters we just received and for each we compute all the letters in between what we currently have and the target letter for this tile We then emit each of these intermediate letters that we ll need to go through by using from Finally with the from emitting all the intermediate letters we use concatMap with a delay to make sure we emit the intermediate letters in the same order with a delay in between each for simulate the animation Here s the final version live in Stackblitz ConclusionThis was a lot to take in but was an interesting ride Wasn t it Whenever I get the chance to write RxJS code like this it really reminds me why I love coding When I found out about reactive programming about years ago it really blew my mind and I wanted to play with it till I d be confortable enough to express myself with it just like most developers are confortable expressing themselves with imperative code that we tend to learn first Being able to write this now makes me really happy and I try to share that passion for reactive programming whenever possible RxJS is a powerful tool and it takes time to learn But once you manage to wrap your head around it it s possible to handle really complex use case in a relatively easy or at least readable way 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 readingThe holy grail of note taking Private data efficient methodology and PP encrypted sync across all your devicesPaperless ngx manage your documents like never before	2023-06-09 05:02:58
海外TECH	CodeProject Latest Articles	SqlServer & EF7: Using datetime vs datetime2 date type	https://www.codeproject.com/Articles/5362403/SqlServer-EF7-Using-datetime-vs-datetime2-date-typ	datetime	2023-06-09 05:30:00
医療系	医療介護 CBnews	歳出改革工程表、加藤氏「関係省庁と連携して」-社会保障改革「決まっているものない」	https://www.cbnews.jp/news/entry/20230609143028	内閣官房	2023-06-09 14:42:00
医療系	医療介護 CBnews	コロナ5類移行1カ月 厚労相「特段の混乱ない」-外来対応医療機関も増加「円滑に進んでいる」	https://www.cbnews.jp/news/entry/20230609132513	位置付け	2023-06-09 14:10:00
海外ニュース	Japan Times latest articles	Japan’s parliament passes controversial bill to revise immigration law	https://www.japantimes.co.jp/news/2023/06/09/asia-pacific/politics-diplomacy-asia-pacific/immigration-bill-clears-parliament/	Japan s parliament passes controversial bill to revise immigration lawThe Upper House enacted the law with the support of the ruling Liberal Democratic Party and its junior coalition partner Komeito as well as other	2023-06-09 14:40:09
ニュース	BBC News - Home	Chris Mason: What Sunak’s Atlantic Declaration is – and isn’t	https://www.bbc.co.uk/news/uk-politics-65852054?at_medium=RSS&at_campaign=KARANGA	corridors	2023-06-09 05:27:36
ニュース	BBC News - Home	Man carries barbell up Ben Nevis for charity	https://www.bbc.co.uk/news/uk-scotland-highlands-islands-65845186?at_medium=RSS&at_campaign=KARANGA	doddie	2023-06-09 05:17:15
ニュース	BBC News - Home	Manchester City: 'Hysterical and 'hated at times' - Pep Guardiola is already the greatest	https://www.bbc.co.uk/sport/football/65832657?at_medium=RSS&at_campaign=KARANGA	Manchester City x Hysterical and x hated at times x Pep Guardiola is already the greatestMan City manager Pep Guardiola is already the greatest of all time win or lose the Champions League final says Spanish football expert Guillem Balague	2023-06-09 05:01:17
ニュース	BBC News - Home	Ashes 2023: Mitchell Johnson and James Anderson react to famous Ashes moment	https://www.bbc.co.uk/sport/av/cricket/65813536?at_medium=RSS&at_campaign=KARANGA	australia	2023-06-09 05:08:54
ニュース	Newsweek	「世界を変える」2024年米大統領選...勝者は誰か？	https://www.newsweekjapan.jp/stories/world/2023/06/post-101851.php	そして現時点で、ブックメーカーの予想ではバイデン勝利の確率が、トランプが、共和党から出馬を表明したフロリダ州知事のロン・デサンティスがとなっている。	2023-06-09 14:30:00
ビジネス	プレジデントオンライン	すれ違うだけで感染することがある麻疹の患者が発生…子供のワクチン接種率の回復が急務なワケ - 世界的な接種率の低下がもたらす感染症のリスク	https://president.jp/articles/-/70363	森戸やすみ	2023-06-09 15:00:00
ビジネス	プレジデントオンライン	これでは光源氏に雑に扱われても仕方ない…紫式部が『源氏物語』で｢最も愚か｣と描いた女性の特徴 - 貴族社会の風習を通じて描いた｢女性の種類｣	https://president.jp/articles/-/70206	中村真一郎	2023-06-09 15:00:00
マーケティング	MarkeZine	月1回以上、ECを利用する人は6割超／利用頻度Top3は東京、山梨、福岡【eBay Japan調査】	http://markezine.jp/article/detail/42466	ebayjapan	2023-06-09 14:15:00
IT	週刊アスキー	シャープ、究極のカメラスマホ「AQUOS R8 pro」の詳細ページ公開　魅力の一端を紹介	https://weekly.ascii.jp/elem/000/004/140/4140360/	aquosrpro	2023-06-09 14:45:00
IT	週刊アスキー	桐生一馬が帰って来た！『龍が如く7外伝 名を消した男』が11月9日に発売決定	https://weekly.ascii.jp/elem/000/004/140/4140352/	esxsxboxonepcwindowssteam	2023-06-09 14:40:00
IT	週刊アスキー	『FFVII REBIRTH』と『FFVII EVER CRISIS』の最新トレーラーが公開！	https://weekly.ascii.jp/elem/000/004/140/4140338/	ffvii	2023-06-09 14:20:00
マーケティング	AdverTimes	キユーピーの食育プロジェクト「#ごちそう写まチャレンジ」始動	https://www.advertimes.com/20230609/article422566/	子どもたち	2023-06-09 05:59:33
マーケティング	AdverTimes	チーズと愛を「愛チ～ズ！」　雪印メグミルク「６Pチーズ」のCM	https://www.advertimes.com/20230609/article422472/	雪印メグミルク	2023-06-09 05:04:16