- 投稿日:2022-07-28T22:35:35+09:00
React+MUI+React Hook Formでタグ入力フォームの作り方
概要 大変だったのでシェア。 やりたかったかことは、タグ入力で使うフォーム。 オートコンプリート+テキスト入力+チップで構成してある。 React Hook Form的には外部ライブラリを使う場合…
- 投稿日:2022-07-28T19:36:30+09:00
【データモデル】Sharperlight CANVAS
今回は、Sharperlightエンジンを屈指して作成した派生品 Sharperlight CANVAS を紹介したいと思います。 Sharperlight CANVASは、お手持ちの画像とデータを…
- 投稿日:2022-07-28T17:48:24+09:00
Javascriptでもアローラロコンをアーロンにする
やる事 タイトルの通り。入力された文字列を2文字づつ飛ばした文字列にして出力する。Pythonほど楽じゃないけどPHPよりは簡単そう。Typescriptでもっとすごいことをやってる人がいたけど、…
- 投稿日:2022-07-28T16:52:28+09:00
Reactのonchangeは、javaScriptのonchangeとは違うらしい。
どうやらReactは、Component.onChangeのリスナーをDOM element.oninputイベントに関連付けるようだ。 つまり、Reactのonchangeイベントは、javaSc…
- 投稿日:2022-07-28T16:27:28+09:00
Slackが無料ユーザーに厳しくなったので引っ越すことにした
0.はじめに 私は、ただのドシロウトです。プログラミングの専門家ではありません。 Slackが2022年9月1日からフリープランの変更を行います。私はがっかりです。 変更前 メッセージ1万件/スト…
- 投稿日:2022-07-28T15:43:33+09:00
Array.concat
RubyのArray.concatは破壊的で、 JavaScriptのArray.concatは非破壊的 https://docs.ruby-lang.org/ja/latest/method/Ar…
- 投稿日:2022-07-28T15:22:03+09:00
dポイントの獲得・利用履歴を表形式で取り出す方法
以前はcsv形式でダウンロードできた表形式のdポイントの獲得・利用履歴を、ブラウザコンソールからJavaScriptを使って取り出す方法です。 動作環境 Windows 10 Firefox Fir…
- 投稿日:2022-07-28T13:39:56+09:00
【JavaScript】期間重複をチェックする
はじめに 開発する中で「期間Aと期間Bがあった場合、ABの期間が重複しているか判定する」処理が必要になり 初めて実装したのでまとめておきます。 実装例 // 期間A:2022/07/01 - 20…
- 投稿日:2022-07-28T13:12:19+09:00
JSX内で配列・オブジェクトをループ処理する
環境 Node v18.0.6 Next.js v12.1.6 React v 18.1.0 # ループ処理する ## 配列で与えられた場合 jsx const array = ["apple",…
- 投稿日:2022-07-28T11:32:24+09:00
FormDataオブジェクトにデータをappendしてAjaxでpostする
サーバー側にpostする値を加工する必要があったので フォームに対して少し手を加えた。 data = new FormData($("id")) let hoge = ''; data.append…
- 投稿日:2022-07-28T11:14:20+09:00
HTML関連にはまった新卒1年目のお話
*はじめに みなさん、はじめまして! 新卒一年目の初投稿です 簡単に自己紹介します。 - 学生時代は文系 - ゼミでは映像制作をしていた - 学部が経営情報学部だったためプログラミング入門があった…
- 投稿日:2022-07-28T10:02:20+09:00
JavaScript_"use strict"
"use strict" : エラーチェックを行う 例1: <script> "use strict"; str = "test"; // コンソールにエラーが出る、str変数未定義 // 「"us…
- 投稿日:2022-07-28T07:44:54+09:00
照度計のグラフをいじってみた
おうちモニター(oumon)で照度計のデーターをChart.js V2でグラフを表示しているのですが、いまいちピンときません。 気圧のグラフを流用して作っていました。 元々48時間分のデーターをsq…
- 投稿日:2022-07-28T04:38:20+09:00
Bloggerの投稿画像の遅延読み込みの自動化にIntersection Observer APIを使ったJavaScriptプログラムと説明
Bloggerの記事/追加ページの投稿画像や動画の遅延読み込みをIntersection Observer APIを使って自動化するJavaScriptプログラムの内容を説明する。 ```JavaS…
- 投稿日:2022-07-28T04:00:04+09:00
Bloggerの投稿画像のWebPのrwの自動化のJavaScriptプログラムと説明
Bloggerの記事/追加ページの投稿画像にWebPへ軽量化するrwのパラメーターを自動的に付けるJavaScriptプログラムの内容を説明する。 // 記事の本文の要素(psbd)と記事の本文の中…
- 投稿日:2022-07-28T03:13:17+09:00
Bloggerの投稿画像のlazy-loadの自動化のJavaScriptプログラムと説明
Bloggerの記事/追加ページの投稿画像や動画に遅延読み込みのHTML属性のloading-lazyを自動的に付けるJavaScriptプログラムの内容を説明する。 // 記事の本文の要素(psb…
- 投稿日:2022-07-28T03:01:29+09:00
React で指定した数コンポーネントを繰り返したいとき
Reactで指定した数繰り返したいとき とりあえずお手軽に書きたいときに typescript // 100回繰り返される {[...Array(100)].map(() => <HogeComp…
- 投稿日:2022-07-28T01:00:57+09:00
Alpine.js 紹介
Alpine.jsの公式の翻訳になります。 https://alpinejs.dev/ 15 Attributes x-data HTMLのブロックに対して新しいAlpineコンポーネントとそのデ…