右も左もわからない とはよく言ったもので、うちの子、「みぎ」 と 「ひだり」 が怪しい。 100%の確信持ってない。100どころか50も怪しい。 わからないと困る 例えば道を歩いていて、「車が来たか…

【当記事で得られる知識】 ・Teachable Machineで作ったモデルを使用したml5.jsでの推定方法 ・JavaScriptでChatGPTとのAPI連携方法 （おまけ：SCCでの装飾） Fashion Advisor for Men's per…

「参照渡し」　無い function f(&n) { // こんな構文は『無い』ので実行できない n = 2; } var n = 1; f(n); console.log(n); // 参照渡しが…

お悩み相談 Q. 26歳女性。結婚して4か月、夫婦喧嘩が止まりません。 お互い仕事が忙しく余裕がないからか、ちょっとしたことで衝突してしまいます。仲直りしようと謝っても、 「ごめんね」 「それはごめ…

諸元 処理の結果をファイルとして返すけど、ユーザーの任意のタインミングでダウンロードさせたい。 そうするとバックエンドでファイルを作り込んでおいて永続化（S3とか）するか、セッションにバイト配列とし…

DataTablesとは DataTablesは、HTMLテーブルを対話的なデータグリッドに変換するためのJavaScriptライブラリ。 簡単に言い換えると、HTMLテーブルをソートや検索などがお…

はじめに EventEmitter2とは EventEmitter2とはイベント駆動型プログラミングをサポートするためのライブラリ。Reactの状態管理にも使われる。 https://www.npm…

Mutation Observerとは DOMの変化を監視することができるWeb APIである。 Mutation Observerの使い方 監視対象の要素を設定 まず、監視対象の要素を決めなければ…

JavaScriptでDOM (Document Object Model) 操作を行う際によく使う関数やメソッドたち getElementById(id) getElementByIdメソッドは、…

vscodeのLive Serverを使い、ブラウザを立ち上げる。 フォーム内容を入力し、コンソールに値を表示させたかったが表示されない。(検証ツールにて) htmlファイルは以下 <!DOCTYP…

HTML/CSS/JavaScript模写 CodeStepで模写をしました。 とても親切な模写サイトとして有名かと思います。 今回は下記のデモサイトをもとに、JavaScript/jQueryのコ…

模写 HTML/CSS/JavaScript課題 CodeStepで模写をしました。とても親切な模写サイトとして有名かと思います。 今回は下記のデモサイトをもとに、JavaScript/jQuery…

模写 HTML/CSS/JavaScript(jQuery)課題 CodeStepで模写をしました。とても親切な模写サイトとして有名かと思います。 今回は下記のデモサイトをもとに、jQueryのコー…

・画像がフェードアウトした後に「フェードアウトしました」って文字がアラートダイアログで表示されるようにして 動作 ホバーしたら画像をフェードアウト→フェードアウトした後に時間差でアラート表示（set…

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

スライドをslick.jsなしで作成して 途中経過 ・矢印ボタンでスライド変更 ・最初（最後）のスライドに移動した時に矢印を非表示にしようと（した） ◆質問フォーマット 【問題】 最初（最後）のスラ…

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

この記事ではJavaScriptを使ったDOM操作について解説します。DOM（Document Object Model）とは、HTMLのような文書の構造を表現するためのプログラミングインターフェー…

DOMとは、Document Object Modelの略称であり、HTMLやXMLを操作するためのAPIである。 JavaScriptでは、このDOMと呼ばれるAPIを介してテキストを変更するなど…