投稿時間:2021-05-14 06:16:15 RSSフィード2021-05-14 06:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Machine Learning Blog	Build BI dashboards for your Amazon SageMaker Ground Truth labels and worker metadata	https://aws.amazon.com/blogs/machine-learning/build-bi-dashboards-for-your-amazon-sagemaker-ground-truth-labels-and-worker-metadata/	Build BI dashboards for your Amazon SageMaker Ground Truth labels and worker metadataThis is the second in a two part series on the Amazon SageMaker Ground Truth hierarchical labeling workflow and dashboards In Part Automate multi modality parallel data labeling workflows with Amazon SageMaker Ground Truth and AWS Step Functions we looked at how to create multi step labeling workflows for hierarchical label taxonomies using AWS Step Functions In …	2021-05-13 20:49:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	jQuery Mobileのスタイルシートを読み込むと、印刷の際、改ページが効かない	https://teratail.com/questions/338197?rss=all	jQueryMobileのスタイルシートを読み込むと、印刷の際、改ページが効かないjQuerynbspMobileを使ってWebアプリを作っています。	2021-05-14 05:59:12
海外TECH	DEV Community	Strengths and Weaknesses of Online Bootcamps in 2021	https://dev.to/toymachine/strengths-and-weaknesses-of-online-bootcamps-in-2021-3pi	Strengths and Weaknesses of Online Bootcamps in Just like every other teaching method online education comes with its own set of pros and cons With the new normal dictating increased usage of online tools a better understanding of these tools helps educational institutions in devising better strategies for their students and students better strategies for learning Let us discuss the various pros and cons of online education in detail especially as the possibility of returning to in person colleges bootcamps seminars training sessions tutors and other modes of learning starts to open back up in Advantages Of Online LearningWith the shifting of dynamics in the post pandemic era online education has proved to be a boon for many The advantages of this learning method are many and can be discussed as follows Efficient In person learning is limited to the size of the room and how far a teacher s voice will carry When online one teacher can teach hundreds of people This brings down costs and removes barriers Asynchronous In person learning has to be done on a fixed inflexible schedule Online learning can be done in your time around working hours and household responsibilities The online lectures can also be recorded shared and viewed for future reference at a time of their choice by the students Innovative Online education offers teachers an efficient way of delivering lessons by incorporating a range of tools into lesson plans These include podcasts videos online tools and more The tools are adapting with the times Accessible Online education allows students to attend classes irrespective of their location It also helps the schools in building an extensive network of students without any geographical restrictions Thus it offers better accessibility in terms of both time and place Affordable Online education is also beneficial in terms of reduced financial costs in comparison to physical learning This is because several cost points get eliminated in the process such as student meals transportation and real estate All the course and study material is also available online thus creating a paperless environment making it all the more affordable for the students Improved attendance With the liberty of taking classes from any location online classes have better attendance leading to fewer students missing out on lectures Universal With a range of tools available for personalization and customization of online classes they are suitable for students of all ages and styles Disadvantages Of Online LearningThough online learning platforms have flourished today there are several disadvantages or weaknesses of this system that should be kept in mind This helps in devising better teaching and learning strategies for the students and teachers alike Inability to focus One of the biggest challenges in the case of the online education system is the inability of the students to focus on the screen for long time periods This inability also increases the risk of the student getting distracted by social media a nearby TV or the internet in general In order to curb this problem it is important for the teachers to keep the interaction going and keep their classes engaging and crisp Technical issues Another key weakness of this system is the over dependence on technology Though internet penetration has increased by leaps and bounds in the last few years consistent internet connection is still a big problem in many towns and with some parts of the population for whom affordable high speed internet is still a challenge Isolation One of the major aspects of learning is not just the lectures but the peers The online education model has reduced the physical interactions between teacher and student to a minimal level causing a sense of isolation among students This affects adults just as much as it does children even it adult students might be less likely to admit it or even notice it Managing screen time Increased screen time has become a health hazard This can also cause bad posture lack of focus headaches and several other issues Taking paper notes can help but the build up of screen time is inevitable Academic Integrity This is more of an issue with college than with career focused education but the lack of classroom tests and in person assignments means the temptation to look something up or get help on solo assignment is raised when you don t have the standard classroom environment Wrapping UpRemember the online education system might never replace the physical learning system However they can be seen as their extension and can be used to complement the learning and understanding process of the students This will help students in getting the best of all worlds	2021-05-13 20:48:43
海外TECH	DEV Community	Creating a Form with React Hook Form	https://dev.to/simonxcode/creating-a-form-with-react-hook-form-3595	Creating a Form with React Hook FormIn this tutorial we will build a form with React Hook Form allowing users to create an account We will also be styling our form with Styled Components OverviewReact Hook Form is a library for creating forms utilizing concepts from React and HTML Key features and benefits of React Hook Form includes Hooks for reusable state logicHTML client side validationsminimal rendering uncontrolled form Below are the APIs we will be using useForm hook with access to different methods from libraryregister method to register inputs and apply validation ruleshandleSubmit function that will pass data after validationerrors object containing error message corresponding to input fieldreset method to reset all fields on form Styled Components is a library for styling UI components It utilizes template literals for declaring styling directly to a component Key features and benefits of Styled Components includes ease of maintenance with styling bound to componentdynamic styling using props or global themescompatible with HTML and CSS naming standards Below are the APIs we will be using styled default export for using libraryTaggedTemplateLiteral CSS properties and values passed into styled callscreateGlobalStyle function that generates a global styling componentHere are links to the repo and live site to get a better idea on what will be built Setting Up ProjectMy IDE setup and package manager for this project was VSCode and Yarn If you are using a different setup your commands will be slightly different This project was built with React Hook Form and Styled Components Keep this in mind as syntax may be different from other versions The quickest way to get started is with Create React App This will allow us to work on the project right away without having to install preliminary dependencies and make configurations On the command line in VSCode navigate to the directory where you would like to have the project stored Type yarn create react app project name to initialize the project Setting Up ComponentWe are going to make some minor changes to our files and create a function component that will render a basic form Below are key highlights along with code snippet and DOM output Key Highlights rename App js file to Form js filerename App component to Form and have it return a basic form containingtitle username email password and submit button rename App component to Form component in index js Code Snippet Form jsimport React from react function Form return lt div gt lt h gt Almost There lt h gt lt form gt lt div gt lt input type text name username placeholder username gt lt div gt lt div gt lt input type text name email placeholder email gt lt div gt lt div gt lt input type password name password placeholder password gt lt div gt lt div gt lt input type submit value Create Account gt lt div gt lt form gt lt div gt export default Form index js import Form from Form ReactDOM render lt Form gt document getElementById root DOM Output Using React Hook FormTo get started with React Hook Form we will install the library with yarn add react hook form We then import useForm Hook into Form js Now we can start integrating some of the features from this library into our project Below are key highlights along with code snippet Key Highlights import and use register handleSubmit errors and reset methodsassign register for each input field to track changes to inputs setup validation rules and error handling within input fieldsdeclare onSubmit event listener that will log data to consolereset all data after form is submittedCode Snippet Form jsimport React from react import useForm from react hook form function Form const register handleSubmit errors reset useForm const onSubmit data gt reset console log data return lt div gt lt h gt Almost There lt h gt lt form onSubmit handleSubmit onSubmit gt lt div gt lt input type text name username placeholder username ref register required username required pattern value a z a z i message Username must be characters long must start with a letter only alphanumeric characters allowed only lowercase letters allowed gt errors username amp amp lt p gt lt em gt errors username message lt em gt lt p gt lt div gt lt div gt lt input type text name email placeholder email ref register required email required pattern value A Z A Z A Z i message Please enter a valid email gt errors email amp amp lt p gt lt em gt errors email message lt em gt lt p gt lt div gt lt div gt lt input type password name password placeholder password ref register required password required pattern value a z A Z d amp A Za z d amp i message Password must be characters long must contain one UPPERCASE letter must contain one lowercase letter must contain one number must contain one special character amp gt errors password amp amp lt p gt lt em gt errors password message lt em gt lt p gt lt div gt lt div gt lt input type submit value Create Account gt lt div gt lt form gt lt div gt export default Form Testing the FormNow we will test the form to make sure the following functionalities are working properly error handling for empty fieldserror handling for invalid fieldsdata logging after validationreset of all fields after validationDom Output error handling for empty fieldserror handling for invalid fieldsdata logging to Consolereset of all fields after validation Using Styled ComponentTo get started with Styled Component we will install the Styled Component library with yarn add styled components We then import styled method into Form js As noted in the documentation if using Yarn it is recommended to include a resolution field in package json This will help prevent issues that may result from having multiple versions installed package json resolution styled components Below are key highlights along with code snippet and DOM output for styling the Title of the form The same work flow can be applied to all other elements Key Highlights declare a Title container and assign it to the styled methodattach h to styled method to define the element typedefine the CSS properties values within template literal In the return statement replace h tag with TitleCode Snippet Form jsimport styled from styled components const Title styled h color b font size rem letter spacing rem margin bottom rem lt Title gt Almost There lt Title gt DOM Output Styling FontThis step is optional and is not required if you are planing to use default Web Safe Fonts Styling the fonts for this project was a little tricky because I wanted to use the Roboto from Google Fonts From Styled Component s documentation it was not recommended to use import CSS Rule with version The work around was to install React Helmet in order to reference the url to in a Link tag Here are key highlights along with code snippet and DOM output Key Highlights install React Helmet library and import into Form jsreference Google Font urls in Link tagsimport createGlobalStyle method from Styled Component librarydeclare GlobalStyle container with font family property and valuesimport self enclosed GlobalStyle element into Form return statement make changes to font weight in the Title containerCode Snippet import Helmet from react helmet import styled createGlobalStyle from styled components const GlobalStyle createGlobalStyle body font family Roboto sans serif const Title styled h color b font size rem font weight letter spacing rem margin bottom rem return lt div gt lt GlobalStyle gt lt Helmet gt lt link rel preconnect href gt lt link href wght amp display swap rel stylesheet gt lt Helmet gt lt Title gt Almost There lt Title gt DOM Output Final TouchesTo make sure that our form renders consistently across multiple browsers we will use Normalize CSS This library will preserve user defaults styling and help maintain cross browser consistency Install the library with yarn add Normalize CSS and import it into Form js Form jsimport normalize css Final Testing Now that our form application is complete we are going to perform the same test from Testing the Form The purpose of performing the test again is to verify that layout and UI components are functioning and rendering correctly after styling Here was the list of requirements for testing error handling for empty fieldserror handling for invalid fieldsdata logging after validationreset of all fields after validation Dom Output error handling for empty fieldserror handling for invalid fieldsdata logging to Consolereset of all fields after validation Next Steps Forms are the most common and effective tools for collecting data from users This form can be integrated into any website or full stack application For best practice in development lifecycle I am planning to write either an integration or unit test for this project Stay Tuned	2021-05-13 20:24:33
Apple	AppleInsider - Frontpage News	Apple notebook shipments grew 94% year-over-year in Q1 2021	https://appleinsider.com/articles/21/05/13/apple-notebook-shipments-grew-94-year-over-year-in-q1-2021?utm_medium=rss	Apple notebook shipments grew year over year in Q Apple shipped an estimated million Mac notebooks in the first calendar quarter of coming in fourth among laptop makers during the period Credit Andrew O Hara AppleInsiderAccording to the latest Strategy Analytics data Apple s notebook shipments are up year over year The firm says that Apple shipped million notebooks in Q Read more	2021-05-13 20:01:24
海外TECH	Engadget	Twitter finally brings DM search to Android	https://www.engadget.com/twitter-direct-message-search-android-202239705.html	android	2021-05-13 20:22:39
海外科学	NYT > Science	Biden Administration to Repeal Trump Rule Aimed at Curbing E.P.A.’s Power	https://www.nytimes.com/2021/05/13/climate/EPA-cost-benefit-pollution.html	clean	2021-05-13 20:45:04
海外科学	NYT > Science	Should We Stash Our Masks for Cold and Flu Season?	https://www.nytimes.com/2021/05/13/science/masks-covid-flu-cold.html	Should We Stash Our Masks for Cold and Flu Season Wearing a mask when you re sick is common in East Asia but there s no tidy scientific consensus on how much it limits the spread of respiratory illnesses	2021-05-13 20:30:58
海外ニュース	Japan Times latest articles	Tokyo reports 1,010 new COVID-19 cases as Hokkaido logs record 712	https://www.japantimes.co.jp/news/2021/05/13/national/covid-19-japan-health/	Tokyo reports new COVID cases as Hokkaido logs record On Wednesday a panel of experts appointed by the health ministry warned that infections were expected to spread further in the northern region	2021-05-14 06:22:42
海外ニュース	Japan Times latest articles	‘Impossible’ to hold Olympics during pandemic, Japan doctors union warns	https://www.japantimes.co.jp/news/2021/05/13/national/doctors-union-says-impossible-to-hold-olympics-during-pandemic/	Impossible to hold Olympics during pandemic Japan doctors union warnsThe statement comes as Japan battles a fourth wave of virus infections with several areas including the capital under a state of emergency	2021-05-14 05:22:01
ニュース	BBC News - Home	Israel shores up Gaza border as conflict rages on	https://www.bbc.co.uk/news/world-middle-east-57097475	ground	2021-05-13 20:39:33
ニュース	BBC News - Home	Covid: Boris Johnson 'anxious' about Indian variant	https://www.bbc.co.uk/news/uk-57102392	england	2021-05-13 20:48:18
ニュース	BBC News - Home	Agoraphobic mum-to-be can be forced to hospital for birth, court rules	https://www.bbc.co.uk/news/uk-57108649	birth	2021-05-13 20:15:21
ビジネス	ダイヤモンド・オンライン - 新着記事	日本生命が子会社はなさくの販路拡大「ゴリ押し」、なないろも参戦で代理店大乱戦 - 保険の裏　営業の闇	https://diamond.jp/articles/-/270312	乗り合い	2021-05-14 05:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	東京海上日動社長に聞く「代理店共産党議員駆け込み事件」「新制度・協定代理店」 - 保険の裏　営業の闇	https://diamond.jp/articles/-/270311	参議院議員	2021-05-14 05:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	デンソー、日本電産を震撼させるファーウェイEV参入、「切り札」はこれだ - Diamond Premium News	https://diamond.jp/articles/-/270978	diamondpremiumnews	2021-05-14 05:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	東京海上の損保代理店7社が反旗！共産党・大門議員に頼った理由とその顛末 - 保険の裏　営業の闇	https://diamond.jp/articles/-/270310	参議院議員	2021-05-14 05:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	バブル崩壊とリストラの嵐を経て、左遷社員が定年まで居残るゼネコン業界 - 左遷！あなたならどうする？	https://diamond.jp/articles/-/270566	国土強靭化	2021-05-14 05:05:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	「テレビ×Twitter」広告キャンペーンの3大効果とは？	https://dentsu-ho.com/articles/7765	twitter	2021-05-14 06:00:00
LifeHuck	ライフハッカー［日本版］	煙の少ないグリルでおうち焼肉はいかが？【今日のライフハックツール】	https://www.lifehacker.jp/2021/05/234290lht-iwatani.html	cbslg	2021-05-14 06:00:00
北海道	北海道新聞	ガザ空爆、死者１００人超　イスラエル、戦闘継続	https://www.hokkaido-np.co.jp/article/543612/	継続	2021-05-14 05:12:00
北海道	北海道新聞	ロッテ佐々木朗希、１６日初登板　本拠地での西武戦、８５球めど	https://www.hokkaido-np.co.jp/article/543611/	西武	2021-05-14 05:02:00
ビジネス	東洋経済オンライン	トヨタ｢ルーミー｣が堅調な販売を続ける背景 トヨタのサブスク｢キント｣が購買を後押し？ | トレンド | 東洋経済オンライン	https://toyokeizai.net/articles/-/425916?utm_source=rss&utm_medium=http&utm_campaign=link_back	一般社団法人日本自動車販売協会連合会	2021-05-14 05:30:00