投稿時間:2021-06-11 10:29:17 RSSフィード2021-06-11 10:00 分まとめ(36件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	Netflix、服や雑貨を販売「Netflix.shop」米国でオープン　日本進出も数か月以内に	https://japanese.engadget.com/netflix-ec-005011565.html	netflix	2021-06-11 00:45:11
ROBOT	ロボスタ	IoTの最新潮流を読むイベント「SORACOM Discovery 2021」6月22日より開催　30社以上のゲスト企業が最新IoT事例を紹介	https://robotstart.info/2021/06/11/soracom-discovery2021.html	soracomdiscovery	2021-06-11 00:12:22
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] マネーフォワードクラウド請求書、1年間無料キャンペーン実施　紙の請求書の電子化を推進	https://www.itmedia.co.jp/business/articles/2106/11/news068.html	itmedia	2021-06-11 09:15:00
IT	ITmedia 総合記事一覧	[ITmedia News] Microsoft、クラウドゲーム専用端末を開発中	https://www.itmedia.co.jp/news/articles/2106/11/news069.html	itmedianewsmicrosoft	2021-06-11 09:13:00
AWS	AWS Networking and Content Delivery	Monitoring AWS Transit Gateway route limits using a serverless architecture	https://aws.amazon.com/blogs/networking-and-content-delivery/monitoring-aws-transit-gateway-route-limits-using-a-serverless-architecture/	Monitoring AWS Transit Gateway route limits using a serverless architectureAWS Transit Gateway simplifies your network and puts an end to complex peering relationships It acts as a cloud router and scales elastically based on the volume of network traffic It can centralize connections known as attachments from your on premises networks and attach to Amazon Virtual Private Clouds VPC Virtual Private Networks VPN AWS Direct …	2021-06-11 00:45:05
デザイン	コリス	HTMLを書いたり、修正する時に役立つVS Codeの機能拡張のまとめ	https://coliss.com/articles/build-websites/operation/work/vs-code-extensions-for-html.html	続きを読む	2021-06-11 00:36:47
python	Pythonタグが付けられた新着投稿 - Qiita	C++のTupleがあればPythonみたいな便利な書き方ができる	https://qiita.com/lucidfrontier45/items/61024460eb8ea6c4e170	Pythonで書くと以下のようになります。	2021-06-11 09:30:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	スプレッドシートで変更（IMPORTRANGE)があった場合、自分にメールを送りたい	https://teratail.com/questions/343411?rss=all	スプレッドシートで変更IMPORTRANGEがあった場合、自分にメールを送りたいIMPORTRANGEをしているシートに変更があった場合、通知メールを送るスプレッドシートAシートAを、別スプレッドシートBのシートBaposにIMPORTRANGEしています。	2021-06-11 09:25:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Javaでのnext()メソッドの作り方について	https://teratail.com/questions/343410?rss=all	Javaでのnextメソッドの作り方についてJavaでメソッドを勉強しているのですが、演習問題にあるnextメソッドを作る方法が単純ながら全然分からなくて困っております。	2021-06-11 09:19:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	エラーコード： Error in created hook: "TypeError: Cannot read property 'uid' of null"を解消したい	https://teratail.com/questions/343409?rss=all		2021-06-11 09:10:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	docker-compose up で勝手にvolumeが作られる	https://teratail.com/questions/343408?rss=all	dockercomposeupで勝手にvolumeが作られるdockercomposeymlにてボリュームの設定の記述を特にしてないのですが、dockercomposenbspupにてコンテナを作成した後に、dockernbspvolumenbsplsでボリュームリストを見ると、adcfaafacfadcfbcaffのような、適当な名前のボリュームが勝手に作成されております。	2021-06-11 09:07:45
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	vim * coc * efm* textlintでエラー	https://teratail.com/questions/343407?rss=all	ホームディレクトリからmarkdownを呼び出すと下記のようなエラーがでて処理を実行してくれません。	2021-06-11 09:00:57
GCP	gcpタグが付けられた新着投稿 - Qiita	【Google Cloud Day '21】「OPS で実現する ” 攻め ” のシステム運用 ～ 信頼性の高いシステムへ ～」を視聴して	https://qiita.com/Mune_robo/items/a46514746379c70f5097	googleclouddayx	2021-06-11 09:48:03
GCP	gcpタグが付けられた新着投稿 - Qiita	【Google Cloud Day '21】「激化する競争を勝ち抜くために企業が取るべきクラウド戦略と NTTデータのソリューション」を視聴して	https://qiita.com/Mune_robo/items/2f57cafb44b0d28989e9	googleclouddayx	2021-06-11 09:44:01
技術ブログ	Developers.IO	[Kinesis Data Streams] 後段のLambdaの実行数を予測するため、シャード数、バッチ数、同時バッチ数、処理時間の関係を確認してみました	https://dev.classmethod.jp/articles/kinesis-data-streams-lambda-processing-time/	kinesi	2021-06-11 00:56:07
技術ブログ	Developers.IO	Partition射影のinjected型を使ってみた	https://dev.classmethod.jp/articles/try_partition_projection_injected_type/	amazon	2021-06-11 00:45:10
海外TECH	DEV Community	React Cheat sheet (Updated June 2021)	https://dev.to/ericchapman/react-cheat-sheet-updated-may-2021-1mcd	React Cheat sheet Updated June I don t use React often and so whenever I need to do even the smallest thing in React I have to check out the documentation a tutorial or post a question on a forum That s why I decided to do this memory aid and given that my memory is not that good I thought why not make a monstrous memory aid with all the concepts I know about React So I can read it from time to time and thereby strengthen my knowledge of React If you have ideas or recommendation do not hesitate and do so in the comments section React Cheat Sheet Create a React App Create a new appnpx create react app my app name Run the created appcd my app nameyarn start http localhost First React functional ComponentNo need to import React from react since React Must have uppercase first letterMust return JSX src App js React componentfunction App return lt h gt Hello World lt h gt export default App How this component get render to the browser The main project file is src index js and in that file there are instruction to render the componentReactDOM render lt App gt document getElementById root The App component will then be rendered inside public index html root divImport ComponentComponent will be created in separate files Each component need to be export and then importfunction Greeting return lt h gt Hello World lt h gt export default GreetingThis component can then be importimport Greeting from Gretting function App return lt Greeting gt or name export export function Greeting return lt h gt Hello World lt h gt This component can then be importimport Greeting from Gretting BEM Naming Conventionreturn lt div className app gt lt h className app title gt Welcome to my application appTitle lt h gt lt div className product gt lt h className product name large gt Product name product name lt h gt lt h className product name small gt Nick name product nickName lt h gt lt p className product description gt Product description product description lt div gt lt div gt JSX RulesReturn a single element only one parent element not validreturn lt h gt Hello world lt h gt lt h gt Hi lt h gt valid with fragment return lt gt lt h gt Hello World lt h gt lt h gt Hi lt h gt lt gt Noted the parenthesis for multi line formattingUse className instead of classAlso all attribute name need to be camelCase not validreturn lt div class title gt Hello World lt div gt validreturn lt div className title gt lt div gt Close every elementreturn lt img src http example com image jpg gt lt input type text name first name gt Nested Components Arrow function shorthand componentconst Person gt lt h gt Mike Taylor lt h gt Arrow function componentconst Message gt return lt h gt Hello lt h gt Function componentfunction HelloWorld return lt gt lt Message gt lt Person gt lt gt Component CSS src App css h color red src App js Import the CSS fileimport App css function App return lt h gt Hello World lt h gt Inline CSSfunction App return lt h style color red gt Hello World lt h gt Javascript in JSXEnclose between Must be an expression return a value function App const name Mike return lt gt lt h gt Hello name lt h gt lt p gt name Mike admin user lt p gt lt gt Component Properties Props function App return lt Person name Mike age gt const Person props gt return lt h gt Name props name Age props age lt h gt or props object deconstructingconst Person name age gt return lt h gt Name name Age age lt h gt Children Props slot function App return lt Person name Mike age gt Hi this is a welcome message lt Person gt const Person props gt return lt h gt Name props name Age props age lt h gt lt p gt props children lt p gt or props object deconstructingconst Person name age children gt return lt h gt Name name Age age lt h gt lt p gt children lt p gt Default Props valueconst Person name age children gt return lt h gt Name name Age age lt h gt lt p gt children lt p gt Person defaultProps name No name age Listconst people id name Mike age id name Peter age id name John age function App return people map person gt return lt Person name person name age person age gt const Person props gt return lt h gt Name props name Age props age lt h gt List with key for React internal reference function App return people map person gt return lt Person key person id name person name age person age gt Props object deconstructingfunction App return people map person gt lt Person key person id person gt const Person name age gt return lt h gt Name name Age age lt h gt Click Eventconst clickHandler gt alert Hello World function App return lt gt lt h gt Welcome to my app lt h gt lt button onClick clickHandler gt Say Hi lt button gt lt gt or inline function App return lt gt lt h gt Welcome to my app lt h gt lt button onClick gt alert Hello World gt Say Hi lt button gt lt gt To pass arguments we need to use arrow functionconst clickHandler message gt alert message function App return lt gt lt h gt Welcome to my app lt h gt lt button onClick gt clickHandler Hello World gt Say Hi lt button gt lt gt e for event argumentsconst clickHandler e gt console log e target function App return lt gt lt h gt Welcome to my app lt h gt lt button onClick gt clickHandler Hello World gt Say Hi lt button gt lt gt Pass event from child to parentfunction Todo item onDelete return lt div gt item lt button onClick gt onDelete item lt div gt function Todos const handleDelete todo gt const newTodos todos filter item gt item todo setTodos gt newTodos return todos map todo gt lt Todo item todo onDelete handleDelete gt useState HookThe purpose of useState is to handle reactive data any data that changes in the application is called state And when the state changes you want react to update the UI Hook always start with use prefixMust be invoke only in a React component functionMust be call at top level of a functional componentDeclaration cannot be call conditionallyuseState return an array of state value set state function import React useState from react const DisplayTitle gt const title setTitle useState This is the Title const handleClick gt setTitle New Title return lt gt lt h gt title lt h gt lt button type button className btn onClick handleClick gt Change Title lt button gt lt gt export default DisplayTitle useState with objectconst DisplayTitle gt const person setPerson useState name Mike age const handleClick gt setPerson person age return lt gt lt h gt title lt h gt lt button type button className btn onClick handleClick gt Change Age lt button gt lt gt setState functional formfunction Counter const count setCount useState Use a function to set State const increase gt setCount gt count return lt gt lt h gt Counter lt h gt lt p gt count lt p gt lt button onClick increase className btn gt lt button gt lt button onClick gt setCount gt count className btn gt lt button gt lt gt useEffectIn React you may want to execute code after lifecycle events or side effects By default useEffect function is execute after every re render You can then execute code everytime component update import React useEffect from react function IncreaseValue const value setValue useState useEffect gt document title New value value return lt button onClick gt setValue value gt Increase lt button gt Conditional useEffectConditional need to be place inside useEffect functionuseEffect gt if value gt document title New value value useEffect Dependency ListWhat if you want to execute code only on first render or only when a particular state change You can use the useEffect function and send an array of dependencies as parameter useEffect will run only if state is in the Dependency List If the list is empty the useEffect will only run on initial render useEffect gt document title New value value Noted the empty array useEffect will then only run once on initial renderuseEffect gt document title New value value value Will run each time value state change useEffect cleanup functionWhat if you want to execute code each time the component unmount To execute code only when a component is unmount destroy you need to add a return statement to your useEffect function useEffect gt const timer window setInterval gt setCount count gt count return gt clearInterval timer The code clearInterval timer will only be execute before component is remove from UI unmount Conditional Renderingfunction DisplayGreeting const name setName useState Mike if name Mike return lt h gt Hello admin name lt h gt return lt h gt Hello user name lt h gt Inline If Else return lt div gt The user is lt b gt isLoggedIn currently not lt b gt logged in lt div gt Inline Logical amp amp Operator Display only if first expression is truthytruthy Not null undefined and NaN function DisplayUserInfo active return lt div gt active amp amp lt h gt User is active lt h gt lt div gt Multiple inline If lt span className count amp amp text gray count gt amp amp text green count lt amp amp text red gt count lt span gt Formconst UserForm gt const userName setUserName useState const handleSubmit e gt e preventDefault console log userName return lt gt lt form onSubmit handleSubmit gt lt input value userName onChange e gt setUserName e target value type text id userName name userName gt lt button type submit gt Submit lt button gt lt form gt lt gt export default UserForm useRefuseRef is mostly use to target a DOM element But it can also be use to keep preserve a mutable value between each render useRef does not trigger a re render like a useState const UseRefBasics gt const refContainer useRef null const handleSubmit e gt e preventDefault console log refContainer current value useEffect gt refContainer current focus return lt div gt lt form className form onSubmit handleSubmit gt lt div gt lt input ref refContainer type text gt lt button type submit gt Submit lt button gt lt div gt lt form gt lt div gt ConclusionThat s it for today We still have a lot to do so see you tomorrow If you want to be sure to miss nothing click follow me I am new on twitter so if you want to make me happyFollow me Follow justericchapman	2021-06-11 00:39:51
海外科学	NYT > Science	E.P.A. to Review Rules on Soot Linked to Deaths, Which Trump Declined to Tighten	https://www.nytimes.com/2021/06/10/climate/soot-pollution-EPA.html	E P A to Review Rules on Soot Linked to Deaths Which Trump Declined to TightenThe Biden administration says it will consider tougher limits on a deadly air pollutant that disproportionately affects low income and minority communities	2021-06-11 00:15:48
金融	ニッセイ基礎研究所	所有者不明土地への諸対策 (2)－共有制度の見直し	https://www.nli-research.co.jp/topics_detail1/id=67998?site=nli	nbspつまり、所在等不明共有者の持分を裁判により共有者Aが取得した以降は、AとBという所在の明確な共有者だけが存在することとなって、共有物の分割訴訟が可能になるということである。	2021-06-11 09:56:21
金融	ニッセイ基礎研究所	こどもの数が減り続けている－優(まさ)れる宝　子に及(し)かめやも	https://www.nli-research.co.jp/topics_detail1/id=67990?site=nli		2021-06-11 09:44:59
ニュース	BBC News - Home	G7: Joe Biden is breath of fresh air, says Boris Johnson	https://www.bbc.co.uk/news/uk-politics-57433296	biden	2021-06-11 00:10:48
ニュース	BBC News - Home	Taller or shorter with Peter Crouch	https://www.bbc.co.uk/news/newsbeat-57431175	taller	2021-06-11 00:33:56
ニュース	BBC News - Home	Crowded House's Neil Finn: The most debauched we got was water fights	https://www.bbc.co.uk/news/entertainment-arts-57419383	hotel	2021-06-11 00:25:14
ニュース	BBC News - Home	'Huntington's disease won't stop me having a baby'	https://www.bbc.co.uk/news/stories-57430859	disease	2021-06-11 00:35:33
ニュース	BBC News - Home	Ethiopia's Tigray crisis: Tragedy of the man-made famine	https://www.bbc.co.uk/news/world-africa-57422168	tigray	2021-06-11 00:36:58
ニュース	BBC News - Home	E3 2021: What to expect at the world's most influential gaming event	https://www.bbc.co.uk/news/newsbeat-57425970	eventnewsbeat	2021-06-11 00:43:39
ニュース	BBC News - Home	Essex and London accents deemed less intelligent, researchers find	https://www.bbc.co.uk/news/uk-england-essex-57071805	essex	2021-06-11 00:48:00
ビジネス	ダイヤモンド・オンライン - 新着記事	米インフレ急上昇、FRBに早期の政策変更迫るか - WSJ発	https://diamond.jp/articles/-/273769	早期	2021-06-11 09:22:00
LifeHuck	ライフハッカー［日本版］	フリーランスなら活用したい必見アプリ・ツール5選	https://www.lifehacker.jp/2021/06/235856best-freelance-business-tools.html	細か	2021-06-11 10:00:00
北海道	北海道新聞	バッハ会長、７月中旬に来日　「東京で会いましょう」	https://www.hokkaido-np.co.jp/article/554229/	国際オリンピック委員会	2021-06-11 09:19:12
北海道	北海道新聞	拿捕漁船、稚内に帰港　ロシアに２週間、１０日解放	https://www.hokkaido-np.co.jp/article/554235/	国境警備局	2021-06-11 09:15:58
仮想通貨	BITPRESS（ビットプレス）	[ロイター] バーゼル委、ビットコインに厳しい規制案	https://bitpress.jp/count2/3_9_12570	規制	2021-06-11 09:14:46
仮想通貨	BITPRESS（ビットプレス）	Zaif、11/1付で「カイカエクスチェンジ」に商号変更―サービス名称は変わらずZaifで	https://bitpress.jp/count2/3_11_12569	変更	2021-06-11 09:08:10
仮想通貨	BITPRESS（ビットプレス）	[日経] 銀行のビットコイン保有を規制　バーゼル委が検討	https://bitpress.jp/count2/3_9_12568	銀行	2021-06-11 09:04:32
IT	週刊アスキー	ケンタッキー、年に一度の「創業記念パック」お買い得な3週間	https://weekly.ascii.jp/elem/000/004/058/4058699/	週間	2021-06-11 09:30:00
マーケティング	AdverTimes	V6にとっての「なかよし」って？台本なしで語った「ピノ」Webムービーが公開	https://www.advertimes.com/20210611/article354067/	森永乳業	2021-06-11 00:30:57