WWW WATCH

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

Hot Entry

5分でわかる正しい Web サイト常時 SSL 化のための基礎知識

Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。

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

10月に正式リリース予定の Chrome 62 より、SSL で保護されていないページに入力フォームがある場合、アドレスバーに警告が表示されるようになるとのこと。特にシークレットモードの場合はページ読み込み時点で警告が表示される予定です。

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

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

Recent Entry

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 のビルド環境を作ってそこで実行してアップデート作業を進めた際の手順をまとめます。