DialogOpen中にTab移動で親画面にFocusを当てないようにする
はじめに 子画面(DialogやModalなど)を開いていた状態でTab移動すると、背景の親画面にまでFocusが当たる。 これを今までは、TabIndexなどで制御したり、 子画面内の最後のF...
1
1
Comment0
48 search resultsShowing 1~20 results
Stocked
You need to log-in
103枚⁈の壁を壊すゲーム作ってみた
はじめに 103枚の壁を壊すゲーム作りました。 30秒間で終わるミニゲームです。 (しょうもないブラウザゲームです。) URL 画像 プロジェクトの作成 Phaser(Javascript)で実...
3
1
Comment0
WebSpeechAPIお試しツール作ってみる
はじめに 前回はじめてWeb Speech APIを触ってみてみたが、 今回は、Web Speech APIには音量やピッチだけでなく様々な声の設定ができるようなので 自由にWeb Speech...
2
0
Comment0
RustとWebAssemblyでCheckBoxVideo作ってみた
はじめに 前回、WebCameraの映像をAsciiアート風に変換するツールを作ってみたので それと似た発想でセル上に並べられたCheckBoxに映像を出力してみる。 参考記事 プロジェクトの作...
5
0
Comment0
Web Speech API触ってみる
はじめに 下記でポモドーロタイマーを作ってみたが音を出すことを忘れていたので Web Audio APIを使ってMP3ファイルを再生しようとしていたところ、 勉強中にWeb Speech API...
1
0
Comment0
画像の色コードを出力ツールを作ってみる
はじめに 画像ファイルをUploadして 画像に含まれる色コードを文字で出力するツールを作ってみる プロジェクトの作成 画像をRGB形式に変換し、画像の幅と高さを取得。 画像の各ピクセルを走査し...
2
0
Comment0
RustとWebAssemblyで絵文字Video作ってみた
はじめに 前回(下記)で、WebCameraの映像をAsciiアートに変換してみたので 今回はWebCameraの映像を絵文字に変換するツールを作ってみる。 プロジェクトの作成 大まかな手順とし...
7
0
Comment0
Canvas要素でカレンダーアプリを作ってみる#1
はじめに PixiJSとCanvas要素を使用してカレンダーアプリを作りたくなったので作ってみる。(全3記事を予定) （Canvas内で行わなくても普通にDOMでも作ることは可能ですが、Pixi...
1
0
Comment0
Canvas要素でカレンダーアプリを作ってみる#2
はじめに #1での(下記)、環境作成と初期設定の続きから行う。(全3記事を予定) プロジェクトの作成(#1の続きから) 初期設定した年月を受け取りcalenadarView関数でカレンダーを初期...
1
0
Comment0
Canvas要素でカレンダーアプリを作ってみる#3
はじめに #2で(下記)、TaskのCreateの関数を実装した続きから行う。(全3記事を予定) プロジェクトの作成(#2の続きから) MainとなるCanvas内でイベントを付与する。 Can...
1
0
Comment0
Magick.NETで画像一括変換ツールを作る
はじめに Qiitaやブログなどで画像リサイズや拡張子変更するのですが、 毎回1枚1枚指定するので面倒になってきたので、 まとめて同じ拡張子と同じQualityに指定して変換するツールを Mag...
1
1
Comment0
WinUI3でポモドーロタイマーを作ってみよう！#2
はじめに #1で(下記)、環境作成とタイトルの見た目を変更した続きから行う。(全3記事を予定) プロジェクトの作成(#1の続きから) 前回タイトルバーの見た目をWinUIで変更した。 次に、アプ...
0
1
Comment0
WinUI3でポモドーロタイマーを作ってみよう！#1
はじめに WinUI3でポモドーロタイマーを作りたくなったので作ってみる。(全3記事を予定) WinUI3とは、(下記URLより) WinUI 3 は、(完全に Windows 10 SDK か...
2
1
Comment0
WinUI3でポモドーロタイマーを作ってみよう！#3
はじめに #2で(下記)、設定画面を実装した続きから行う。(全3記事を予定) プロジェクトの作成(#2の続きから) #タイマー画面の実装 そもそも、ポモドーロタイマー(テクニック)とは(下記UR...
0
1
Comment0
Canvas要素でGridを作ってみる#1
はじめに PixiJSとCanvas要素を使用してGridを作りたくなったので作ってみる。(全2記事を予定) （Canvas内で行わなくても普通にDOMでも作ることは可能ですが、PixiJSの勉...
1
0
Comment0
Canvas要素でGridを作ってみる#2
はじめに #2で(下記)、TaskのCreateの関数を実装した続きから行う。(全2記事を予定) プロジェクトの作成(#1の続きから) 引き続き、Grid内のイベントを解説していく。 detai...
2
0
Comment0
EditContextAPI触ってみた
はじめに 下記の記事でEditContext_APIというのを知り、遊んでみたかったので触ってみる。 EditContext_APIについて ※現時点では下記のようなブラウザのサポートになってい...
0
2
Comment0
独り善がりな技術選定はやめたい🙇♂️
はじめに この話は数年前(かなり前⁈)のことです。 ある日、上司から「次の案件で業務向けWebアプリの技術選定をやってみないか？」と言われ、 私「はい、よろこんで！」と即答。 (案件チームは5人...
6
0
Comment0
生成AI時代だからこそラバーダックデバッグをお勧めしたい
はじめに ここ数年で、CursorやChatGPTなどのAIを利用してコーディングすることが増えたが、 それと同時に生成されたコードをコピーペーストするだけでそのまま動いてしまうこともあり、 頭...
7
3
Comment0
NeoBrutalismっぽいUIでポモドーロタイマーを作ってみた
はじめに 前回、NeumorphismなUIのポモロードタイマーを作ったので 今回、NeoBrutalismっぽいUIでポモドーロタイマーを作ってみる。 前回の記事 NeoBrutalismとは...
3
0
Comment0
48 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles