投稿時間:2022-07-14 14:30:32 RSSフィード2022-07-14 14:00 分まとめ(35件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	バズ部	URLパラメーターとは？基礎知識と初心者にもできる設定方法を解説	https://lucy.ne.jp/bazubu/url-parameter-42088.html	設定	2022-07-14 04:50:08
IT	バズ部	サイト内検索の5つのやり方と得られる効果｜導入方法・活用例も解説	https://lucy.ne.jp/bazubu/site-search-42066.html	非常	2022-07-14 04:31:37
ROBOT	ロボスタ	夏休みは日本科学未来館でロボット体験！実演ショー、プログラミング教室、ロボットづくりなど体験イベントを多数開催	https://robotstart.info/2022/07/14/kimi-robo-experience-event.html		2022-07-14 04:43:21
IT	ITmedia 総合記事一覧	[ITmedia News] 「漫画BANK」運営者が中国で摘発、日本円で約60万円の罰金　被害金額は2000億円超え	https://www.itmedia.co.jp/news/articles/2207/14/news125.html	itmedia	2022-07-14 13:40:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] サンワサプライ、PC接続で測定データの管理も可能なワットモニター	https://www.itmedia.co.jp/pcuser/articles/2207/14/news122.html	itmediapcuser	2022-07-14 13:21:00
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	デル、オンプレミスで従量課金制のストレージ「APEX Data Storage Services」を提供 | IT Leaders	https://it.impress.co.jp/articles/-/23484	デル、オンプレミスで従量課金制のストレージ「APEXDataStorageServices」を提供ITLeadersデル・テクノロジーズは年月日、従量課金型ストレージサービス「APEXDataStorageServices」の国内提供を開始した。	2022-07-14 13:25:00
python	Pythonタグが付けられた新着投稿 - Qiita	Streamlit入門＋応用 ～ データ分析Webアプリを爆速で開発する	https://qiita.com/tamura__246/items/366b5581c03dd74f4508	streamlit	2022-07-14 13:49:29
js	JavaScriptタグが付けられた新着投稿 - Qiita	初めての案件	https://qiita.com/toivokitahara/items/4b1139c2d1966a194a1e	負荷	2022-07-14 13:43:14
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】ブラウザの言語に合わせたページ遷移の実装	https://qiita.com/junkin1221/items/a5bb5ff15dc1b55f6884	javascript	2022-07-14 13:36:55
js	JavaScriptタグが付けられた新着投稿 - Qiita	Denoのwindow.close()の動作	https://qiita.com/access3151fq/items/8e499982889476fdcbd8	windowclose	2022-07-14 13:22:08
js	JavaScriptタグが付けられた新着投稿 - Qiita	部品ベースのフロントエンド開発におけるSOLID主義 - なぜ重要か？	https://qiita.com/tronicboy/items/3effdef9eece6b9f4f2b	開発	2022-07-14 13:15:09
AWS	AWSタグが付けられた新着投稿 - Qiita	【備忘録】OCP4.9 プライベートクラスターの既存VPCへのインストール手順	https://qiita.com/Tati09/items/2096a12ad32cfb255a9b	containerplatform	2022-07-14 13:33:32
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure Cognitive Search の OCR スキルが Read API v3.2 に対応！	https://qiita.com/nohanaga/items/2c57170f38b183a9daac	azurecognitivesearch	2022-07-14 13:59:01
技術ブログ	Developers.IO	創業者来日！mabl日本法人設立記念パーティーに参加してきた	https://dev.classmethod.jp/articles/mabl-japan-party/	日本法人	2022-07-14 04:46:28
海外TECH	DEV Community	Projects Coming to Life 🌈 Inside of VS Code - Blissful Onboarding	https://dev.to/sourishkrout/projects-coming-to-life-inside-of-vs-code-marquees-project-mode-35p9	Projects Coming to Life Inside of VS Code Blissful Onboarding Onboarding is constant It really isn t ever done Once you have become comfortable contributing to a repo it is mind boggling how little it takes to completely forget about workflows and prerequisites after switching back to it from another project It s also much easier said than done to keep up with changes others introduced that often unintentionally pull out the rug under your past time productive dev environment If you haven t yet go ahead and give Marquee a spinThis and the desire for better DX is what motivated us at Stateful to introduce relevant onboarding information readily into Marquee the high density information homescreen for VS Code As of Marquee v the beta UX of Project Mode is available to you Select Project Mode from the modes dropdown Customize your ️project dashboardRight out the gate we have a few handy widgets available in beta Todos to quickly reload contextA markdown widget to surface important project docsInsights about download numbers in case it s published to NPMAdd RSS feeds to pull in arbitrary feeds eg Twitter Orbit anything Zapier connects toAnd of course a Recent Projects widget to navigate your projectsCurate your repo s dashboard for your team s benefit by checking in relevant VS Code settings into your version control system Install Marquee and give it a shot Project Mode has just gotten startedAnything in particular you would like to see on this dashboard Please tell us on GitHub or Discord Questions bug reports or suggestions are always welcome Learn how Stateful s Christian Bromann uses Project Mode to keep up with his open source projects	2022-07-14 04:14:24
海外TECH	DEV Community	Front End Interview Question	https://dev.to/lucvankerkvoort/front-end-interview-question-5392	Front End Interview QuestionWe as programmers lead a hard life Especially when it comes to the interview process There are many obstacles we have to face to get a new job which is never fun to do I bet all of you reading this are excellent programmers but a lot of us have a problem when we get put on the spot performing under pressure is not our forte This is why we didn t become olympic swimmers or deep sea divers All jokes aside I think it is important for us to document the hoops we have to jump through to get a job That is why I wrote this article about a take home assignment I once received from a company The AssignmentI received the following requirementsCreate a button that once clicked showcases the current price of BitcoinAfter the button is clicked the buttons text changes from get Bitcoin price to refresh Bitcoin price After the button is clicked it changes color from blue to purpleOnce the button is clicked a field shows up with Current price after a consecutive click a second field shows up with Previous price This was the entirety of the brief the assignment had little to no restrictions to it You can use libraries however you like them You can use outside sources to fill in the code and you have hour to complete it The ApproachI started thinking about how I wanted to structure the code keeping in mind best practices and going for a functional programming solution In functional programming we break big problems down into modular solutions This means we build functions that are reusable and pure LogicSo I started dividing up the work and I came up with the following approach and pseudo code for the logic Button pressI ll use a useState to keep track of the button state This is also a value we can pass along to the button to change the color of it and use it to set the text for it Button pressconst isPressed setPressed useState false API callI ll create a modular API call for the bitcoin call with a try catch statement which will return an empty array so the page will still load even if the call fails API callconst getBitcoin async gt try fetch url catch return Setting Amountthinking about this we need a data structure to keep track of the bitcoin prices In my mind the best approach would be a Queue where a price comes in and we display it as current then a second price comes in and current becomes the new price and the old price becomes the previous price and so on and so forth setting amountconst bitcoinPrices setPrice useState const setAmount data gt const newPrices data bitcoinPrices slice setPrice newPrices These will guide me into creating the application User InterfaceNow We ll have to build out the UI for this application Let me add that the UI looks kind of funky because there were no restrictions to what the UI looks like this was purely a showcase of logic skills lt div className App gt lt button gt isPressed refresh Bitcoin price get Bitcoin price lt button gt lt div gt lt div gt bitcoinPrice map value i gt lt div key i gt i Current price Previous price value lt div gt lt div gt lt div gt lt div gt as you can see I put in a ternary changing the text of the button from get Bitcoin price to refresh Bitcoin price I am mapping the bitcoinPrice state variable to set the value I m using a ternary to decide the text in front of the value If it is the index of we set it to Current Price otherwise we set it to Previous Price Extra curricular pointsIn this challenge I had to build it on my own machine while the interviewer was watching I created a new React project using npx create react app I got prompted the question why I used create react app These kind of questions are a great tool to share your knowledge It is extra curricular points to know the answers to these kind of questions so if you don t that is okay but here is an acceptable answer to the questioncreate react app is a package that presets an entire React application which installs babel which is a compiler used to parse JSX code to plain ES JavaScript it installs webpack a bundler and presets it to bundle the application installs React and presets the Virtual DOM sets up testing with React testing library so right out of the box we can start coding away The other good thing about it is that you can install and talk at the same time Hopefully by the time you are done talking the installation will be complete The ExecutionUnder the watchful eye from my interviewer I started building out the application first a draft version to get things started function App const isPressed setPressed useState false const bitcoinPrice setBitcoinPrice useState const getBitcoin async gt try const call await fetch method GET authorization Bearer abddffabcdabfdbbccdebcdcecc const response await call json return await response catch return const setAmount gt const data await getBitcoin if data returnconsole log data data base BTC currency USD amount const data amount data New amount is pushed in front of the old amounts that have been deconstructed We then slice the array at so we get rid of any old data we don t want to use anymoreconst newPrices amount bitcoinPrice slice setBitcoinPrice newPrices return lt div className App gt lt button onClick gt if isPressed setPressed true setAmount gt isPressed refresh Bitcoin price get Bitcoin price lt button gt lt div gt lt div gt bitcoinPrice map value i gt lt div key i gt i Current price Previous price value lt div gt lt div gt lt div gt lt div gt export default AppHere I build the draft for the application I felt like it is a lot of code on a single page but it was executing everything I needed for the logic however on the User Interfaces the button wasn t changing color yet so we had to tackle that with a library I asked the interviewer if I m allowed to install libraries He said yes but you would have to explain the use case of the library I decided I wanted to implement styled components as a CSS library that allows me to send and use JavaScript right into my CSS This is extremely handy if you have to set colors on elements using a ternary operator StylesI created the following css file to style the Button and implemented the ternary operator to change the background color to purple after the button has been pressed I also found that the list items were horizontally aligning to each other so I decided to use flexbox to fix that issue as you can see in the List componentimport styled from styled components export const Button styled button background color isPressed gt isPressed blue purple export const List styled div display flex flex direction column with that out of the way I imported the components into the main file and I implemented the new styled components as shown below return lt div className App gt lt Button isPressed isPressed onClick gt if isPressed setPressed true setAmount gt isPressed refresh Bitcoin price get Bitcoin price lt Button gt lt div gt lt List gt bitcoinPrice map value i gt lt div key i gt i Current price Previous price value lt div gt lt List gt lt div gt lt div gt Now I was happy about the styling and I could move forward with optimization of my code OptimizationDuring the interview I started thinking whether my code was written with the best practices when it comes to writing functional programming I did see a flaw in my setAmount functionconst setAmount gt const data await getBitcoin if data returnconsole log data data base BTC currency USD amount const data amount data New amount is pushed in front of the old amounts that have been deconstructed We then slice the array at so we get rid of any old data we don t want to use anymoreconst newPrices amount bitcoinPrice slice setBitcoinPrice newPrices this function is not a pure function Meaning with the same input we do not always receive the same output It should also not be modifying any outside variables or have functions as children I felt like this could be optimized by using composition Composition or Pipingcomposing functions means we have a higher order function that executes a multitude of functions on a singular input Meaning we give parameters to a function that then executes multiple functions in sequence utilizing the parameters reading from right to left e g const purchaseItem compose subtractFunds emptyBasket moveToPurchase putInBasket name Laptop price Piping is the same concept but then the other way around Instead of right to left we go left to rightconst purchaseItem pipe putInBasket moveToPurchase emptyBasket subtractFunds name Laptop price I found a great solution to compose asynchronously What this means is that I have created a compose function which takes in promises and converts those into actual dataexport const compose functions gt input gt functions reduceRight chain func gt chain then func Promise resolve input These powerful few lines create a composition HOF higher order function that resolves promisesFirst functionwe give it x amount of functions in the first function of the chain which we use a spread operator on so we can have any amount of functions Second functionwe take input in a second function so we can curry the input on to the functions as seen in the example above Third functionthis is what the actual function returns it is a reducer that takes in chain and function the chain is used to create a resolve for the functions and resolves the given input through these chains I know right take a breather after this one The SolutionThe solution comes down to a couple of core concepts being applied to a core problem as stated we had the following requirements Create a button that once clicked showcases the current price of BitcoinAfter the button is clicked the buttons text changes from get Bitcoin price to refresh Bitcoin price After the button is clicked it changes color from blue to purpleOnce the button is clicked a field shows up with Current price after a consecutive click a second field shows up with Previous price The following paradigms are used to solve the issue modularizationfunctional programmingcomposinghere is a snapshot of the architecture implemented for this solutionThe following files are highlighted App js this stores the applicationstyles js this is holds our styled components utils folder with utility functions in this case the compose function API folder with API calls in this case the bitcoin apiThe reason I chose this file structure is that it gives room for growth utility functions are really used a lot storing these in an easy to reach folder is beneficial to a team working on an application Setting up webpack to import from the src folder is even better because these folders will be accessible anywhere instead of having the write relative paths let s take a close look at App jsimport React useState from react import getBitcoin from API import compose from utils import Button List from styles import App css function App const hasBeenPressed setPressed useState false const bitcoinPrice setBitcoinPrice useState const storeAmount data gt if data return const amount data const bitcoinPrices amount bitcoinPrice slice setBitcoinPrice bitcoinPrices const bitcoinCall compose storeAmount getBitcoin return lt div className App gt lt Button isPressed hasBeenPressed onClick gt if hasBeenPressed setPressed true bitcoinCall gt hasBeenPressed refresh Bitcoin price get Bitcoin price lt Button gt lt div gt lt List gt bitcoinPrice map value i gt lt div key i gt i Current price Previous price value lt div gt lt List gt lt div gt lt div gt export default App as you can see I modularized some of the code for example we are now importing the compose function as well as the API call for bitcoin since the bitcoin API call returns a promise we use our special compose function to resolve that promise and pass on the data to the setAmount function const bitcoinPrice setBitcoinPrice useState const storeAmount data gt if data return const amount data const bitcoinPrices amount bitcoinPrice slice setBitcoinPrice bitcoinPrices const bitcoinCall compose storeAmount getBitcoin As you can see I utilized the styled components to create the button and the list components Button component lt Button isPressed hasBeenPressed onClick gt if hasBeenPressed setPressed true bitcoinCall gt hasBeenPressed refresh Bitcoin price get Bitcoin price lt Button gt as you can see I m passing on the hasBeenPressed to Button component which is used in the styled component to change the background I m also using it to set the text utilizing a ternary operator List component lt List gt bitcoinPrice map value i gt lt div key i gt i Current price Previous price value lt div gt lt List gt List is used for styling purposes only making sure the div s are centered and in a column direction HelpersI always like to create folders for my helper functions so it is structured and easily maintainable These are the folders I created and I usually use the index js format because these are easily accessible utilsexport const compose functions gt input gt functions reduceRight chain func gt chain then func Promise resolve input APIexport const getBitcoin async gt try const call await fetch method GET authorization Bearer abddffabcdabfdbbccdebcdcecc const response await call json return await response catch return named exports are easy to import again as well it also separates the different functions instead of exporting default and having a load of different files Thank youThank you so much for reading this tutorial I hope it has given you an insight into how to approach a problem like this I know this is an opinionated way of writing code but I believe that if you have a foundation that you are following and a good explanation to why you do the things you do you are an excellent programmer if you want to connect you can do so here GithubLinkedin	2022-07-14 04:12:30
医療系	医療介護 CBnews	薬剤師の偏在指標算出、22年度中-対策推進へ、厚労省	https://www.cbnews.jp/news/entry/20220714110657	厚生労働省	2022-07-14 13:35:00
医療系	医療介護 CBnews	自宅療養・施設内感染への支援強化へ、日医-新型コロナの急拡大受け	https://www.cbnews.jp/news/entry/20220714112543	定例記者会見	2022-07-14 13:30:00
金融	ニッセイ基礎研究所	老後のための資産形成で、いつどのようにリスクを落としたら良いのか？－DC、つみたてNISAの終わり方、ターゲットデート型とは何か	https://www.nli-research.co.jp/topics_detail1/id=71775?site=nli	目次ーはじめにー過去のデータから、たった数か月の違いで時価残高が大きく異なることが分かるー年齢が高くなるにつれ、どうしてリスクを落とさないといけないのかーリスクの落とし方は商品によって運用スタイルが異なるーターゲットデート型に投資した場合の時価残高はいくらになるのかーまとめ「万円問題」と話題になった金融審議会の市場ワーキング・グループ報告書で問題提起されたように、多くの人は公的年金だけでは老後を安心して生活するのが難しく、老後を見据えた資産形成が必要である。	2022-07-14 13:23:01
海外ニュース	Japan Times latest articles	Yen falls to ¥138 against the dollar, marking fresh 24-year low	https://www.japantimes.co.jp/news/2022/07/14/business/financial-markets/yen-fresh-low-138/	Yen falls to against the dollar marking fresh year lowThe yen has been weakening amid expectations of a widening interest rate gap between the United States and Japan It last dropped to the	2022-07-14 13:38:40
海外ニュース	Japan Times latest articles	Panasonic to build EV battery plant for Tesla in Kansas	https://www.japantimes.co.jp/news/2022/07/14/business/corporate-business/panasonic-tesla-battery-plant/	electric	2022-07-14 13:09:40
海外ニュース	Japan Times latest articles	The rapid rise of round-the-clock fitness in Japan	https://www.japantimes.co.jp/life/2022/07/14/general/japan-24-hour-fitness/	nation	2022-07-14 13:07:11
ニュース	BBC News - Home	Tory minister Lord Agnew pressed for key role for donor, says ex-MP	https://www.bbc.co.uk/news/uk-politics-62043590?at_medium=RSS&at_campaign=KARANGA	court	2022-07-14 04:30:19
ビジネス	ダイヤモンド・オンライン - 新着記事	スリランカ債務危機、問われる中国の貧困国融資 - WSJ発	https://diamond.jp/articles/-/306490	債務危機	2022-07-14 13:19:00
ビジネス	ダイヤモンド・オンライン - 新着記事	人手不足で空港混乱、航空会社には良質な問題 - WSJ発	https://diamond.jp/articles/-/306491	人手不足	2022-07-14 13:12:00
北海道	北海道新聞	茨城県警巡査逮捕、侵入窃盗疑い　勤務する駐在所の管轄で	https://www.hokkaido-np.co.jp/article/705590/	侵入窃盗	2022-07-14 13:20:26
北海道	北海道新聞	急速な円安進行「憂慮」　官房長官、物価影響を注視	https://www.hokkaido-np.co.jp/article/705553/	円安ドル高	2022-07-14 13:19:21
北海道	北海道新聞	日米延べ５２機の大規模訓練　広範囲で中国に抑止力示す	https://www.hokkaido-np.co.jp/article/705576/	東シナ海	2022-07-14 13:19:21
北海道	北海道新聞	カブス鈴木は４打数１安打　オリオールズ戦	https://www.hokkaido-np.co.jp/article/705591/	打数	2022-07-14 13:04:00
北海道	北海道新聞	警察庁、検証チームを奈良に派遣　１週間めどに、当時の態勢確認	https://www.hokkaido-np.co.jp/article/705589/	安倍晋三	2022-07-14 13:03:00
北海道	北海道新聞	「ムードだけで改憲できない」　公明幹部、慎重議論要請	https://www.hokkaido-np.co.jp/article/705588/	憲法改正論議	2022-07-14 13:03:00
北海道	北海道新聞	地位協定改定の必要性を強調　沖縄、神奈川両知事が会談	https://www.hokkaido-np.co.jp/article/705575/	地位協定	2022-07-14 13:04:03
マーケティング	AdverTimes	メドピア、執行役員 VPoEほか（22年7月14日付）	https://www.advertimes.com/20220714/article389664/	執行役員	2022-07-14 04:59:28
マーケティング	AdverTimes	TSI HD、TSI第2事業Div長（22年8月1日付）	https://www.advertimes.com/20220714/article389668/	tsihd	2022-07-14 04:49:46
海外TECH	reddit	Ohtani's line vs. Astros: 6.0 IP, 4 H, 1 R, 1 ER, 12 SO, 2 BB, 105 pitches; On offense: 1 for 2, 1 BB, 1 3B, 2 RBI	https://www.reddit.com/r/baseball/comments/vymnyx/ohtanis_line_vs_astros_60_ip_4_h_1_r_1_er_12_so_2/	Ohtani x s line vs Astros IP H R ER SO BB pitches On offense for BB B RBIEDIT He got more ABs and hit a single with one so he s for BB B RBI with a run scored in the game on offense ERA K in IP on the year submitted by u Blazingbee to r baseball link comments	2022-07-14 04:06:44