すべての記事一覧

すべての Blog 記事を表示しています。（1 / 20 ページ）

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 / デバイスピクセル比）のエミュレート機能」の追加をはじめとした機能強化が行われました。

Apple デザインの 20 年間を 450 枚の写真で記録した写真集「Designed by Apple in California」

Apple Design の過去 20 年の記録を 450 枚の製品写真で表現したハードカバー仕様の豪華写真集「Designed by Apple in California」を購入したので紹介。

過去 2年間のカーシェアリング利用料をまとめてみたので普通自動車の維持費と比べてみる

車を所有するかカーシェアリングなどを利用するかは単に金銭的な比較だけではなくライフスタイルの問題なのでどちらが良い悪いと言うつもりはありませんが、個人的にここ 3年程カーシェアリングを使ってきて、車を所有していた場合と比べてどの程度コスト的なメリットがあったのか参考までにまとめてみます。

Google 透明性レポートに「HTTPS の使用状況」セクションが追加、日本は HTTPS の普及で遅れ気味

Google は、同社が公開している透明性レポートに、新たに「HTTPS の使用状況」セクションを追加したことを発表しました。データを見てみると、日本だけ他国に比べて HTTPS の利用率が低いことがわかります。

閲覧中の URL を AMP （Accelerated Mobile Pages）バリデータに投げるブックマークレット

q-Az さんが公開した「AMP ページに＃development=1 を付けて開くブックマークレット」に感化されて、閲覧中の URL を Web 版の AMP バリデータに送信するブックマークレットを作ったので共有します。私が作ったシンプル版と、q-Az さんのものを改造した版の 2バージョンを掲載。

Material design （マテリアルデザイン）カラーパレットのコントラスト比をチェックしてみた

Google が公開しているマテリアルデザインガイドラインにあるカラーパレットの、各背景色と文字色を「JIS X 8341-3:2016」に基づいてコントラスト比をチェックし、結果としてまとめてみました。

まとめサイトなどを除外した Google 検索「クリーンサーチ」を作ってみた

まとめサイトなどを除外した Google 検索が行える「クリーンサーチ」を作ってみました。元々個人で Google カスタム検索を利用して作成したものを公開したもの。検索時に邪魔なサイトを排除してありますのでノイズを排除しながら検索ができます。

Let's Encrypt （無料 SSL サーバ証明書）の設定が超簡単になったと聞いて試してみた件

無料の SSL （TSL）サーバ証明書を提供する認証局「Let's Encrypt」からの証明書取得がとっても簡単になったという話を聞いてちょっと試してみましたが、本当にとっても簡単だったので手順などをメモ。

Google タグマネージャに新機能「ワークスペース」が追加、複数人での更新が便利に

Google タグマネージャの新機能、「ワークスペース」が追加されました。ワークスペースにより、Git などのバージョン管理システムでブランチを切るような感じで 1つのコンテナに対して異なる複数の変更を同時に進めていくことができます。

Movable Type 6.3 がリリース、PHP 7 と MySQL 5.7 に対応、画像品質自動調整機能の有無が設定可能に

PHP 7 および、MySQL 5.7 に対応した Movable Type 6.3 が正式リリース。Movable Type 6.2 で実装されたアップロード画像の品質調整機能の有効 / 無効を設定することも可能になりました。

HTML 5.2 の First Public Working Draft （FPWD）が公開される

6月にアナウンスされていた HTML 5.1 仕様の勧告候補移行と、HTML 5.2 の策定開始について、予告通り HTML 5.2 の最初の公開草案（FPWD）が公開されました。

将来 Firefox から 404 Not Found が消える？ Test Pilot に「No More 404s」が追加

Firefox の実験段階にある機能を事前に試すことができる「Test Pilot」に「No More 404s」と呼ばれる、Web ページが、404 Not Found だった場合に Internet Archive から該当ページを探して表示する機能が追加されました。

Amazon の電子書籍定額読み放題サービス「Kindle Unlimited」が日本でも提供開始したら「HTML5 & CSS3/2.1 全事典」も対象になっていた件

Amazon が提供する月額 980円の電子書籍定額制読み放題サービス「Kindle Unlimited」が日本でもスタートしましたが、自分の著書「できるポケット HTML5 & CSS3/2.1 全事典」も読み放題の対象になっていたので紹介。

アフィリエイト・サービス・プロバイダ各社はいい加減配信する広告を SSL に対応させろと思っていたらバリューコマースさんが対応した件

大手のアフィリエイト・サービス・プロバイダ各社は、HTTPS による広告配信に未だ対応していないところが多く、Web サイトを SSL 対応させた際にとてもやっかいでした。早いところ対応して欲しいなという願望という名の愚痴を書こうと思ったらバリューコマースさんが対応したとの連絡が。

Windows で游ゴシックが細字になってしまう件は誰が悪いのかについて CSS 仕様から考えてみる

Windows で「游ゴシック」フォントを使用すると細字で表示されちゃって困るという問題について、CSS の仕様を基に考えてみたいと思います。

AMP （Accelerated Mobile Pages）バリデータの Web 版が公開される

AMP HTML の文法が妥当かを検証するバリデータに Web 版が新たに追加されました。AMP の URL を入力、またはソースコードを貼り付けることで、その AMP が文法的に妥当かを簡単にチェックすることができます。

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

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

Firefox 47 がリリース、CSS Mask Image プロパティへの対応やVP9サポートの有効化など

Firefox の最新版、Firefox 47 が正式リリースされ、自動更新も提供開始されました。Android 版も同時公開。このバージョンでは、CSS Mask Image プロパティへの対応、VP9 コーデックの有効化などが行われています。

HTML 5.1 が今年 9月の勧告に向けて勧告候補への移行検討段階へ、HTML 5.2 の策定も開始

W3C 公式 Blog にて、今年 9月に予定されている HTML 5.1 仕様の W3C 勧告に向け、勧告候補への移行を検討する段階に入ったことがアナウンスされました。6月中旬に勧告候補が公開される予定。あわせて HTML 5.2 の策定がスタートすることもアナウンスされています。

AMP HTML でアコーディオンやカルーセル表示などを実装する拡張コンポーネントを使ってみる

AMP 拡張コンポーネントには、カルーセルやスライドショー、あるいはアコーディオン式の UI を実装したり、ソーシャルボタンを設置するためのコンポーネントも用意されています。そこで個人的に気になったものをいくつか取り上げて、簡単に解説してみたいと思います。

Surface Pro 3 が「Surface」ロゴ表示で固まって起動しなくなった時の対処方法

先日、出先で Surface Pro 3 が起動時に表示される「Surface」ロゴ表示の状態で固まってそのまま起動しなくなるという症状で少しハマりましたので、解決策をメモがてらに書いておきます。

CSS で計算（四則計算）が行える calc() 関数を使ってみよう

CSS プロパティに指定する値を計算式で書くことができる仕様、calc() 関数について、具体的なサンプルソースをそえて解説してみたいと思います。

GitHub が新料金プランを発表ということで新旧料金プランを比較してみた

GitHub が新しい料金プランを発表。プライベートリポジトリ数が無制限になり、個人ユーザーにとってはうれしい一方で、ユーザー数が多い組織向けアカウントにとっては値上げになる可能性もある料金改定になったようです。

Firefox 48 は CSS calc() 関数の入れ子に対応、CSS カスタムプロパティとの併用がより便利に

サイズや形状を決定する値の指定を計算式で書くことができる CSS の calc() 関数ですが、Firefox 48 ではこの calc() 関数を入れ子にすることが可能になりました。CSS カスタムプロパティと組み合わせるときに便利です。

ウオッチコーディネーター（CWC）資格を取得しました

Blog の趣旨とは外れますが、時計について専門的な知識を持ち、的確なアドバイスやコーディネートできる専門家を認定するウオッチコーディネーター資格認定試験を受験して無事資格が取得できた件について報告。

ケータイキット for Movable Type に OS コマンドインジェクションの脆弱性

「ケータイキット for Movable Type」に、OSコマンドインジェクションの脆弱性が発見され、すでにその悪用によって不正アクセス・情報漏洩被害が起きていることから、緊急度の高い案件になっています。至急、脆弱性修正版への更新を行いましょう。

ゴールデンウィーク中ですが、各所から脆弱性情報が出ている件

日本ではゴールデンウィークの真っ只中ですが、4月末から5月頭にかけていくつかサーバ管理者にとっては重要な脆弱性情報が公開されています。

Windows 10 への無償アップグレードは7月29日まで、それ以降は予定通り有償に

Microsoft は 1年間限定で提供されていた、Windows 7 / Windows 8.1 ユーザーを対象にした Windows 10 の無償アップグレードについて予定通り 2016年 7月 29日で終了、それ以降は有償でのアップグレードになることを正式に発表しました。

Dropbox が「Project Infinite」を発表、ローカルのディスク容量が少ない環境でも使いやすく

Dropbox はビジネス顧客向けカンファレンス「Dropbox Open」で、ローカルのディスク容量が少ない環境でもディスク容量を圧迫せず、従来通り Dropbox 上のファイルに素早くアクセスできる仕組み「Project Infinite」を発表しました。

5分でわかる Blog を Facebook インスタント記事（Instant Articles）に対応させる方法

運営中の Blog などから Facebook インスタント記事（Instant Articles）向けの RSS フィードを配信してインスタント記事に対応させる手順を解説しています。

絵文字「Fire」（U+1F525）のスポンサーになりました

ユニコードコンソーシアムが行っている「Adopt a Character」という文字の里親制度的寄付金募集に申し込んで、絵文字「Fire」（コードポイント「U+1F525」）のスポンサーになりました。

Grunt 1.0.0 がついに正式リリース、0.4.5 のリリースから約 2年

0.4.5 を最後に 2年近く開発が止まってしまっていた JavaScript タスクランナー「Grunt」ですが、今年 2月の 1.0.0 RC1 リリースに続き、正式リリース版の 1.0.0 が公開されました。

Page Top

このブログの著者: 加藤善規 - 埼玉県出身男性。サッカー、フットサル（観戦 / プレー）、モータースポーツ観戦、インターネット、音楽鑑賞、腕時計収集が趣味。ウオッチコーディネーター（上級 CWC）資格認定者。好物はゼリー、グミ、お酒、ラーメン。

いいね！で最新情報を取得

このブログが気に入ったらいいね！してください。

Facebook で最新の記事をお届けします。

Information

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

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

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

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

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

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

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

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

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