Hatena Blog Tags
はてなブログ トップ
addListener
このタグでブログを書く

addListener

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
sugulogの日記•2 か月前

JavaScript、matchMedia！画面サイズに応じて処理を実行しよう！！

こんにちは、すぐるです！ sugulogをお読みいただきありがとうございます！！ このブログは、「 過去の無知な自分に向けてわかりやすく説明するなら？？ 」を基準に書いています。 少しでもお役に立てれば幸いです。 今回は、JavaScriptのmatchMediaいうことで 画面サイズに応じての処理 について簡単に解説します！！ その為このブログを読むことで、matchMediaについて理解が深まるのはもちろん、matchMediaを使用した画面サイズに応じの処理を実装できるようになります。 是非最後までご愛読ください。 今回は、 matchMedia() 画面サイズに応じて処理を実行しよう …

#matchMedia#addListener#メディアクエリ#JavaScript#プログラミング

関連ブログ

うにてぃブログ•一昨日

【Unity】uGUI でないオブジェクトのタップ等のイベントを監視する

以前Graphic を利用してタップした座標から Ray を飛ばしてタップしたオブジェクトを取得する方法を記述した。 【Unity】uGUI を利用してタップした位置のオブジェクトを取得する - うにてぃブログ しかし、これだと様々な uGUI Event (PointerDown や PointerEnter など) に対応できない そのため、uGUI Event に対応したやり方を記述する PhysicsRaycaster, Physics2DRaycaster カメラにつけることで、Ray を飛ばして uGUI Event を取得することができるコンポーネント 対象となるオブジェクトには…

09r blog•4 日前

Hololens 2でエアタップ(AirTap)処理の実装

HoloLens 2でのエアタップ(AirTap)処理 HoloLens の頃とは当然ながら仕様が変わっており、結構悩んだので備忘録として残します。 以下ソースコードで、空間内で斜線カーソルの当たっている場所にCubeを生成することが出来ます。 HoloLens 2 AirTapMRTKというよりかは Microsoft.MixedReality の内容になるかと思います。 [SerializeField] private GameObject _testCube; private PointerHandler _pointerHandler; void Start() { // 空間内のエア…

MRが楽しい•8 日前

スクリプトからUnityEventに引数有りのリスナーを登録する

本日は UnityEvent の小ネタ枠です。 スクリプトからUnityEventに引数有りのリスナーを登録する方法を記事にします。 前提条件 前回記事の続きです。 今回はスクリプトからの登録となるため、非永続的リスナーでの登録方法となります。 bluebirdofoz.hatenablog.com 引数有りの登録方法 以下のように AddListener に関数を登録することで、動的に引数を指定することができます。 UnityEventInstance.AddListener(() => CallMethod(args)); サンプルスクリプト 文字列リストを基に、引数を指定したリスナーを登…

MRが楽しい•9 日前

UnityEventの永続的リスナーと非永続的リスナーの違い

本日は Unity の小ネタ枠です。 UnityEventの永続リスナーと非永続リスナーの違いについて理解できていなかったので記事にします。 UnityEvent Scene に保存可能なコールバック関数を登録します。 docs.unity3d.comUnityEvent へのコールバック関数の登録は Inspector ビューから行う方法と AddListener を用いる方法があります。 docs.unity3d.com UnityEvent m_MyEvent = new UnityEvent(); void Start() { // イベントへのリスナー登録 m_MyEvent.Add…

torikatsu.dev•15 日前

【Flutter】いい感じのローディング画面を表示したい！

こんにちは、とりかつ(@torikatsu923)です。 よくアプリでこんな感じのローディング画面を見かけると思います。 アプリ起動時にただ真ん中でぐるぐるするのを見ているより、いい感じのローディング画面が表示されていたら、きっとユーザは退屈しなくて済むと思います。 このいい感じのエフェクトのことをShimmerと呼ぶそうです。 そこで、今回の記事はShimmerローディング画面を実装する方法を紹介していきます。 リポジトリは以下になります。 github.com 実装の流れ UIのスケルトンをつくる スケルトン全体をグラデーションで塗りつぶす アニメーションをつける おわりに 実装の流れ U…

ROXX開発者ブログ•22 日前

輪読会の読み順をランダムで決める chrome 拡張機能を作る for Google Meet ［React + TypeScript］

この記事は個人ブログと同じ内容です 輪読会の読み順をランダムで決める chrome 拡張機能を作る for Google Meet ［React + TypeScript］ // 最近弊社の開発メンバーでブログを書こうという運動があります。 ネタ探しをしていたらよさげな記事を見つけたのでアイデアをお借りします。 shohei さんありがとう🙏 ※決してパ○リではありません https://techblog.roxx.co.jp/entry/2021/04/23/064837 毎週チーム内での読書会や、部署をまたいだエンジニアでの輪読会を行っているのですが、都度読み順を決めるのが面倒なので、参加…

yotiky Tech Blog•22 日前

Unity - Localization を使ってみる

公式マニュアルにスタートガイドがあるのでTextureとStringについてのローカライズを試す。 Quick Start Guide | Localization | 1.0.0-pre.9 検証環境 Quick Start 0. Install 1. Create the Localization Settings 2. Create Locales 3. Choose a default Locale 4. Texture Localization: Create an Asset Table Collection 5. Texture Localization: Use the loc…

Sweet Escape•23 日前

React Navigationで画面遷移時に再レンダリングする、しかも簡単に

ちょっと悩んだのでメモ。 まず、画面AとBがあってA→BにReact Navigationを使って遷移しているとする。 AにはとあるXという値が表示されていて、変更ボタンを押したらBに遷移してBでXをY変更したらAに戻ってくる、みたいな状況。 そして、Aに戻ってきたときに変更後の値であるYが表示されているってのがやりたかったこと。 ちなみに戻るにはReact NavigationのgoBack()を使おうとしていた。 実際にはこの値はstateなのでそのstateを更新してやればいいはず。今回はreduxを使ってるのでdispatchしてreducerあたりでstoreの値を更新しつつgoBa…

Flutter notes•24 日前

imageパッケージでアニメーションGIF生成（その2）

前回の記事（↓）の続き。 flutter.tnantoka.com 確かにアニメーション速度が遅くなっている。 それは今後の課題とする。 あと生成時間が長いのでそこもなんとかしたい。 の部分の対応。 前回は色の透明度をアニメーションさせたが、わかりづらいので変えた。 以下の記事を参考に波のアニメーションにした。 qiita.com painter.dart 色は固定にして、経過時間を受け取るようにしている。 class Painter extends CustomPainter { final double time; Painter(this.time); @override void pa…

Flutter notes•先月

imageパッケージでアニメーションGIF生成

次アプリを作るならアニメーションを作る系のものを作りたいな、と思っていて調べていたら imageパッケージでアニメーションGIFが作れそうだった。 良い参考記事を見つけたのでやってみた。 scrapbox.io まずは表示のためのCustomPainter。 といっても四角形を描画しているだけ。 （ゆくゆくアプリを作るなら図形を描画することになるだろうからCustomPainterで） painter.dart import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; class Paint…

KiRAMEX Tech Blog•先月

CDKを使用してECS Fargateにデプロイする

お久しぶりです、SREチームの成田です。 今回はCDKを使用してECS Fargate環境の作成、デプロイを行う方法をご紹介します。 ECS Fargateについて ECSとは ECSはフルマネージド型のコンテナオーケストレーションサービスです。 コンテナの実行、停止、スケーリング、デプロイ等の管理を行えます。 aws.amazon.com 類似サービスとしては、KubernetesとそのマネージドサービスであるEKSが挙げられますが、他のAWSサービスに慣れているのであればECSの方がとっつきやすいかなと思います。 Fargateとは Fargateは、ECSやEKSにおいてコンテナをサーバ…

[´・[ェ]・] <もももっもっ•2 か月前

Chrome拡張APIメモ(v3)

chrome.alarms.onAlarm.addListener DevTools起動時は正しく動くが、非起動時に途中から動かない場合がある。 Service Worker起動中は正しく動くが、Service Workerが落ちてイベントリスナー内に拘束された変数があるとエラーになって動かなくなると推測される。

may the VBA be with you•2 か月前

Yahoo!ニュースの見出しをChrome拡張とGASでいじってみる

はじめに Chrome拡張って面白いですよね。 こちらの記事でGASとの連携もできそうだということがわかり、思いついたのが「Googleシートの値をYahoo!ニュースの見出しに表示できたら面白いかも！」でした。 qiita.com 思いついてしまったので、実装してみます。 必要なもの 見出しが８個あるので、googleシートのA1～A8セルに表示したいものを入れておきます GAS側 doGetだけ作って、Webアプリとして公開しておきます function doGet(e){ //値をシートから取得 const ss = SpreadsheetApp.getActiveSpreadsheet…