タグ

2018年9月3日のブックマーク (5件)

  • Webサーバをセキュアに保つ設定のまとめ - Qiita

    はじめに Webサーバをセキュアに保つ為、個人的に行っている設定をざっくりまとめてみました。 設定内容はApache 2.4での運用を想定していますので、他のHTTPdをお使いの方は適宜読み替えてください。 各設定項目は以下のオンラインテストサイトでA+相当を取ることを目指しています。 設定ファイル生成 Mozilla SSL Configuration Generator オンラインテスト Mozilla Observatory Qualys SSL Server Test 前提条件 以下で設定する項目は特にHTTPS接続や攻撃防止に関するものになります。 HTTPdそのものに関する基設定については別記事をご参照ください。 SSLProtocol 危殆化した古いプロトコルを有効にしている場合、古いプロトコルを標的としたダウングレード攻撃等を受ける可能性がある為、新しいプロトコルのみを有

    Webサーバをセキュアに保つ設定のまとめ - Qiita
  • Chromeの新機能がすごい便利!imgやiframeにlazyload属性を加えるだけでLazyLoad対応に

    Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。 「Blink LazyLoad」の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「Blink LazyLoad」の機能 セキュアなLazyLoadのポリシー 後方互換性 LazyLoadの有効化 参考資料 終わりに 「Blink LazyLoad」の機能 重要度の低いコンテ

    Chromeの新機能がすごい便利!imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
  • モバイルではメニューを画面下に表示すべき理由

    スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ

    モバイルではメニューを画面下に表示すべき理由
  • あなたの知らない「狙う広告」 0.1秒の世界:日本経済新聞

    「どうして同じ広告ばかり表示されるのか」。インターネットを見ていて疑問に思ったことがあるだろう。実は、過去に見たサイト履歴などからあなたの好みや属性を機械が推測し、興味がありそうな広告を0.1秒以内に配信しているのだ。この作業が膨大に繰り返され、1兆円市場を形作る。知られざる「ターゲティング広告(狙う広告)」の世界に飛び込んでみよう。 2000年ごろまで広告取引はシンプルだった。広告を出したい企業と、出してもらいたいメディアがおり、その取引を広告代理店の営業マンがつないでいた。 ネットが普及して広告枠が大量に増え、人力で埋めるのが難しくなった。そこで2010年ごろ、広告を機械が自動で取引する仕組みが拡大。今では自動取引が全体の8割に達し、2018年には1兆円を超える見通し。 パソコンを立ち上げてサイトを開く。その瞬間、あなたが見たサイト履歴や検索した単語を機械が分析。「引っ越し先を探してい

    あなたの知らない「狙う広告」 0.1秒の世界:日本経済新聞
  • Webアクセシビリティ関連の資料まとめ - Google ドキュメント

    Not your computer? Use a private browsing window to sign in. Learn more

    Webアクセシビリティ関連の資料まとめ - Google ドキュメント