■クラスとは オブジェクトを作成するための設計図のようなものです。クラスは、オブジェクトの特性（属性）や機能（メソッド）を定義します。クラス自体はオブジェクトではありませんが、オブジェクトを作成する…

DOMとは DOM（Document Object Model）はWebページを表現するための仕組みで、Webページの構造や要素、属性、イベントなどを扱うことができます。 DOMは、JavaScri…

成果物 今回作成したのは条件文(if)を利用したログイン処理です。 サーバーサイドは開発していないため、ユーザー名、パスワードは共に固定となります。 ユーザー名にuser、パスワードにpasswordと入力することでログインすることができます…

成果物 3つのカウンターが用意されており、それぞれ独立してボタンを押すたびに数字が変化します。 https://codesandbox.io/embed/ji-suan-botan-arenzi-c…

環境 vue 3.1.5 実装したい内容 複数のアプリケーションインスタンスが共存する際、別インスタンスから別のインスタンスを操作したい。 具体的な状況 jsファイルに2つの異なるアプリケーションイ…

Alpinejsのx-forで配列を回してinputを表示し、button押下で要素の追加や削除するケースはよくあると思う。 <div x-data="{items: ['A', 'B', 'C']…

ChatGPTとの会話をウィンドウの中に表示します。 番号付きリスト、ソースコード、表にも対応しています。 javascript:(function() { if (!document.URL.st…

はじめに Vue.js(Composition API)では、watch関数を使用することで、リアクティブな状態の一部が変更されるたびにコールバックを実行することができます。 const a = r…

Javascriptでマークダウンエディタ的なものを使うことができるようなので、作ってみようと思います。 今回はeasy-markdown-editor(EasyMDE)というライブラリを使用します。…

概要 Unity + WebGL で動画をテクスチャとして使いたい場合、標準のVideoPlayerがうまく使えません。 そこで今回は動画をWebGLテクスチャとして描画しつつ、任意の時間から再生で…

概要 JavaScript で Intl.Segmenter が標準化され、拡張書記素クラスター単位で文字列を扱えるようになりました。拡張書記素クラスターを扱う上での課題はサイズの上限がないことです…

概要 JavaScriptの理解を深めるため、 で学習した内容を記載していく。 本記事では、オブジェクト、標準組み込みオブジェクトについて記載する。 オブジェクトの考え方 オブジェクトとは 　オブジ…

本記事はReact公式サイトのQuick Startを翻訳したものですが、非公式の日本語ドキュメントです。 ようこそ、Reactドキュメントへ！このページでは日常的に使うことになるReactの概念…

はじめに 熱量の高い人たちが集まるエンジニア・起業家養成スクール G's ACADEMYが開催している”【G’s EXPANSION】React実践講座プログラム”を受講したので、その内容についてま…

React Webアプリで Hello World する こんにちは、株式会社船井総研デジタルの @fsdg-adachi_h です。今回は、WSL の Ubuntu 22.04 で React W…

Vue.js Webアプリで Hello World する こんにちは、株式会社船井総研デジタルの @fsdg-adachi_h です。今回は、WSL の Ubuntu 22.04 で Vue.js…

Tour of Heroes tutorial 4. サービスの追加で分からないキーワードをメモする。 DI（Dependency Injection） Angular2においては「Provider…

Canvas API と CanvasRenderingContext2D の勉強として作ってみました。 「HTML Color = #RRGGBB」をクリックすると、カラーコード "#RRGGBB…

よく使う時間操作の処理をまとめました。 思いつきしだい随時追記していこうと思います。 「分」を「時間」に直したい時 let m = 66 //66分 console.log( `${Math.flo…

はじめに 楽天が運営しているNBA Rakuten。 日本のNBAファンは基本的にここ以外でNBAを見る方法はないのだが このサイト、使いづらすぎる いろいろと気に入らない部分はあるが、なによりショ…

概要 　今回は3.JavaScriptの文法と構文について、の 　条件分岐について確認していきます。 　ここは言語ごとに個性が出るところですね。 　※無料版なので、誤っている情報もあると思いますが、…

事前準備 以下の事前準備が必要です。 【Windows/Mac/Linux（Ubuntu）】Node.jsインストール方法 フォルダ構成 . ├─index.js ├─【任意】.mp4 ├─pack…