投稿時間:2022-04-13 13:42:10 RSSフィード2022-04-13 13:00 分まとめ(46件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Belkin、｢Apple Watch｣向け一体型スクリーンプロテクターを発表	https://taisy0.com/2022/04/13/155694.html	applewatch	2022-04-13 03:05:11
ROBOT	ロボスタ	福岡県で37店舗目となるスマートストア「メガセンタートライアル中間店」オープン 目玉商品は「自社製手包みおはぎ」	https://robotstart.info/2022/04/13/smart-store-fukuoka-intermediate.html		2022-04-13 03:12:34
IT	ITmedia 総合記事一覧	[ITmedia News] 「nasne」のニコニコ実況連携機能、PS5で復活　PS4とスマホは「順次」	https://www.itmedia.co.jp/news/articles/2204/13/news106.html	itmedia	2022-04-13 12:48:00
IT	ITmedia 総合記事一覧	[ITmedia Mobile] 子ども向け端末の選び方　「GPS」「キッズケータイ」「スマホ」のどれがいい？	https://www.itmedia.co.jp/mobile/articles/2204/13/news105.html	itmediamobile	2022-04-13 12:32:00
IT	ITmedia 総合記事一覧	[ITmedia News] 日本IBMがメタバースに病院構築へ　順天堂大と共同研究	https://www.itmedia.co.jp/news/articles/2204/13/news103.html	itmedia	2022-04-13 12:30:00
IT	ITmedia 総合記事一覧	[ITmedia News] 質問に答えるだけで著作権契約書が作れるWebフォームが話題　文化庁が作成、その狙いは？	https://www.itmedia.co.jp/news/articles/2204/13/news101.html	itmedia	2022-04-13 12:19:00
IT	ITmedia 総合記事一覧	[ITmedia News] テレワークのための引っ越しは3.5%止まり、オンライン活用でスピード転居に　ソニー損保調査	https://www.itmedia.co.jp/news/articles/2204/13/news102.html	itmedia	2022-04-13 12:15:00
TECH	Techable（テッカブル）	PCもスタイラスもトラッキング！「Tile」のパートナー商品、続々登場	https://techable.jp/archives/176894	intelcorporation	2022-04-13 03:00:33
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	ロック・フィールド、DR環境をAWSへ移行、BCPを強化しコストを30%削減 | IT Leaders	https://it.impress.co.jp/articles/-/23006	amazonwebservicesaws	2022-04-13 12:35:00
python	Pythonタグが付けられた新着投稿 - Qiita	VAEとGANで分子生成入門	https://qiita.com/maskot1977/items/77008b9737218fa1c21d	rativeadversarialnetwork	2022-04-13 12:06:53
海外TECH	MakeUseOf	How to Use the Double Thumbs Up Feature on Netflix (And Why You Should)	https://www.makeuseof.com/how-to-use-double-thumbs-up-on-netflix/	How to Use the Double Thumbs Up Feature on Netflix And Why You Should Netflix s Double Thumbs Up feature might seem weird at first but it s the perfect way to see more shows and movies you ll instantly love	2022-04-13 03:22:27
海外TECH	MakeUseOf	Why You Can No Longer Listen to Podcasts on Plex	https://www.makeuseof.com/why-plex-podcasts-no-longer-available/	podcast	2022-04-13 03:03:56
海外TECH	DEV Community	The Power of Strategy Design Pattern in JavaScript	https://dev.to/jsmanifest/the-power-of-strategy-design-pattern-in-javascript-kn8	The Power of Strategy Design Pattern in JavaScriptJavaScript is a language that is very well known for its flexibility You ve probably heard people that say its one of JavaScript weaknesses or even some that say the total opposite I tend to be more on the latter side because we tend to use this to our advantage to do amazing things that hardly seemed possible many years ago React is already a factual proof that backs that up as amazing tools were invented thereafter There is also Electron which powers today s booming technology like Visual Studio Code and Figma Every JavaScript library uses some form of a design pattern nowadays which is also a hot topic in the modern JavaScript ecosystem One design pattern that we will focus on in this post is the Strategy Design Pattern And because JavaScript is so flexible it makes design patterns like the Strategy robust as we will see in this post In this post we will be going over the Strategy Design Pattern This is a well known pattern that encapsulates one or more strategies or algorithms to do a task These encapsulated strategies all have the same signature so the context the one who provides the interface never knows when they are dealing with the same or different object or strategy This means that each strategy can be swapped together many times without our program ever realizing it during the lifetime of our app What kind of objects are involved In the Strategy pattern these two objects are always involved ContextStrategyThe Context must always have a reference or pointer to the current strategy being used That means if we have strategies then it s optional that the other are used You can think of them as being inactive The Context also provides the interface to the caller The caller is the client The caller can use any of the strategies to perform their work and they can also switch the current strategy with another strategy at any time on demand The actual Strategy implements the execution logic for itself that will be used when executed StrengthsIn a normal function implementation the function is usually doing something and returns a value In the Strategy Design Pattern when there is a base Context class and one Strategy it is like a function that calls the Strategy and returns the result in other the words the same thing But when there are two or more strategies the point is that the strategy can be one of many strategies controlled by the caller The major benefit here is that we can define as many strategies as we want and swap between each one to be used on demand without inflicting a single hint of change in behavior of code as long as the pattern is written the way it should Implementations of a Strategy can change but as long as they keep the same signature as expected by the context then there is no need to experience unnecessary changes to code Here is a diagram depicting this flow ImplementationOur first implementation will focus on fetching We ll define a createFetcher function that returns the interface to create fetchers These fetchers can be spawned by the client and can be implemented however they desire as long as they take in a url retrieve and returns its response We ll be using the axios request library node s native https module and the node fetch library to implement as one strategy each In total we will have strategies const axios require axios defaultconst https require https const fetch require node fetch function createFetcher const identifer Symbol createFetcher let fetchStrategy const isFetcher fn gt identifer in fn function createFetch fn const fetchFn async function fetch url args return fn url args fetchFn identifer true return fetchFn return get fetch return fetchStrategy create fn return createFetch fn use fetcher if isFetcher fetcher throw new Error The fetcher provided is invalid fetchStrategy fetcher return this const fetcher createFetcher const axiosFetcher fetcher create async url args gt try return axios get url args catch error throw error const httpsFetcher fetcher create url args gt return new Promise resolve reject gt const req https get url args req addListener response resolve req addListener error reject const nodeFetchFetcher fetcher create async url args gt try return fetch url args catch error throw error fetcher use axiosFetcher Inside our createFetcher function we created this line const identifer Symbol createFetcher This line is important because we want to ensure that each strategy created is actually a strategy otherwise our program will treat any passed in object as a strategy It may sound like a positive benefit to have anything treated as a strategy but we would lose validity which makes our code more prone to errors which can easily deter our debugging experience if we misstep Symbol returns to us a unique variable by definition It is also hidden within the implementation of the context so there is no way that objects created outside of our create function will be treated as a strategy They would have to use the method made publicly from the interface provided by the context When the client calls use it s submitting axiosFetcher to be the used as the current strategy and is then bound as a reference until the client swaps in another strategy via use Now we have three strategies for retrieving data const url fetcher use axiosFetcher fetcher fetch url headers Content Type text html then response gt console log response using axios response return fetcher use httpsFetcher fetch url then response gt console log response using node https response return fetcher use nodeFetchFetcher fetch url then response gt console log response using node fetch response catch error gt throw error instanceof Error error new Error String error Hurray We ve now seen how it can be implemented in code But can we think of a situation in the real world where we need this You can think of plenty actually However if this is your first time reading about this pattern then I understand that it can be hard to think of a scenario beforehand unless we see one in practice first The examples we went over in this post shows the pattern implementation but anyone reading this can ask Why bother implementing three fetcher strategies when you can just directly use one like axios to get the response and call it a day In the upcoming example we will be going over a scenario where the Strategy Design Pattern is definitely needed Handling different data typesWhere the strategy pattern shines most is when we need to handle different data types when doing something like sorting In the previous examples we didn t really care about any data types because we just wanted some response But what happens when we receive a collection of something and needed to do some narrow task like categorizing them What if they need to be sorted correctly When we need to sort several collections where each are a collection of another data type we can t just use the native sort method on all of them because each value can be treated differently in terms of less and greater We can use the Strategy Pattern and define different sets of sorting algorithms that are readily available in the runtime so that we can use them interchangeably on demand Consider these collections const nums const letters z b m o hello zebra c const dates new Date new Date new Date new Date new Date Need to be sorted by heightconst elements document getElementById submitBtn document getElementById submit form document querySelectorAll li We can create a Sort strategy class and a Sorter context class Note that they don t need to be classes We re just choosing to use classes now to diversify the implementation a little const sorterId Symbol sorter class Sort constructor name this sorterId name execute args return this fn args use fn this fn fn return this class Sorter sort args return this sorter execute call this sorter args use sorter if sorterId in sorter throw new Error Please use Sort as a sorter this sorter sorter return this const sorter new Sorter It s pretty straight forward Sorter keeps a reference to the Sort that is currently being used This is the sort function that will be picked up when calling sort Each Sort instance is a strategy and passed into use The Sorter does not know anything about the strategies It does not know that there is a date sorter number sorter etc It just calls the Sort s execute method However the client knows about all of the Sort instances and controls the strategies as well as the Sorter const sorter new Sorter const numberSorter new Sort number const letterSorter new Sort letter const dateSorter new Sort date const domElementSizeSorter new Sort dom element sizes numberSorter use item item gt item item letterSorter use item item gt item localeCompare item dateSorter use item item gt item getTime item getTime domElementSizeSorter use item item gt item scrollHeight item scrollHeight With that said its entirely up to us the client to handle this accordingly function sort items const type typeof items sorter use type number numberSorter type string letterSorter items instanceof Date dateSorter items amp amp type object amp amp tagName in items domElementSizeSorter Array prototype sort bind Array return items sort sorter sort bind sorter We now have a robust line function that can sort different variations of collections console log Sorted numbers sort nums console log Sorted letters sort letters console log Sorted dates sort dates And that is the power of the Strategy Design Pattern in JavaScript Thanks to the nature of JavaScript treating functions as values this code example blends in that capability to its advantage and works with the Strategy pattern seamlessly ConclusionAnd that concludes the end of this post I hope you found this to be useful and stay tuned for more useful tips in the future Find me on medium	2022-04-13 03:20:31
海外TECH	DEV Community	Lazy loading Web Components with WebPack in 1 minute	https://dev.to/randomengy/lazy-loading-web-components-with-webpack-in-1-minute-2l3d	Lazy loading Web Components with WebPack in minuteNormally when you define a web component with Lit or FAST you might do something like this import MyComponent from MyComponent MyComponent Stop tree shakingAs part of importing the module it defines the lt my component gt element that you want to put in DOM That works just fine but now that web component s Javascript is part of the same bundle as whatever was calling it What if it s just some dialog picker that rarely gets called or always called far after the main page load Just run this line when you need to show that component await import MyComponent Webpack will see that it s a dynamic import create a new bundle for it and download it when the code is run That will define lt my component gt and automatically upgrade any of them you have in your DOM already I was rather shocked with how easy it was to do Just remember that if what you are loading in needs to be tree shaken you ll need to create an intermediate lazy module to help Webpack do that	2022-04-13 03:10:45
海外TECH	DEV Community	Laravel whereHas and orWhereHas Query Example	https://dev.to/techsolutionstuff/laravel-wherehas-and-orwherehas-query-example-33b8	Laravel whereHas and orWhereHas Query ExampleIn this tutorial we will see laravel whereHas and orWhereHas query example whereHas and orWhereHas query used in laravel for relationships So here I will give you an example of how to use wherehas in laravel wherehas eloquent in laravel work same as has function has is to filter the selecting model based on a relationship So it acts very similarly to a normal WHERE condition If you just use has relation that means you only want to get the models that have at least one related model in this relation whereHas works basically the same as has but allows you to specify additional filters for the related model to check So let s see the laravel whereHas and orWhereHas query example Also you can use whereHas and orWhereHas in laravel laravel and laravel Example posts Post whereHas comments function Builder query query gt where content like code gt get Example users User whereHas posts function q q gt where created at gt gt get only users that have posts from on forward are returnedYou might also like Read Also Laravel whereIn and whereNotIn Query ExampleRead Also Laravel Database Seeder ExampleRead Also CRUD Operation In PHP	2022-04-13 03:04:46
海外TECH	DEV Community	Design Pattern in TypeScript: Strategy Pattern	https://dev.to/bhargavmantha/design-pattern-in-typescript-strategy-pattern-4i5d	Design Pattern in TypeScript Strategy Pattern Definition Design PatternsAccording to Christopher Alexander Each Pattern describes a problem that occurs over and over again in our environments and then describes the core solution to that problem in such a way that you can use this solution as a million times over without doing it the same way twiceThe only difference between the patterns described by Christopher Alexander and the patterns in the case of computer language is that he expresses solutions in terms of Walls and doors Whereas we express them in terms of Objects and InterfacesA pattern has essential elements The Pattern NameThe problemThe SolutionThe ConsequenceWhat Design Patterns are not designs that are encoded or added into the classes and reused as is like Trees Stacks Nor are they complex domain specific designs for an entire applications or subsystemsWHAT DESIGN PATTERNS DO SOLVE ON THE OTHER HAND ARE COMMUNICATION BETWEEN OBJECTS AND CLASSES THAT ARE CUSTOMIZED TO SOLVE A GENERAL DESIGN PROBLEM IN A PARTICULAR CONTEXTIt names abstracts and identifies the key aspects of a common design structure that makes it useful for creating a reusable object oriented designThe first design pattern we are going to discuss is the strategy Pattern Defination STRATEGYDefine a family of algorithms encapsulate each one and make them interchangeable Strategy lets the algorithm vary independently from the client that uses it THE STRATEGY PATTERN COMES UNDER THE CLASS OF BEHAVIORAL PATTERN Behavioral design patterns are concerned with algorithms and the assignment of responsibilities between objects Also know as PolicyMany algorithms exist for breaking a stream of text into linesHow to identify Strategy patterns there are multiple algorithms will be needed at different times we do not want to support multiple algorithms using line breaking conditionalsit is difficult to accommodate change when implemented using line breaks and conditionalsWhen to use Strategy pattern many related classes differ only in their behavior Strategies provide a way to configure a class with one of many behaviors you need different variants of an algorithman algorithm uses data that clients should not know abouta class defines such behaviour and these appear as multiple conditional statements in an operationsDifferent actors in strategy Strategydeclares an interface common to all supported algorithms Context uses the interface to call the algorithm defined by a ConcreteStrategyConcreteStrategyimplementation of the algorithm using the Strategy interfaceContextmaintains a reference to the strategy object Refer to the following for the code	2022-04-13 03:01:09
海外TECH	CodeProject Latest Articles	Building an Angular 13 Application with .NET 6 (Global Market) - Part 1	https://www.codeproject.com/Articles/5329517/Building-an-Angular-13-Application-with-NET-6-Glob	angular	2022-04-13 03:39:00
ニュース	@日本経済新聞 電子版	東京五輪・パラリンピック選手村として使われたマンション「晴海フラッグ」。4回目に発売の557戸は家族連れを中心に人気で、平均倍率6.6倍に。今回で分譲住宅の約5割の販売が完了しています。 https://t.co/LCEm9XbLMQ	https://twitter.com/nikkei/statuses/1514087248341393409	東京五輪・パラリンピック選手村として使われたマンション「晴海フラッグ」。	2022-04-13 03:45:05
ニュース	@日本経済新聞 電子版	大阪万博、開幕まで3年　機運醸成へ記念グッズ https://t.co/GZSyytGD01	https://twitter.com/nikkei/statuses/1514086803292450817	大阪万博	2022-04-13 03:43:18
ニュース	@日本経済新聞 電子版	きょう4月13日昼の日経電子版トップ（https://t.co/PBH9XlPK7b）3本です。 ▶Appleは中国から動くか　変質する「ナッシュ均衡」 https://t.co/nIrEZrZcGd ▶バイデン氏、プーチン氏… https://t.co/4tE3IGAzWE	https://twitter.com/nikkei/statuses/1514085326721015814	きょう月日昼の日経電子版トップ本です。	2022-04-13 03:37:26
ニュース	@日本経済新聞 電子版	繰り返し使え、通院負担を減らせる「リフィル処方箋」。医師が発行を認めないケースがあり利用が進まず。制度が骨抜きになれば患者の利便性は置き去りにされかねません。 https://t.co/8sXSj9VVs6	https://twitter.com/nikkei/statuses/1514083486898049024	繰り返し使え、通院負担を減らせる「リフィル処方箋」。	2022-04-13 03:30:08
ニュース	@日本経済新聞 電子版	コロナ禍で人気続く地方就職　「愛ターン」で生活も充実 https://t.co/lynesS3oAQ	https://twitter.com/nikkei/statuses/1514081867439702017	生活	2022-04-13 03:23:42
ニュース	@日本経済新聞 電子版	パウエル氏は、株安をどこまで容認するか https://t.co/dNwZ5EphNo	https://twitter.com/nikkei/statuses/1514081501180178438	株安	2022-04-13 03:22:14
ニュース	@日本経済新聞 電子版	会社員のランチ代が2年連続で上昇。2021年の民間調査によると、男性は直近10年で最高でした。同僚らに気兼ねせずに好きな店を予約してプチぜいたくを楽しむ「おひとりさま」の定着などが背景にあります。 https://t.co/eEQlufVuUe	https://twitter.com/nikkei/statuses/1514079701463191553	会社員のランチ代が年連続で上昇。	2022-04-13 03:15:05
ニュース	@日本経済新聞 電子版	「虎の子」成城石井の上場　ローソン、コンビニ改革急ぐ https://t.co/SsgMAOA4Gs	https://twitter.com/nikkei/statuses/1514077598506450950	成城石井	2022-04-13 03:06:44
ニュース	@日本経済新聞 電子版	日経平均反発、午前終値420円高の2万6755円 https://t.co/swzbqRMUHh	https://twitter.com/nikkei/statuses/1514076240097210369	日経平均	2022-04-13 03:01:20
ニュース	BBC News - Home	Critical fight for 'heart of this war' - Mariupol	https://www.bbc.co.uk/news/world-europe-61089043?at_medium=RSS&at_campaign=KARANGA	strategic	2022-04-13 03:46:30
ニュース	BBC News - Home	UK officials investigate 74 child hepatitis cases	https://www.bbc.co.uk/news/health-61085870?at_medium=RSS&at_campaign=KARANGA	covid	2022-04-13 03:40:11
ニュース	BBC News - Home	Tropical Storm Megi: Rescuers race to find survivors as death toll rises	https://www.bbc.co.uk/news/world-asia-61089853?at_medium=RSS&at_campaign=KARANGA	death	2022-04-13 03:19:06
北海道	北海道新聞	親ロシア野党指導者を拘束　プーチン氏友人、ウクライナ当局	https://www.hokkaido-np.co.jp/article/668889/	親ロシア	2022-04-13 12:11:07
北海道	北海道新聞	ＲＶパーク事業「スミカ」を選定　むろらん屋台村跡地	https://www.hokkaido-np.co.jp/article/668929/	選定	2022-04-13 12:24:43
北海道	北海道新聞	１４歳少女に売春させた疑い　無職の１８歳男逮捕、警視庁	https://www.hokkaido-np.co.jp/article/668953/	交流サイト	2022-04-13 12:18:00
北海道	北海道新聞	上海で新型コロナ２万６千人　無症状９５％、再び過去最多	https://www.hokkaido-np.co.jp/article/668952/	新型コロナウイルス	2022-04-13 12:18:00
北海道	北海道新聞	ひこにゃん１６歳の誕生日、滋賀　彦根城でお祝いセレモニー	https://www.hokkaido-np.co.jp/article/668949/	滋賀彦根	2022-04-13 12:18:00
北海道	北海道新聞	中国の貿易総額１０・７％増　１～３月、コロナで鈍化	https://www.hokkaido-np.co.jp/article/668948/	貿易統計	2022-04-13 12:14:00
北海道	北海道新聞	釧路市人口１６万１７１９人　３月末　減少加速、年間２５７９人	https://www.hokkaido-np.co.jp/article/668878/	釧路市	2022-04-13 12:16:02
北海道	北海道新聞	＜デジタル発＞日ハム新球場「エスコンフィールド」　その全容が見えてきた	https://www.hokkaido-np.co.jp/article/668583/	北広島市	2022-04-13 12:12:04
北海道	北海道新聞	首相、まん延防止適用検討せず　新型コロナ、感染拡大巡り	https://www.hokkaido-np.co.jp/article/668925/	参院本会議	2022-04-13 12:08:16
北海道	北海道新聞	東証、午前終値は２万６７５５円　一時４００円超高	https://www.hokkaido-np.co.jp/article/668931/	日経平均株価	2022-04-13 12:02:00
北海道	北海道新聞	４階からボウリング球投下　殺人未遂疑いで男逮捕	https://www.hokkaido-np.co.jp/article/668928/	兵庫県警	2022-04-13 12:01:00
ビジネス	東洋経済オンライン	物事の本質は｢2次関数｣学ぶと理解が早くなる訳 私立文系はとくに知ってほしい｢数学｣の重要性 | リーダーシップ・教養・資格・スキル | 東洋経済オンライン	https://toyokeizai.net/articles/-/579506?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-04-13 12:30:00
IT	週刊アスキー	マクドナルドのチキンタツタが「シン・ウルトラマン」とコラボ！「シン・タツタ」はチキン南蛮タルタル	https://weekly.ascii.jp/elem/000/004/089/4089116/	宮崎名物	2022-04-13 12:20:00
マーケティング	AdverTimes	ADFEST2022受賞作品発表、THE FIRST TAKE、ポカリスエットなどが部門最高賞を受賞	https://www.advertimes.com/20220413/article381631/	acificadvertisingfestival	2022-04-13 03:22:44
マーケティング	AdverTimes	BE:FIRSTの髪にカヌレ！？ UHA味覚糖「カヌレット」CM	https://www.advertimes.com/20220413/article381654/	befirst	2022-04-13 03:13:24
マーケティング	AdverTimes	2023年末の「Cookieの終焉」までに、広告主が知っておくべき問題とその対応	https://www.advertimes.com/20220413/article381575/	cookie	2022-04-13 03:07:39
ニュース	THE BRIDGE	#5 ウィスキー樽をNFTで販売ーーレシカ・クリスCEO × ACV飯澤	https://thebridge.jp/2022/04/selling-nft-based-whiskey-barrels-accentureventures	ウィスキー樽をNFTで販売ーレシカ・クリスCEO×ACV飯澤本稿はアクセンチュア・ベンチャーズが配信するポッドキャストからの転載。	2022-04-13 03:00:52