業務効率化

【優柔不断専用】2択、3択…… 瞬時に決めるWebツール【選べない時、決められない時にご利用ください】

2択、3択~お好みに応じて数を指定出来る運命選択ツール。さあ、数字を心に思い浮かべて……念じた数字が出るかは運次第!優柔不断専用です。
業務効率化

【アドセンス】「ads.txtファイルの問題を修正してください。」は修正した方が良いのか?【サブドメインでの運用方法も】

Google Adsense(以下、アドセンス)上で、エラーメッセージが出ることがあります。私はずっと放置していたのですが、実はこれ対応した方が収入がアップする見込みがあります。実際、このエラーを修正したところ、広告収入が1.5倍くらいに増...
業務効率化

素敵な男性や女性をサイトにお招き出来るようになりました。本当にありがとうございました ~画像生成AIの使用方法~

今回はとある女性が当サイトへ訪問してくださいました。まだ未成年ぽいのに大人なような……なんか不思議な女性です。 今回は画像生成AIのお話。 少し前から盛大に流行りだした画像生成AIですが、思い立ってやってみることにしました。先ほど登場した読...
JavaScript

画面に要素が入ったかを監視したい~Intersection Observer APIの使い方【JavaScript】

以前、IEが消滅してフロントエンドエンジニア的にメリットを強く感じる旨の記事を掲載しました。『IE(InternetExplorer)のサポート終了から生まれるメリット5選!~フロントエンドエンジニアの観点からJavaScriptを考える』...
業界NEWS

Google 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押下不要)、でブラウザの表示が変わったら劇的に作業効率爆上がりませ...
JavaScript

CDN Vue.js 3系でVCalendarを動作させられないので諦めた話

const { createApp } = Vue createApp({ data() { return { selectedDate: null, } } }).mount('#app') 公式サイトが完全に正しいと鵜呑みにしないように...
Flutter

【Flutter】Dart言語におけるカスケード記法についてのまとめと解説。利用するとこんなメリットがあります

みなさんはDart言語をやっていて「..」といったように、ドットの連続がコード内に登場することはないでしょうか?JavaScriptばかりやっていたので少し目新しかったので、皆さんのお役に立てるかなと思い、この記事をまとめました。「..」(...
JavaScript

【初心者向け】JavaScriptでモーダルウィンドウの作成方法と注意事項、サンプルコード

JavaScriptで書ける基本中の基本のギミックにモーダルウィンドウという効果があります。画像をクリックすると全画面で黒背景に大きな画像が表示され、視認性をよくするためのあれです。 HTMLコーダーにはモーダル、と聞くとアレルギー反応を起...
JavaScript

初心者も押さえておくべきWebセキュリティ vol.2 『クロスサイトリクエストフォージェリ(CSRF)』からの保護対策

クロスサイトリクエストフォージェリ(以下、CSRF)は、Webセキュリティの重要な脅威の一つです。攻撃者は、被害者のアカウントを悪用し、不正なリクエストを送信することで、ユーザーの意図しないアクションを実行させることができます。この記事では...