20220728のJavaScriptに関する記事は18件です。

React+MUI+React Hook Formでタグ入力フォームの作り方

概要 大変だったのでシェア。 やりたかったかことは、タグ入力で使うフォーム。 オートコンプリート+テキスト入力+チップで構成してある。 React Hook Form的には外部ライブラリを使う場合…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【データモデル】Sharperlight CANVAS

今回は、Sharperlightエンジンを屈指して作成した派生品 Sharperlight CANVAS を紹介したいと思います。 Sharperlight CANVASは、お手持ちの画像とデータを…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Javascriptでもアローラロコンをアーロンにする

やる事 タイトルの通り。入力された文字列を2文字づつ飛ばした文字列にして出力する。Pythonほど楽じゃないけどPHPよりは簡単そう。Typescriptでもっとすごいことをやってる人がいたけど、…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Reactのonchangeは、javaScriptのonchangeとは違うらしい。

どうやらReactは、Component.onChangeのリスナーをDOM element.oninputイベントに関連付けるようだ。 つまり、Reactのonchangeイベントは、javaSc…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Slackが無料ユーザーに厳しくなったので引っ越すことにした

0.はじめに 私は、ただのドシロウトです。プログラミングの専門家ではありません。 Slackが2022年9月1日からフリープランの変更を行います。私はがっかりです。 変更前 メッセージ1万件/スト…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Array.concat

RubyのArray.concatは破壊的で、 JavaScriptのArray.concatは非破壊的 https://docs.ruby-lang.org/ja/latest/method/Ar…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

dポイントの獲得・利用履歴を表形式で取り出す方法

以前はcsv形式でダウンロードできた表形式のdポイントの獲得・利用履歴を、ブラウザコンソールからJavaScriptを使って取り出す方法です。 動作環境 Windows 10 Firefox Fir…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】期間重複をチェックする

はじめに 開発する中で「期間Aと期間Bがあった場合、ABの期間が重複しているか判定する」処理が必要になり 初めて実装したのでまとめておきます。 実装例 // 期間A:2022/07/01 - 20…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JSX内で配列・オブジェクトをループ処理する

環境 Node v18.0.6 Next.js v12.1.6 React v 18.1.0 # ループ処理する ## 配列で与えられた場合 jsx const array = ["apple",…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

FormDataオブジェクトにデータをappendしてAjaxでpostする

サーバー側にpostする値を加工する必要があったので フォームに対して少し手を加えた。 data = new FormData($("id")) let hoge = ''; data.append…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

HTML関連にはまった新卒1年目のお話

*はじめに みなさん、はじめまして! 新卒一年目の初投稿です 簡単に自己紹介します。 - 学生時代は文系 - ゼミでは映像制作をしていた - 学部が経営情報学部だったためプログラミング入門があった…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScript_"use strict"

"use strict" : エラーチェックを行う 例1: <script> "use strict"; str = "test"; // コンソールにエラーが出る、str変数未定義 // 「"us…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

照度計のグラフをいじってみた

おうちモニター(oumon)で照度計のデーターをChart.js V2でグラフを表示しているのですが、いまいちピンときません。 気圧のグラフを流用して作っていました。 元々48時間分のデーターをsq…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Bloggerの投稿画像の遅延読み込みの自動化にIntersection Observer APIを使ったJavaScriptプログラムと説明

Bloggerの記事/追加ページの投稿画像や動画の遅延読み込みをIntersection Observer APIを使って自動化するJavaScriptプログラムの内容を説明する。 ```JavaS…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Bloggerの投稿画像のWebPのrwの自動化のJavaScriptプログラムと説明

Bloggerの記事/追加ページの投稿画像にWebPへ軽量化するrwのパラメーターを自動的に付けるJavaScriptプログラムの内容を説明する。 // 記事の本文の要素(psbd)と記事の本文の中…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Bloggerの投稿画像のlazy-loadの自動化のJavaScriptプログラムと説明

Bloggerの記事/追加ページの投稿画像や動画に遅延読み込みのHTML属性のloading-lazyを自動的に付けるJavaScriptプログラムの内容を説明する。 // 記事の本文の要素(psb…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React で指定した数コンポーネントを繰り返したいとき

Reactで指定した数繰り返したいとき とりあえずお手軽に書きたいときに typescript // 100回繰り返される {[...Array(100)].map(() => <HogeComp…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Alpine.js 紹介

Alpine.jsの公式の翻訳になります。 https://alpinejs.dev/ 15 Attributes x-data HTMLのブロックに対して新しいAlpineコンポーネントとそのデ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む