JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita

2024/02/21 264 users Qiita script src height width

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.... 続きを読む

【TypeScript / JavaScript】this = "これ" ← どれ？ 【備忘録】 - Qiita

2023/10/16 13 users Qiita TypeScript 備忘録 関数 一環

この記事で分かること TypeScript（JavaScript）における関数の宣言方法 各宣言方法におけるthisの扱い 初めに 初めまして。新人エンジニアをしているものです。 先日TypeScriptにおける関数宣言について学習する一環で、thisの取り扱いについて学んだので備忘録として書き上げます。 （前提）TypeScriptの関数の宣言方... 続きを読む

永久機関を実現してしまったような置物の仕組みとは？

2023/09/18 131 users 置物 永久機関 エネルギー 実現 現実世界

外からエネルギーを加えなくとも仕事を続ける「永久機関」は現実世界では実現不可能です。しかし、インターネット上ではまるで永久機関を実現したかのように見える置物が販売されています。この「永久機関を実現したような置物」を科学系YouTuberのスティーブ・モールド氏が入手して仕組みを解説しています。 This "perp... 続きを読む

自由犯罪ゲーム『Streets of Rogue 2』正式発表。なんでもありの路地裏荒らしゲーム、オープンワールドに進化へ - AUTOMATON

2022/10/05 9 users AUTOMATON tinyBuild パブリッシャー 続編

パブリッシャーのtinyBuildは10月4日、『Streets of Rogue 2』を正式発表した。続編が開発されていることはかねてから告知されていたが、あらためて正式に発表されたかたち。プラットフォームはPC（Steam）。ストアページによると、ゲーム内は日本語表示に対応するという。 Streets of Rogue 2 has been announced! This... 続きを読む

ポケモン風ゲーム開発エンジン「MonTamer Maker」発表。モンスター育成ゲームの開発に特化 - AUTOMATON

2022/05/18 22 users AUTOMATON デベロッパー 同エンジン 開発 発表

デベロッパーのYanako RPGsは、モンスター育成ゲーム開発エンジン「MonTamer Maker」を発表した。あわせて、同エンジンで作成されるモンスター育成ゲーム『Dokimon』についても発表されている。 It's HERE! The announcement of Dokimon and a NEW game making engine specifically made for Monster Tamer games. This ... 続きを読む

'I've never seen anything like this': Clarissa Ward on India Covid-19 crisis - CNN Video

2021/05/01 20 users

In India, sick people are being turned away from hospitals that have run out of beds and oxygen, as the number of new coronavirus cases rise to record levels each day, creating a national crisis. 続きを読む

tslib/import-helpers の効果を測定する - mizdev

2020/08/08 13 users mizdev await async TypeScript

tldr target: es2017 以降なら tslib 使っても置き換えられるコードはないので、使う必要はない target: es5/es2015 で async await を多く使っている場合はファイル数に比例して削れる importHelpers / tslib とは typescript で async/await をコンパイルすると次のようなコードを生成する var __awaiter = (this && t... 続きを読む

Science, Engineering, AI & Data Ethics | 科学技術・AI倫理 | edX

2020/06/24 5 users you edX Engineering How To AI倫理

Want to learn how to identify and solve every day ethical issues in engineering, science and Artificial Intelligence (AI)? If yes, this is the course for you! Ethics plays an integral role when it comes to engineering and science practice and recently is impacted by AI and big data analysis. This... 続きを読む

「Oculus Touch」コントローラー内部に謎のメッセージを誤印刷--今春出荷分 - CNET Japan

2019/04/15 5 users Oculus Touch CNET Japan メッセージ

Facebookは今回、政府が国民を監視する未来を描いたジョージ・オーウェルの小説『一九八四年』をいささか意識しすぎたのかもしれない。 Facebookは手違いにより、仮想現実（VR）ヘッドセット「Oculus Quest」「Oculus Rift S」に同梱される「Touch」コントローラーに、いくつかの奇妙な文を印刷した。メッセージは「This... 続きを読む

【JavaScript/Node.js】クラスに定義したメソッドをコールバックとして実行した際にコールバック内の this がクラスを参照しない件 - Qiita

2019/03/11 16 users コンテキスト Qiita 言語 メソッド node.js

【JavaScript/Node.js】クラスに定義したメソッドをコールバックとして実行した際にコールバック内の this がクラスを参照しない件 JavaScript におけるthisはコンテキストによって参照するものが異なることはこの言語のハマり所としてよく知られていると思います。 今回は Node.js で クラスに定義したプロトタイプメソ... 続きを読む

Cuushe - Despite the pain and fear that overwhelm me as I... | Facebook

2018/08/22 33 users Facebook Cuushe

Despite the pain and fear that overwhelm me as I write this, I know this is something that you, my friends and community, must hear from me personally.... 続きを読む

IFTTTにGoogle App Scriptを混ぜたらヤバい化学反応が起こった件[IFTTT][Google Apps Script][GAS] - もぐてっく

2018/08/02 1233 users ifttt GAS then Evernote Twitter

はじめに 2010年12月に彗星のごとく現れたWebサービス同士のマッシュアップサービスIFTTT。 「if (this) then (that)」と言うシンプル極まる構文で手軽にWebサービスが連携出来るのが特徴です。 IFTTTは様々なWebサービスをサポートしており、ちょっと挙げるだけでもTwitter、Evernote、Google Drive、Skypeなど。 有名... 続きを読む

人をうつや睡眠障害に追いやる謎の低周波音「ウィンザー・ハム」がカナダ・オンタリオ州で発生している - GIGAZINE

2018/02/21 41 users GIGAZINE Hum カナダ・オンタリオ州 低周波音 難聴

by Naomi August 2017年、キューバのアメリカ大使館で「 音響攻撃 」が確認され、 難聴や脳損傷 といった被害が出たと報告されました。このような「謎の音が特定の地域に発生する」という現象はキューバ以外でも起こっており、「 Hum 」という低周波音は世界中で確認されています。カナダのオンタリオ州でも、謎の低周波音が数年にわたって継続しているものの、解決には至っていません。 This ... 続きを読む

ECMAScript 2015以降のJavaScriptの`this`を理解する | Web Scratch

2018/01/04 608 users js-primer Web scratch 挙動 ベース 時点

この記事はJavaScriptの入門書として書いている js-primer の this に関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所に js-primer 版のか this についての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては js-p... 続きを読む

thisを書く派？書かない派？ - Qiita

2017/10/13 203 users Qiita Java オブジェクト指向言語 制約 前提

あすかです。 プログラミングしてる時、たまに気になる話を雑めに書いてみます。 (´・ω・｀) C#、VBやJavaなど、クラスベースのオブジェクト指向言語を前提にした話ですが、this（Me）を書いているプログラム、そうでないプログラムをよく見かけます。 例えば、thisを書くのは このような場面ではthisを書きます。文法上の制約ですから当たり前です。 今回は、このようなものではなく、thisを... 続きを読む

まるで足にエイリアンが寄生したかのようにウネウネ動く映像が1800万回再生の大反響 - GIGAZINE

2017/08/18 27 users GIGAZINE エイリアン shit Facebook 映像

カリフォルニア州在住のAngel Bermudezさんが撮影してFacebookにアップロードした、自分の足の「こむら返り」映像が1800回再生され、20万件以上シェアされるという大反響を呼んでいます。 After the workout. Start to relax and then this happens. Fucken cramp. Look at this shit. Painful ... 続きを読む

ES/JavaScriptのthisとアロー演算子について知っておくべきこと - それマグで！

2017/05/29 35 users マク Array.forEach イベントハンドラ 変数

2016 - 06 - 02 ES/JavaScriptのthisとアロー演算子について知っておくべきこと javascript this. この便利でハマりどころの多い変数 Array.forEach this 変数の紹介 this 変数の例 apply , call window オブジェクト コールバック イベントハンドラ Array.forEach 個人的な結論 this はできるだけ避け... 続きを読む

アクロバティックな防御方法で地震から人を守ることに特化した耐震ベッド - GIGAZINE

2015/12/18 28 users GIGAZINE 性能 地震 正しい判断 防御方法

地震が発生したときは、落ち着いて安全な行動をとることが大事になってきますが、寝ている間に地震が起きると、状況を飲み込むのに時間がかかり正しい判断ができないときがあります。中国人デザイナーのWang Wenxiさんが作った耐震ベッドは、人が寝ている状態でも地震から命を守ってくれる性能を秘めているのですが、その方法がかなりアクロバティックになっています。 This 'earthquake-proof'... 続きを読む

JavaScript - (0, eval)('this')とは何なのか - Qiita

2015/07/02 195 users eval Qiita グローバルスコープ Call 引数

この(0,eval)('this')はいったい何なのか。調べた。 調べた結果 これはindirect eval callを使用した、どのスコープでも必ずグローバルオブジェクトのthisを取得するためのテクニックであった。 ES5ではevalを直接呼び出すと、引数のコードはそのスコープで実行されるが、間接的にevalを呼び出すと、引数のコードは必ずグローバルスコープとなるそうだ。なので引数のthis... 続きを読む

Javascriptのbind関数とカリー化 〜 JSおくのほそ道 #015 - Qiita

2015/06/27 44 users Call Qiita JSおく 関数 目次

こんにちは、ほそ道です。 今回はFunction.prototype.bind関数を取り上げます。 このbind関数も前回のcall/apply関数同様、開発者の意図が反映される関数かと思います。 目次はこちら bind関数の仕様 bind関数はFunction.prototypeに属し、新たな関数を生成して返します。 下記で仕様を見ていきます。 その1：thisを強制変更する 第一引数は関数内で... 続きを読む

React/dekuコンポーネントとthisのパターン | Web Scratch

2015/06/05 38 users React Electron パンドラ View ライブラリ

最近、ReactやdekuといったViewのコンポーネントの仕組みを持ったライブラリを使って、NW.jsやElectronで動くようなアプリを書いたりしています。 thisの問題 ReactのコンポーネントをES6 Classesで書いている場合にthisをbindする必要が多くなる気がします。 特にFlux的なStoreの変更した時にハンドラを登録したいときにthisでbindした関数を登録する... 続きを読む

It と That, Thisの違い、ポイントはハッキリ度 | 初心者英会話ステーション

2015/05/01 298 users That

I want it! I want that! I want this!のように、現地の人々はitとthat, thisをどう使い分けているのか？これには３つのポイントが関係してます。 続きを読む

鍵を回すとフラグが立つIFTTT対応キースイッチ : ギズモード・ジャパン

2015/03/16 32 users プラグ ギズモード ifttt Cerevo IoT

Internet of Things (IoT) 鍵を回すとフラグが立つIFTTT対応キースイッチ 2015.03.16 13:10 さあさあ、どんなレシピに組み込みましょうか。 ネット家電がお得意なCerevoからネットに繋がる物理鍵こと「Hackey」が発表されました。ドアとかを施錠するものではなく、鍵を回したという事実がIFTTTのthisとなるモノ。キーをかちゃりとひねることで、thatに... 続きを読む

日本通信、VAIO Phoneを正式発表するもELUGA U2の筐体を使い回し、SIMも専用。this is not good for the market.

2015/03/12 30 users クアッドコア SONY Market CPU 解像度

日本通信からVAIO Phoneが正式発表されました。 VAIO Phoneは先日SONYから独立後初となる最強ノートPC「VAIO Z」を発表したVAIO株式会社と日本通信が提携したモデル。いち早くAndroid 5.0を搭載し、解像度は1280×720、重量130g、RAM 2GB、ストレージ16GB、CPUは1.2GHzのクアッドコア、カメラは1300万画素、バッテリーは2,500mAhと、... 続きを読む

JavaScript におけるクラス定義の実現方法 (Google流)

2014/12/17 924 users クラス定義 Google流 JavaScript 実現方法

他のメジャーなオブジェクト指向プログラミング言語と異なり JavaScript には「クラス」が存在しません。 代わりに C++, Java などにはない prototype や C++, Java のとは全く異なる new 演算子や this が用意されています。 これらの機能はどれもかなり奇妙な仕様をしています。 そのため、それぞれの機能の仕様を1つ1つ勉強しても一体全体何のためにそんな機能が... 続きを読む