投稿時間:2022-08-09 19:37:32 RSSフィード2022-08-09 19:00 分まとめ(46件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] GPIF、4-6月の運用状況はー1.91%	https://www.itmedia.co.jp/business/articles/2208/09/news160.html	itmedia	2022-08-09 18:05:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 崎陽軒、「シウマイ弁当」の具を変更　59年ぶり	https://www.itmedia.co.jp/business/articles/2208/09/news169.html	itmedia	2022-08-09 18:01:00
python	Pythonタグが付けられた新着投稿 - Qiita	C++14, C++17 Python C/C++ モジュールを cmake build しパッケージングして pypi にアップロードするメモ(2022 年版)	https://qiita.com/syoyo/items/d7d1cc6e8ad48326d792	ccpythoncc	2022-08-09 18:26:42
Ruby	Rubyタグが付けられた新着投稿 - Qiita	ruby on rails を AWS Cloud9で実施 4 QandAサイト作成	https://qiita.com/TaichiEndoh/items/522e956d569e5bbd7b8d	awscloud	2022-08-09 18:45:22
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rails6 rakutenAPI 公式documentを見ながら実装	https://qiita.com/Hbk__17/items/72d4400f74e097e89448	document	2022-08-09 18:31:30
Docker	dockerタグが付けられた新着投稿 - Qiita	C言語の開発環境をDockerで作る with VisualStudioCode	https://qiita.com/sumeshi96/items/ef1f41fa96aeaac79886	docker	2022-08-09 18:38:58
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker-composeでnode.jsのUDP通信をテスト。	https://qiita.com/king_dog_fun/items/fb0f5c1879801a7a4e65	dockercompose	2022-08-09 18:03:56
Azure	Azureタグが付けられた新着投稿 - Qiita	【AzureML】サンプルデータの顧客関係の予測をやってみた	https://qiita.com/K-Nomu3/items/3cd0147127fc29bce3f9	azureml	2022-08-09 18:08:23
Ruby	Railsタグが付けられた新着投稿 - Qiita	FargateでRails, ALB, RDS, CodeDeploy(Blue/Green), Github Actionsで自動更新	https://qiita.com/the1031hiroto/items/14c21324ddbf511278ef	tesubnetampdbprivatesub	2022-08-09 18:53:47
Ruby	Railsタグが付けられた新着投稿 - Qiita	ruby on rails を AWS Cloud9で実施 4 QandAサイト作成	https://qiita.com/TaichiEndoh/items/522e956d569e5bbd7b8d	awscloud	2022-08-09 18:45:22
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rails6 rakutenAPI 公式documentを見ながら実装	https://qiita.com/Hbk__17/items/72d4400f74e097e89448	document	2022-08-09 18:31:30
海外TECH	DEV Community	Introduction to Design Tokens	https://dev.to/specifyapp/introduction-to-design-tokens-580p	Introduction to Design TokensWhether you re a designer a developer a manager or a curious executive wanting to scale your company s branding with consistency this post is for you After reading this post you ll have a clear idea of what design tokens are and how they can help your team manage branding at scale However this article focuses on the why s and the what s of design tokens I won t share with you how to create name transform or distribute them within your design system These subjects deserve their own article Ready Let s dive in The underlying business issueTo present you what design tokens are I ll emphasise first on the business issue they solve All organisations in the world share one thing in common they have a branding This branding allows them to communicate and differentiate from one to another To make a long story short your organisation s branding is the backbone of its communication In the past when print was king a branding was defined in a graphical charter Nowadays this set of graphical rules has evolved to take into account the myriad of screens surrounding us Your branding must be applied consistently everywhere whatever the channel you re communicating on Design systems are the logical evolution of graphical charters They help everyone involved in the creation maintain and usage of a branding work together Your branding is part of the trust your audience has in your organisation Cherish it to keep your audience with you How would you react if you received an email from your bank with an outdated logo How would you feel if your bank website and mobile application didn t share the same branding What would you think at night with a full light mode interface burning your tiny eyes Let me tell you a story It s about a simple rebranding of the ACME organisation We will be in the shoes of a designer trying to apply a design decision at scale That s it You re the new Head of Design at ACME Corp You re excited and can t wait to start the rebranding you ve been hired for This rebranding consists in replacing the main color of your organisation by a new one One single color replacement Some time goes by and you re finally satisfied with the new branding It just has to be applied in every interface of every product your organisation provides Unfortunately for you your organisation has many interfaces and many platforms to maintain A marketing websiteA web applicationAn Android applicationAn iOS applicationYou re brave and determined to fulfil your mission You decide to personally ask every manager of every engineering team to update the color in their codebase with the new value you chose You open Slack and start writing Hey Steve I ve updated our main brand color The old one is rgb The new one is rgb Can you update your codebase with the new value please CheersYou think this will be a no brainer Spoiler alert you re wrong Steve the manager in charge of the web platform answers and the conversation looks like this Steve Thanks for the new color value Do you have the HEX value You This is EDC I think so Steve Are you sure I m not really confident about this and have a lot of work to do And you didn t even receive the answer from the managers of the Android and iOS teams And by the way as you may have guessed these platforms handle color in different formats You start to realise that something is broken between you and the developers you re working with Communicating design decisions and making sure they are correctly applied is a tedious task In other words your organisation doesn t have a design language designers and developers can use We re human beings Not machines Absolute values like a RGB or a HEX color code don t speak for themselves To emphasise this let s butcher this famous quote Roses are ff Violets are de Design tokens are sweet And so are you Applying a new color on several platforms shouldn t take months In Spotify was rebranded and by extension updated its brand guidelines It took them several months to propagate the new green color to all of their platforms Now thanks to their design system foundation based on design tokens it would take them only several minutes And updating a typeface across many websites shouldn t cost millionsMatthew Ström is a designer who previously worked at the Wall Street Journal They had to update the typeface on the main website and all its sub brands It took them years and people to change it And even now some pages are still using the old typeface As a front end developer I assume designers are responsible for taking design decisions Updating a color a font size or any core style and seeing the result in whatever platform should be effortless for them Unfortunately this is not currently the case Wouldn t it be great if designers could make a design decision and see it applied correctly everywhere automatically What are design tokens Design tokens are names used to express design decisions in your organisation s design language Those names are meant to be used and understood by humans like you and me Design decisions can be a color a typeface a border radius an icon a font size a gradient or even an animation duration Design tokens are a language for communicating intent between disparate parts of a system Ethan Marcotte Design ish systemsThe design system is your land and your design tokens are the language people use to communicate design decisions with each other Aside from using design tokens in conversations you will mostly use them in your products Design tokens are literally everywhere this page included Let s breakdown a digital product A digital product is composed of featuresA feature is composed of interfacesAn interface is composed of componentsA component is composed of design tokensAt Specify our primary brand color is called purple app base violet and its value is de Here is the anatomy of our primary brand color name app base violet value de type color This color can be transformed and formatted to meet the needs of any platform Android iOS Web etc…Design tokens can be stored in code This makes them only as powerful as the engineers enable them to be Remember that design tokens are meant to be used across your design system and products To do so you will have to transform them so they can be used by many different teams By using design tokens you secure your organisation s branding and ease its management Design tokens help you reach Unique source of truth for your brandingBetter translation from design to developmentDesign consistency across any product UIImproved management of your design systemEasier management of themes and white labelling featuresProper methodology to collaborate between teams For designersUse design tokens if You re tired of seeing that design is sacrificed because developers don t or fail to correctly implement your workYou want the power to handle a design decision from its definition to its deploymentYou want every part of the app interface and all the elements to have the same look and feel For developersUse design tokens if You want to spend more time working on valuable business features and not manually updating design tokens valuesYou want to improve your experience when using and refactoring your stylesYou want to use dark light themes and or multi brand products For managersUse design tokens if You re tired of seeing tickets about styling bugs stacking upYou want designers and developers to find a common ground and collaborate seamlesslyYou need to ease the scaling of your teams ConclusionDesign tokens allow product teams to better collaborate and ensure brand consistency across any platform This is truly an exciting time to be designing and building consistent UIs at scale Design tokens are here to last Our ecosystem is embracing them and so should you Let s make styling fun again Together Thanks for reading	2022-08-09 09:28:06
海外TECH	DEV Community	17 firefox extensions for web developers	https://dev.to/natchimuthuakil/17-firefox-extensions-for-web-developers-188m	firefox extensions for web developersIf you re a web developer or designer you know that Firefox is a powerful tool that can help you speed up your workflow With Firefox extensions you can add extra features to your browser saving you time and making your work more efficient In this article we ll list some of the best Firefox extensions for web developers and designers We hope that these extensions will help you to work more productively and with ease Here are some Firefox extensions that will improve the work life of web developers and designers Firefox Developer Tools The Firefox Developer Tools extension provides a range of tools for web developers and designers including the ability to view and debug websites inspect CSS and JavaScript code track down errors in your code see which elements are being used most often on a page and much more Overall this is an extremely useful extension that can save you time when working on your projects WebIDE WebIDE is a powerful extension for Firefox that provides a range of tools for web developers and designers including the ability to edit websites offline view and debug HTML CSS JavaScript code track down errors in your code see which elements are being used most often on a page This is an extremely useful extension that can save you time when working on your projects Colorzilla Colorzilla is a powerful extension for Firefox that allows you to quickly and easily view the colors of any web page This is an extremely useful extension that can help you to work more productively when it comes to color selection on your website designs HTTPS Everywhere HTTPS Everywhere is a powerful Firefox extension that allows you to use HTTPS HTTP Secure when browsing the web This is an important security feature that can help protect your data and ensure that your online transactions are secure React Developer Tools React Developer Tools is a powerful Firefox extension that provides a range of tools for web developers and designers including the ability to view and debug React code inspect component state see which elements are being used most often on a page track down errors in your code and much more This is an extremely useful extension that can help you to work more productively when working with React Cookie Manager Cookie Manager is an extension for Firefox that allows you to manage your cookies and track the data that is stored in them This is an important extension that can help you to keep track of the cookies that are being sent by websites and ensure that they are being used appropriately Firebug Firebug is an amazing Firefox extension that enables you to inspect debug and diagnose web page issues It has a wide range of features that can help you troubleshoot issues on your website Page Performance Test Page Performance Test is an extension for Firefox that enables you to measure the performance of your website This is an important extension that can help you to identify and fix issues with your website s speed FireFTPFireFTP is an amazing Firefox extension that enables you to easily upload files to your website This is a useful extension that can help you to quickly and easily upload files to your website IE TabIE Tab is an amazing extension for Internet Explorer that enables you to open websites in a separate window This is a useful extension that can help you to easily access and use websites from other applications NoScript Security SuiteNoScript Security Suite is an extension for Firefox that helps you to protect your website from potential security issues This is an important extension that can help to ensure the safety of your website Total ValidatorThis Firefox extension for web developers is now available to test out for yourself with a free trial It does a lot of things which are quite impressive like checking your links and validate them before actually going ahead and moving forward It s also available in multiple languages to make sure the clientele don t have a problem using it Singlish Standard American English SAE UK English etc AardvarkAn Aardvark can be utilized for purposes of quickly inspecting the components that make up web pages as well as almost anything else in a user s visual field First you can use it to select the portion of an image that you want to zoom into and then restore the image this could be helpful when taking a screen shot You can also magnify any portion of a page but when printing this may not work out too well because of its magnification In addition Aarvark offers many options for colors including colors deemed by experts to be preferable and appropriate for whatever it is you re trying to project visually CSSViewerCSSViewer is an extension for Chrome and Firefox that makes it easy to see the structure of your CSS files This can be helpful when you re trying to troubleshoot a problem with your CSS or when you re creating new styles CSSViewer also includes a live preview feature so you can see how your changes will look in real time GreasemonkeyGreasemonkey is an extension for Firefox that makes it easy to add new features to websites You can add custom scripts modify the appearance of pages and more Greasemonkey is free and open source so you can trust that the code behind it is safe Palette GrabberPalette Grabber is an extension for Chrome and Firefox that makes it easy to grab colors from websites This can be helpful when you re trying to create a color scheme or when you need to find a specific color Palette Grabber also includes a live preview feature so you can see how your changes will look in real time Closing thoughtsThere are many helpful extensions available for web browsers so it s worth taking the time to explore them all The ones we ve listed here are just a few of our favorites but there are sure to be others that will meet your needs	2022-08-09 09:27:53
海外TECH	DEV Community	How to build a real-time Auction system - Connecting Socket.io With React 🔥	https://dev.to/novu/how-to-build-a-real-time-auction-system-connecting-socketio-with-react-20kh	How to build a real time Auction system Connecting Socket io With React Hi everybody and welcome back A small recapLike an actual auction if you bid for a product you get counterbids from other bidders The auction runs on the fast decision bid where somebody else will win or outbid you if you don t bid fast enough To use online bidding We must stick to the same principles We must give our bidder information as soon as a new bid comes The previous article in this series introduced Socket io how to connect a React app to a Node js server using Socket io and creating the user interface for the bidding system To read the first part of the series you can head over here In this final article I will guide you through sending notifications and messages between the client and the Node js server Novu the first open source notification architectureJust a quick background about us Novu is the first open source notification infrastructure We basically help to manage all the product notifications It can be In App the bell icon like you have in Facebook Websockets Emails SMSs and so on I would be super happy if you could give us a star And let me also know in the comments ️We are back We will continue where we last stopped Creating the JSON “database fileAs described in the previous article the JSON file will serve as the database for the application Although this is not a secure way of saving data this is just a demo We ll read and update the JSON file Navigate into the server folder and create the JSON file cd servertouch data jsonAdd some products to the file by copying the code below an array containing different products with their price name owner and the last bidder products name Audi price owner admiralty last bidder samson name Lamborghini S price owner susaske last bidder geraldt name Ferrari F price owner samson last bidder admiralty Update the index js file to render the data json file The code snippet below reads the data json file and returns the JSON file at http localhost api making it easy for the web browser to fetch and display to users const express require express const app express const PORT const fs require fs const http require http Server app const cors require cors const socketIO require socket io http cors origin http localhost Gets the JSON file and parse the file into JavaScript objectconst rawData fs readFileSync data json const productData JSON parse rawData app use cors socketIO on connection socket gt console log socket id user just connected socket on disconnect gt console log A user disconnected Returns the JSON fileapp get api req res gt res json productData http listen PORT gt console log Server listening on PORT Next update the Products page from the client folder to fetch the products from the JSON file and display its contents import React useEffect useState from react import Link from react router dom import useNavigate from react router dom const Products gt const products setProducts useState null const loading setLoading useState true const navigate useNavigate const handleBidBtn product gt navigate products bid product name product price useEffect gt const fetchProducts gt fetch http localhost api then res gt res json then data gt setProducts data products setLoading false fetchProducts return lt div gt lt div className table container gt lt Link to products add className products cta gt ADD PRODUCTS lt Link gt lt table gt lt thead gt lt tr gt lt th gt Name lt th gt lt th gt Price lt th gt lt th gt Last Bidder lt th gt lt th gt Creator lt th gt lt th gt Edit lt th gt lt tr gt lt thead gt lt tbody gt loading lt tr gt lt td gt Loading lt td gt lt tr gt products map product gt lt tr key product name product price gt lt td gt product name lt td gt lt td gt product price lt td gt lt td gt product last bidder None lt td gt lt td gt product owner lt td gt lt td gt lt button onClick gt handleBidBtn product gt Edit lt button gt lt td gt lt tr gt lt tbody gt lt table gt lt div gt lt div gt export default Products From the code snippet above the Products components fetch the products from the server and render them in a table Within the table the Edit button has a click event listener that accepts the data related to each product and navigates to the bid page using the product s name and price Next let s learn how to add products via the form in the React app to the Node js server Adding products to the JSON fileWe have a call to action in the Products component that links to the AddProduct page where the user provides the name and price of the product available for bidding The username is retrieved from the local storage import React useState from react import useNavigate from react router dom const AddProduct gt const name setName useState const price setPrice useState const navigate useNavigate const handleSubmit e gt e preventDefault console log name price owner localStorage getItem userName navigate products return lt div gt lt div className addproduct container gt lt h gt Add a new product lt h gt lt form className addProduct form onSubmit handleSubmit gt lt label htmlFor name gt Name of the product lt label gt lt input type text name name value name onChange e gt setName e target value required gt lt label htmlFor price gt Starting price lt label gt lt input type number name price value price onChange e gt setPrice e target value required gt lt button className addProduct cta gt SEND lt button gt lt form gt lt div gt lt div gt export default AddProduct Next we will send the product data to the Node js server for storage via Socket io We passed Socket io as a prop into every component from the src App js file Destructure Socket io from the props object and update the handleSubmit function as below const AddProduct socket gt const name setName useState const price setPrice useState const navigate useNavigate const handleSubmit e gt e preventDefault console log name price owner localStorage getItem userName socket emit addProduct name price owner localStorage getItem userName navigate products return lt div gt lt div gt export default AddProduct From the code snippet above the addProduct event sends an object containing the product s name price and owner to the Node js server via Socket io Create an event on the Node js server that listens to the addProduct message from the client The other lines of code const rawData fs readFileSync data json const productData JSON parse rawData socketIO on connection socket gt console log socket id user just connected socket on disconnect gt console log A user disconnected Listens to the addProduct event socket on addProduct data gt console log data logs the message from the client lt The other lines of code gt Since we ve been able to access the data sent from the client let s save the data to the database file The other lines of code const rawData fs readFileSync data json const productData JSON parse rawData socketIO on connection socket gt console log socket id user just connected socket on disconnect gt console log A user disconnected socket on addProduct data gt productData products push data const stringData JSON stringify productData null fs writeFile data json stringData err gt console error err lt The other lines of code gt The addProduct event listens to messages from the client and updates the data json file by adding the product data to the products array and saving it to the data json file Congratulations we ve been able to read and save data to our JSON database Next let s learn how to update product prices when users bid for items Updating the JSON fileIn this section we ll enable users to update the price of the items in the JSON file The changes will also be persistent even after refreshing the page Since the BidProduct page accepts the product s data via URL parameters we ll need to use the useParams hook provided by React Router import React useState from react import useNavigate from react router dom import useParams from react router dom const BidProduct gt sets the default value as the current price from the Product page const userInput setUserInput useState price Destructured from the URL const name price useParams const navigate useNavigate const handleSubmit e gt e preventDefault navigate products return lt div gt lt div gt The bidProduct URL contains the name and price of the selected product from the Products page The useParams hook enables us to destructure the name and price of the product from the URL Then we can set the default value of the input field bid to the current price from the Products page Update the BidProduct js component above by adding the Socket io prop from src App js to enable us to send the new bid to the Node js server import React useState from react import useNavigate from react router dom import useParams from react router dom const BidProduct socket gt const name price useParams const userInput setUserInput useState price const navigate useNavigate const error setError useState false const handleSubmit e gt e preventDefault if userInput gt Number price socket emit bidProduct userInput last bidder localStorage getItem userName name navigate products else setError true return lt div gt lt div className bidproduct container gt lt h gt Place a Bid lt h gt lt form className bidProduct form onSubmit handleSubmit gt lt h className bidProduct name gt name lt h gt lt label htmlFor amount gt Bidding Amount lt label gt The error message error amp amp lt p style color red gt The bidding amount must be greater than price lt p gt lt input type number name amount value userInput onChange e gt setUserInput e target value required gt lt button className bidProduct cta gt SEND lt button gt lt form gt lt div gt lt div gt export default BidProduct From the code snippet above the handleSubmit function checks if the new value provided by the user is greater than the default price If so it triggers the bidProduct event that sends an object containing the user input new price the name of the product and the last bidder to the Node js server Otherwise React displays an error message to the user Next let s create the bidProduct event listener on the server to accept the data sent from the client Update the Socket io code block in the index js file on the server as below socketIO on connection socket gt console log socket id user just connected socket on disconnect gt console log A user disconnected socket on addProduct data gt productData products push data const stringData JSON stringify productData null fs writeFile data json stringData err gt console error err Listens for new bids from the client socket on bidProduct data gt console log data Update the price of the selected product and save it in the data json file by copying the function below function findProduct nameKey productsArray last bidder new price for let i i lt productsArray length i if productsArray i name nameKey productsArray i last bidder last bidder productsArray i price new price const stringData JSON stringify productData null fs writeFile data json stringData err gt console error err The function accepts the list of products name last bidder and the new price of the product then loops through every object in the array until it finds a matching product name Then it updates the last bidder and price of the product in the data json file Call the function within the Socket io code to set the price and last bidder of the selected product socket on bidProduct data gt Function call findProduct data name productData products data last bidder data amount Congratulations users can now bid for items on the web application Next we will learn how to notify users when an item is added or put up for action Sending notifications to users via Socket ioIn this section we ll connect the Nav component to the Node js server so whenever a user adds a product and places a bid the server sends a message to the React app Update the Socket io code block in the index js file as below socketIO on connection socket gt console log socket id user just connected socket on disconnect gt console log A user disconnected socket on addProduct data gt productData products push data const stringData JSON stringify productData null fs writeFile data json stringData err gt console error err Sends back the data after adding a new product socket broadcast emit addProductResponse data socket on bidProduct data gt findProduct data name productData products data last bidder data amount Sends back the data after placing a bid socket broadcast emit bidProductResponse data Socket io sends a response to the React app whenever a user performs one of the actions Now you can create an event listener on the client and display the data as a notification import React useState useEffect from react const Nav socket gt const notification setNotification useState Listens after a product is added useEffect gt socket on addProductResponse data gt setNotification data owner just added data name worth Number data price toLocaleString socket Listens after a user places a bid useEffect gt socket on bidProductResponse data gt setNotification data last bidder just bid data name for Number data amount toLocaleString socket return lt nav className navbar gt lt div className header gt lt h gt Bid Items lt h gt lt div gt lt div gt lt p style color red gt notification lt p gt lt div gt lt nav gt export default Nav Congratulations on making it this far ConclusionSocket io is a great tool with excellent features that enables us to build various real time applications like chat apps forex trading applications and many others Socket io creates lasting connections between web browsers and a Node js server This project is a demo of what you can build with Socket io you can improve this application by adding authentication and creating categories for the products The complete code for this tutorial is available on GitHub Help me out If you feel like this article helped you understand WebSockets better I would be super happy if you could give us a star And let me also know in the comments ️ Thank you for reading	2022-08-09 09:24:34
海外TECH	DEV Community	Does JS function's 'this' have a default value?	https://dev.to/smlka/global-object-is-just-a-default-value-of-js-functions-this-14hp	Does JS function x s x this x have a default value DisclaimerThere are articles about this in JS I think it is perfectly fine to add one more Second parameter of Array prototype mapRecently I have checked the MDN page about map method of the array prototype and met one paragraph witch hooked my attention where thisArg is a second parameter of map method The second sentence says Otherwise the value undefined will be used as its this value So let s do a quick test and pass inside map only a callback map function console log this globalObject globalObject globalObjectIt seems confusing as this value is a global object and not undefined when a callback is executing Actually it is expected as the callback is executed in non strict mode Why then the phrase says undefined Nevertheless the phrase makes sense especially if we pay attention to the line The this value ultimately observable by callbackFn So what ultimately observable does mean Default value of function s thisLet s create a simplest function ever and try to call it by apply method The apply method allows us to set this value explicitly and let s set this as undefinedfunction f console log this f apply undefined globalObjectSo it is possible to conclude that function f ultimately observes globalObject value in this and not undefined value we explicitly pass In my opinion we may compare such behaviour with default function parameters function f a globalObject console log a f Spec time Now it is time to open the ES specification just to be sure that we do not miss any cases I really would like to make your life easier so there is an abstract operation OrdinaryCallBindThis which is responsible for default this value There are several steps but of them are main Let s pay attention to variables on the pic thisArgument is a passed value in a function thisValue is an ultimately observable value by a function Step says that if our function is called in strict mode then thisValue becomes thisArgument and default value for this is not applicable function f use strict console log this f apply undefined undefinedStep says that if our function is called in non strict mode and thisArgument equals to undefined or null then thisValue actual value of this inside function is globalObject globalEnv GlobalThisValue on the pic is just a global object function f console log this f apply undefined f apply null globalObject globalObjectSo null value is also substitute with globalObject default value Also it is worth to have a look at b which is also valid for non strict mode There is call of toObject operation which creates wrapper objects String Number etc for primitive values of thisArgument function f console log this f apply String  Therefore function s this value is always an object type for non strict mode ConclusionEach time you call a function in JS you pass a this value in it Even if you call a function like f you still implicitly pass undefined value A strict mode function accepts any this value without any modifications A non strict function substitutes undefined and null values with global object and also transform all primitive values in objects Feel free to use that conclusion to win a heart of your next interviewer P S There is one my old post about this value in a setTimeout callback In a browser callback s this is always window and it does not depend on strict non strict mode The reason is that setTimeout method passes window object not undefined as this when executes a callback Non strict default substitution just does not work as thisArgument is neither undefined nor null Array prototype map method has a second optional parameter Callback functionmap callbackFn map callbackFn thisArg that second parameter may be used instead of bind method for a callback function	2022-08-09 09:11:00
Apple	AppleInsider - Frontpage News	Apple Pay launches in Malaysia after false start	https://appleinsider.com/articles/22/08/09/apple-pay-launches-in-malaysia-after-false-start?utm_medium=rss	Apple Pay launches in Malaysia after false startFollowing the withdrawal of a premature announcement by Malaysia s AmBank Apple has now officially launched Apple Pay in the country Only AmBank published details of its Apple Pay support early but Apple has now confirmed that a total of three banks are supporting the service Alongside AmBank there is Maybank and Standard Chartered Bank We are delighted to bring Apple Pay to Malaysia providing an easier safer and more secure way to pay with iPhone Apple Watch iPad and Mac Jennifer Bailey Apple s vice president of Apple Pay and Apple Wallet said in a local announcement We think users will love the convenience and security of using Apple Pay Read more	2022-08-09 09:58:04
海外TECH	Engadget	Google and Sonos are now fighting over voice assistant patents	https://www.engadget.com/google-sues-sonos-over-seven-google-assistant-related-patents-091023307.html?src=rss	Google and Sonos are now fighting over voice assistant patentsGoogle has sued Sonos alleging that its new voice assistant violates seven patents related to its own Google Assistant technology CNET has reported It s the latest salvo in a long running smart speaker battle between the companies with each suing and countersuing the other following a period when they worked together nbsp quot Sonos has started an aggressive and misleading campaign against our products at the expense of our shared customers quot a Google spokesperson said in a statement nbsp Sonos Voice Control assistant arrived in June letting users give commands with the phrase quot Hey Sonos quot much like Amazon s Alexa or Google Assistant In the complaint Google said it quot worked for years with Sonos engineers on the implementation of voice recognition and voice activated devices control in Sonos products even providing its Google Assistant software to Sonos for many years quot nbsp The fight erupted in early when Sonos sued Google for alleged patent infringement after the companies had collaborated for several years Sonos claimed that Google gained knowledge of its technology when they worked together and used that information to develop its own smart speaker line The company filed another suit in September claiming that Google infringed on five more patents nbsp Google countersued alleging that Sonos was using Google s search software networking audio processing and other technology without paying a license fee and made quot false claims quot about their work togetherIn the US International Trade Commission ruled that Google infringed on five Sonos patents That forced Google to change the way its speakers were set up to avoid an import ban Most of those were related to the way speaker groups are controlled ーfor instance users can no longer change the volume of a group of speakers and must adjust them individually instead nbsp quot Google previously sued us all over the world and Sonos has prevailed in every decided case quot Sonos chief legal officer Eddie Lazarus told CNET quot The latest lawsuits are an intimidation tactic designed to retaliate against Sonos for speaking out against Google s monopolistic practices quot nbsp	2022-08-09 09:10:23
海外TECH	CodeProject Latest Articles	Get the Data out of Your Blazor UI	https://www.codeproject.com/Articles/5339316/Get-the-Data-out-of-Your-Blazor-UI	blazor	2022-08-09 09:52:00
金融	ニッセイ基礎研究所	フィリピン経済：22年4-6月期の成長率は前年同期比7.4％増～外出・移動制限の緩和により内需が回復、５期連続のプラス成長に	https://www.nli-research.co.jp/topics_detail1/id=72017?site=nli	輸出の内訳を見ると、サービス輸出同増が大きく増加したが、財輸出同減が減少した。	2022-08-09 18:30:19
金融	ニッセイ基礎研究所	今週のレポート・コラムまとめ【8/2～8/8】：円安は一体いつまで続く？～円安終了の条件と見通し	https://www.nli-research.co.jp/topics_detail1/id=72008?site=nli	今週のレポート・コラムまとめ【】円安は一体いつまで続く円安終了の条件と見通しNo米国株式、円建てだと今後どうなる景気後退なら株価下落と円高の二重苦もnbspNo確定拠出年金では何に投資したら良いのかー外国株式型、国内株式型、バランス型、外国債券型と国内債券型でパフォーマンスを比較してみたnbspNo米国株式、つのシナリオnbspNo注目される米景気後退リスクー高まる景気後退リスク、深刻な景気後退は回避可能かNoドル円まであとわずか、円安のピークはまだかマーケット・カルテ月号研究員の眼nbsp三親等内の親族とはー配偶者の兄弟姉妹の配偶者、配偶者のおじ・おばの配偶者、子の配偶者の父母、等は民法上の親族ではないーnbsp海外投資家が先物を中心に買い越し年月投資部門別売買動向nbsp「サポカー限定免許」創設が示唆する道路運送法の課題技術の進歩、車の高度化に適応した旅客輸送の仕組みをnbsp対面でのファンド販売が特に低調に年月の投信動向nbsp尹政権の労働市場改革は支持率回復の鍵になるだろうかnbsp自治体の行政計画について、国はどこまで関与すべきかー骨太方針の記述から考える論点nbspーWeeklyエコノミスト・レターnbspECBの新枠組みだけではユーロ圏の分断化は防げないnbsp円安が急反転、今後の行方はどうなるかnbspー基礎研レターnbspシナリオから見た気候変動問題ー気候変動のシナリオ数は増加を続けているnbspー保険・年金フォーカスnbspカナダのOSFIがIFRS第号保険契約の適用に伴う資本規制の最終改正内容を公表nbsp年度のGPIFの運用利回りは、名目で超、実質的にもを達成年金改革ウォッチ年月号nbspー年金ストラテジーnbsp確定拠出年金加入者と株価下落nbsp改正が進むDC制度の更なる普及拡大に向けてnbsp年上半期はインデックス型の外国株式投信が投信販売をけん引nbsp世界的な住宅価格の高騰は今後も続くのかnbspー経済・金融フラッシュnbsp景気ウォッチャー調査年月新規感染者数急増で景況感は悪化。	2022-08-09 18:01:00
海外ニュース	Japan Times latest articles	Famed Japanese fashion designer Issey Miyake dies at 84	https://www.japantimes.co.jp/life/2022/08/09/style/issey-miyake-obit/	fabrics	2022-08-09 18:25:09
ニュース	BBC News - Home	Warning energy prices to hit over £4,200 in January	https://www.bbc.co.uk/news/business-62475171?at_medium=RSS&at_campaign=KARANGA	household	2022-08-09 09:43:38
ニュース	BBC News - Home	Donald Trump says FBI agents raided his Mar-a-Lago Florida home	https://www.bbc.co.uk/news/world-us-canada-62472908?at_medium=RSS&at_campaign=KARANGA	official	2022-08-09 09:30:51
ニュース	BBC News - Home	Backlog of longest-wait patients slashed in England	https://www.bbc.co.uk/news/health-62465626?at_medium=RSS&at_campaign=KARANGA	checks	2022-08-09 09:03:44
ニュース	BBC News - Home	Issey Miyake: Japanese fashion designer dies aged 84	https://www.bbc.co.uk/news/world-asia-62477354?at_medium=RSS&at_campaign=KARANGA	tokyo	2022-08-09 09:51:41
ニュース	BBC News - Home	Scottish exam pass rate drops from pandemic high	https://www.bbc.co.uk/news/uk-scotland-scotland-politics-62463451?at_medium=RSS&at_campaign=KARANGA	advanced	2022-08-09 09:48:49
ニュース	BBC News - Home	John Lewis boss: Over-50s quitting the workforce fuels inflation	https://www.bbc.co.uk/news/business-62471260?at_medium=RSS&at_campaign=KARANGA	sharon	2022-08-09 09:28:33
ニュース	BBC News - Home	Strictly Come Dancing 2022: Comedian Ellie Taylor joins line-up	https://www.bbc.co.uk/news/entertainment-arts-62407451?at_medium=RSS&at_campaign=KARANGA	dancing	2022-08-09 09:10:40
ニュース	BBC News - Home	What is the energy price cap and how high will bills go?	https://www.bbc.co.uk/news/business-58090533?at_medium=RSS&at_campaign=KARANGA	january	2022-08-09 09:32:13
北海道	北海道新聞	デザイナーの三宅一生さん死去　既成概念破る服作り、８４歳	https://www.hokkaido-np.co.jp/article/715994/	三宅一生	2022-08-09 18:34:50
北海道	北海道新聞	道銀で一時システム障害　振り込み８８２件に影響	https://www.hokkaido-np.co.jp/article/716015/	現金自動預払機	2022-08-09 18:40:00
北海道	北海道新聞	大阪で２万５２９６人感染　過去２番目の多さ、３９人死亡	https://www.hokkaido-np.co.jp/article/716014/	新型コロナウイルス	2022-08-09 18:39:00
北海道	北海道新聞	カープ２軍、交流試合に参戦　タンチョウリーグ	https://www.hokkaido-np.co.jp/article/716013/	大学野球	2022-08-09 18:39:00
北海道	北海道新聞	ＪＲ抜海駅、廃止方針から一転存続へ　稚内市が近く地元に報告	https://www.hokkaido-np.co.jp/article/716005/	近く	2022-08-09 18:39:32
北海道	北海道新聞	旧統一教会会長と面談、富山知事　選挙前に、不勉強と反省	https://www.hokkaido-np.co.jp/article/716011/	新田八朗	2022-08-09 18:37:00
北海道	北海道新聞	公取委、携帯「１円販売」を調査　大手４社対象に	https://www.hokkaido-np.co.jp/article/716010/	公正取引委員会	2022-08-09 18:35:00
北海道	北海道新聞	１０日の予告先発　日本ハムは上原	https://www.hokkaido-np.co.jp/article/716009/	予告先発	2022-08-09 18:32:00
北海道	北海道新聞	スルメイカ取扱量１０５トン、３番目の少なさ　函館の市場７月	https://www.hokkaido-np.co.jp/article/716008/	地方卸売市場	2022-08-09 18:29:00
北海道	北海道新聞	鹿島の岩政新監督「整理が必要」　Ｊ１、チーム再建へ意気込み	https://www.hokkaido-np.co.jp/article/716004/	岩政大樹	2022-08-09 18:25:00
北海道	北海道新聞	搬送困難、最多６５８９件　コロナに熱中症重なり	https://www.hokkaido-np.co.jp/article/716003/	総務省消防庁	2022-08-09 18:23:00
北海道	北海道新聞	照ノ富士「歴代横綱に肩並べた」　富岡八幡宮の刻名式で実感	https://www.hokkaido-np.co.jp/article/716001/	富岡八幡宮	2022-08-09 18:23:00
北海道	北海道新聞	静岡と愛媛「ＢＡ・５対策宣言」　３１日まで	https://www.hokkaido-np.co.jp/article/715995/	新型コロナウイルス	2022-08-09 18:12:00
ニュース	Newsweek	「ビールで熱波対策しましょう」英医師のツイートに議論百出	https://www.newsweekjapan.jp/stories/world/2022/08/post-99317.php	気をつけたい猛暑対策、熱中症にも注意を話題のツイートをしたロバーツ医師は、脱水状態の場合にビールを摂るというツイートを、エアコンなしに熱波を乗り切るの方法の番目として紹介している。	2022-08-09 18:44:50
IT	週刊アスキー	ダイドー、腹部の脂肪（内臓脂肪および皮下脂肪）を減らす効果が認められた機能性表示食品「スマートプロ a」を8月22日に発売	https://weekly.ascii.jp/elem/000/004/101/4101272/	内臓脂肪	2022-08-09 18:30:00
IT	週刊アスキー	PS5／XSX|S／PC版『マーベル ミッドナイト・サンズ』が2023年に発売延期へ	https://weekly.ascii.jp/elem/000/004/101/4101277/	nintendo	2022-08-09 18:20:00
IT	週刊アスキー	NHKでパソコンソフト自動販売機「TAKERU」を振り返る番組が放送	https://weekly.ascii.jp/elem/000/004/101/4101279/	takeru	2022-08-09 18:10:00