MUI MUIので表示される*の色を変更する方法メモ
MUIを使って入力フォームを実装している時、入力必須項目には*を付けてユーザーにわかりやすいようにしたいと思いました。 <TextField required>...</TextField> このようにrequired属性を付与する...
プログラミング
MUI MUIの
React React Hook Formを使ってラジオボタンを実装しようと思った時に詰まったところメモ
よくある、入力フォームで性別を選択してもらうあれ実装したいと思いました。 初めてReact Hook Formを使って実装しようと思ったのですが、ちょっと迷走したので解決方法をここにメモしておきます。 性別を選択するラジオボタンのキャプチャ...
DB/MongoDB MongoDBの概要を理解するためのメモ
MongoDBの公式ドキュメントを読んで知ったことをここにメモしておこうと思います。 MongoDB： この記事はプログラマーになるべく勉強中の初心者が書きました。 間違った情報・間違って理解した内容が書かれているかもしれないということを事...
DB/MongoDB MongoAPIError: URI must include hostname, domain name, and tld
概要・エラーコード MongoDBを触りはじめました、プログラミング初心者です。データベースに接続しようと思ったところ、タイトルのエラーが出たので解決方法をメモ。 // 出たエラー（の一部） MongoAPIError: URI must ...
AWS 知識０な人がAWS ECSを初めて触った時に転びまくったのでメモ
こちらの動画を参考にさせていただきながら、人生初のECSを触ってみることに。解説がめっちゃわかりやすく、知識０の私でもスルッと第一歩を踏み出すことができました！ 若干動画と現在でAWSコンソールのUIが変わっているものの、順調に動画通り進め...
プログラミング 【docker】buildする時にnoneというイメージが生成される…
「なんでこんな現象が！？」ってなったのでメモ 結論 --no-cacheをつけてコマンドを実行した際、同じ名前のbuildされたイメージが既に存在した場合古いものはnoneというイメージに変更されてしまう。＝ゴミ none reposito...
nextjs next/imageについての機能と型についてメモ
Next.js10から新たに搭載された機能👇「next/image」 めちゃくちゃ便利ですよね。ただ、SGでレンダリングする時にちょっと躓いたので、ここにメモ。 imageコンポーネントは画像の最適化を自動的にしてくれる imageコンポー...
作ってみた 【Next.js】Youtube Data API v3を使って簡単なアプリを作ってみた
この記事で作るもの こんな感じで、youtubeからデータを取得し一覧表示→見たい動画をクリックするとYoutubeの該当動画ページに飛ぶ こんなアプリを作りました。（アプリ内で取得しているのは、私の大好きな５つ子ちゃんファミリーのドキュメ...
プログラミング 【React】WPSのスコアを計算してくれるアプリを作りました
使ってみたい方はこちらからどうぞ※PC専用です…タブレットやスマホで見るとデザインが崩壊します 最近Reactの動画教材を一通り見終わりました！ なので、前にJavaScriptで作成したWPMのスコアを算出してくれるアプリをReactで作...
React 【React18】ローカルストレージに値を追加する方法
ローカルストレージに値を追加したくて検索→出てきた記事を参考にしながら実装したけど、なにやらエラーが・・ Warning: ReactDOM.render is no longer supported in React 18. Use cr...