f@ctor

JavaScript関連のことを調べてみた

JavaScript関連のことを調べてみた
目次

How to Trim Whitespace from JavaScript String

This quick javascript tutorial helps to remove extra whitespaces including tabs, and line breaks from your data. We will explore various techniques and best practices for stripping whitespace in JavaScript.

How to Trim Whitespace from JavaScript String

元記事を表示

スプレッド演算子を用いてオブジェクトの更新操作を行う方法

“`javascript

const updateLikability = { …someoneSpecial,
likability: {…someoneSpecial.likability, funnyRating:increaseLikabilityByFunnyJoke }

“`
気になるあの子の好感度を更新してゆきたいと思います。

まず、気になるあの子(someoneSpecial)の現在の状態を
スプレッド演算子を用いてコピーします。

このコピーは表面的なもので、内部のlikabilityオブジェクトは元のsomeoneSpecialからの参照として保持されています。

次に好感度オブジェクト(someoneSpecial.likability)もコピーしておいて、その中の面白さプロパティを新しい値(increaseLikabilityByFunnyJoke)で更新しています。

以上で「ノリの良い軽口であの子を笑わせて自分の好感度を上げる」オブジェクトを作ることができました。

現実世

元記事を表示

クラス属性を取得する

“`js
Object.prototype.toString.call([]) // [object Array]
Object.prototype.toString.call(/./) // [object RegExp]
Object.prototype.toString.call(()=>{}) // [object Function]
“`
JavaScriptオブジェクトに対してクラス属性を取得するには、上記のObject.prototype.toString.call()を使用します。ですが、この方法以外では取得できない型情報が含まれています。typeof演算子ではオブジェクトの型を区別しないので、下記に作成したclassof()関数の方が便利です。
“`js
function classof(o) {
return Object.prototype.toString.call(o).slice(8, -1);
}

classof(null) // Null
classof(undefined) // Undefined
classof(

元記事を表示

スマホでペット用監視カメラを作ってみた

# はじめに
スマートフォンを使った監視カメラシステムを作ってみました
作ろうと思い立ったきっかけですが、昨年ワンちゃんを一頭飼い始めて
最近もう一頭増えたのと、その子が保護犬ということでなかなか目が離せないということもあり、スマホを使って外出先から自宅のワンちゃんの様子を確認出来る仕組みを作ってみようと思ったのがきっかけです

| 1頭目 | 2頭目 |
|:-:|:-:|
| 01_choco.jpg | 02_coronet.jpg

元記事を表示

p5.js で randomGaussian() を使って偏りのある乱数を得る

## はじめに
今回の内容は、p5.js の randomGaussian() に関する話です。

●reference | randomGaussian()
　https://p5js.org/reference/#/p5/randomGaussian

### randomGaussian() を使った描画を試してみた
今回扱う randomGaussian() を、とりあえず描画に使ってみました。
いくつか試してみたのですが、その中で以下の内容を例に説明などを書いていきます。

それでは、randomGaussian()自体の話、それを使った描画を試した話や、関連情報のメモ的な内容を書いていきます。

## p5.js の randomGaussian() について
p5.js の randomGaussian() は、いわゆる「正規分布」「ガウス分布」にしたがって乱数を得る関数です。以下が、[randomGaussian() の公式リファレンスのページ](https:/

元記事を表示

アクセシビリティを意識した実装の意義について確認する

# 1. 背景
アクセシビティにも色々定義がありますが、身体に関わる障害を持つ方のための実装をする意義を確認したいと思った為です。

# 2. 各身体に関わる障害と有効なアクセシビリティ

https://developer.mozilla.org/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility

| 身体に関わる障害のカテゴリ | 有効なアクセシビリティ |
| —- | —- |
| 視覚 | スクリーンリーダーや拡大/ズームを使用してテキストにアクセス |
| 運動機能 | キーボード（または他のマウス以外の機能）を使用してウェブサイトの機能をアクティブ化 |
|聴覚|音声や動画のコンテンツのキャプション/字幕またはその他の代替テキストに依存

# 3. 令和4年度 国内雇用 身体に関わる障害を持つ方の人数とその割合
令和５年６月１日時点のデータです。

357,767.5人です。
実雇用率は1.31%です。

https://www.zenjukyo.or.jp/news/r05_k

元記事を表示

【2023年1月】エンジニアなら読むべき技術書TOP5

# [世界一流エンジニアの思考法](https://amzn.to/3TPtEuz)
[![画像タイトル](https://m.media-amazon.com/images/I/71a2wfX4UwL._SL1500_.jpg)](https://amzn.to/3TPtEuz)

**noteでも大人気！　米マイクロソフトのエンジニアが放つ最前線の仕事術**

頭が先、手は後。一流の仕事のカギは順序にある。
――楠木建（経営学者）

知的生産へのリスペクトがイノベーションの源泉だ。
――落合陽一（メディアアーティスト）

「怠惰であれ！」「早く失敗せよ」――
米マイクロソフトの現役ソフトウェアエンジニアの著者が、超巨大クラウドの開発の最前線で学んだ思考法とは？
“三流プログラマ”でもできた〈生産性爆上がり〉の技術！

・試行錯誤は「悪」。“基礎の理解”に時間をかける
・より少ない時間で価値を最大化する考え方とは？
・「準備」と「持ち帰り」をやめて、その場で解決する
・マルチタスクは生産性が最低なのでやらない
・“脳の負荷を減らす”コミュニケーションの極意
・コントリビュート文化で「

元記事を表示

オンラインゲームが”サ終”しても一生遊べるようにブラウザ移植した

![](https://storage.googleapis.com/zenn-user-upload/9b77d57d8294-20231230.png)

ふと思い立った。

PCオンラインゲームの老舗「REDSTONE（レッドストーン）」をパソコンにインストールせずに誰でもブラウザでプレイできたらどんなに幸せだろう？

もし叶えば、本家がサービス終了しても永遠に遊び続けられるじゃないか！

**よし、ブラウザで動くレッドストーンを作ろう！**

こうしてゴールのみえない過去最大級のプロジェクト「レッドストーンブラウザ版開発計画」は始まった。

## 成果物だけ見たい忙しい人向け

「記事を読むのめんどくさいから、できたものだけ見せて！」という方はこちらの動画を御覧ください。

※コレは何？： REDSTONEというオンラインゲームをGoogleChromeなどで開くだけで動くようにした「ブラウザ移植版」のテストプレイ動画です。

[YouTube: 赤石ブラウザ版 2023年末アプデ](https://youtu.be/EDfWIh6I244)