ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり

2024/04/27 103 users テンキー ウェブページ 挙動 数値 ウェブページ上

ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみま... 続きを読む

ブラウザからDBに行き着くまでただまとめる

2024/03/31 378 users トランザクション プロトコル サーバ 負荷 データベース

はじめに あなたはECサイトのブラウザからデータベース(DB)に情報が行き着くまでにどんな技術が使われているか説明できますでしょうか？ どのようなプロトコルが用いられ、どの技術を駆使してサーバと通信しているのか、Webサーバでは何が行われ、どのようにして負荷が分散されているのか、トランザクションはどのように... 続きを読む

CSSだけでif～else文と同じことができる！ しかもすべてのブラウザでサポートされています

2024/03/12 170 users CSS else すべて スタイル

CSSでif～else文が使えたら、と思ったことはありませんか？ もちろんifとかelseはCSSにはありませんが、CSSだけでif～else文と同じようにスタイルを設定できます。 CSSでif～else文を実現するには...記事の続きを読む 続きを読む

［注意喚起］ブラウザ互換ライブラリ「Polyfill.io」がドメイン名ごと中国企業に売却、CloudflareとFastlyが代替となる配信を開始

2024/03/05 179 users CloudFlare fastly 代替 売却 注意喚起

［注意喚起］ブラウザ互換ライブラリ「Polyfill.io」がドメイン名ごと中国企業に売却、CloudflareとFastlyが代替となる配信を開始 開発者がブラウザの互換性を気にすることなくWebアプリケーションを開発するためのJavaScriptライブラリ「Polyfill.io」が、ドメイン名ごと中国企業に売却されたことを受けて、Cloudflare... 続きを読む

これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる

2024/02/14 63 users Has Firefox CSS 疑似クラス 実装

CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使... 続きを読む

「カプコンが古いゲームをブラウザで遊べるように公開してるの今知った」スマホでもロックマンやストⅡが無料で遊べるらしい

2024/01/28 261 users カプコン スト ロックマン 古いゲーム スマホ

リンク captown.capcom.com レトロゲームズ | カプコンタウン カプコンタウン レトロゲームズへようこそ。歴代のカプコンタイトルをサイト内で遊ぶことができます。 313 users 116 続きを読む

Chromeのクッキー廃止へ。ブラウザをチェックしてみよう

2024/01/13 186 users Chrome グッバイ 岩田リョウコ 原文 クッキー

Chromeのクッキー廃止へ。ブラウザをチェックしてみよう2024.01.13 21:00 Thomas Germain - Gizmodo US ［原文］ （ 岩田リョウコ ） グッバイ、クッキー！ Googleが長年にわたって進めてきたクッキーの廃止計画が1月4日､実行に移されました。Chromeウェブブラウザを利用しているユーザーのうち1％、約3000万人に対して... 続きを読む

じいさんに装備を購入して魔王に特攻させる無料ブラウザゲーム『武器屋のじいさんを最強装備にして魔王の間に送るゲーム』が癖になる面白さ。SNSでは、いかに低価格の装備で魔王を倒さ

2024/01/08 195 users じいさん 無料ブラウザゲーム 武具 装備 最強装備

12月26日、『武器屋のじいさんを最強装備にして魔王の間に送るゲーム』がブラウザにて無料プレイが可能な状態でリリースされた。 本作は、主人公ではなく武器屋のお爺ちゃんに店で購入した武具やアイテムを装備させて魔王の討伐へ向かわせるというコンセプトのゲームとなっている。 #unity1week 『武器屋のじいさんを最... 続きを読む

朗報！ CSSの:has()疑似クラスがすべてのブラウザにサポートされました、:has()疑似クラスの便利な使い方のまとめ

2023/12/21 156 users Has CSS 疑似クラス 朗報 サポート

CSSの:has()疑似クラスは便利そうだけどブラウザのサポートがまだ、と見送っていた人に朗報です。12/19にリリースされたFirefox 121（リリース情報）でサポートされ、これで:has()疑似クラスがすべてのブラウザにサポートされました。 そんな:has()疑似クラスの便利な使い方を紹介します。 :has()疑似クラスのサポート状... 続きを読む

ブラウザだけでなく各種アプリに表示される広告も非表示にできる無料広告ブロッカー「Zen」、Windows・macOS・Linux対応でソースコードも公開中

2023/12/05 80 users Zen ウェブブラウザ ウェブページ 広告ブロッカー 種類

ウェブページに表示される広告を非表示にできるブラウザ拡張機能は多くの種類が存在していますが、PC利用時にはウェブブラウザだけでなく各種アプリのウィンドウ内に広告が表示されることもあります。2023年12月4日に公開された広告ブロッカー「Zen」を使えば、システム上で動作するすべてのアプリを対象に広告を非表示... 続きを読む

これは朗報！ レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります

2023/12/05 160 users srcset img sizes CSS 遅延

朗報です！ 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURLを選択するために画像のレイアウト幅を使用できるようになります。 Add sizes=auto to lazy-loaded <img> こ... 続きを読む

「しずかなインターネット」の技術スタックを調べる - laiso

2023/11/23 297 users laiso CloudFlare DevTools 前段 収穫

ポエム特化のZenn2との噂の「しずかなインターネット」を使いはじめたので、ユーザーとしてどんな技術が使われているのかを確認していく。 sizu.me おもむろにbuiltwith.comにかけてみる。 builtwith.com ここで分かる情報はブラウザのDevTools眺めてても得られるのであまり収穫はない。 前段にCloudflareのCDNサーバー... 続きを読む

ブラウザ上でデバッグするときに使えるテクニック

2023/11/18 358 users テクニック ブラウザ上 デバッグ Netflix パク

ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your ... 続きを読む

ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io

2023/11/05 939 users 挙動 jxck.io キャッシュ 全て INTRO

Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modif... 続きを読む

CSSだけでスクリーンサイズやフォントサイズを取得、CSSの三角関数tan(atan2())はcalc()ではできない計算もできる

2023/10/24 84 users Calc フォントサイズ atan2 CSS フォント

CSSで便利な機能の1つがcalc()、ページのレイアウト、要素やフォントのサイズ設定に活躍します。特に異なる単位で加算減算（calc(1rem + 1px)）できることが便利ですが、乗算除算（calc(1rem / 1px)はできません。 そこでCSSの三角関数です。すべてのブラウザにサポートされているatan2()を使用すれば、異なる単位で計算... 続きを読む

ブラウザの仕組み  |  Articles  |  web.dev

2023/10/19 305 users articles web.dev Gecko ウェブブラウザ

序文 WebKit と Gecko の内部運用に関するこの包括的な入門書は、イスラエルのデベロッパー Tali Garsiel 氏による多くの研究の成果です。彼女は数年にわたって、ブラウザの内部に関する公開データをすべて確認し、ウェブブラウザのソースコードを読むことに多くの時間を費やしました。 彼女はこう書いています。 Tali ... 続きを読む

パスキーが快適すぎる - yigarashiのブログ

2023/10/13 487 users 本腰 yigarashi 認証方式 パスワードレス パスワード

パスワードレスな認証方式である「パスキー」が急速に普及しています。OS、ブラウザ、パスワード管理ツール、サービス提供者のどれもが整いつつあり、ついに本当にパスワードが必要ない世界がやってきたことを感じます。この記事では、本腰を入れてパスキーを使い始めて快適になるまでの様子をまとめます。技術的な厳密... 続きを読む

パスキー時代の"認証要素"の考え方 ~パスキーとパスワードマネージャー~

2023/10/02 206 users パスワードマネージャー ハスキー 認証要素 考え方 ritou

ritouです。 サービス、ブラウザ、OSそれぞれのパスキー対応が日々進んでいます。 その中で、パスキーを利用してみて認証要素についてふと考えてしまう人がいるでしょう。 パスキー簡単！けどこれ指紋認証だけ？弱くなってない？ SMS OTPを2FAに設定し、パスワードマネージャーも使ってたから使い勝手はあまり変わらない... 続きを読む

カプコンの名作RPG『ブレス オブ ファイア』がブラウザから無料で遊べる。『魔界村』『超魔界村』とともに「カプコンタウン」のレトロゲームズコーナーに追加

2023/09/29 66 users カプコン カプコンタウン 名作RPG 魔界村 超魔界村

ホームニュース カプコンの名作RPG『ブレス オブ ファイア』がブラウザから無料で遊べる。『魔界村』『超魔界村』とともに「カプコンタウン」のレトロゲームズコーナーに追加 9月29日（金）、「カプコンタウン」のレトロゲームズコーナーに『ブレス オブ ファイア』と『魔界村』、『超魔界村』の3作品が追加された。いず... 続きを読む

ブラウザ版「Photoshop」正式リリース　インストール不要、非CCユーザーによるデータ確認にも使える

2023/09/30 108 users Photoshop 正式リリース インストール ブラウザ版

米Adobeは9月28日、β版として提供していた「Adobe Photoshop Web」の正式版をリリースした。インストール不要でブラウザからPhotoshopの機能にアクセスでき、同社の生成AI「Firefly」などの機能も利用可能。無料版はないものの、Photoshopを含む全てのCreative Cloudプランで使えるとしている。 Web版はインストールなし... 続きを読む

JSでブラウザの戻るボタンを止める方法。 - Qiita

2023/09/13 105 users Qiita ウェブアプリケーション インタラクティブ 要件

ウェブ開発の世界では、JavaScriptは開発者がインタラクティブでダイナミックなウェブアプリケーションを作成できる強力なツールです。ウェブ開発における一般的な要件の1つに、ブラウザの戻るボタンの動作を制御することがあります。 このブログ記事では、ブラウザの戻るボタンを無効にするJavaScriptのコード・スニペ... 続きを読む

小さなゲームを作るとして、ターゲットデバイスと開発環境、何向けに何で作るのがいいんだろう - ABAの日誌

2023/09/11 119 users スマホ デバイス ゲーム機 Webブラウザ向け Aba

じゃあ小さなゲームを作ってみようか、と思ったときに、まず考えないといけないことの一つに、PC、スマホ、ゲーム機などなど、どのデバイスで動くゲームを作るかということがある。 特にこだわりがないのであれば、PCのWebブラウザ向けのゲームを作るのがおススメだ。今のブラウザは様々な開発環境で開発されたゲームを... 続きを読む

小さなゲームを作ること、それ自身が楽しいのだ - ABAの日誌

2023/09/10 384 users 定義 Aba 宣言書 1年間 139個

小さなゲームとは何か。スモールゲームマニフェスト（宣言書） 1 によれば、1プレイが10分以内に終わる、ブラウザなどで手軽に遊べるゲームを指す。 その定義で言うと、私は小さなゲームをすでに350個以上 2 作っていることになる。1年間で139個作ったこともある 3 。無類の小さなゲーム好きだ。 小さなゲームの何が良い... 続きを読む

老舗音声編集ソフトのAudacityをインストール不要でブラウザでも使える「Wavacity」

2023/09/09 131 users Audacity 本家 インストール オープンソース 画面

無料で提供されているオープンソースの音声編集ソフトウェア「Audacity」をフォークし、ブラウザ上で動作するようにした「Wavacity」が公開されています。 Wavacity https://wavacity.com/ 上記のリンクにアクセスすると、以下のような画面が表示されます。本家のAudacityは表示言語を日本語に設定する必要がありますが... 続きを読む

CSSの2023年現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証ブラウザなど

2023/09/07 145 users フレームワーク プロパティ CSS エバーグリーン 疑似クラス

CSSの進化は速く、ここ1,2年はさらに速くなりましたね。その要因の一つがIEのサポート終了で、現在はエバーグリーンのブラウザ（自動で最新版にアップデートするブラウザ）となり、モダンCSSの機能がたくさん使用できるようになりました。 2023年、CSSの現状調査をおこなった結果をまとめた「State of CSS 2023」を紹介... 続きを読む