投稿時間:2022-12-19 21:37:08 RSSフィード2022-12-19 21:00 分まとめ(45件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Anker、楽天市場の｢大感謝祭｣において70製品以上を最大30％オフで販売するセールを開催中	https://taisy0.com/2022/12/19/166287.html	anker	2022-12-19 11:14:11
IT	気になる、記になる…	楽天市場、ポイントが最大44倍になる｢大感謝祭｣のキャンペーンを開始（12月26日まで）	https://taisy0.com/2022/12/19/166284.html	楽天市場	2022-12-19 11:09:23
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] マスクCEO「Twitterトップを辞めるべき？」　投票結果は「はい」57.5％に	https://www.itmedia.co.jp/business/articles/2212/19/news165.html	itmedia	2022-12-19 20:30:00
IT	ITmedia 総合記事一覧	[ITmedia News] TwitterのマスクCEO、アンケート結果「辞めるべき」が57％で多数派に　全投票数は約1750万票	https://www.itmedia.co.jp/news/articles/2212/19/news169.html	itmedianewstwitter	2022-12-19 20:23:00
AWS	AWS Podcast	#563: [INTRODUCING] Amazon Quicksight Paginated Reports	https://aws.amazon.com/podcasts/aws-podcast/#563	INTRODUCING Amazon Quicksight Paginated ReportsAmazon QuickSight now supports Paginated Reports which allows the capture of detailed operational data in custom formats to facilitate critical and day to day business processes Paginated Reports allows you to create schedule and share at scale highly formatted multipage reports and schedule data exports at scale using the QuickSight serverless architecture and straightforward interface Tune in to hear more about Paginated Reports from QuickSight Senior Product Manager Rahul Easwar Marketing Site AWS News Blog Documentation	2022-12-19 11:02:31
js	JavaScriptタグが付けられた新着投稿 - Qiita	Cloud Firestore で作る Web プランニングポーカーアプリ	https://qiita.com/ref3000/items/98ff90cf6aba27a79e07	applibotadventcalendar	2022-12-19 20:35:48
Docker	dockerタグが付けられた新着投稿 - Qiita	今日のDocker error: the following signatures couldn’t be verified because the public key is not available	https://qiita.com/kaizen_nagoya/items/628b58287f1aefbb7a16		2022-12-19 20:51:09
Docker	dockerタグが付けられた新着投稿 - Qiita	@direct.labs.play-with-docker.com: Permission denied (publickey).	https://qiita.com/foluyucic/items/39ce3121e176b3b55656	direct	2022-12-19 20:33:09
Docker	dockerタグが付けられた新着投稿 - Qiita	今日のdocker error The following signatures couldn't be verified because the public key is not available: NO_PUBKEY 871920D1991BC93C	https://qiita.com/kaizen_nagoya/items/1cb48e79e13f59655221		2022-12-19 20:20:50
技術ブログ	Mercari Engineering Blog	メルカリiOSアプリのBazelを使った高速・高信頼性ビルド	https://engineering.mercari.com/blog/entry/20221215-16cdd59909/	bazel	2022-12-19 13:00:29
技術ブログ	Mercari Engineering Blog	Goの抽象構文木（AST）でBoilerplate Codeを自動生成する	https://engineering.mercari.com/blog/entry/20221219-cf1e076c7c/	huhellip	2022-12-19 12:00:58
技術ブログ	Developers.IO	[Notion]古い資料の管理と維持のためエクスポート形式毎に出力検証してみた【断捨離と向かい合う】	https://dev.classmethod.jp/articles/check-export-for-legacy-documents/	notion	2022-12-19 11:35:55
技術ブログ	Developers.IO	閉域環境に配置したAmazon SageMaker ノートブックインスタンスのパッケージアップデートをおこなう	https://dev.classmethod.jp/articles/aws-sagemaker-untrust-update-to-s3/	amazonsagemaker	2022-12-19 11:16:22
海外TECH	DEV Community	Concepts behind modern frameworks	https://dev.to/lexlohr/concepts-behind-modern-frameworks-4m1g	Concepts behind modern frameworksMany beginners ask which framework should I learn and How much JS or TS do I need to learn before a framework countless opinionated articles go into promoting the advantages of the author s preferred framework or library instead of demonstrating the readers the concepts behind them to allow for an informed decision So let us get the second question out of the way first How much JS TS to learn before a framework As much as allows you to understand the concepts they are based on You will need knowledge of the basic data types functions basic operators and of the document object model DOM which is the representation of your HTML and CSS inside your JS While everything beyond that will not hurt it is not strictly required to become proficient with a framework or library If you are a complete beginner JS for cats might be a good resource for your first steps Keep going until you feel confident then continue until you stop feeling confident again That s when you know enough JS TS and can move on to a framework The rest you can learn on the go Which concepts do you mean StateEffectsMemoizationTemplating and renderingAll modern frameworks derive their functionality from these concepts StateState is just the data powering your application It may be on a global level for a larger part of the application or for a single component Let us take a simple counter as an example The count it keeps is the state We can read the state and write to it to increase the count The simplest representation is usually a variable containing the data that our state consists of let count const increment gt count const button document createElement button button textContent count button addEventListener click increment document body appendChild button But this code has a problem changes to count like those made by increment are not updating the text content of the button We could manually update everything but that doesn t scale well for more complex use cases The ability for count to update its users is called reactivity This works by subscribing and re running the subscribed parts of your application to updates Almost every modern front end framework and library has a way to manage state reactively There are three parts to the solution and at least one of them or a mix is employed Observables SignalsReconciliation of immutable updatesTranspilation Observables SignalsObservables are basically structures that allow to read via a function that subscribes the readers The subscribers are then re run on update const state initialValue gt value initialValue get function subscribe return this value set function value this value value re run subscribers One of the first uses of this concept was in knockout which used the same function with and without arguments for write read access This pattern is currently seeing a revival as signals for example in Solid js and preact signals but the same pattern is used under the hood of Vue and Svelte RxJS which powers the reactive layer of Angular is an extension of this principle beyond simple state but one could argue that its ability to model complexity is a whole arsenal of guns aimed at your feet Solid js also comes with further abstractions of these signals in the form of stores objects that can be manipulated through a setter and mutables objects that can be used like normal JS objects or the state in Vue to handle nested state objects Reconciliation of immutable statesImmutability means that if the property of an object changes the whole object reference must change so a simple comparison of references can easily detect if there are changes which is what the reconciler does const state todos text understand immutability complete false currentText updating the current text const state todos state todos currentText understand reconciliation adding a to do const state todos state todos text understand reconciliation complete true currentText this breaks immutability state currentText I am not immutable As you can see references of unchanged items are re used If the reconciler detects different object references it runs all components using the state props memos effects context again Since the read access is passive this requires the manual specification of dependencies to reactive values Obviously you are not defining state that way You either construct it from existing properties or use a so called reducer A reducer is a function that takes one state and returns another one This pattern is used by react and preact It lends itself to being used with a vDOM which we will explore later when templating is described Not every framework uses its vDOM to make the state fully reactive Mithril JS for example updates from state changes after the events set in the component otherwise you have to trigger m redraw manually TranspilationTranspilation is a build step that rewrites our code to make it run on older browsers or give it extra abilities in this case the technique is employed to change a simple variable into a part of a reactive system Svelte is based on a transpiler that also powers their reactive system from seemingly simple variable declaration and access As an aside Solid js uses transpilation but not for its state only for the templating EffectsIn most cases we need to do more with our reactive state than deriving from it and render it into the DOM We have to manage side effects which are all things that happen due to state changes beyond updates to the view though some frameworks like Solid js treat view changes as effects as well Remember the first example from state where the subscription handling was intentionally left out Let us fill this in to handle effects as a reaction to updates const context const state initialValue gt subscribers new Set value initialValue get function const current context at if current this subscribers add current return this value set function value if this value value return this value value this subscribers forEach sub gt sub const effect fn gt const execute gt context push execute try fn finally context pop execute This is basically a simplification of the reactive state in preact signals or Solid js without error handling and state mutation pattern using a function that receives the previous value and returns the next but that would be easy to add It allows us to make the previous example reactive const count state const increment gt count set count get const button document createElement button effect gt button textContent count get button addEventListener click increment document body appendChild button Try out the above two code blocks in an empty page using your developer tools In most cases the frameworks allow for different timings to let the effects run before during or after rendering the DOM MemoizationMemoization means caching of values computed from state to be updated when the state it is derived from changes It is basically an effect that returns a derived state In frameworks that re run their component functions like react and preact this allows to opt out parts of the components again when the state it depends on does not change For other frameworks it is the opposite it allows you to opt in parts of the component to reactive updates while caching the previous computation For our simple reactive system memo looks like this const memo fn gt let memoized effect gt if memoized memoized set fn else memoized state fn return memoized get Templating and renderingNow that we have state in pure derived and cached form we want to show it to the user In our example we used the DOM directly to add a button and update its text content To be more developer friendly almost all modern frameworks support some domain specific language to write something similar to the desired output inside your code Even though there are different flavors like jsx vue or svelte files it all comes down to a representation of the DOM in code that resembles HTML so that basically lt div gt Hello World lt div gt in your JS becomes in your HTML lt div gt Hello World lt div gt Where do I put my state you may ask Excellent question In most cases are used to express dynamic content both in attributes and around nodes The most used templating language extension to JS is undoubtedly JSX For react it is compiled to plain JavaScript in a way that allows it to create a virtual representation of the DOM an internal view state called virtual document object model or vDOM for short This is based on the premise that creating objects is much much faster than accessing the DOM so if you can replace the latter with the current you save time However if you either have numerous DOM changes in any case or create countless objects for no changes the benefits of this solution are easily turned into a disadvantage that has to be circumvented through memoization original code lt div gt Hello name lt div gt transpiled to jscreateElement div null Hello name executed js typeof Symbol react element type div key null ref null props children Hello World owner null rendered vdom HTMLDivElement lt div gt Hello World lt div gt JSX is not limited to react though Solid for example uses its transpiler to change the code more drastically original code lt div gt Hello name lt div gt transpiled to jsconst tmpl PURE template lt div gt Hello lt div gt gt const el tmpl cloneNode true el el firstChild insert el name null return el executed js code HTMLDivElement lt div gt Hello World lt div gt While the transpiled code may look daunting at first it is rather simple to explain what happens here First the template with all the static parts is created then it is cloned to create a new instance of its contents and the dynamic parts are added and wired to update on state changes Svelte goes even further and transpiles not only the templates but also the state original code lt script gt let name World setTimeout gt name you lt script gt lt div gt Hello name lt div gt transpiled to js generated by Svelte v import SvelteComponent append detach element init insert noop safe not equal set data text from svelte internal function create fragment ctx let div let t let t return c div element div t text Hello t text name ctx m target anchor insert target div anchor append div t append div t p ctx dirty if dirty amp name set data t name ctx i noop o noop d detaching if detaching detach div function instance self props invalidate let name World setTimeout gt invalidate name you return name class Component extends SvelteComponent constructor options super init this options instance create fragment safe not equal export default Component executed JS code HTMLDivElement lt div gt Hello World lt div gt There are exceptions In Mithril js for example while it is possible to use JSX you are encouraged to write JS original JS codeconst Hello name World oninit gt setTimeout gt Hello name you m redraw view gt m div Hello Hello name executed JS code HTMLDivElement lt div gt Hello World lt div gt While most people will find the developer experience lacking others prefer full control over their code Depending on which issue they aim to solve the lack of a transpilation step might even be beneficial Many other frameworks allow for usage without transpilation though it is rarely recommended like that And what framework or library should I learn now I have some good news and some bad news for you The bad news is there is no silver bullet No framework will be much better than all others in every single aspect Each one of them has their advantages and compromises React has its hook rules Angular a lack of simple signals Vue and Svelte don t scale too well Solid js forbids destructuring and Mithril js is not really reactive just to name a few The good news is there is no wrong choice at least unless the requirements of a project are really limited be it in terms of bundle size or performance Every framework will do its job Some may require working around their design decisions which might slow you down a bit but you should be able to get a working result in any case That being said going without a framework might be a viable choice too Many projects are spoiled by overuse of JavaScript when static pages with a sprinkle of interactivity would have done the job as well Now that you know the concepts that are applied by these frameworks and libraries choose those which are the best fit for your current task Do not be afraid to switch frameworks in your next project It is not necessary to learn all of them If you try a new framework one of the things I found most helpful is to connect to its community be it on social media discord github or elsewhere They can tell you which approaches are idiomatic for their framework which will help you to get better solutions faster Come on you must have a personal preference If your main goal is to become employed I would suggest learning react If you want a great experience of effortless performance and control try Solid js you might meet me on Solid s Discord But please bear in mind that all other choices are equally valid You should not choose a framework because I say so instead use one that works best for you If you got through the whole text thank you for your patience I hope it was helpful for you Leave a comment while you re here and have a nice day	2022-12-19 11:26:42
海外TECH	DEV Community	ReductStore v1.2.0 Released	https://dev.to/reductstore/reductstore-v120-released-5a3h	ReductStore v ReleasedHello everyone We re excited to announce the releaseof ReductStore v In this update we ve made someimportant changes toimprove the way tokens and buckets are managed Specifically when you create a new token the database will now checkto ensure that the buckets specified in the token s permissions actually exist This will help prevent errors and ensurethat users have the proper access to the appropriate buckets We ve also added a new endpoint GET api v me which allows users to retrieve their current permissions This can beuseful for checking what actions a user is allowed to perform or for debugging purposes In addition to these changes we ve made a few updates to the branding of the project As you may know ReductStore waspreviously known as Reduct Storage We decided to rename the project to ReductStore in order to have a shorter name anda cool domain We hope these updates will improve your experience with ReductStore As always if you have any questions or feedback don t hesitate to reach out in Discord or by opening a discussionon GitHub Thank you for using ReductStore	2022-12-19 11:10:02
Apple	AppleInsider - Frontpage News	Elon Musk asked if he should stay as Twitter CEO - and users said no	https://appleinsider.com/articles/22/12/19/elon-musk-asked-if-he-should-stay-as-twitter-ceo---and-internet-said-no?utm_medium=rss	Elon Musk asked if he should stay as Twitter CEO and users said noA poll set up by Elon Musk has perhaps not gone the way he wants with the majority voting in favor of his removal as CEO of Twitter Elon MuskFollowing a considerable number of changes to try and improve Twitter after buying it Elon Musk bluntly asked its users whether or not he should be in control of the company The Internet voted in favor of his removal Read more	2022-12-19 11:48:13
海外TECH	Engadget	Google Search saw its highest traffic ever during the World Cup 2022 Final	https://www.engadget.com/google-best-ever-world-cut-highest-search-traffic-all-time-113535690.html?src=rss	Google Search saw its highest traffic ever during the World Cup FinalGoogle Search recorded the highest traffic in its year history during the FIFA World Cup yesterday CEO Sundar Pichai tweeted Google effectively became an information hub for the final a strong contender for the best in FIFA men s history With records already smashed for group stage and Round of matches it s also likely to be the most watched final in history once figures are released nbsp Search recorded its highest ever traffic in years during the final of FIFAWorldCup it was like the entire world was searching about one thing ーSundar Pichai sundarpichai December With updated Search features released ahead of the World Cup Google made it easier for users to keep up with the action Searching quot World Cup quot showed a dedicated section at the top with a list of upcoming matches for instance including dates and local times You could also set up notifications on mobile for specific teams by tapping the bell icon and choosing the squad you wanted to follow It was also aided by the nail biting action and strong storylines Those include Lionel Messi finally getting his World Cup Kylian Mbappe s legendary performance France s late second half comeback an incredible extra time with two goals scored and a nerve wracking shootout All of that was capped by the celebrations and outpouring of emotions by players and fans alike nbsp	2022-12-19 11:35:35
医療系	医療介護 CBnews	671病院で本業赤字、コロナ補助金で黒字確保-病院3団体の合同調査	https://www.cbnews.jp/news/entry/20221219201557	日本病院会	2022-12-19 20:30:00
金融	ニッセイ基礎研究所	今週のレポート・コラムまとめ【12/13～12/19発行分】	https://www.nli-research.co.jp/topics_detail1/id=73291?site=nli	今週のレポート・コラムまとめ【発行分】研究員の眼nbsp続・米国株式、円建てだと今後どうなる年前半は年よりも厳しい可能性nbspーWeeklyエコノミスト・レターnbsp東南アジア経済の見通し観光関連産業の回復により内需中心に安定した成長が続く欧州経済見通しー高インフレによる下押し圧力が増す欧州経済nbsp日銀短観月調査景況感は非製造業を中心に改善したが先行きへの警戒感が強い、設備投資の伸びは依然高いが先送りの動きもnbspー基礎研レポートnbspIFRS第号保険契約を巡る動向についてー欧州大手保険グループの対応状況そのーnbsp消費したくないモノから考えるZ世代論ー若者の離れに対する私論的考察nbsp男性の育休取得の現状ー年は過去最高の、過半数は週間未満だが長期化傾向もnbsp企業のアルムナイネットワークは日本でも導入が進むのかー「去る者日々に疎し」から拡張された人的資本への再定義nbspー基礎研レターnbsp保険会社の再建と破綻処理の制度構築の動き欧州ーEIOPAが「よくある質問」に答える。	2022-12-19 20:13:11
海外ニュース	Japan Times latest articles	LDP lawmaker Kentaro Sonoura to resign over political funds scandal	https://www.japantimes.co.jp/news/2022/12/19/national/politics-diplomacy/kentaro-sonoura-resignation/	LDP lawmaker Kentaro Sonoura to resign over political funds scandalThe resignation would deal a fresh blow to Prime Minister Fumio Kishida after three Cabinet members were effectively sacked over various scandals in recent months	2022-12-19 20:24:16
ニュース	BBC News - Home	Elon Musk: Twitter users vote in favour of boss resigning	https://www.bbc.co.uk/news/business-your-money-64021412?at_medium=RSS&at_campaign=KARANGA	chief	2022-12-19 11:52:01
ニュース	BBC News - Home	Jeremy Clarkson and Meghan Markle: The Sun column gets 6,000 official complaints	https://www.bbc.co.uk/news/entertainment-arts-64025074?at_medium=RSS&at_campaign=KARANGA	sussex	2022-12-19 11:42:22
ニュース	BBC News - Home	Ukraine war: Overnight strikes hit Kyiv as Putin visits Belarus	https://www.bbc.co.uk/news/world-europe-64024992?at_medium=RSS&at_campaign=KARANGA	attack	2022-12-19 11:16:44
ニュース	BBC News - Home	Ambulance strike: Make firm promise on pay, says union boss	https://www.bbc.co.uk/news/uk-64023113?at_medium=RSS&at_campaign=KARANGA	health	2022-12-19 11:38:15
ニュース	BBC News - Home	Solihull: Boys who fell into lake died from drowning	https://www.bbc.co.uk/news/uk-england-birmingham-64024148?at_medium=RSS&at_campaign=KARANGA	hears	2022-12-19 11:03:44
ニュース	BBC News - Home	Gary Neville in Qatar and UK workers' rights row	https://www.bbc.co.uk/news/uk-politics-64024827?at_medium=RSS&at_campaign=KARANGA	qatar	2022-12-19 11:49:09
北海道	北海道新聞	くすぶる内閣改造論　通常国会前に態勢一新　新たな不祥事、リスクも	https://www.hokkaido-np.co.jp/article/777527/	内閣改造	2022-12-19 20:51:00
北海道	北海道新聞	クーポン利用で飲食店を応援　釧路の飲食店ビルがサブスクアプリ開発	https://www.hokkaido-np.co.jp/article/777526/	不動産賃貸業	2022-12-19 20:49:00
北海道	北海道新聞	藤井五冠が勝ち、棋王戦第２局へ　将棋、挑戦者は次局決定	https://www.hokkaido-np.co.jp/article/777496/	共同通信社	2022-12-19 20:29:37
北海道	北海道新聞	マスク氏辞任賛成が過半数　ツイッター投票	https://www.hokkaido-np.co.jp/article/777520/	過半数	2022-12-19 20:41:00
北海道	北海道新聞	中部電力に７５９億円納付命令　海外事業を巡りメキシコ税務当局	https://www.hokkaido-np.co.jp/article/777519/	中部電力	2022-12-19 20:34:00
北海道	北海道新聞	留辺蘂高存続へ願い掲げる　６０年前の生徒、のぼり寄贈	https://www.hokkaido-np.co.jp/article/777498/	留辺蘂	2022-12-19 20:26:13
北海道	北海道新聞	＜四島よ私たちの願い　日ロ交渉停止＞２２　占領後、命がけで故郷へ　色丹島出身・新浜一郎さん（９６）＝根室市＝	https://www.hokkaido-np.co.jp/article/777512/	北方領土	2022-12-19 20:17:00
北海道	北海道新聞	次期代表監督は年内決定も　田嶋会長、否定せず	https://www.hokkaido-np.co.jp/article/777513/	代表監督	2022-12-19 20:19:00
北海道	北海道新聞	飲食店街歩いて啓発　北見署、忘年会シーズン警戒	https://www.hokkaido-np.co.jp/article/777500/	飲食店街	2022-12-19 20:18:00
北海道	北海道新聞	日ロ地先漁業交渉スタート　１２月２３日までの妥結目指す	https://www.hokkaido-np.co.jp/article/777510/	漁業	2022-12-19 20:17:00
北海道	北海道新聞	「ウクライナの惨状感じた」　首相が報道写真展観賞	https://www.hokkaido-np.co.jp/article/777511/	報道写真	2022-12-19 20:17:00
北海道	北海道新聞	闇に浮かぶ滝、朱に輝く塔　那智大社、年越し前の試験点灯	https://www.hokkaido-np.co.jp/article/777485/	那智の滝	2022-12-19 20:01:49
北海道	北海道新聞	パナソニック「一体感」で雪辱へ　ライスボウルで富士通と激突	https://www.hokkaido-np.co.jp/article/777462/	日本選手権	2022-12-19 20:01:47
北海道	北海道新聞	真冬の海に転落、素早く救助　根室港海保や消防など合同訓練	https://www.hokkaido-np.co.jp/article/777509/	消防本部	2022-12-19 20:16:00
北海道	北海道新聞	自動車運送事業申請文書３件紛失　北海道運輸局	https://www.hokkaido-np.co.jp/article/777508/	北海道運輸局	2022-12-19 20:16:00
北海道	北海道新聞	＜森＞全道大会団体準Ｖで全国へ　森町剣道スポーツ少年団の５人	https://www.hokkaido-np.co.jp/article/777491/	男女	2022-12-19 20:15:43
北海道	北海道新聞	唯一無二のウイスキー造る　堅展実業社長、厚岸で講演	https://www.hokkaido-np.co.jp/article/777494/	唯一無二	2022-12-19 20:07:00
北海道	北海道新聞	＜道南あのとき　２０２２＞６　木古内ＩＣ供用開始　延伸効果の継続に期待	https://www.hokkaido-np.co.jp/article/777486/	木古内町	2022-12-19 20:07:00
北海道	北海道新聞	自民・薗浦氏が議員辞職の意向　過少記載、略式起訴前に	https://www.hokkaido-np.co.jp/article/777463/	略式起訴	2022-12-19 20:03:35