20230204のJavaScriptに関する記事は20件です。

教えてGTP: HTML canvas要素を動画にする技術は何か?

HTML キャンバス要素をビデオに変換するには、「キャンバス レコーダー」と呼ばれる手法を使用できます。この手法では、canvas 要素の状態を定期的にキャプチャし、キャプチャしたフレームを MP4…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

someメソッドで波括弧のなかに判定式がある場合はreturnが必要

arr = [] arr.push(1,2,3,4,5) // ネストしない場合はreturnは不要 const exist = arr.some(number => number == 1) co…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

アロー関数で波括弧のなかに判定式がある場合はreturnが必要

arr = [] arr.push(1,2,3,4,5) // ネストしない場合はreturnは不要 const exist = arr.some(number => number == 1) co…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Reactとmaterial-uiを用いたアプリでCarouselを実装する方法

はじめに react-material-ui-carouselを用いてCarouselを実装する方法を備忘録として書きます. 使い方 Carouselの説明やインストール方法,基本的な使い方は,「R…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

僕のProofReading API ~VBAマクロ撲滅計画Phase#2 ~

導入 前回に引き続き、VBAマクロを撲滅するために何か使えるものはないかな~とか探っております。 基本的にはJSとPythonあたりで何かうまいことできないかなと。 今回はProofReading …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

<JavaScript> Memo: A Function to Order Amateur Radio Callsigns According to JARL Bureau's Rule

Goal To issue QSL cards (contact confirmation cards) to amateur radio stations, we need to sort the…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptでデザインパターン①〜シングルトン

デザインパターンとは  デザインパターンは、大規模なソフトウェア開発の課題に対する一般的な解決策を提供するものです。これらのパターンは、特定のタイプの問題に対してよく使われる方法をまとめたものです。…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Youtubeデスクトップ版もどきをElectronで(Windows用)

ない・・・ない! ないんですよ!デスクトップ版ようつべが!!!! てんわけでElectronでYotubeのサイトを表示するだけのソフトを作りました。 electronインスコ 1.package.…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

令和X年X月X日とDate型の変換【備忘録】

概要 今回、日付を令和X年X月X日XX:XXと変換する必要があり、またそこから逆に戻す必要もあり、、、 という点が少し大変で覚えられる気がしないので、メモとして残します!! 令和X年X月X日XX:X…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

未経験駆け出しエンジニアはスキルをつけたい

Spring Boot・React・MysqlでTodoアプリを作ってみた エンジニアになって半年くらい経つのですが、 案件先でプログラミングを全くやっておらず、先行きが見えないので少しでもアピール…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptでグローバル変数を使わない方が良いみたい

グローバル変数を使用すると、以下の問題が発生することがあるそうです 1.他のライブラリやフレームワークと同じ名前のグローバル変数を宣言すると、意図しない動作を引き起こす可能性がある 2.グローバル変…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

文字列、数値を連結する時の注意

JavaScriptは文字を連結する際に文字列を必要とする場面ではどのような値でも文字列に使用とし、数値が必要となる場面では数値に変換しようとします。(変換できない場合はNaNに変換します)。今回は…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】<input type='number'>にマウススクロールでの数値入力を無効にする

サンプル <input type= 'number' /> といった数値入力の入力フォームがあるとします。 画面上でこの入力フォームにフォーカスし、マウスをスクロールすると数値が入力されてしまう場合…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Javaでオプショナルチェーン(?.)のかわりに例外処理使ったらダメですか?

はじめに 言語の進歩は日々目覚ましいものです。 昔の常識は今の非常識かもしれないというところで例外処理論争が起きたので起稿しました。 オプショナルチェーン(?.)とは 「オプショナルチェーン(?.)…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】useState()で入力項目のstateを管理する。

はじめに 昨今、react-hook-formなど入力値を取得〜バリデーションまでしてくれるライブラリが充実していますが、あえてuseState()で入力フォームのStateを管理する方法を書きたい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React/TypeScript】useState()で入力項目を管理する。

はじめに 昨今、react-hook-formなど入力値を取得〜バリデーションまでしてくれるライブラリが充実していますが、あえてuseState()で入力フォームのStateを管理する方法を書きたい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Twitterで自動投稿する雛形-#脱TwitterAPI。

エンジニアに悲報としか言えない今回の発表・イーロン・マスク氏って👹 2月9日でTwitterAPIが無料で使えなくなるのでその対応をしないといけない。 そんなエンジニアさんもいらっしゃると思います、…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptで複素関数をプロットしてみた

See the Pen Plot of Complex Number Function by kob58im (@kob58im) on CodePen. 画面左側がz平面で、画面右側がf(z)平面…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【TypeScript】Mockdate使って現在日時を固定化

背景 ladle(storybookのようなコンポーネントカタログ)にて、日時表示のバリエーションを持たせたかった。そのためには、現在日時をmock(固定化)する必要があった。 導入 $ npm i…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Vue3】ref属性を使ってfocusメソッドで要素にフォーカスする

vue3でWEBアプリを開発している時、ページを開いた時に特定のinput要素へすぐ文字入力ができる環境を作りたくなった。 色々調べてみたところ、vue2ではtemplate内の該当する要素にはre…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む