JavaScripthtml2canvasをスマートフォン（iPhone iOS Safari, Android Chromeのレスポンシブページ）に対応させる方法【JavaScript】
先日、『【PNG画像出力&エクセル出力対応】チーム分けWebツール・重複なしで均等に【グループ分けや組み分けを行うランダム生成オススメWebアプリ】』と『【簡易画像キャプチャ機能付き】テキストを比較して差分を表示するdiffツール【Java...
吉村 ケンイチ
JavaScript
JavaScript【簡易画像キャプチャ機能付き】テキストを比較して差分を表示するdiffツール【JavaScriptでWebツール】
#text-container { display: flex; justify-content: space-between; } #text-container span { background-color: #ccc; } .inp...
業務効率化【色変更・プレビュー機能付き】SVGタグをBase64変換してCSSのbackground-imageプロパティ用に変換するツール【Photoshop,Illustrator】
SVGタグを入力: 変換 CSS background-image: SVGプレビュー: 色を選択: ※fill値が無いなど色変更できない場合もあります※色を選択するとbackground-imageプロパティのコードも変わります #con...
業務効率化チーム分けWebツール～グループ分けや組み分けをランダム生成！
もちろん無料のチーム分けツールです！Webで完結します。使いやすさを追求した便利機能付き！人数カウンターやグループハイライトなど
業務効率化【優柔不断専用】2択、3択…… 瞬時に決めるWebツール【選べない時、決められない時にご利用ください】
2択、3択～お好みに応じて数を指定出来る運命選択ツール。さあ、数字を心に思い浮かべて……念じた数字が出るかは運次第！優柔不断専用です。
業務効率化【アドセンス】「ads.txtファイルの問題を修正してください。」は修正した方が良いのか？【サブドメインでの運用方法も】
Google Adsense（以下、アドセンス）上で、エラーメッセージが出ることがあります。私はずっと放置していたのですが、実はこれ対応した方が収入がアップする見込みがあります。実際、このエラーを修正したところ、広告収入が1.5倍くらいに増...
業務効率化素敵な男性や女性をサイトにお招き出来るようになりました。本当にありがとうございました ～画像生成AIの使用方法～
今回はとある女性が当サイトへ訪問してくださいました。まだ未成年ぽいのに大人なような……なんか不思議な女性です。 今回は画像生成AIのお話。 少し前から盛大に流行りだした画像生成AIですが、思い立ってやってみることにしました。先ほど登場した読...
JavaScript画面に要素が入ったかを監視したい～Intersection Observer APIの使い方【JavaScript】
以前、IEが消滅してフロントエンドエンジニア的にメリットを強く感じる旨の記事を掲載しました。『IE（InternetExplorer）のサポート終了から生まれるメリット5選！～フロントエンドエンジニアの観点からJavaScriptを考える』...
業界NEWSGoogle Chrome 118に追加されたCSSルール「@scope」の基礎知識と使い方
CSSの新機能として実装された「@scope」ルールについてまとめました。デザイナー、コーダー、フロントエンドエンジニアの方は要チェックです。※Google Chrome 118安定版リリース時の記事です @scopeとは？ @scopeは...
業界NEWS【考察】ケンタッキーフライドチキン 公式モバイルアプリに見るアプリ評価の信憑性【開かない･意味ないなど多数の意見】
注意）この記事は現在のバージョン（2024/04/10時点）のアプリについての見解ではありません。ただ、新バージョンは改悪だとは思います。（素直にメニューが見れず、モバイルオーダーを強制させられるのはいかがなものか。時間があったら追記します...
業務効率化【知らなきゃヤバい】有料から無料へのダウングレードについて～Chatworkの有料プランを検討している方へ～チャットワークの有料後に待っている落とし穴！
自身も利用しているChatworkなんですが、とんでもない落とし穴があるので事前に知っておいた方が良いことをお伝えしておきます。（これは2023年10月03日時点の記事です） 「チャットワーク△改悪」「チャットワーク△炎上」というGoogl...
業務効率化アプリケーション、製品、パッケージ、プロダクトにおけるバージョンの数字の意味と付け方【業務効率化】
皆さんはアプリのバージョンとか気にする方でしょうか？何の気なしに利用している分には「ふーん、ん、なんか変わってバージョンアップしたんだな」程度な感触なのではないかと思います。 もちろん、ガチエンジニアで「このアップデートと修正があったから、...
業務効率化Chromeデベロッパーツールで特定のCSSファイルやJavaScriptファイルをブロックして読み込ませなくさせる方法
Web開発をしていると不具合の原因を辿るために、CSSファイルを読み込ませないようにしたかったり、JavaScriptのファイルが原因なんじゃないかとファイルの読み込みを遮断したりしたい時がまぁまぁあります。 CSSファイルを一新したいとき...
業務効率化Threadsで、Twitterのように閲覧中のウェブページをつぶやく（投稿・シェア）するボタンを作ることは可能なのか？～どうしてTwitterは落ちていくの？を添えて
とうとうオワコン説が現実味を帯びてきた、迷走錯綜中のTwitterですが、この対抗馬の大本命として、Meta（Facebook, Instagram等の運営開発）が『Threads（スレッズ）』という新サービスのSNSを7/6日水曜日に日本...
業務効率化Web制作でFlutterやReactのようなホットリロード（もどき？）を実現してコーディング効率を爆上がりさせる方法
Webのコーディングはファイルを編集して、ファイルをアップロードして、ブラウザを更新して初めて修正箇所が分かるのですが、これが非常にめんどくさい。 ファイルを編集&保存（F5押下不要）、でブラウザの表示が変わったら劇的に作業効率爆上がりませ...