IT |
気になる、記になる… |
Apple、米国で「iMac 27インチ (2020)」の整備済み品を販売開始 |
https://taisy0.com/2021/01/29/132917.html
|
apple |
2021-01-28 16:46:06 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Context / useContext を書きながら学ぶ |
https://qiita.com/ryosuketter/items/90bd9edd5d91b8daf5c9
|
createContextBookContextしてexportしておくBookコンポネントで実装Providerコンポネントを作成し、valueにオブジェクトstateをセットしますBookコンポネントで実装下層コンポネントで、先ほど作成したBookContextをimportしますTitleコンポネントで実装importしたBookContextを使ってconsumerを作成Titleコンポネントで実装Consumerコンポネント内でbookstateの中身にアクセスできます赤枠が、変更点です実行結果はこんな感じです。 |
2021-01-29 01:15:39 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
TypeError: 'NoneType' object is not iterable |
https://teratail.com/questions/319186?rss=all
|
TypeErrorxNoneTypexobjectisnotiterablePythonでBitCoinの自動売買システムを作ろうとネット上で拾ったコードを試してみましたが下記のようなエラーが出てしまいました。 |
2021-01-29 01:51:27 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
エックスサーバーでDjangoを動かせない |
https://teratail.com/questions/319185?rss=all
|
エックスサーバーでDjangoを動かせない前提・実現したいことsamplenetのサブドメインapptestでdjangoを動かしたいと考えています。 |
2021-01-29 01:50:12 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
ページネーションができない |
https://teratail.com/questions/319184?rss=all
|
ページネーションができない前提・実現したいことrailsでkaminariを使用してページネーションしているのですが、複数単語検索によるページネーションができないです。 |
2021-01-29 01:12:20 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
Pythonでcsvファイルの特定の行の値を更新したい |
https://teratail.com/questions/319183?rss=all
|
Pythonでcsvファイルの特定の行の値を更新したい前提・実現したいことpythonでのcsv操作についての質問です。 |
2021-01-29 01:00:50 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
条件分岐の条件分岐 |
https://qiita.com/iamu_TECH_CAMP/items/5ffe8a8d896a7b0e0d53
|
条件分岐の条件分岐ifの中にif文があってif文に関しては以前も紹介しているので割愛気になる方はこちらからなかなかややこしかった印象。 |
2021-01-29 01:28:50 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
Cloud FunctionsのRubyがベータ公開されたので使ってみた |
https://qiita.com/nerzie/items/edf95ee245adea5a3161
|
ドキュメントではローカルに配置するやりかたも提示されていますLambdaと同様にzipに入れてアップロードしましょう。 |
2021-01-29 01:14:32 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
SpringBoot + JUnit + AWS Codebuild で レポート作成 |
https://qiita.com/Richter-A/items/6d73b8e418047874c93e
|
TLDRbuildspecymlにテスト結果のxmlをレポートとして保存する設定を追加CodeBuildのレポートグループから確認する目次CodeBuildでビルドプロジェクトを作成buildspecymlの設定を追加ビルド、テストを実行して結果の確認では早速始めましょう。 |
2021-01-29 01:59:12 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS基礎から学習②-CloudFormation- |
https://qiita.com/ruscty/items/92e59e24aaceda10c28b
|
項目設定内容PublicSubnetIDPrivateSubnetIDサブネットの論理ID任意Typeサブネットの作成を指定するので「AWSECSubnet」AvailabilityZoneアベイラビリティゾーンを指定ElasticIP今回のElasticIPの設定は画面側と共通する項目はありませんが、割り当てるElasticIPをどのVPC内で利用するか指定します。 |
2021-01-29 01:45:11 |
Azure |
Azureタグが付けられた新着投稿 - Qiita |
AZ-104試験に5日の学習で1発合格したマーケターの受験記 ~もうルー大柴はこりごりだ~ |
https://qiita.com/tama2bmarketer/items/02c727abc2600349b889
|
今回の私のミッションは、巨額のキックバックを得るために、時間の限られる中最短で試験に合格することですのでこれで良いのです。 |
2021-01-29 01:11:01 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
条件分岐の条件分岐 |
https://qiita.com/iamu_TECH_CAMP/items/5ffe8a8d896a7b0e0d53
|
条件分岐の条件分岐ifの中にif文があってif文に関しては以前も紹介しているので割愛気になる方はこちらからなかなかややこしかった印象。 |
2021-01-29 01:28:50 |
海外TECH |
Ars Technica |
From first to sixth: Huawei’s phone business tanks thanks to US sanctions |
https://arstechnica.com/?p=1737893
|
vendor |
2021-01-28 16:45:19 |
海外TECH |
DEV Community |
How to use formik with useFormik prop in react |
https://dev.to/aneeqakhan/how-to-use-formik-with-useformik-prop-in-react-2k6d
|
How to use formik with useFormik prop in reactFormik is a super cool library and I use it every time So today I am writing this post for beginners and it covers the use of formik on the simple login form I ll cover these things hereCreate and style a basic login formInitialize formik default statesApply validation on login fieldsWrite submit form function Create and style a login form I created login form like this lt form className form gt lt div className field gt lt label htmlFor email gt Email Address lt label gt lt input id email name email type email gt lt div gt lt div className field gt lt label htmlFor password gt Password lt label gt lt input id password name password type password gt lt div gt lt button type submit className submit btn gt Login lt button gt lt form gt Enter fullscreen mode Exit fullscreen mode and styled it like this form width px display flex flex direction column margin top px background color ddd border radius px padding px field display flex justify content space between padding bottom px submit btn align self flex end width px Enter fullscreen mode Exit fullscreen mode After this you ll get a login form same as this Initialize formik default states Lets import the useFormik first from the formikimport useFormik from formik Enter fullscreen mode Exit fullscreen mode Now you can create a formik object using useFormik hook and define your initialValues in it const formik useFormik initialValues email password Enter fullscreen mode Exit fullscreen mode let s use the formik handleChange function and pass formik values to our input fields lt input id email name email type email onChange formik handleChange onBlur formik handleBlur value formik values email gt lt input id password name password type password onChange formik handleChange onBlur formik handleBlur value formik values password gt Enter fullscreen mode Exit fullscreen mode Apply validations on login fields I used Yup library to apply validations on my fields You can use custom regex as well if you don t want to use Yup for some reason So first import Yup like thisimport as Yup from yup Enter fullscreen mode Exit fullscreen mode Then I added validationSchema for my login fields const formik useFormik initialValues email password validationSchema Yup object shape email Yup string email Invalid email address required Please enter email password Yup string required Please enter password Enter fullscreen mode Exit fullscreen mode Here Yup is validating if the values of the field are provided if yes then is it correct format or not So if any error happens according to our validation schema it will be stored in formik s errors object and we can print it beside or below the field like this formik touched email amp amp formik errors email lt span className error gt formik errors email lt span gt null Enter fullscreen mode Exit fullscreen mode Now our form looks like this with validation errors Write submit form function The last step is to create submit function and perform your operation on formik values You can navigate to the next screen call API or anything you want to do I just set a state on submit and shown a message to a user on the login const formik useFormik initialValues email password validationSchema Yup object shape email Yup string email Invalid email address required Please enter email password Yup string required Please enter password onSubmit values gt setIsLoggedIn true Enter fullscreen mode Exit fullscreen mode and pass formik handleSubmit function to your form like this lt form className form onSubmit formik handleSubmit gt Enter fullscreen mode Exit fullscreen mode and here your form is ready with field validations You can find the full source code here |
2021-01-28 16:06:16 |
海外TECH |
Engadget |
GM plans to exclusively sell electric vehicles by 2035 |
https://www.engadget.com/gm-to-exclusively-sell-zero-emissions-cars-by-2035-164418993.html
|
GM plans to exclusively sell electric vehicles by GM isn t just planning to electrify many of its cars in the years ahead ーit s ditching combustion engines entirely As CNBC reports GM has unveiled plans to completely eliminate tailpipe emissions from new “light duty vehicles read everyday cars |
2021-01-28 16:44:18 |
海外TECH |
CodeProject Latest Articles |
Error Monitoring in Action |
https://www.codeproject.com/Articles/5292853/Error-Monitoring-in-Action
|
encounter |
2021-01-28 16:06:00 |
海外科学 |
NYT > Science |
As Pandemic Rages, Health Care Unions Find a Voice |
https://www.nytimes.com/2021/01/28/health/covid-health-workers-unions.html
|
labor |
2021-01-28 16:37:37 |
金融 |
金融庁ホームページ |
Asian Financial Forum (パネルディスカッション)”The Policy Dialogue”における氷見野長官のスピーチについて掲載しました。 |
https://www.fsa.go.jp/common/conference/danwa/index_kouen.html
|
asianfinancialforum |
2021-01-28 17:18:00 |
金融 |
金融庁ホームページ |
貸金業関係資料集を更新しました。 |
https://www.fsa.go.jp/status/kasikin/20210128/index.html
|
関係 |
2021-01-28 17:00:00 |
金融 |
金融庁ホームページ |
企業会計審議会監査部会(第49回)を開催します。 |
https://www.fsa.go.jp/news/r2/singi/20210204.html
|
企業会計 |
2021-01-28 17:00:00 |
金融 |
金融庁ホームページ |
バーゼル銀行監督委員会による市中協議文書「証券金融取引に関する最低ヘアカット規制」について掲載しました。 |
https://www.fsa.go.jp/inter/bis/20210128/20210128.html
|
証券金融 |
2021-01-28 17:00:00 |
海外ニュース |
Japan Times latest articles |
Pandemic highlights hidden poverty in wealthy Japan |
https://www.japantimes.co.jp/news/2021/01/28/national/social-issues/japan-pandemic-poverty/
|
Pandemic highlights hidden poverty in wealthy JapanEconomists say that half a million workers lost their jobs in the past six months and campaigners say the ripple effects are spreading across the |
2021-01-29 02:00:43 |
海外ニュース |
Japan Times latest articles |
Four-day workweek gaining traction as businesses respond to pandemic |
https://www.japantimes.co.jp/news/2021/01/28/business/four-day-workweek/
|
Four day workweek gaining traction as businesses respond to pandemicAs well as enhancing productivity and life balance supporters say the move can help reduce the use of paper electricity and office expenses |
2021-01-29 02:00:16 |
海外ニュース |
Japan Times latest articles |
‘Japan’s Marine Corps’: The nation’s first responders for remote island defense |
https://www.japantimes.co.jp/news/2021/01/28/national/japan-sdf-brigade/
|
Japan s Marine Corps The nation s first responders for remote island defenseThe Amphibious Rapid Deployment Brigade was established in to respond to security situations that require faster mobilization of land sea and air forces |
2021-01-29 01:53:59 |
海外ニュース |
Japan Times latest articles |
Debt-ridden Nissan hopes spending big on tech will reverse slide |
https://www.japantimes.co.jp/news/2021/01/28/business/corporate-business/nissan-spending-big/
|
Debt ridden Nissan hopes spending big on tech will reverse slideAfter two years of faltering sales and fallout from the arrest of then Chairman Carlos Ghosn Nissan Motor Co s newly installed management is at another |
2021-01-29 01:22:07 |
海外ニュース |
Japan Times latest articles |
Toyota group tops global auto sales in 2020 for first time in five years |
https://www.japantimes.co.jp/news/2021/01/28/business/corporate-business/toyota-tops-global-auto-sales/
|
Toyota group tops global auto sales in for first time in five yearsThe firm s global annual sales recovered in its main markets such as China and the United States from the fall posting increases for three consecutive |
2021-01-29 01:04:16 |
ニュース |
BBC News - Home |
Coronavirus: Germany set to limit AstraZeneca jab to under-65s |
https://www.bbc.co.uk/news/world-europe-55839885
|
astrazeneca |
2021-01-28 16:16:54 |
ニュース |
BBC News - Home |
Covid: UK vaccine supplies 'won't be interrupted' - Gove |
https://www.bbc.co.uk/news/uk-55838272
|
astrazeneca |
2021-01-28 16:12:26 |
ニュース |
BBC News - Home |
Major search for three people on missing Conwy fishing boat |
https://www.bbc.co.uk/news/uk-wales-55846206
|
conwy |
2021-01-28 16:31:19 |
ニュース |
BBC News - Home |
No changes to Scottish income tax rates in budget |
https://www.bbc.co.uk/news/uk-scotland-55844977
|
forbes |
2021-01-28 16:09:25 |
ニュース |
BBC News - Home |
Police investigate Ronaldo over alleged coronavirus breach on girlfriend's birthday |
https://www.bbc.co.uk/news/world-europe-55846076
|
birthday |
2021-01-28 16:28:44 |
ニュース |
BBC News - Home |
Covid: What’s happening to the EU vaccine scheme? |
https://www.bbc.co.uk/news/explainers-52380823
|
coronavirus |
2021-01-28 16:05:30 |
ニュース |
BBC News - Home |
Covid: When will schools reopen? |
https://www.bbc.co.uk/news/education-51643556
|
covid |
2021-01-28 16:18:54 |
北海道 |
北海道新聞 |
21兆円 3次補正成立 感染抑止策に4.4兆円 政府、組み替え応じず |
https://www.hokkaido-np.co.jp/article/505938/
|
補正予算 |
2021-01-29 01:21:10 |
北海道 |
北海道新聞 |
日本発渡航の原則禁止発表 EU、コロナ感染拡大で |
https://www.hokkaido-np.co.jp/article/505948/
|
感染拡大 |
2021-01-29 01:11:00 |
コメント
コメントを投稿