20230605のJavaScriptに関する記事は19件です。

Teachable Machineで『右も左もわからない』を解消する

右も左もわからない とはよく言ったもので、うちの子、「みぎ」 と 「ひだり」 が怪しい。 100%の確信持ってない。100どころか50も怪しい。 わからないと困る 例えば道を歩いていて、「車が来たか…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Fashion Advisor for Men's perm #TeachableMachine #ChatGPT #JavaScript

【当記事で得られる知識】 ・Teachable Machineで作ったモデルを使用したml5.jsでの推定方法 ・JavaScriptでChatGPTとのAPI連携方法 (おまけ:SCCでの装飾) Fashion Advisor for Men's per…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【問答無用】JavaScriptに引数の参照渡しは無い

「参照渡し」 無い function f(&n) { // こんな構文は『無い』ので実行できない n = 2; } var n = 1; f(n); console.log(n); // 参照渡しが…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

#TeachableMachine で夫婦喧嘩をイヌに食わせてみた🐶

お悩み相談 Q. 26歳女性。結婚して4か月、夫婦喧嘩が止まりません。 お互い仕事が忙しく余裕がないからか、ちょっとしたことで衝突してしまいます。仲直りしようと謝っても、 「ごめんね」 「それはごめ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ローカルでCSVファイルを作ってダウンロードさせる

諸元 処理の結果をファイルとして返すけど、ユーザーの任意のタインミングでダウンロードさせたい。 そうするとバックエンドでファイルを作り込んでおいて永続化(S3とか)するか、セッションにバイト配列とし…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】DataTablesが超便利すぎる

DataTablesとは DataTablesは、HTMLテーブルを対話的なデータグリッドに変換するためのJavaScriptライブラリ。 簡単に言い換えると、HTMLテーブルをソートや検索などがお…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】EventEmitter2でイベント駆動型プログラミングをやってみよう

はじめに EventEmitter2とは EventEmitter2とはイベント駆動型プログラミングをサポートするためのライブラリ。Reactの状態管理にも使われる。 https://www.npm…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】Mutation ObserverでDOMを監視する

Mutation Observerとは DOMの変化を監視することができるWeb APIである。 Mutation Observerの使い方 監視対象の要素を設定 まず、監視対象の要素を決めなければ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのDOM操作でよく使うメソッド【メモ】

JavaScriptでDOM (Document Object Model) 操作を行う際によく使う関数やメソッドたち getElementById(id) getElementByIdメソッドは、…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

form送信時に値をコンソールに表示できない

vscodeのLive Serverを使い、ブラウザを立ち上げる。 フォーム内容を入力し、コンソールに値を表示させたかったが表示されない。(検証ツールにて) htmlファイルは以下 <!DOCTYP…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

模写はCodeStepが最強説

HTML/CSS/JavaScript模写 CodeStepで模写をしました。 とても親切な模写サイトとして有名かと思います。 今回は下記のデモサイトをもとに、JavaScript/jQueryのコ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

模写初心者はCodeStepが最適説 / JavaScript

模写 HTML/CSS/JavaScript課題 CodeStepで模写をしました。とても親切な模写サイトとして有名かと思います。 今回は下記のデモサイトをもとに、JavaScript/jQuery…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

模写初心者はCodeStepが最適説 / jQuery

模写 HTML/CSS/JavaScript(jQuery)課題 CodeStepで模写をしました。とても親切な模写サイトとして有名かと思います。 今回は下記のデモサイトをもとに、jQueryのコー…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

2023.5.26 プログラミングメモ ラジオボタンchange他

・画像がフェードアウトした後に「フェードアウトしました」って文字がアラートダイアログで表示されるようにして 動作 ホバーしたら画像をフェードアウト→フェードアウトした後に時間差でアラート表示(set…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Vue】Google Places API でインクリメンタルサーチの実装【JS】

概要 今回は、地点を検索するフォームに文字が入力されたとき、一文字打つごとに候補がサジェストされるインクリメンタルサーチを作ります。 実装 Google APIの準備 Google Maps API…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

2023.5.13 プログラミングメモ slick

スライドをslick.jsなしで作成して 途中経過 ・矢印ボタンでスライド変更 ・最初(最後)のスライドに移動した時に矢印を非表示にしようと(した) ◆質問フォーマット 【問題】 最初(最後)のスラ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

特殊文字をレンタルサーバーのデータベースへ保存し表示する方法

はじめに 例えば、掲示板のウェブアプリケーションを作成し、ユーザーがJavaScriptのコードを投稿できる機能を追加したいと考えたとします。しかし、特殊文字の扱いやクロスサイトスクリプティング(X…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptとDOM操作の基本

この記事ではJavaScriptを使ったDOM操作について解説します。DOM(Document Object Model)とは、HTMLのような文書の構造を表現するためのプログラミングインターフェー…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのDOMとイベントリスナについて

DOMとは、Document Object Modelの略称であり、HTMLやXMLを操作するためのAPIである。 JavaScriptでは、このDOMと呼ばれるAPIを介してテキストを変更するなど…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む