JavaScript【簡易画像キャプチャ機能付き】テキストを比較して差分を表示するdiffツール【JavaScriptでWebツール】
#text-container { display: flex; justify-content: space-between; } #text-container span { background-color: #ccc; } .inp...
業務効率化
JavaScript
業務効率化【色変更・プレビュー機能付き】SVGタグをBase64変換してCSSのbackground-imageプロパティ用に変換するツール【Photoshop,Illustrator】
SVGタグを入力: 変換CSS background-image:SVGプレビュー: 色を選択: ※fill値が無いなど色変更できない場合もあります※色を選択するとbackground-imageプロパティのコードも変わります #convb...
業務効率化チーム分けWebツール～グループ分けや組み分けをランダム生成！
もちろん無料のチーム分けツールです！Webで完結します。使いやすさを追求した便利機能付き！人数カウンターやグループハイライトなど
業務効率化【優柔不断専用】2択、3択…… 瞬時に決めるWebツール【選べない時、決められない時にご利用ください】
2択、3択～お好みに応じて数を指定出来る運命選択ツール。さあ、数字を心に思い浮かべて……念じた数字が出るかは運次第！優柔不断専用です。
業務効率化【アドセンス】「ads.txtファイルの問題を修正してください。」は修正した方が良いのか？【サブドメインでの運用方法も】
Google Adsense（以下、アドセンス）上で、エラーメッセージが出ることがあります。私はずっと放置していたのですが、実はこれ対応した方が収入がアップする見込みがあります。実際、このエラーを修正したところ、広告収入が1.5倍くらいに増...
業務効率化素敵な男性や女性をサイトにお招き出来るようになりました。本当にありがとうございました ～画像生成AIの使用方法～
今回はとある女性が当サイトへ訪問してくださいました。まだ未成年ぽいのに大人なような……なんか不思議な女性です。今回は画像生成AIのお話。少し前から盛大に流行りだした画像生成AIですが、思い立ってやってみることにしました。先ほど登場した読書家...
業務効率化【知らなきゃヤバい】有料から無料へのダウングレードについて～Chatworkの有料プランを検討している方へ～チャットワークの有料後に待っている落とし穴！
自身も利用しているChatworkなんですが、とんでもない落とし穴があるので事前に知っておいた方が良いことをお伝えしておきます。（これは2023年10月03日時点の記事です）「チャットワーク△改悪」「チャットワーク△炎上」というGoogle...
業務効率化アプリケーション、製品、パッケージ、プロダクトにおけるバージョンの数字の意味と付け方【業務効率化】
皆さんはアプリのバージョンとか気にする方でしょうか？何の気なしに利用している分には「ふーん、ん、なんか変わってバージョンアップしたんだな」程度な感触なのではないかと思います。もちろん、ガチエンジニアで「このアップデートと修正があったから、前...
業務効率化Chromeデベロッパーツールで特定のCSSファイルやJavaScriptファイルをブロックして読み込ませなくさせる方法
Web開発をしていると不具合の原因を辿るために、CSSファイルを読み込ませないようにしたかったり、JavaScriptのファイルが原因なんじゃないかとファイルの読み込みを遮断したりしたい時がまぁまぁあります。CSSファイルを一新したいときに...
業務効率化Threadsで、Twitterのように閲覧中のウェブページをつぶやく（投稿・シェア）するボタンを作ることは可能なのか？～どうしてTwitterは落ちていくの？を添えて
とうとうオワコン説が現実味を帯びてきた、迷走錯綜中のTwitterですが、この対抗馬の大本命として、Meta（Facebook, Instagram等の運営開発）が『Threads（スレッズ）』という新サービスのSNSを7/6日水曜日に日本...
業務効率化Web制作でFlutterやReactのようなホットリロード（もどき？）を実現してコーディング効率を爆上がりさせる方法
Webのコーディングはファイルを編集して、ファイルをアップロードして、ブラウザを更新して初めて修正箇所が分かるのですが、これが非常にめんどくさい。ファイルを編集&保存（F5押下不要）、でブラウザの表示が変わったら劇的に作業効率爆上がりません...
業務効率化【インストール不要】サブディスプレイ・モニタにスクリーンセーバーエフェクトを動作させるブラウザアプリ【JavaScript ブラウザアプリ】
先日、使っているノートPCが小さいなぁと感じ、モバイルディスプレイをAmazonのタイムセールで買いました（なんとドイツ製っぽいんですが12,800円也）。そろそろ使い慣れてきたのですが、ふとサブモニタにスクリーンセーバー欲しいな、って画面...
業務効率化【2023年 Ver.21.3】DreamweaverでEmmetを使って光速コーディング【設定・プラグイン不要】
VSCodeでEmmetが使えると紹介しました。『【神速効率コーディング】VSCodeのEmmet（デフォルト）～最低限おさえたい12のテクニック【HTML&CSS】』同様にDreamweaverで出来ないかといろいろ探してみたのですが、古...
業務効率化【神速効率コーディング】VSCodeのEmmet（デフォルト設定）～最低限おさえたいテクニック12選【HTML&CSS】
Visual Studio Code（VSCode）を使ってコーディングしている方は非常に多いのではないでしょうか。無料で多機能なVScodeですが、使い方に工夫をするとさらに効率的なコーディングが出来、時間を有効に使うことが可能です。今回...
Flutter【VSCodeで便利】StatelessWidgetをStatefullWidetに瞬時に変換＆過不足コード追記をするショートカットキー【Flutter】
たとえば何でもいいんですが、class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext contex...