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

JSのmapをSICP風に実装してみた。

SICPのmap (define (map f list) (if (null? list) '() (cons (f (car list)) (map f (cdr list))) ) ) 実行…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Phaser3】JSONファイルを読み込む

はじめに Phaser3にて、jsonファイルでゲームのデータを管理し、読み込むタイミングがあったが注意するべき点があったので、メモ。 内容 Phaser3ではシーンという概念が存在し、指定のタイ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JS初心者がDNSホスト情報変換ツールを作ってみた

自宅内でお遊び用にローカル用のDNSサーバーを設置してるのですが、設定ファイルの管理が面倒なのでGoogleスプレットシートのデータから設定情報に変換できるツールを作ってみました。 どこでも実行でき…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

モデル駆動型アプリでログインユーザーの値をフィールドに自動設定する方法

キャンバスアプリでは、User関数を利用してログインユーザーの情報を簡単に取得することができます。 しかし、モデル駆動型アプリにはこの標準機能がありません。この機能を利用するためには様々な方法がご…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

javaScript_constructorメソッドを使って、DateやArrayの判別

<body> <p id="test1"></p> <p id="test2"></p> <script> var dateTest = new Date(); var arrayTest = ["…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのClassについて part4

初めに 今回は組み込みメソッドのクラスの拡張についてまとめていきたいと思います。 参考資料はこちらです。 Extending built-in classes - javascript.info …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScript で「?.」という書き方をする Optional chaining(オプショナルチェーン / オプショナルチェイニング)についての自分用メモ

この記事は、JavaScript のプログラムで利用可能な「?.」という書き方、Optional chaining(オプショナルチェーン / オプショナルチェイニング)」についての自分用のメモです。 名前を忘れた場合や仕様詳細を少し確認したい場合に、探そうとして検索をしようとしたら、地味に検索しづらい気がするので、自分がたどり着きやすいところにメモを作ろうと思ってこの記事を書きました…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

独習JavaScript(7章 スコープ)

独習JavaScriptのメモ 本はこちら はじめに 今までJavaScriptは、ほぼ雰囲気で使っていた。が、ごまかしがきかなくなってきた。 ので、(必要に迫られて)本書を手に取った。当初は基礎…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

最小限のSSR付きSPAフレームワークを作ってみた

概要 PHPのテンプレートライブラリでいろいろ考えていた時にふとこうすればSSRっぽいことができるんじゃないかと思ったので試しに作ってみた記録。 どうせ需要なんてないのはわかりきってるので適当。 …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

GA4が導入されているかを外側からチェックするブックマークレット(GTM利用サイトの場合)

今回は今閲覧しているサイトに、Googleアナリティクス4(GA4)が導入されているかどうかをチェックする【ブックマークレット】を作成しましたので紹介します。 (アラートで測定IDを表示します) 測…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ブックマークレットの作り方と実装例

化石のようなテクニックで何番煎じかわかららないが、ここ最近でいくつかブックマークレットを作る機会があったので、作り方をまとめておく。今日においても、ブラウザでやるちょっとしたことを自動化するのに便利…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

canvasでアニメーション

canvas要素を使用したアニメーションを使用したことがなかったので、試してみました。 マウスをcanvas上に載せるとアニメーション開始、外すと停止する簡単なアニメーションです。 コードはこちら …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

canvasアニメーションを使ってみた

canvas要素を使用したアニメーションを使用したことがなかったので、試してみました。 マウスをcanvas上に載せるとアニメーション開始、外すと停止する簡単なアニメーションです。 コードはこちら …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

世界一優しいReactの基本その2 -コンポーネントとは-

はじめに 前回はReactの基本を学びました。今回はコンポーネントとはなにか?というところを書いていきたいと思います。 https://qiita.com/k-tetsuhiro/items/c8…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

datepickerについてまとめる ~楽にカレンダーコントロールを実装~

はじめに カレンダーコントロールについて色々調べた結果、datepickerに行き着いたので記事にしようと思いました。 FullCalendar.jsも無料版で色々やれそうで面白かったので、また別…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

独習JavaScript(6章 関数)

独習JavaScriptのメモ 本はこちら はじめに 今までJavaScriptは、ほぼ雰囲気で使っていた。が、ごまかしがきかなくなってきた。 ので、(必要に迫られて)本書を手に取った。当初は基礎…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

世界一優しいReactの基本その1 -JSXとは-

はじめに 私が知っているJavaScriptってもうしかしてもう古い?! ってことで、モダンなJavaScriptについて学んできました。 今回はReactについて学んで行きたいと思います。 ht…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Reactの基本その1 -JSXとは-

はじめに 私が知っているJavaScriptってもうしかしてもう古い?! ってことで、モダンなJavaScriptについて学んできました。 今回はReactについて学んで行きたいと思います。 ht…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

クリーンコード本で腑に落ちた条件分岐の3つの簡単なTips

はじめに 前回の記事、たくさんの方が見ていただき、とても嬉しく思っております。 見ていただいた方には、誠に感謝しております。 https://qiita.com/tkdayo/items/5701…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Web Componentsを使いやすくする kit.js

はじめに JavaScriptには標準化されたWeb Componentsが存在します。 標準化されたコンポーネントは、個人的に欲しかった機能なので嬉しいですが、 機能が不足していたり、冗長な書き…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む