ブラウザで表示されているリンク取得

ブラウザで表示されているリンク取得

// すべてのリンクの href 属性を取得してコンソールに表示する
const links = Array.from(document.querySelectorAll(‘a’));
const hrefs = links.map(link => link.href).filter(href => href);

// すべてのリンクをコンソールに出力
console.log(“リンク一覧:”);
hrefs.forEach(href => console.log(href));

// クリップボードにコピー
const textToCopy = hrefs.join(‘\n’);
navigator.clipboard.writeText(textToCopy)
.then(() => console.log(“すべてのリンクがクリップボードにコピーされました。”))
.catch(err => console.error(“コピーに失敗しました: “, err));

【JavaScript】Reflectについて

今回は【JavaScript】Reflectについての備忘録です。

## 1: Reflectとは？
・Reflectとは、「JSエンジン内部の汎用的な関数」に直接アクセスできるオブジェクトのこと。

## 2:「Reflect」をもう少し詳しく
⬇︎
◾︎JSエンジンでは内部でのみ使用される「内部メソッド」というものを保持している。
［［Get］］
［［Set］］
［［Delete］］
［［Construct］］

⭕️◾︎「Reflect」によってこの「内部メソッド」を間接的に呼び出すことができる。
get
set
deleteProperty
construct

## 3:Reflectを使用する目的は、主に2つ。
⬇︎
①「内部メソッドを、Reflectに格納していく」ことによって【Reflectを通して内部メソッドにアクセスするという目的。】

②「Proxyと合わせて使用する目的。」

主に以上の2点です。

## 4:実際に【Reflectを通して内部メソッドにアクセスしてみよう。】

__実践1__: 下記のようにn

アプリの機能に悩むあなたに

個人開発でアプリを作成するときに基本意識するのはCRUD
ここに関しては多くの人が認識済みかもしれませんが、

個人開発でアプリ作成時の機能に関して、
**「自分の得意分野から」攻めたほうが良い**と考えます
同時に
**相手の得意分野は避けたほうがいい**と考えます

何言っているかわからないかもしれませんが、
以前テレビで見てたあたしンちのエピソードにヒントがあります

あなたが開発するアプリをプレゼントと例えてみてください

それは「相手によろこんでもらえるかどうか分からない」という不安にもなります

コーヒー好きな人に下手なコーヒー贈ると、
**ああこれね**
その人のほうが、あなたより舌が肥えていたらそのような反応が返ってくるリスクがあります

同じように、ついアプリ作成時に高度な技術を付けないとで加点法形式で「あの人は、○○が好きだから」という根拠を求めてしまいます

少なくとも「あの人はきっとLINEが好きだから」でプラス1点(だからLINE通知を実装しました)
少なくとも「みんな、おすすめを求めている」でプラス1点(だからレコメンドを実装しました)

そのプラスが、なん

【JavaScript】Proxyについて

今回は【JavaScript】のProxyについての備忘録です。

## 1: Proxyとは？
・「Proxy」とは、【プロパティの操作に、独自の処理を追加する】ためのオブジェクトです。これによりオブジェクト自体の操作に介入したり操作したりすることができます。

## 2:「Proxyの独自の処理」って？
・例えばProxyが発生したら「トラップ」というものを発動して、独自の処理を追加するということができます。

■トラップの独自の処理の例
・例として「setトラップ」を解説。
targetObj
handler
new Proxy
という各オブジェクトを使って、どの操作に介入するか、また介入された操作をどのように再定義するかを定義するオブジェクトです。

■set: function (target, prop, value, receiver)の引数の意味。

・第一引数のtarget ➡︎「Proxyの第一引数で渡したオブジェクトtargetObjのこと。」

・第二引数のprop ➡︎「プロパティにアクセスされた際の、プロパティの名前(プロパティ

[JavaScript][L3] ボタン押下によりコンテンツ(div>ul>li)を別コンテンツ(div>ul>li)に移動する

# 実施条件
[[JavaScript][L2] ボタン押下により中コンテンツ(ul)内の小コンテンツ(li)を削除する](https://qiita.com/Jochun/items/c79fa73fb224d52897c0)を理解していること

# 環境
MacBook Pro (2.3 GHz 8コアIntel Core i9)
macOS 14.0（23A344）
Homebrew 4.3.8
gh 2.52.0

# ソースコード外観

## HTML
~~~html:index.html

追加

【JavaScript】文字列から基本多言語面(BMP)以外の文字（UTF-8で4バイトになる文字）を配列で返す

“`typescript
// 基本多言語面(BMP)以外の文字を配列で返す
export const extractUnicode4ByteChars = (v: string) => {
const regex = /[\u{10000}-\u{10FFFF}]/gu // BMP範囲以外
return v.match(regex) || []
}

const text = ‘ﾒッせ-z1𩸽✋☀️🥺’
console.log(extractUnicode4ByteChars(text))
// ‘𩸽🥺’
“`

[JavaScript][L2] ボタン押下によりコンテンツ(div>ul>li)を削除する

# 実施条件
[[JavaScript][L1] テキストボックスのコンテンツ(div)から別のコンテンツ(div)に転記する](https://qiita.com/Jochun/items/632babb3bd0e3710920b)を理解していること

# 環境
MacBook Pro (2.3 GHz 8コアIntel Core i9)
macOS 14.0（23A344）
Homebrew 4.3.8
gh 2.52.0

# ソースコード外観

## HTML
~~~html:index.html

追加

ilasmでstack machine その45

# 概要
ilasmでstack machineやってみた。
練習問題やってみた。

# 練習問題
ilasmをrom化せよ。
数９を四個使って、１から１５まで求めよ。

# 写真


# サンプルコード

“`

var out = document.getElementById(“out”);
var src = document.getElementById(“src”);

function hexs(val) {
var v = val.charCodeAt(0);
var w = v.toString(16);
w = “0000” + w;
code = w.substring(w.length – 2, w.length);
return code
}
function hex(val) {
var

cursorでwebサイト作成をしてみた

cursorのダウンロード

↓以下のリンクからダウンロードできます。

https://www.cursor.com/

AIは無料で3週間ほど使えたと思います。

cursorの使い方

cursorはVisiual Studio Codeとほとんど同じで、AIを使って簡単にコーディングをするかしないかの差だと思います。

cursorのAIは赤い矢印がさしているボタンをを押すことで、右にチャットとして表れます。


webサイトの作成

私は、以

テキストアニメーションできるライブラリ「textillate.js」の使い方・カスタマイズ

## はじめに

textillate.jsは、テキストに簡単にアニメーション効果を追加できるjQueryプラグインです。文字単位でのフェードインやスライドインなど、様々なアニメーション効果を実現できます。この記事では、textillate.jsの基本的な使い方からカスタマイズ方法まで詳しく解説します。

## 導入方法

textillate.jsを使用するには、以下のライブラリを読み込む必要があります：

“`html






“`

javascript

学習備忘録
自力で作ると理解度UP

“`aa.js
let maximum = parseInt(prompt(‘始めに0以外の数字を入力せよ’));
while (isNaN(maximum) || maximum <= 0) { maximum = parseInt(prompt('有効な数字を入力せよ')); } const targetNum = Math.floor(Math.random() * maximum) +1; let answerNum = prompt('答えの数字を決めました。予想して0以外の数字を入力せよ'); let count = 1; while (parseInt(answerNum) !== targetNum) { if (answerNum === 'q') break; if (isNaN(answerNum) || answerNum <= 0) { answerNum = prompt('0以外の有効な数字を入力せよ'); conti