WebPに関する10の誤解~5分で正しく理解するWebP | アイデアマンズブログ
WebPに関する10の誤解~5分で正しく理解するWebP WebP Web画像最適化 表示高速化 「WebPって聞いたことはあるけど...」という方に向けてまとめてみました！ 多くのWebサイトで画像を半分以下に軽量化できる優れたフォーマットですが、まだまだ知名度が低い状態にあります。曖昧だった理解をスッキリさせるためにご参考ください。 ※ 以前、Qiitaに投稿した記事のアップデート記事です。 1. ✖ ウェブピーと読む → ⭕ ウェッピー 標準的な発音はウェッピー (Weppy)とされています。 2. ✖ Googleの商用技術である → ⭕ オープンソース 特許技術ではなく、BSDライセンスに基づくオープンソースプロジェクトです。 3. ✖ Chromeしか対応していない → ⭕ Android、Edge、FirefoxもOK 2018年の後半から2019年にかけてWindowsの標
兵庫県警、サイト訪問者の情報を約3年にわたり無断収集か ネットユーザーの指摘で物議 → 翌日削除も告知なし
兵庫県警のWebサイトで、2016年から約3年にわたり、利用者の訪問データを無断で収集していたことが分かりました。インターネット上での指摘がきっかけで発覚したもので、兵庫県警はその後、当該コード部分をサイトから削除しましたが、今のところ告知や謝罪などは行われていません。編集部では兵庫県警にコメントを求めました。 兵庫県警が使用していたのは、Googleが提供しているアクセス解析ツール「Googleアナリティクス」。これ自体は多くのサイトで使われているごく一般的なツールですが、利用規約ではデータ収集のためにCookieを使用していることや、Googleアナリティクスを使用していることなどをサイト訪問者に開示するよう定めており、兵庫県警のサイトではこれを行っていませんでした。 web.archive.orgより、3月2日時点のアーカイブ。赤枠がGoogleアナリティクスが埋め込まれていた部分の
横浜市のホームページがすごいことになっている - 中華街ランチ探偵団「酔華」
横浜市が3月26日にホームページを大幅にリニューアルした。しかし、これによってサービスが大きく低下していることに気づいた人も多いと思う。 私のブックマークには、美味しそうなブログや、レトロなホームページなどと一緒に、横浜市や図書館などのサイトもブックマークしてあるのだが、26日にそのブックマークから横浜市のＨＰにアクセスしたら、上のような画像が出現した。 どうやらＵＲＬが変っているようだ。その左上にある「横浜市」のタイトルをクリックすると、新しいホームページのトップページが現れた。 これが新しいＨＰである。 私が横浜市のサイトを利用するのは、主に三千分一地形図と中区史を閲覧するためであり、前者の場合、旧トップページの左側に「行政地図情報」という入り口があって、そこから簡単に古い地図を閲覧することができたのだが、新しいトップページにはそのように便利な目次が用意されていない。 仕方なく、右上の
やっと「横浜市公式サイト」刷新でスマホ対応、膨大なページに苦戦し3年遅れ | 新横浜新聞（しんよこ新聞）
やっと横浜市の公式Webサイトがリニューアルします。市の市民局は今月（2019年3月）26日（火）にスマートフォン（スマホ）にも対応した新たなWebサイトを公開すると発表しました。具体的な時間は「調整中」としています。 市のWebサイトをめぐっては、3年前の2016年3月までにリニューアルを終える計画で改修作業が進められていましたが、総ページ数が17万と膨大なことなどから生じた技術的な問題が2015年12月に発生。その後の作業が継続できなくなりました。 さらに、リニューアル業務を委託していた当時の事業者と市が対立し、市が事業者側に損害賠償を請求するなど迷走。2017年12月になって、大手の日立製作所横浜支社に業務を新たに発注し、このほどの公開となったものです。 新たなサイトでは、スマートフォンでの閲覧にも最適化したことをはじめ、これまで各区や部局ごとデザインが異なっていたものを統一。また、
相次ぐドメイン事件、目的のWebサイトが表示されない原因
これらのトラブルは、目的のWebサイトが表示されないだけでなく、詐欺などの被害を生む場合がある。どんな原因で発生し、どんな被害が想定されるのか。ここ1、2年に実際に発生した事例を基に見ていこう。 失効後のドメインを第三者が取得 冒頭に紹介したのは、高木毅元復興相のWebサイトで使用していた「takagitsuyoshi.com」にアクセスしたときの画面だ。WHOISサービスで調べると、2018年6月に取得されていた。高木元復興相のWebサイトはそれ以前から存在したので、このドメインは一度更新切れになり、その後第三者が取得したとみられる。
中学校をクリックしたらTV局のサイトに、浜田市教育委員会でドメイン事件
島根県浜田市にある市立中学校の「学校だより」に掲載された中学校のURLをクリックすると、地方テレビ局のWebサイトが表示される。このトラブルが2019年2月20日に見つかった。
コインハイブ事件、男性に罰金10万円を求刑 弁護側は無罪主張（弁護士ドットコム） - Yahoo!ニュース
自身のウェブサイト上に他人のパソコンのCPU（処理装置）を使って仮想通貨をマイニングする「Coinhive（コインハイブ）」を保管したなどとして、不正指令電磁的記録保管の罪に問われたウェブデザイナーの男性（31）の論告求刑公判が2019年2月18日、横浜地裁（本間敏広裁判長）であった。検察側は罰金10万円を求刑した。 弁護側は「コインハイブは不正指令電磁的記録に当たらない」と改めて無罪を主張した。 最終意見陳述で男性は「これからのIT業界やインターネットに深刻な影響を与える問題。（コインハイブは）どうしたら利用者にとってより良い体験を提供できるか模索する中でやったもの」と話した。 公判は結審し、判決は3月27日に言い渡される。 ●検察側「常識に照らして閲覧者の意図に反している」 不正指令電磁的記録保管の罪は、 ・正当な理由がないのに ・人の電子計算機における実行の用に供する目的で ・人が電
JIS X 8341-3:2016は誰が作ったのか - 水底の血
あるいは、W3C WCAG 2.0とJIS X 8341-3の関係について。なんか某所でJIS X 8341-3:2016をW3Cが作ったことになっていたけれども、そうじゃないんだというお話です。 短い答え W3Cが英語でW3C仕様として発行し、それをウェブアクセシビリティ基盤委員会が日本語に訳してJISにしました。 ものすごく長い答え 誤解されることがあるのですが、JIS X 8341-3:2016そのものをW3Cが作ったわけではありません。「短い答え」は圧縮した回答であって、標準規格にまつわるあれやこれやを踏まえると実は正確ではないのですが、みかけの状態としては誤りではないため、このような答えになっています。 では、その標準策定にまつわるあれやこれやというのは何なのか、「短い答え」はどうやって導き出されたのか、というのをだらだらと説明するのが、この「ものすごく長い答え」の趣旨になります
「100億円還元」泉佐野市サイトにアクセス集中、災害モードに切り替わる事態に
大阪府泉佐野市の公式サイトに、2月5日以降、アクセスが集中している。同市がふるさと納税者に対して、寄付額の10～20％のAmazonギフト券をプレゼントするキャンペーンを始めたことで閲覧者が急増したためで、9日午後2時時点で市のサイトにアクセスすると、テキストのみの「緊急災害情報用のトップページ」が表示される状態だ。災害は起きていないが、容量が少なく負荷が軽い災害モードのページを表示することで、大量のアクセスをさばいているようだ。 大阪府泉佐野市は、ふるさと納税でお得な返礼品を用意することで寄付を集め、2017年度のふるさと納税受け入れ額は全国トップだった。一方で政府は、過度な返礼品を規制する法改正を目指している。 泉佐野市は政府の方針に真っ向から反抗。2月5日、同市への寄付者を対象に、寄付額の10～20％相当のAmazonギフト券を贈る「100億円還元 閉店キャンペーン」を市のサイト内で
グーグル、「Chrome」の“遅くならないモード”をテスト中
「Chrome」が将来、「Never-Slow Mode」（遅くならないモード）という新機能を搭載するかもしれない。重いウェブページを刈り込んで、高速な描画を維持するというものだ。 オープンソースプロジェクト「Chromium」で進行中の取り組みにおいて、このプロトタイプの機能が説明されている。Never-Slow Modeを有効にすると、「メインスレッドをクリーンに保つ意図で、インタラクションごとのバジェットを強制する」という。 Never-Slow Modeは、設計文書が公開されているわけではない。しかし、容量の大きなスクリプトを伴うウェブページを同機能でスピードアップさせる仕組みの概略を、機能のオーナーであるChrome開発者のAlex Russell氏が記している。 Russell氏は次のように説明している。「大きなスクリプトのブロック、特定のリソースタイプ（スクリプト、フォント、
たった一行で重いスクロールが軽快に！will-change属性を付けるとFPSが上がる理由 - Qiita
HTMLやCSSのパフォーマンスチューニングを皆さん普段意識されているでしょうか？ フロントエンドはJavaScriptの進化と共にアプリケーションが年々複雑化してきたこともあり、パフォーマンスチューニングのトピックを目にする機会が増えました。 しかしHTMLやCSSも同様にレンダリングの仕組みを少し知り、それに応じた実装することでパフォーマンスを大きく上げることも可能です。 今回は最もシンプルかつ分かりやすい事例として、will-changeプロパティについて紹介したいと思います。 サンプルを使ってFPSを実際に測定してみる 今回はサンプルとして、TwitterのツイートにあたるHTML構造と同じものを4000個縦に並べ、高さ400pxでスクロールできる領域を用意し、スクロール時のFPS(Frame Per Second)を測定してみました。 // この実装は実質たった3行！ const
コインハイブ事件、被告人質問 「JavaScriptで同意を取るほうが稀」 - 弁護士ドットコムニュース
自身のウェブサイト上に他人のパソコンのCPU（処理装置）を使って仮想通貨をマイニングする「Coinhive（コインハイブ）」を保管したなどとして、不正指令電磁的記録保管の罪に問われたウェブデザイナーの男性（31）の第3回公判が1月17日、横浜地裁（本間敏広裁判長）であり、被告人質問が行われた。 ●CPU使用率50%「不快感を与えず問題のない設定」 弁護側の質問から開始。男性は自身のサイトにコインハイブを導入した経緯について、2017年9月ごろにウェブメディアの記事でコインハイブを知り「新しい技術として興味深く、試してみたいと思った」と説明。 ローカル環境でCPU使用率0%〜100%までテストした際に、「CPU使用率50%であればユーザーに不快感を与えず問題のない設定」と思い、自身のサイトに設置したコインハイブはCPU使用率50%の設定にしたという。 弁護人の「コインハイブを設置することで、
次世代Webカンファレンス 2019：HTTPSセッションが面白かった - ろば電子が詰まつてゐる
以前から気になっていた「次世代 Web カンファレンス 2019」を、ようやく聴きに行くことができました。 たくさんのトークがありましたが、ここではHTTPS (hashtag: #nwc_https)をメモしておきます。なお、このセッションが間違いなく一番アツく、一番面白かったです! 当日の動画 https://www.youtube.com/watch?v=_8dCa8wj8QY togetter https://togetter.com/li/1268794 以下、当日参加した、もしくは動画を見たという前提でのメモなので、見てない人はぜひ見ましょう。 PKI 「低レイヤから行きましょう」ということで、はじめはPKI絡み。Symantecのdistrustと、日本のGPKIの話でした。 トーク中に何度か出てきましたが、認証局(厳密にはCAとRAを分けて書くべきですが、どうせみんな一緒な
ビヨンセのサイトを視覚障害者が提訴。“クレーマー”と言う日本人の無知コメントも | 女子SPA！
障害者が使えないというだけで訴訟になるなんて大げさな、と思いますか？ このニュースが日本で報じられると、ネット上では「原告はクレーマーだ」「介助してくれる友達もいないのか」などのコメントが見られました。ですが、これらのコメントは無知と言うほかありません。 「ビヨンセのサイトを見ましたが、確かに、画像ばかりでalt(※1）もなく、ひどいですね。ただメニューから入れば、必ずしもショップに行けないわけでもないので、訴訟対象かどうかは疑問も残ります」 そう語るのは、情報のユニバーサルデザインを研究・推進している関根千佳さんです。 ※1）alt：画像の代替となるテキスト情報で、簡単に設定できる。音声読み上げブラウザを使えば、この代替テキストが読み上げられ、視覚障害者も画像の内容がわかる。 「先進諸国では、ユニバーサルデザイン（＝どんな人でも利用できる）に対応していないサイトは、人権侵害として扱われま
Microsoft EdgeのChromium移行とか - fragmentary
週明けに出回った、Microsoft EdgeがChromiumベースになるという話について、Microsoftからアナウンスがあった。 Microsoft Edge: Making the web better through more open source collaboration - Windows Experience Blog For the past few years, Microsoft has meaningfully increased participation in the open source software (OSS) community, becoming one of the world’s largest supporters of OSS projects. Today we’re announcing that we intend to ado
世界盆栽大会の公式ＨＰ、アダルトサイトに変更される 市民から指摘、さいたま市が登録の削除呼び掛け
さいたま市は３１日、昨年４月に市内を会場に行われた「第８回世界盆栽大会ｉｎさいたま」の公式ホームページ（ＨＰ）だったアドレスの内容が、アダルトサイトに変更されていることが判明したと発表した。アドレスをブックマーク（登録）などしている人に削除を呼び掛けている。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
横浜市 - 【お知らせ】市ウェブサイトの全面リニューアルについて
https://jp.techcrunch.com/2019/03/11/2019-03-08-cookie-walls-dont-comply-with-gdpr-says-dutch-dpa/
『兵庫県警が利用者に黙ってGoogle Analyticsを使ってJavaScriptで個人情報をGoogleに取得させている。不正なプログラムを仕込んでいる』とネットユーザが指摘→GAのコードが全ページから削除されるおもしろ展開に
『店のWebサイト、そろそろFacebookはやめてほしい』という意見に同意する人たち「サイトが別にあってSNSもやってる、ってんならまだしもねぇ」「必要な情報すぐ出てこない」 - Togetter
