WWW WATCH

Webデザイン、HTML、XML、CSS、JavaScript 関連の話題、新しいWebサービス、Webサイトの話題をはじめとしたインターネット上での最新トピックスなどを中心に取り上げるBlog

Hot Entry

Re: 「position: absolute; + display: table;の謎を解きたい」

position: absolute; + display: table; した要素で、包含ブロックに高さ指定がないと、当該要素の高さ（パーセンテージ値指定）が指定通り算出されない件について仕様書の記述から謎解き

Siri が勝手に起動する怪奇現象を解決した件

Siri さんが何もしていないのに勝手に立ち上がって怖いと思っていた件は Siri のある機能が原因でしたというお話。

jQuery 3.0 が正式リリース、通常の Web サイト制作で利用するなら軽量版「Slim build （スリムビルド）」が便利

jQuery 3.0 の正式版がリリースされました。次バージョンからはバージョン番号を統一して 3.0 にすると発表されてから 1年半後、やっとの正式リリース。Ajax モジュールなどを省いた軽量版「スリムビルド」も提供されています。

Recent Entry

Chrome における HTTPS 通信時の「保護された通信」表記廃止、非 SSL 接続時の警告表示の変更と適用開始時期が発表される

2018年9月4日に正式リリース予定の Chrome 69 からは HTTPS 通信時の「保護された接続」という表記が廃止され、続く 10月16日正式リリース予定の Chorme 70 では、HTTP 通信でのフォーム入力に対してアドレスバーで警告が表示されるようになります。

次期 Android では「DNS over TLS」がサポートされる

Google は、次期 Android OS となるコードネーム「Android P」の Developer Preview （開発者向けプレビュー版）において、DNS サーバとの通信を暗号化する「DNS over TLS」をサポートすると発表しました。

動画（Netflix）視聴目当てで Oculus Go を購入したら正解だった件

スタンドアロンで動作する VR ヘッドセット「Oculus Go」を、主に Netflix の視聴目的で購入してみたらとってもよかったというお話。

GitHub Pages、カスタムドメインでも HTTPS による接続が可能に

静的な Web サイトを簡単に公開可能な GitHub のサービス「GitHub Pages」で、カスタムドメインを使用している Web サイトにおいても、無料で HTTPS 接続が可能になりました。

Google Chrome 66 で音声の自動再生をブロック（ミュート）する機能が有効に

Chrome 66 が正式リリースされ、音声の自動再生をデフォルトでブロックする機能が有効になりました。Web ページ訪問時に自動再生される音声については、一部の Web サイトを除いて基本的にミュートされます。その他、CSS Typed Object Model のサポートなどが行われています。

暗号化されていないパスワードが内部ログに保存されていた問題を Twitter が公表した件で、パスワード変更もいいけど 2段階認証もね

Twitter が社内システムのバグによって、平文のパスワードが内部のログファイルに保存されていたことが判明したと発表した件についての簡単なまとめと、パスワード変更だけでなく、2段階認証を有効にした方がいいよというお話。

Gmail アドレス内の「.」（ピリオド）を無視する仕様がフィッシングに悪用可能だという指摘

Gmail がアカウント名に含まれる「.」（ピリオド）を無視する仕様が、Gmail アドレスを登録する Web サービス側の特定の仕様と組み合わさることによってフィッシングのリスクを増加させるという指摘がされていましたので取り上げてみます。

Safari 11.1 は SSL で保護されていないページにパスワード入力欄があるとアドレスバーで警告する

つい先日リリースされた、iOS 11.3 にもバンドルされた最新版の Safari 11.1 では、SSL で保護されていないページにログインフォームなどパスワード入力欄が存在する場合にアドレスバーで警告する機能が有効になりました。

Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境

フロントエンドの開発を色々と捗らせてくれる Gulp について、ここ最近、私が利用しているパッケージの紹介を中心に、主に Web サイトを制作するお仕事をしている方に向けた、なるべくわかりやすい解説としてまとめてみました。

リアルタイム画像処理機能が充実した CDN、「imgix」を試してみたらとても簡単で便利だった件

画像処理に関する機能を豊富にそろえ、画像の配信に特化した CDN である「imgix」を導入してみたらとても便利だったので、導入の手順から実際の利用方法などについて簡単にまとめました。

各ブラウザにおけるトラッキング拒否機能（DNT）の有効化について

Facebook が各 Web サイトに設置された「いいね」ボタンなどを介して、ユーザーに無断でトラッキングを行っているというニュースに関連して、ブラウザ側でトラッキング拒否を要求する仕組み「Do Not Track」について、簡単なまとめ。

AMP stories が発表されたので早速簡単なストーリーを作ってみた件

Accelerated Mobile Pages （AMP）の新しい拡張コンポーネントとして、「AMP stories」が発表されました。このフォーマットは、タップ操作によって軽快に閲覧可能なフルスクリーンのビジュアルコンテンツを提供可能にします。

Google Chrome 65 が Beta リリース、CSS Paint API、display: contents のサポートなど

Google Chrome 65 がベータリリースされ、モダンブラウザでは初めて、CSS Paint API を実装した他、Server Timing API への対応、display: contents のサポートなどが行われています。

Google Chrome 68 は SSL で保護されていない全てのページに対して「安全でない」と警告する

2018年 7月下旬に正式リリース予定の Chrome 68 より、SSL で保護されていない（HTTP 接続で提供される）全ての Web ページに対して、アドレスバーに「安全でない」という警告が表示されるようになるという話。

完全禁煙のカフェを現在地から簡単に調べるサイトを作った件

外出先で完全禁煙のカフェを探す手間を最小限にするため、ブラウザで開くだけで現在地から周辺にある禁煙のカフェやレストランの存在を簡単に調べられるサイトを作ったという話。

Firefox 55 がヘッドレス環境での実行に対応、拡張されたスクリーンショット機能も便利

Firefox 55 が正式リリースされましたが、WebVR への対応、64bit 版 Windows 向けビルドの本格展開によるパフォーマンスの大幅な改善が行われたほか、デフォルトでは無効ながら、スクリーンショット機能が強化されました。

VALU を公開してみました - 手探りで優待も登録してみた件

まるで株式のように個人が VA と呼ばれる疑似株式を発行し、活動資金を調達したり、VA のトレードを行ったりすることが可能な、ビットコインを用いたマイクロトレードサービス「VALU」のアカウントが公開されましたので紹介と同時に雑感を。

Windows 10 で画面の一部をドラッグ & ドロップしてスクリーンショットを撮る方法

Windows 10 （Creators Update 適用済み）では、ショートカットキーとして [Windows キー] + [Shift キー] + [S] を押すことで、画面の一部をドラッグ & ドロップで選択してクリップボードにコピーする機能が標準で利用できます。

Mastodon 1.4.x （Docker）の assets:precompile が失敗するので Bash on Ubuntu on Windows 上で実行して切り抜けた件

Mastodon v1.4 系へのアップデート時に実行した assets:precompile が失敗するため、Docker for Windows と Bash on Ubuntu on Windows で Mastodon のビルド環境を作ってそこで実行してアップデート作業を進めた際の手順をまとめます。