目的 Dot installで詳解されているDocument Object Motel (DOM)の内容をまとめる。 //ProgateだとDOMは扱われなかった。 対象 DOM基礎を学びたい方 …

この記事の内容は、オフラインでリアルタイム音声認識ができ、日本語にも対応している以下の「VOSK」を試してみた話です。 ●VOSK Offline Speech Recognition API 　h…

何がしたいか JavaScript (ES6) で Obj.prototype.func = function(){} みたいな定義を、複数のファイルに分割して書いてあるときに、分割された Obj…

gatsby.jsでのサイトマップ gatsbyを使用したweb開発でのサイトマップは公式のプラグインである、gatsby-plugin-sitemap を使用します。 導入方法・使用方法は以下を…

JavaScript でドラッグとクリックをどうやって識別するのか、 調べたことをまとめました。 ポイント いずれも mousedown, mouseup のイベントが発生するが、 mousemove はドラッグの時にしか発生しないので、…

はじめに フロントのデザインでよく横に画像がスライドするデザイン(カルーセルやスライダーといわれるアレです。)があります。 今回はそのカルーセルを簡単に取り入れられるJavascriptのライブラ…

const uniqArr = (arr, key) => { return [ ...new Map(arr.map(item => [item[key], item])).values() ] …

dataプロパティのオブジェクトをちょこっといじりたいな Vue.jsではdataプロパティに変数を定義し、スクリプト内では this.dataプロパティに設定した変数 = "〇〇" などとしてd…

はじめに 普段C#で開発を行っていますが、最近はWeb開発技術も勉強しようとしています。 C#とJavascriptで概念が違って混乱したことがあったので整理します。 ==と=== C#では、値が…

はじめに 普段C#で開発を行っていますが、最近はWeb開発技術も勉強しようとしています。 C#とJavascriptで概念が違って混乱したことがあったので整理します。 ==と=== C#では、値が…

はじめに 普段C#で開発を行っていますが、最近Web開発技術も勉強中です。 その中で、C#とJavascriptで概念が違って混乱したことがあったので整理します。 ==と=== C#では、値が等し…

Promiseとは PromiseはES2015で追加された非同期処理のための機能です。 Promiseを使うことでより便利かつわかりやすい形で非同期処理を扱うことができる。 非同期処理においては…

ローカルのhtmlでiframeから親フレームに処理を飛ばそうとしたところ、 window.onload = onLoad; function onLoad() { var filename = w…

はじめに webページのレスポンシブ対応をしている時にandroidはソフトウェアキーボード出現によってフッターを持ち上げてしまい、画面の見栄えがよくなかったのでそちらを修正しました。 次回同じ課題…

変数名に日本語を使おうと思った経緯 こんにちは。秋になると柿を200個食べるWebエンジニア、すずきゆーだい(@szkyudi)です。 最近、個人開発としてリアルタイムで変更を確認できる多機能な割…

はじめに データベースのprimary keyをauto incrementしている場合（サロゲートキーを使っている場合）に、もし何も気にせずREST APIでCRUDするようなアプリを作ろうとす…

本日もお疲れ様です。現役テックキャンプ受講生のアプリ開発Day１２です。最近昼夜逆転気味なり、更新も遅い時間になりがちです。いつかのタイミングで生活リズムを戻さねばと思ってます。 今日はjsによるカ…