投稿時間:2021-08-14 18:21:10 RSSフィード2021-08-14 18:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	【Handsontable】セル内HTML要素の表示(Nested HTML)の実現	https://qiita.com/yaju/items/49b4197ccbe2de345d7b	前記事のもそうなんですが、不意に分類のセルの値が消える現象があります。	2021-08-14 17:24:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASで、スプレッドシートに入力した値と、現在の日（年・日時ではなく、「日」のみの値が合致しているかどうか） が同じであれば、チャットワークにその値を表示する というプログラムを作成しています。	https://teratail.com/questions/354280?rss=all		2021-08-14 17:55:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	railsでダミーデータから画像を登録したい	https://teratail.com/questions/354279?rss=all	create	2021-08-14 17:53:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	USBドングルをWifi化することはできますか？	https://teratail.com/questions/354278?rss=all	解決	2021-08-14 17:51:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	WordPress Advanced Custom Field 繰り返しフィールドをショートコードで投稿本文に出力したい	https://teratail.com/questions/354277?rss=all	WordPressAdvancedCustomField繰り返しフィールドをショートコードで投稿本文に出力したい前提・実現したいことWordPressで、プラグイン「AdvancednbspCustomnbspFieldnbspPro」で作ったカスタムフィールドをショートコードで投稿記事本文に出力させています。	2021-08-14 17:50:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Kotlin 画面遷移できない	https://teratail.com/questions/354276?rss=all	Kotlin画面遷移できない初心者ですが、質問させてください。	2021-08-14 17:48:48
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	コマンドプロンプトでのgitの実行結果をExcel VBAでWshShellを使って取得する。	https://teratail.com/questions/354275?rss=all	コマンドプロンプトでのgitの実行結果をExcelVBAでWshShellを使って取得する。	2021-08-14 17:44:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Swiftで複数画面遷移するViewControllerを使い回す時の設計	https://teratail.com/questions/354274?rss=all	現在、複数の画面遷移を伴うViewControllerの設計を行っております。	2021-08-14 17:37:02
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	テキストエリアの字数制限　マウスコピーもカウントしたい。	https://teratail.com/questions/354273?rss=all	実現したいこと入力フォームに字数制限するコードを書いているのですが、提示したコードにあるmainjsのkeyupだと、マウスによるコピーペーストされた文字が適応されないらしいのですが、これをマウスによるコピーペーストでも文字数をカウントするようにしたいです。	2021-08-14 17:25:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Javaにて、2枚のカードを比較する処理を行いたい	https://teratail.com/questions/354272?rss=all	Javaにて、枚のカードを比較する処理を行いたい現在、numがの場合gameDatesetCardonenumに格納、numが以外の場合gameDatesetCardtwonumに格納という流れでソースコードを記載しているのですが、Eclipseのデバッグモードにて、参照画像の赤枠部分を押下した際、の判定となりgameDatesetCardonenumに格納されることを確認、次に青枠部分のどれかを押下した場合もとなっており、gameDatesetCardonenumに格納されてしまいます。	2021-08-14 17:24:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Pythonで防犯カメラの映像内にリアルタイムの時刻を見れるようにしたい。	https://teratail.com/questions/354271?rss=all	発生している問題・エラーメッセージWebカメラでpythonを使って防犯カメラを作っているのですが、録画した映像内に当時の日時と時間がわかるように表示するというのができません。	2021-08-14 17:21:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	サイト制作で、お知らせ等のページ更新を素人でもできるようにするためには、WordPress等のCMSで作った方がいいですか?	https://teratail.com/questions/354270?rss=all	wordpress	2021-08-14 17:15:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Laravelに翻訳apiを導入したい	https://teratail.com/questions/354269?rss=all	Laravelに翻訳apiを導入したいです。	2021-08-14 17:09:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pタグ　width 適用されない	https://teratail.com/questions/354268?rss=all	pタグwidth適用されない質問失礼いたします。	2021-08-14 17:03:45
Git	Gitタグが付けられた新着投稿 - Qiita	Forkのカスタムコマンド	https://qiita.com/desktopgame/items/6e4183be3cd1b3d2f0f3	ここまで設定すると、コミットを右クリックしたときにコマンドも表示されるようになります。	2021-08-14 17:53:49
技術ブログ	Mercari Engineering Blog	0から作るメルカリShopsのCSオペレーション基盤	https://engineering.mercari.com/blog/entry/20210813-77def1d354/	hellip	2021-08-14 10:00:03
海外TECH	DEV Community	Form validation with react-hook-form	https://dev.to/thexdev/form-validation-with-react-hook-form-94e	Form validation with react hook formForm is one of core functionalities that must exist in any application This functionality allows us interact with user data input and process it into a valuable data or resource output Even this functionality is powerful it has one biggest obstacle Yes it s how to validate the user input And that s the reason why I make this article In this article I will share to you how we can handle form validation specifically in React application using a package called react hook form Let s start it out RequirementsReact application fresh or existing app NOTE I will use my previous project called example app It has no features Just a fresh React project installed using CRA Deploy React on Netlify M Akbar Nugroho・Aug ・ min read react Steps Add react hook formI use Git inside example app So before adding the package I will create a new branch called feat signin then merge that feature into branch main whenever I finish that feature Create and checkout to branch feat signingit checkout b feat signinNow it s time to add the package yarn add react hook form Create the formMaybe you have a clue about what form that I want to build Yes it s a sign in form I will validate the user email and password before they can actually sign in I will not using any styling tools Just HTML to make it simple and focus First I wanna add a page called Signin inside my project Here s my current project ├ーpackage json├ーpublic│  ├ーfavicon ico│  ├ーindex html│  ├ーlogo png│  ├ーlogo png│  ├ーmanifest json│  └ーrobots txt├ーREADME md├ーsrc│  ├ーApp css│  ├ーApp js│  ├ーApp test js│  ├ーindex css│  ├ーindex js│  ├ーlogo svg│  ├ーpages│  │  └ーSignin js│  ├ーreportWebVitals js│  └ーsetupTests js└ーyarn lockCreate the sign in form and import it inside App js pages Signin jsfunction Signin return lt div gt lt form gt lt div gt lt label htmlFor email gt Email lt label gt lt input type email id email gt lt div gt lt div gt lt label htmlFor password gt Password lt label gt lt input type password id password gt lt div gt lt div gt lt button gt Signin lt button gt lt div gt lt form gt lt div gt export default Signin App jsimport Signin from pages Signin function App return lt Signin gt export default App Integrate the form with react hook formLet s integrate the previous form so we can collect all user input inside that form pages Signin jsimport useForm from react hook form function Signin const register handleSubmit formState errors useForm const onSubmit form gt console log form return lt div gt lt form onSubmit handleSubmit onSubmit gt lt div gt lt label htmlFor email gt Email lt label gt lt input type email id email register email gt lt div gt lt div gt lt label htmlFor password gt Password lt label gt lt input type password id password register password gt lt div gt lt div gt lt button gt Signin lt button gt lt div gt lt form gt lt div gt export default Signin Run the application open the browser console and try to submit the form You will see something like image below Add input validationIf I submit the form with an empty password I will not get any error message that indicate I forgot to input my password which is a bad UX To achieve that feature we need to install two packages hookform resolvers yup and yup yarn add hookform resolvers yupNOTE yup is one of JavaScript schema Objects It allows us to define a shape structure and validate a JavaScript object You can also use other schema object like Joi Zod etc Now let s add input validation into the form pages Signin js import yupResolver from hookform resolvers yup import as yup from yup const schema yup object shape email yup string email required password yup string required function Signin const register handleSubmit formState errors useForm resolver yupResolver schema Now if we submit the form with an empty password we will not see any message in the browser console because the form actually throw error messages and not submit the form Look even the cursor automatically focus to the input element that produce the error Displaying the error messagesNow the form can validates the input value but it s not good enough We need to display what s wrong with the form So the user can input the correct value pages Signin js lt div gt lt label htmlFor email gt Email lt label gt lt input type email id email register email gt errors email message amp amp lt span gt errors email message lt span gt lt div gt lt div gt lt label htmlFor password gt Password lt label gt lt input type password id password register password gt errors password message amp amp lt span gt errors password message lt span gt lt div gt Submit the form and we can see the error messages Hmm I think the error messages not user friendly enough right So let s improve it Customize the error messagesThis is the reason why I choose Yup for the schema validation We can easily customize the error messages like this pages Signin js const schema yup object shape email yup string email Please provide a valid email address required Please provide your email address password yup string required Please provide your password Submit the form again and you will see the error messages has changed BonusValidating the form on the client side is not enough We also need to validate the form on the server side because attacker can bypass our validation on the client side The problem comes when we want to display the error messages from the server into the form Fortunately we can easily done this feature using react hook form We just need to use setError API to display the error messages that comes from the server into the form pages Signin js Response from the server message errors email The email must be a valid email address const register handleSubmit formState errors setError useForm resolver yupResolver schema const onSubmit async form gt Do sign in process Just example await Http post if await Http status let res await Http response for let field messages of Object entries res errors setError field type manual message message join	2021-08-14 08:46:10
海外TECH	DEV Community	There's always time for cheese	https://dev.to/jfbrennan/there-s-always-time-for-cheese-1p98	There x s always time for cheeseNew software features are usually designed built and shipped with limited resources especially at startups but that s not an excuse to skimp on basic features because there s always time for cheese The analogyWhen making a sandwich a big software feature the bulk of the time is actually spent gathering ingredients getting a knife and plate preparing the ingredients and cleaning up afterwards This is synonymous to discussing requirements branching getting a fresh env running writing tests and the code review None of these activities are the sandwich and your product gains nothing from it The assembling stage of making a sandwich is the real work and compared to the whole process the time it takes to add cheese costs almost nothing and yet makes the sandwich so much more delicious The cost of skipping cheeseWhat happens when we don t add cheese Well we ship a new sandwich that is known to be lacking The inevitable request for cheese will come and now the cost of adding cheese is much greater than what it would have been e g go get cheese disassemble the sandwich possibly rework the layers add a slice of cheese and clean up again vs add the cheese when you were adding meat And that s just the engineering cost Depending on a customer s need or market demand delaying cheese can often cost much more than that Why do we skip the cheese I have found the reason for skipping cheese is most often a lack of familiarity with how cheap a piece of work really is Compared to stakeholders developers have a much better perspective on what additional work is going to cost and so they need to help stakeholders understand when something is cheese Cheese is a valuable addition that easily fits into the work that s already planned A misunderstanding of scope creep is the other reason we skip cheese Cheese is not scope creep even if it comes into the discussion later Drifting from a sandwich to a burger or adding a cookie on the side is scope creep The easiest way to tell is if the addition requires starting up a new division of work e g get other ingredients set up more tools follow a different process Wise managers can spot cheese and they make time for it because they understand the cost benefit favors it even if they re short on time Next time a big feature request comes to you make time for cheese	2021-08-14 08:36:53
海外TECH	DEV Community	Learning Python- Intermediate course: Day 8, Summary of the week and nested Modules	https://dev.to/aatmaj/learning-python-intermediate-course-day-8-summary-of-the-week-and-nested-modules-j3d	Learning Python Intermediate course Day Summary of the week and nested ModulesHello friends today we will summarize the learning of the week Summary of the weekDay We learnt that modules are a way of packaging our code which enhances flexibility and code reusability Modules are basically python files which contain various functions One example of which is the built in module math The math module in Python is a very useful module We can perform various mathematical functions using the module Day In this part we solved many questions related to the math module for example Armstrong numbers use of recursion in solving power operations etc Day We saw how to make our own Python modules and how to use them in our code We can make Python module by saving a Python file with the py extension in the Lib folder of Python source Then we can use the modules by using the import statement Using modules in modulesWe can use a module in another module Here is a sample question Create a module named ModuleC to calcuate the combination of two numbers This module must import ModuleB which contains the factorial function ModuleBdef factorial A if A lt return else return A factorial A ModuleCimport ModuleBdef comb n r return ModuleB factorial n ModuleB factorial r ModuleB factorial n r mainimport ModuleCprint ModuleC comb What will happen if we try to call the function factorial from he main We cannot do so as the main does not directly import ModuleB Hence we cannot use the factorial defined in B as ModuleC factorial or ModuleB factorial import ModuleCprint ModuleC comb print ModuleC factorial Traceback most recent call last File main py line in lt module gt print ModuleC factorial AttributeError module object has no attribute factorial import ModuleCprint ModuleC comb print moduleB factorial Traceback most recent call last File main py line in lt module gt print moduleB factorial NameError name moduleB is not definedFor the above code to run we need to import the module B import ModuleCimport ModuleBprint ModuleC comb print ModuleB factorial We all know that neither me nor you have ever seen each other Learning in remote environment is a difficult and teaching is perhaps even more difficult Teaching is never a one way process I request everyone to participate actively in this course either through comments below or forking on Github Learning Python repoFor those who have not yet made account in Dev to you can have a free easy sign up using your mail or GitHub accounts I would suggest the budding developers to create your GitHub free account right away You would require to register sooner or later anywaysNext day will begin from Tuesday	2021-08-14 08:05:49
海外TECH	DEV Community	Support for password authentication was removed	https://dev.to/arjungautam/support-for-password-authentication-was-removed-518o	Support for password authentication was removedSupport for password authentication was removed on August Please use a personal access token instead If you are getting this error go through this	2021-08-14 08:03:45
海外科学	NYT > Science	Amid Extreme Weather, a Shift Among Republicans on Climate Change	https://www.nytimes.com/2021/08/13/climate/republicans-climate-change.html	Amid Extreme Weather a Shift Among Republicans on Climate ChangeMany Republicans in Congress no longer deny that Earth is heating because of fossil fuel emissions But they say abandoning oil gas and coal will harm the economy	2021-08-14 08:54:04
海外ニュース	Japan Times latest articles	COVID-19 tracker: Tokyo logs over 5,000 new cases as number of severely ill patients continues to rise	https://www.japantimes.co.jp/news/2021/08/14/national/japan-cases-wrap-august-14/	COVID tracker Tokyo logs over new cases as number of severely ill patients continues to riseThe seven day average of new infections in the capital came to up from a week before according to the metropolitan government	2021-08-14 17:30:09
海外ニュース	Japan Times latest articles	As American schools shut down due to COVID-19, 911 drug calls for youth skyrocketed	https://www.japantimes.co.jp/news/2021/08/14/world/science-health-world/overdose-deaths-us-covid/	As American schools shut down due to COVID drug calls for youth skyrocketedLast year the rate of drug related emergency calls for young people age and under increased by an analysis of emergency response data found	2021-08-14 17:23:21
ニュース	BBC News - Home	Sark: Two people test positive for Covid-19	https://www.bbc.co.uk/news/world-europe-guernsey-58212983	channel	2021-08-14 08:34:05
ニュース	BBC News - Home	Shetland’s biggest gig – the day Pulp flew in to Lerwick	https://www.bbc.co.uk/news/uk-scotland-north-east-orkney-shetland-57599869	lerwick	2021-08-14 08:38:50
ニュース	BBC News - Home	Wade set to 'shock the world' in NFL - Obada	https://www.bbc.co.uk/sport/american-football/58156239	obada	2021-08-14 08:02:18
ビジネス	ダイヤモンド・オンライン - 新着記事	クレステック(7812)、2期連続の「増配」を発表し、 配当利回り4.8％に！ 年間配当は2年で1.6倍に増加、 2022年6月期は前期比13円増の｢1株あたり58円｣に！ - 配当【増配・減配】最新ニュース！	https://diamond.jp/articles/-/279544	クレステック、期連続の「増配」を発表し、配当利回りに年間配当は年で倍に増加、年月期は前期比円増の「株あたり円」に配当【増配・減配】最新ニュースクレステックが「増配」を発表し、配当利回りがにクレステックは年月期の配当予想を「株あたり円」と発表し、前期比「円」の増配で「期連続増配」の見通しとなった。	2021-08-14 17:05:00
海外TECH	reddit	Was waiting for after MOASS to do the proposal, but MOASS is inevitable, so I already did propose her and she said YES!!! #DIAMONDHANDS #HoneyontheMoon #HoneyMOON	https://www.reddit.com/r/amcstock/comments/p4417q/was_waiting_for_after_moass_to_do_the_proposal/	Was waiting for after MOASS to do the proposal but MOASS is inevitable so I already did propose her and she said YES DIAMONDHANDS HoneyontheMoon HoneyMOON submitted by u TimeUnityGlobal to r amcstock link comments	2021-08-14 08:07:18