keyup

PCのWeb版のRadikoで、早送り・巻き戻しをする方法です。 PCのWeb版のRadikoには早送り・巻き戻し機能がありません。何かいい方法ないかとネットで調べると「友達に教えるボタンをクリックすると、６０秒・５秒で早送り・巻き戻しボタンがでてくる」という、正に求めていた方法が見つかりました。 https://miyearnzzlabo.com/archives/66968 しかし、実際にやってみると、早送り・巻き戻ししても、しばらくすると最初の再生位置にまで巻き戻ってしまいうまくいきませんでした。 そこで、「６０秒・５秒で早送り・巻き戻し」という機能自体は求めていたものなので、その機能は…

TextChangedは使いたくないな～～～！？！？！ というわけで前回からパワーアップし、入力中に制限をかけられないか模索中です。 【PreviewKeyDownイベント】現在のテキスト内容とカーソル位置を保持 【KeyPressイベント】前回の「入力制限（数値だったりマイナスだったりの制限）」を記述 【ここ模索中】入力値を含めたテキスト内容で「正規表現での制御」を記述。一致しなかった場合、1で保持しておいた元のテキストとカーソルの位置を描画する。 【Leaveイベント】カンマ区切りかつ小数部2桁のフォーマットを記述。 なんてやり方で試しているのですが。。。。手順3で「入力値を含めたテキスト…

キーボードを押した時/離した時に処理を行う。 ・押した時：keydown (例) <ui:inputText value="" class="xxx" keydown="{!c.クラス名}"/>・離した時：keyup (例) <ui:inputText value="" class="xxx" keyup="{!c.クラス名}"/>マウスのクリックボタンを押した時/離した時に処理を行う。 ・押した時：onmousedown (例) <href="xxx" class="yyy" onmousedown="{!c.クラス名}"/>・離した時：onmouseup (例) <href="xxx" c…

注意事項 この記事は、ChatGPTに対して 問題と解決策の概要 例示用のコード を渡して生成した実験的な記事になります。 概要 ChatGPTを用いてブロック崩しのゲームを実装する方法と、プロンプトの工夫によって生成されるコードの可能性について説明する記事です。 実際に生成されたブロック崩しのスクリーンショットです。 記事に実際に生成されたコードがあるので、手元で動かしてみてください。 動きはしますが、課題が残るような挙動ではありそうです。 ChatGPTを使ってブロック崩しのゲームを生成する方法とプロンプトの形式 ChatGPTを使用してブロック崩しのゲームを生成する際には、特定のプロンプ…

エキサイト株式会社メディア事業部エンジニアの佐々木です。htmxは、React.jsやVue.jsなどの大きいフロントエンドフレームワークを用いることなく、SPAのような仕組みを提供してくれるライブラリになります。 htmx.org htmxとSpringBoot Thymeleafを使用して、簡単なサンプルを作ってみます。 動作確認環境 SpringBoot側のコード HTML 実行 まとめ 最後に 動作確認環境 動作確認環境としては下記になります。 Java $ java --version openjdk 17.0.1 2021-10-19 OpenJDK Runtime Environ…

Windows端末を使っているときに仮想キーコードのイベントを発火し、疑似的にキーを入力したようにするAPI keybd_event()についてのメモ 参考ページ learn.microsoft.com www.inasoft.org サンプルコード using System.Runtime.InteropServices; namespace Sample { public static class Win32Api { // keybd_event()の呼び出し、win32apiを利用する. [DllImport("user32.dll")] private static extern u…

フォーム内に設置したテキストボックスに、文字/数字/それ以外のどれが入力されたのか 押下したキーボードのキーによって判定し処理を分ける 文字コードとキーボードのキーについて ANSI文字コードとは ANSIキーとは 叩いたキーのタイプを判別 イベント【KeyPress】 関数【ASC】 叩いたキーによって処理を分岐 文字コードとキーボードのキーについて ANSI文字コードとは 米国規格協会が定めた「文字コードのセット」 つまりANSIという言葉は文字セットを指しており文字コード自体の名称ではないようだ ▼言葉の解説ページ▼ ANSI 文字コードの種類｜エンジニアが知っておきたい”文字コード” …

この記事ではVue.jsでToDoリストアプリを作成する方法を紹介します。 HTML, CSS, JSだけを使用し、データはLocalStorageに保存し、Vue3でOptions APIを使用します。 1. 実行環境 2. ToDoアプリの要件 3. 作成手順 3-1. ToDoの登録と一覧表示 3-2. ToDoの削除 3-3. ToDoの編集 3-4. データをLocalStorageに保存 3-5. ToDoの処理状態の変更 3-6. ToDoの処理状態ごとの表示 1. 実行環境 macOS：13.0.1 Node.js：18.12.1 npm：8.19.2 Vue：3.2.45 2…

こんにちは、 id:hogashi です。 masawada Advent Calendar 2022 - Adventar の 2日目です。 目次 目次 OTP 入力フォーム まずベストプラクティスを見る それでは本題です ちなみに ちなみに2 むすび OTP 入力フォーム なぜか id:masawada さんとたまにワンタイムパスワード (OTP) の話をする印象があります。偶然生成された「ホホンドホド」という文字列*1が TOTP で出そうな見た目じゃん、とか。 最近もまた微妙に使いづらい入力フォームに出会いました。そこで、世に存在するベストプラクティスとそれに沿わないフォームを見て、ベ…

この大会は2022/11/25 13:30(JST)～2022/11/26 13:30(JST)に開催されました。 今回は個人で参戦。結果は330点で137チーム中72位でした。 解けた問題をWriteupとして書いておきます。 Santa's key (Misc) Pythonコードの構文としては誤っているが、XORの暗号と、鍵がわかっているので、それを使って復号する。 #!/usr/bin/env python3 flag_enc = [0x1d, 0x24, 0x2d, 0x20, 0x27, 0x28, 0x32, 0x2e, 0x1a, 0x35, 0x32, 0x46, 0x1d,…

11/18 - 11/20という日程で開催された。stnanとして参加して全完し、2位だった。ずんだの妖精꧁𝕫𝕦𝕟𝕕𝕒𝕞𝕠𝕟꧂に40分負けた。 #UECTF2022 優勝は꧁𝕫𝕦𝕟𝕕𝕒𝕞𝕠𝕟꧂さん！！おめでとうございます🎉🎉また、꧁𝕫𝕦𝕟𝕕𝕒𝕞𝕠𝕟꧂さんと2位のstnanさんは完答でした！おめでとうございます🎉🎉🎉🎉最終的なTOP10のスコアボードは画像のようになりました！参加していただいた皆様、本当にありがとうございました！！！ pic.twitter.com/0JtPszsnIO— UECTF (@uec_ctf) November 20, 2022 [CRYPTO 50] RSA (57…