CSSの:has()疑似クラスってまだなん?

トグルボタンが必要だったので、checkboxを使ってごにょごにょするのにかなり複雑に組まないといけないのでイヤだなと思ってそういえば結構前に噂になってた:hasって使えるんじゃ無いか?とやってみたけど全然動かない、サンプルサイトも動いてない、仕方なく調べて見たら(:has() – CSS: カスケーディングスタイルシート | MDN)Firefoxが未だ対応してないらしい。

〝CSSの:has()疑似クラスってまだなん?〟の続きを読む

操作説明「くるんなび」

スマホゲームとかによくある画面上にポップアップして「ココを押して下さい」といった操作手順を描画するツール「くるんなび」をGithubに公開いたしました。
使い方がわかりにくいWEBツールにおすすめです。

https://github.com/uda2/curunavigate

〝操作説明「くるんなび」〟の続きを読む

丸数字ポインター

10年近く前にオンラインソフトの紹介の為にスクショに矢印(数字付き)や矩形を描くWEBツールを使ってたのですが、先日オンラインソフトの紹介記事が古くなってので一掃してこのWEBツールも葬られる予定だったのですが。
誰かに使ってもらえればとブラッシュアップし「丸数字ポインター」としてGitubに公開する事にしました。

https://github.com/uda2/numpointer

画像編集ソフトで直接描くのと違い、同じ画像に矢印だけが違う場合は容量の節約になりますし、再圧縮しないので何度編集しても画像の劣化も無いというメリットもありますのでよろしければお使い下さい。

〝丸数字ポインター〟の続きを読む

事務所サイトのリニューアル

補修を繰り返しごまかしごまかし運用してた事務所用サイトtenhp.comも13年も経ってるのでリニューアルいたしました。

https://tenhp.com/

制作当時はそれほどスマホも浸透しておらず、スマホの前身であるWindows mobileなどが不人気だったことから「日本ではスマホよりもモバイルゲーム機でネットを見る時代が来るのでは?」と謎な発想でモバイルゲーム機でも見れる横幅で作成してましたのですが、一般的なサイズにしました。

公式サイトではあるので奇抜にはしたくないですが技術的デモンストレーションという面もありますので要所で変態的なコーディングになっています。

〝事務所サイトのリニューアル〟の続きを読む

Dropboxを使ったメモ系WEBアプリ「memotion」

memotion

去年ぐらいから意識高い系の人に人気が出てるNotionとか言うメモサービス(最近Notion AIでも話題になってますね)がありますが、おじさんには手元にファイルが無いメモサービスはなじめず、ずっとDropboxにぐだぐだなフォルダ管理で普通にメモをテキスト保存しておりました。
Notionの特徴的な自由でリッチなドキュメント制作は欲してなかったのですがタグ管理できるのが羨ましく思い、Dropboxでもいい感じにタグ管理できるWEBアプリを作りました。

https://tenhp.com/memotion/

〝Dropboxを使ったメモ系WEBアプリ「memotion」〟の続きを読む

犬猫名刺&年齢「Dog Age2」

このたび保護犬をお迎えしたのをきっかけに以前運営していたiPetCardsとDogAgeを5年ぶりに引っ張り出して融合してDogAge2として再公開しました。

犬や猫の電子名刺交換&年齢管理をするWEBアプリ「Dog Age2」
https://da.uda2.com/

〝犬猫名刺&年齢「Dog Age2」〟の続きを読む

一括起動でゲームモード

先日からPCでSteamを起動するようになったがずっとSteamやDiscordを起動していたくはないので各設定から自動起動をオフにしてます。
そうすると
ゲームをする度にSteamを起動してDiscordを起動してDellのモニターの設定をFPSにし、
ゲームが終わるとSteamを終了してDiscordを終了してDellのモニターの設定を標準に戻すという手間が発生するのでバッチファイルで一括切り替え出来ないか考えてみた。

〝一括起動でゲームモード〟の続きを読む

WEBで音声操作

昔、「しゃべる!DSお料理ナビ」というゲームがあって調理中でも音声でレシピの手順を進める事が出来た。
今やDSは使わないけどiPadとかで音声操作できるブラウザがあったら便利かもと検索したら「Speech Recognition API」というJavaScriptのAPIが見つかったので試して見ることにした。

〝WEBで音声操作〟の続きを読む