WWW WATCH

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

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

Google Chrome 59 が正式リリース、ヘッドレス環境での実行に対応、開発者ツールへの機能追加など

Chrome 59 が正式リリースされ、ヘッドレス環境での実行に対応した他、デバイスのカメラをコントロール可能な「Image Capture API」の実装、開発者ツールへのフルページスクリーンショット機能やカバレッジ計測ツールの追加などが行われました。

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

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

Mastodon インスタンスを運用しているサーバを HTTP/2 対応させた話（CentOS7 + nginx + OpenSSL）

自分専用に立てた Mastodon （マストドン）インスタンスで、HTTP/2 を有効にしたのでその手順をメモ。サーバ環境は CentOS7。nginx 1.13.0 と OpenSSL 1.0.2k を使用してソースからビルド。

Mastodon インスタンスの画像や動画の保存先をクラウドストレージ（Amazon S3）に移行した話

Mastodon インスタンスが取得する画像や動画の保存先を外部サーバに変更して自分のサーバのストレージ消費を抑えた話。Mastodon がデフォルトで対応している Amazon S3 に画像や動画が保存されるように設定した際の手順をまとめます。

さくらの VPS + CentOS7 で俺専用 Mastodon インスタンスを立ててみた話

Mastodon インスタンスを自分専用に運用してみようと思い、手元で余っていたさくらの VPS （さくらインターネット）を利用して CentOS7 + nginx + Docker で立ててみたのでメモ

Edge が CSS カスタムプロパティ（CSS Variables）に対応したので試してみた

Windows 10 Creators Update の提供とあわせて、Microsoft Edge が build 15.15063 へとアップデート。これにより CSS カスタムプロパティに対応したので早速試してみました。どうやら content プロパティを変数から読み込めないようです。

Windows Vista と IE9 のサポート終了（2017年4月11日）まで 10 日を切った件

Windows Vista の延長サポート期間が 2017年 4月 11日で終了することに伴い、Windows Vista 上でのみサポート対象となっていた IE9 についてもサポート対象から外れることで、IE11 が利用可能な唯一の IE バージョンとなります。

normalize.css 6.0.0 がリリース、作者の意見的意味合いが強かったスタイル定義を削除

normalize.css 6.0.0 のリリースで、それまで入っていた、純粋なブラウザ間の差異を吸収する目的からは少し外れた "opinionated" なスタイル定義がすべて削除されました。

Microsoft Edge が build 15.15061 で CSS カスタムプロパティをサポート

Microsoft Edge が CSS カスタムプロパティ（CSS Variables）のサポートを発表しました。現時点では開発者向け実装のみ。build 15.15061 以降で利用することができます。

Google Chrome でシマンテック（旧ベリサイン）発行 SSL 証明書の有効期限が強制的に短縮されたり、EV （拡張認証）が無効になるかもという話

最大手の認証局（CA：Certification Authority）であるシマンテック（旧ベリサイン）が、適切な認証手続きを行わずに SSL 証明書を発行していたとされる問題で、Chrome チームが提案した証明書有効期限の段階的な短縮や EV 証明書の無効化についてまとめます。

Firefox 52 が正式リリース、WebAssembly、CSS Grid Layout の実装、レスポンシブデザインモードの拡充など盛りだくさん

Firefox 52 が正式リリースされ、WebAssembly、および CSS Grid Layout の実装が行われたほか、レスポンシブデザインモードにおける新機能の追加やセキュアでないログインフォームに対する警告表示が強化されました。

Chrome 56 に position: sticky; が戻ってきた

Chrome 56 が CSS position: sticky; に対応しました。画面からスクロールアウトする際に、そのまま画面上部に固定されてスクロールに追随してくるような要素の配置が CSS のみで実現可能です。

Chrome 56 が正式リリース、SSL で保護されていないページにパスワード入力欄があるとアドレスバーで警告する

Chrome 56 が正式にリリースされましたが、このバージョンでは、SSL で保護されていないページにパスワード入力欄がある場合、アドレスバーに警告が表示されるようになりました。

リツイートしにくい最近の Twitter

最近、元ネタをたどりにくい、動画をパクったツイートが多くて、おいそれとリツイートしにくいご時世ですよねという愚痴。

ボタンを押したら商品が届く、「Amazon Dash Button」を早速試してみた

ワンプッシュするだけで、事前に登録してあるお気に入りの商品を簡単に注文できる「ボタン」、「Amazon Dash Button」を試してみましたので簡単なレビューと設定方法などをまとめます。

WordPress のユーザー名を隠してもセキュリティ対策に大きくは影響しない

WordPress のユーザー名が外部からわかってしまうのが問題だという指摘に関して、ユーザー名は秘匿できるならすればよいと思いますが、それ自体はセキュリティ対策として「最重要」ではありませんよと言うお話。

Firefox Developer Edition のレスポンシブデザインモードに新機能、デバイスピクセル比（DPR）のエミュレートが可能に

Firefox Developer Edition のレスポンシブデザインモードに、「Network Throttling （ネットワーク環境のエミュレート）機能」、「DPR （Device Pixel Ratio / デバイスピクセル比）のエミュレート機能」の追加をはじめとした機能強化が行われました。