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

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

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

動画をデジタルで扱うための基本知識まとめ、映像や音声はどうやってPCで処理されているのか？

2022/01/15 24 users 音声 デジタル 映像 動画 YouTube

技術の進歩によって、スマートフォンでいつでもどこでも映画やテレビ番組を楽しめるようになりました。また、誰でも簡単に動画を編集し、YouTubeやVimeoなどのオンライン共有サービスで公開することもできます。動画をデジタルで処理する上で必要な基礎知識について、ウェブページ上で動作する動画プレイヤーを開発する... 続きを読む

君は真に理解しているか？z-indexとスタッキングコンテキストの関係 - ICS MEDIA

2020/06/09 14 users コンテキスト z-index CSS ICS MEDIA 概念

CSSで要素の重なりを表現する時はスタッキングコンテキストによって決められています。スタッキングコンテキスト（Stacking Context）はウェブページ上の仮想的な奥・手前方向の概念であり、「重ね合わせコンテキスト」、あるいは「スタック文脈」とも言います。 z-indexによる重なり位置の指定もこのスタッキングコンテ... 続きを読む

グーグル「Chrome」、HTTPSページでの安全ではないダウンロードを段階的にブロックへ - ZDNet Japan

2020/02/07 9 users Chrome グーグル HTTPSページ ブロック HTML

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます この提案は、HTTPSプロトコルを用いてロードされたウェブページ上で、ユーザーがHTTP経由でファイルのダウンロードを試みた場合、ブラウザー側で当該ダウンロードをブロックす... 続きを読む

音の原理や「音色は基音と倍音によって決まる」ことがよく理解できる「Let’s Learn About Waveforms」 - GIGAZINE

2018/02/15 57 users GIGAZINE インタラクティブ 音色 原理 物体

この世に存在する「音」は、空気や水などの物体が振動することで生み出されています。そんな「音の成り立ち」をインタラクティブに知ることができるサイトが「 Let's Learn About Waveforms 」です。 Let's Learn About Waveforms http://waveforms.surge.sh/waveforms-intro このサイトでは、実際にウェブページ上でいろい... 続きを読む

消費者庁、FREETELに措置命令 「業界最速に根拠ない」 - Engadget 日本版

2017/04/21 15 users freetel 根拠 措置命令 マーケティング 速度

消費者庁は4月21日、FREETEL SIMを提供するプラスワン・マーケティングに対し、景品表示法第7条第1項に基づく措置命令を行ったと発表しました。 優良誤認表示は「通信速度に係る表示」「SIMカードの販売数量シェアに係る表示」。有利誤認表示は「SNS利用時のデータ通信料無料」に関する項目です。 FREETELはウェブページ上に「『業界最速』の通信速度」と記載。「FREETEL SIMなら速度が... 続きを読む

［ウェブサービスレビュー］ウェブの漢字にふりがなを付与--「ひらがなめがね」 - CNET Japan

2017/02/11 21 users フリガナ ウェブサービスレビュー 漢字 付与 レイアウト

内容： 「ひらがなめがね」は、ウェブページ上の漢字にふりがなをつけるサービスだ。URLを入力するだけでサイトのレイアウトを極力維持したままふりがなを付与してくれるので、読めない漢字が多い年少者や外国人が日本語のウェブサイトを閲覧する場合に重宝する。 「ひらがなめがね」は、ウェブページ上の漢字にふりがなをつけるサービスだ。URLを入力するだけでサイトのレイアウトを極力維持したままふりがなを付与してく... 続きを読む

膨大なＵＲＬの蓄積が新サービスになる「はてな」 | 経済プレミアニュース | まつもとあつし | 毎日新聞「経済プレミア」

2015/10/19 22 users 毎日新聞 もとあつし 蓄積 経済プレミア URL

はてなの生存戦略（４） インターネットサービスの発展に広告は重要だ。日本最大のソーシャルブックサービス「はてなブックマーク」にとってもそれは同じだ。ウェブページ上やアプリ内に広告を配置して収益を上げている。一方で、はてなの石田樹生（じゅうせい）プロデューサーは、ユーザー数などの規模ではなく、サービスの質が大前提だと話す。ウェブサービス全般から見れば巨大とは言えないはてなは、どんな未来図を描くのか。... 続きを読む

元Google社員が「全ての広告削除ツールを無効にする」技術を開発中 - GIGAZINE

2015/06/19 97 users GIGAZINE Adblock コンテンツプロバイダー

ウェブページ上から広告を削除してしまう「Adblock」などの広告削除ツールと、ウェブ上で広告を表示させるコンテンツプロバイダーの間では、日夜激しい攻防が繰り広げられています。そんな中、元Googleの社員が新たに「全ての広告削除ツールを無効にするツール」の開発に取り組んでいることを明かしました。 Former Google exec launches Sourcepoint with $10 m... 続きを読む

スマホの広告を全消去する「Adblock Browser」アプリを実際にインストールして使ってみた - GIGAZINE

2015/05/21 54 users GIGAZINE Brow ウェブページ ベータ版 コンテンツ

ウェブページ上に表示される広告を消してコンテンツのみを表示するブラウザ拡張機能「Adblock Plus」が、広告を全消去してくれるAndroid向けブラウザアプリ「Adblock Browser」のベータ版をリリースしました。Adblock Browserは複雑な設定なしで、ただインストールしてウェブページを開くだけで広告を全消去してくれるとのことなので、さっそくベータ版Adblock Brow... 続きを読む

広告やSNSボタン、追跡コードを無効化してページ表示を最大27％高速化する「Disconnect」 - GIGAZINE

2015/03/16 455 users Disconnect GIGAZINE 漏洩 エンジニア 広告

個人情報の漏洩につながるような2000種類以上のデータトラッキング用のコードをブロックし、ついでに一部広告やSNSボタンもウェブページ上から非表示にしてしまうことでページの表示を最大27％も高速化してしまうブラウザの拡張機能が「Disconnect」です。開発者は元Googleのエンジニアで、オンライン上での個人情報をユーザー側でしっかりとコントロールできるようにするために開発したツールとのことな... 続きを読む

広告を消す拡張機能「Adblock」をネットユーザー全体の5％が利用している実態が明らかに - GIGAZINE

2014/12/09 100 users GIGAZINE Adblock 存続 一方 実態

ウェブページ上に表示された広告を消してしまい、サイトのコンテンツのみを表示することができるブラウザ拡張機能「Adblock Plus」は、閲覧する側のユーザーにとっては目障りな広告を見なくてすむために便利なものと評価が高く、全世界規模で利用者数を大きく伸ばしています。しかし一方で、費用を支払って広告を掲載している広告主や広告会社にとってはその存続にも関わる大きな問題となりかねません。そんなAdbl... 続きを読む

ウェブページ上にある画像を一括保存できるChrome拡張「Image Downloader」が超便利 | あなたのスイッチを押すブログ

2014/08/28 64 users Chrome拡張 スイッチ 一括 画像 あなた

2chのまとめサイトで見つけたネコの「ごめん寝」画像集。これを見つけた瞬間に、すべての画像をEvernoteに保存したい欲求に駆られました。 リンク▶正直すまんかった・・・zzz – VIPPER速報 | 2ちゃんねるまとめブログ でも、画像をひとつひとつポチポチと保存していたのでは、時間が掛かって仕方ない。もっと素早く、画像を一括でパパっと保存する方法はないものかと。 そこで見つけたのが、Goo... 続きを読む

ウェブページ上にスパム広告を表示しまくる偽物の「Evernote用拡張機能」が出回る - GIGAZINE

2014/08/21 23 users GIGAZINE PUP Malwarebytes 偽物

By othree フリーのセキュリティソフトを提供するMalwarebytesの研究員が、偽物の「Evernote用拡張機能」を発見し、これをウイルス・マルウェア・URLの無料オンラインスキャンサービスVirusTotalにてスキャンしてみたところ、怪しいプログラム(PUP)であることが判明しました。 Fake Evernote Extension Serves Advertisements |... 続きを読む

MMDモデルを3DCGでウェブ上に公開し閲覧者がアングルを動かしまくれるJavaScriptライブラリ「jThree」 - GIGAZINE

2014/03/18 237 users GIGAZINE MikuMikuDance jThree

MMD(MikuMikuDance)で作成したファイルをウェブページ上に表示し、閲覧者が視点を自由に操作できるようにするJavaScriptライブラリが「jThree」です。ページ上にモデルを表示させるにはWindows 7を搭載したPCでChrome・FireFox・Operaを使えばOK。また、Macの場合はOperaならば同様にページ上で動作させることが可能なようです。 3DCGコンテンツを... 続きを読む

簡単ステップでウェブサイトに決済システムを導入でき、収益が最大化するよう手助けしてくれる「Stripe」 - GIGAZINE

2014/03/06 97 users Stripe GIGAZINE ウェブページ PayPal

利用申請をし、承認が来たら決済システムを導入したいウェブページにソースコードを貼り付けるだけで利用できるようになるウェブ決済システムが「Stripe」です。PayPalよりも簡単にウェブページ上に決済システムを構築可能で、決済のたびに顧客をわざわざ他の決済専用ページに飛ばす必要もなくなります。 Stripe https://stripe.com/ Stripeは利用承認を得たら、決済システムを導入... 続きを読む

［ウェブサービスレビュー］ウェブページ上で用いられているフォントの種類を表示できる「WhatFont Tool」 - CNET Japan

2013/11/10 31 users フォント ウェブサービスレビュー CNET Japan 種類

内容：「WhatFont Tool」は、ウェブページに用いられているフォントの種類をポップアップ表示できるサービスだ。マウスポインタを該当のフォントに重ねるだけで、表示されているフォントの種類を知ることができる。 「WhatFont Tool」は、ウェブページに用いられているフォントの種類をポップアップ表示できるサービスだ。マウスポインタを該当のフォントに重ねるだけで、表示されているフォントの種類... 続きを読む

Mozilla Re-Mix: Firefoxを便利な画像ビューアとして利用できるアドオン「Perfect View」

2013/11/08 8 users アドオン ウェブページ Firefoxアドオン 画像ビューア

Firefoxアドオンの中には、ローカルアプリに見劣りしない画像ビューア機能を持ったものが多数あります。 こうしたアドオンを利用することで、ウェブページ上の画像やローカル画像をFirefox上で表示したり、簡単にダウンロードすることができるようになります。 今回はそんな画像系アドオンの中から、ウェブページ/ローカル上の画像表示を高機能化したり、スライドショー機能、簡単ダウンロード機能の追加などを行... 続きを読む

全角英数を半角に置き換えてくれるChrome拡張機能「さよなら全角英数」 | フリーソフト,Windows PC活用情報局

2012/12/01 48 users Chrome拡張機能 半角 さよなら全角英数 プレスリリース

さよなら全角英数 「さよなら全角英数」は、ウェブページ上の全角英数テキストを半角に置き換えてくれるGoogle Chrome拡張機能。全角英数は読みにくい上に見ていて気持ち悪い、イライラする、そんな几帳面な性格の方々のストレスを解放してくれる救世主のようなツールです。 配布ページの説明文に『あの電話会社のプレスリリースも、あの新聞社のニュースサイトも、キレることなく快適に閲覧できるでしょう』とある... 続きを読む

ウェブページ上にツイートを表示するシンプルで軽量なJavaScript『Chirp.js』 - K'conf

2012/08/22 211 users K'conf ダウンロー Twitter ツイート ライブラリ

Chirp.jsはウェブページ上にTwitterのタイムラインを表示するためのJavaScript。jQueryなどのライブラリに依存しない単体の超軽量スクリプトで、カスタマイズ性が高く設置も超簡単という、この手のスクリプトとしては非常に優秀なシロモノです。 先ずはスクリプトをダウンロードしましょう。自分で自由に値段を付けて『Buy it!』をクリック。もちろん『0』を入力すればフリーでダウンロー... 続きを読む

WebGLの普及率をOS・ブラウザ別に確認できるサイト「WebGL Stats」 : ライフハッカー［日本版］

2012/05/18 9 users WebGL Tweet ライフハッカー 円グラフ 普及率

Webツール , その他 WebGLの普及率をOS・ブラウザ別に確認できるサイト「WebGL Stats」 2012.05.18 23:00 コメント数：[ 0 ] Tweet 「WebGL Stats」はWebGLがどれくらい普及しているかを把握できるサービスです。WebGLはウェブページ上で3Dグラフィックスを表示する規格です。各OS/ブラウザごとに円グラフで表示されますよ。 以下に使ってみた... 続きを読む

漢(オトコ)のコンピュータ道: あなたのサイトのJavascriptが自由なソフトウェアのであることを表示しよう！ Javascript License Web Labels登場。

2012/02/20 60 users オトコ JavaScript ソフトウェア コンピュータ道

2012-02-20 あなたのサイトのJavascriptが自由なソフトウェアのであることを表示しよう！ Javascript License Web Labels登場。 フリーソフトウェア財団から、JavaScript License Web Labelsという取り組みについての発表があった。これはひと言でいうと、ウェブページ上で使われているプログラミング言語であるJavascriptのライセン... 続きを読む

Mozilla Re-Mix: ウェブページ各部のサイズを簡単に計測できるFirefoxアドオン「Page Ruler」

2011/10/09 10 users Firefoxアドオン Mozilla Re-Mix 画像

(10/09)ウェブページ各部のサイズを簡単に計測できるFirefoxアドオン「Page Ruler」 (10/08)Firefoxから不要なJava Consoleを削除する方法。 (10/07)ウェブページ上の画像をOSデフォルトのビューアで開くことができるFirefoxアドオン「Image Assistant」 (10/06)YouTubeとAmazonをシンプルなレイアウトで表示するFir... 続きを読む

jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる : アシアルブログ

2011/10/06 823 users jQuery KnockoutJS インタラクション 久保田

久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、実際にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。... 続きを読む

Mozilla Re-Mix: インラインテキスト広告を無効にできるGreasemonkeyスクリプト「Disable Text Ads」

2011/07/31 23 users テキスト バナー 本文中 スタイル 広告

このブログでもそうですが、ウェブページ上には様々な広告が掲載されています。 広告の中にはバナーやテキストなどいろんなスタイルのものがありますが、本文中にさりげなく紛れ込んでいる「インラインテキスト広告」というのも最近よく見かけるようになりました。 このインライン広告は一見本文中の関連リンクのように見えるものが多く、そのサイトに慣れていなければクリックして広告ページへジャンプさせられたりしてしまいま... 続きを読む