- 2020年12月18日
【React】PropTypesに複数のデータ型を指定する
React で、コンポーネントに値を渡す際に PropTypes を利用しているのですが、「数値もしくは Bool 型を渡す」という書き方を使用したので備忘録としてまとめ。 そうい […]
CATEGORY
JavaScript
- 2020年12月16日
【Laravel】データベースシーダーを非同期にする
Laravel は PHP のフレームワークでよくデータベースを利用します。このデータベースの利用をより快適にするために初期データ（テストデータ、製品版の初期値データ）をデータベ […]
- 2020年12月16日
- 2020年12月16日
とりあえず最低限のPWAの設定をサイトに入れ込んでアプリっぽくしてみた話
ブラウザやOSの仕組みを使用することで、Webアプリであってもネイティブアプリのようにインストールして使うことができるPWA。 オフラインでも動作するようにするには少々手間が必要で […]
- 2020年12月15日
- 2021年1月11日
【HTML】【JavaScript】JavaScript ファイル読み込み中のプログレスバーを作る
Babel 等で複数の JavaScript ファイル、特に React, Vue.js の様な巨大なライブラリをまとめて一つの JavaScript ファイルにバンドルし、それ […]
- 2020年12月14日
【JavaScript】axios で通信直前に値を更新する
axios は JavaScript の HTTP クライアントライブラリです。 axios/axios： Promise based HTTP client for the b […]
- 2020年12月11日
- 2022年5月18日
【Laravel】【JavaScript】axios と Laravel の通信は CSRF 関連の対策を自動でしてくれる
Laravel は PHP のフレームワークで web ページを作る際によく用いられています。 web ページに対する攻撃の一つにCSRF(クロスサイトリクエストフォージェリ)と […]
- 2020年12月10日
- 2020年12月10日
【javascript】同ページ内に’submit’という名前が付く要素があるとform要素.submit()が呼べなくなる件
俗に言う「いまさら聞けない～」という感じの話なのですが、実はHTMLのなんでもなさそうな書き方が、javascriptの動作に影響を及ぼしてしまう例があることをご存知でしょうか。 […]
- 2020年12月9日
【JavaScript】動画にチャプターをつける
HTML には video 要素があり、これは内部に様々な情報を持つことができます。その中にはチャプターについての情報もあり、JavaScript でこれを操作することによって […]
- 2020年12月1日
- 2020年12月1日
【React】react-form-hook のコンテクスト機能を使ったすっきりしたフォームフィールド定義コンポーネントの作成
React のコンテクストはグローバル的にロジックと状態を呼び出す機能です。コンテクストは状況を表す語であり、React のコンテクストも語源同様にページやサイトの状況を表現する […]
- 2020年11月27日
【Material UI】OutlinedInput をテーマ機能でとても細くする
Material UI は React のコンポーネントライブラリです。 Material-UI： A popular React UI framework 便利なものが揃って […]
- 2020年11月24日
【React】Input要素にテキスト入力後Enterキー押下で処理を実行する
久しぶりに Web のプロジェクトのプログラミングを行ったのですが、その時実装したコードについてまとめ。 タイトル通り、Input 要素にフォーカスが当たっている状態で Enter […]
- 2020年11月23日
- 2020年11月23日
【JavaScript】Map オブジェクトで任意キー指定でも安全な連想配列を生成
JavaScript の Object は書きやすく多機能で便利ですが、時折意図しない動作を引き起こします。こういった意図しない動作でよくあるパターンの一つが Object のプ […]
