AMPを「高速化技術」「一瞬で表示する技術」というのはもうやめよう。｜榊原昌彦
AMP（Accelerated Mobile Pages）がオープンソースとして立ち上げられてから数年が経ちました。食べログなどの大手Webサービスが対応し、また簡単にAMP対応できるWordPressプラグインが出たことで、今では一般に浸透してきた感じを持っています。 ただ「表示高速化技術」「一瞬で表示する技術」というのは正しくないのでやめませんか？ AMPはWeb Componentsフレームワークまず誤解されがちなのですが、AMPは新たな技術ではなく、Web標準の「Web Components」というAPIを用いて実装されています。AMPのGitHubページにもしっかりと「The AMP web component framework.」（AMPというWeb Componentsを用いたフレームワーク」と掲載されています。 Web Componentsは、再利用可能でカプセル化された
Cache-Control の Immutable 拡張によるリロード時のキャッシュ最適化 | blog.jxck.io
Intro ブラウザはリロード時に、 max-age に満たないキャッシュを持っていても Conditional GET によってキャッシュの Validate (有効性の問い合わせ)を行う。 Cache-Control Extension として提案されている Immutable 拡張は、キャッシュが max-age 内であればリロード時もキャッシュヒットさせる拡張である。 このヘッダの効果と、本サイトへの適用について記す。 Cache-Control Cache-Control に max-age を指定することで、ブラウザにリソースをキャッシュさせることができる。 このキャッシュは max-age の期間内は fresh とみなされ、 fresh であればサーバへの問い合わせなく再利用される。 サーバへの問い合わせ(RTT)が無いため、事実上最速のリソース取得となる。 Reload
スマートフォン・携帯判定／ユーザーエージェント
【iPhone】 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; ja-jp) AppleWebKit/533.17.9 (KHTML,like Gecko) Version/5.0.2 Mobile/8C148a Safari/6533.18.5 【iPod】 Mozilla/5.0 (iPod; U; CPU iPhone OS 4_3_1 like Mac OS X; ja-jp) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8G4 Safari/6533.18.5 【Android】 Mozilla/5.0 (Linux; U; Android 2.3.3; ja-jp; INFOBAR A01 Build/S7142) AppleW
名前やメールアドレス・住所などを自動的に入力してくれる「オートフィル機能」を使うと個人情報がこっそり盗まれる危険性あり
ブラウザのテキストボックスに文字を入力すると、登録されている情報をナビゲートしたり自動入力したりできる「Autofill(オートフィル)」機能は、煩わしい入力作業を大幅に省略できるので非常に便利です。しかし、オートフィル機能をONにしておくと、極めて単純な手法を使って簡単に住所や電話番号などの個人情報をぶっこ抜くフィッシング詐欺の餌食になってしまう危険性が指摘されています。 GitHub - anttiviljami/browser-autofill-phishing: A simple demo of phishing by abusing the browser autofill feature https://github.com/anttiviljami/browser-autofill-phishing オートフィル機能の危険性を指摘するViljami Kuosmanen氏は、G
Service WorkerとHTTP/2が切り開く新しいWeb Pushの世界 - ぼちぼち日記
この記事は、HTTP2 Advent Calendar 2014の6日目のエントリーです（2日前にフライイング公開してます）。 1. はじめに、 HTTP/2仕様の標準化作業は、WGラストコールも終わり、今後IESGレビューやIETFラストコール等の大詰めの段階に来ました。来年のRFC化に向けてまだまだ予断を許しませんが、プロトコル設計自体の作業はほぼ完了し、後はすんなり行くことを祈るばかりです。 こんな状況なのに気が早いですが、もう既に標準化後を見据え、HTTP/2の機能を使った新しい仕組みを作る動きが始まっています。 そこで今回はHTTP/2技術の応用として、HTTP/2の「サーバプッシュ機能」と今ホットなブラウザの新技術「Service Worker機能」を組み合わせた次世代のプッシュ機能「Web Push/Push API」について書いてみたいと思います。 ただ、個人的に色々タスク
第6回 JavaScriptとHTMLとDOMの基本#1 | gihyo.jp
こんにちは、太田です。前々回、前回とJavaScriptの基礎的な部分を解説しました。今回はJavaScriptからみたHTMLを中心に、DOMについても少しずつ解説しています。 JavaScriptとHTML FirefoxのアドオンやサーバーサイドJavaScriptなどの例外をのぞいて、多くのJavaScriptはHTML上で実行されるので、HTMLは土台となる重要な要素です。そこでHTMLの基礎的な部分からHTMLとJavaScriptの関係を解説します。 DOCTYPEとレンダリングモード HTMLといえば最初に書くのはDOCTYPEです。現在使われているDOCTYPEはHTML4.01、XHTML1.0、XHTML1.1といくつかの種類があり、さらにその中でTransitionalやStrictなどの違いや、XHTMLではXML宣言の有無（本来は必須ですが）などバリエーションが
天才かよ・・・14歳の少女が考えたネットいじめをなくす「斬新なアイデア」 | TABI LABO
ネット上のいじめをなくしたい 「Rethink」、それが彼女の解答となった 2013年の秋、学校から帰宅したトリーシャ・ブラブ（Trisha Prabhu）さんは、信じられないようなニュースを目にしました。それは、自分と同じフロリダに住む14歳の女の子が、SNS上のいじめが原因で自殺したというもの。 このニュースをきっかけに、彼女はSNS上のいじめについて考えるようになりました。そして、色々と調べてみると、ネットでのいじめを苦にして自らの命を絶っている人が、たくさん存在していることが分かったのです。 そして、彼女はそのいじめをなくしたいと思いました。そして、あるシステムを思いついたのです。「Rethink」。それが彼女が考え開発したシステムの名前です。 以下の動画では、そのキッカケから開発に至るまでを、彼女自身がプレゼンしています。とても14歳とは思えない堂々とした態度には、彼女のこの取
ドメイン名を使ってEC2を運用していたら、ELBのスケールアウトで苦労した話
2014年5月14日 13時00分 修正 タイトルが誤解を招くものだったので、「なぜ URL に www を付けるのか。または、サブドメインなしでは CNAME が使えない件」から変更致しました。併せて、画像に Public IP と Private IP の明記を行いました。 皆さん、こんにちは。MUGENUP の osada です。 今回は、スケールアウト時にELB(Amazon Elastic Load Balancer) を使うときの注意点についての記事です。 といっても、インフラ・エンジニアには自明のことと思いますので、読者の対象は インフラ・エンジニアではないけど、インフラもやるというベンチャーならではのエンジニア向けです。 要旨 ELBにはEIPなどのAレコードを関連付けることが出来ず、ドメインとサーバーを結びつけるには提供されるCNAMEを使う必要があります サブドメイン無
HTTPヘッダーフィールド2 - s-kita’s blog
汎用ヘッダーフィールド Cache-ControlCache-Controlヘッダーフィールドは、ディレクティブと呼ばれるコマンドをフィールド値に指定することで、キャッシングの動作を指定する。Cache-Controlヘッダーフィールドのディレクティブはリクエストとレスポンスの両方で使用できる。 キャッシュコントロールリクエストディレクティブ ディレクティブパラメータ説明 max-age必須レスポンスの最大Age値 max-stale省略可能期限切れのレスポンスを受け入れる min-fresh必須指定した時間は新鮮さがあるレスポンスを望む no-cacheなしオリジンサーバーへの強制的な再検証 no-storeなしキャッシュはリクエスト、レスポンスの一部分を保存してはならない no-transformなしプロキシはメディアタイプを変換してはならない only-if-cachedなしキャッシ
Headless Commerce with Salesforce
Meet your shoppers and buyers anywhere with our trusted headless commerce solution. Use headless APIs and connected customer data. With Commerce Cloud’s trusted headless commerce platform, B2C and B2B businesses can meet customers anywhere. Headless APIs can weave commerce into any touchpoint, from social media to in-store kiosks to B2B buyer portals, and give you the power to take full control ov
X-Forwarded-Forを使用して、IPアドレスでのアクセス制限
order deny,allow # 拒否して許可 deny from all # 全てのアクセスを拒否 allow from .aaa.ac.jp # aaa大学からのアクセスを許可 allow from 10.10.10 # 10.10.10.???からのアクセスを許可 しかし、環境によってはプロキシや負荷分散装置（ロードバランサ）などがありアクセス元のIPアドレスがクライアントのものにならない場合がある。 そのような環境では上記のようなhtaccessの記述方法だとアクセス制限をすることができない。 ■X-Forwarded-Forを使用する 通常はプロキシサーバを経由してHTTPリクエストが送信された場合、リクエストの送信元はプロキシサーバになるが、プロキシサーバによっては（設定次第？）では、HTTPヘッダの「X-Forwarded-For」に要求元のクライアントのIPアドレスを通
SSLとは？仕組みから、共有・独自SSLの違い、証明書についてが分かるまとめ
公開日：2014-01-13 更新日：2022-11-30 SSLとは・・・情報を暗号化して送受信してくれる仕組みです。 例えば、Webサイト上で「個人情報」や「クレジットカード番号」などを登録するさいに、暗号化して送受信してくれます。 これによって、第三者から盗み見らていても、暗号化されているので、内容を特定される事はありません。 また、普段利用しているWebサイトがSSL対応しているかは、URLを確認すれば分かります（下図確認） 今回の記事では、もっと詳細な「SSLの仕組み」や「共有SSLと独自SSLの違い」・「SSL証明書」についても順に解説していきます。 以下、目次になります。 SSL証明書とは SSLの仕組みについて 共有SSLと独自SSLの違い SSL証明書とは SSL証明書の役割は、下記三つになります。 「SSL」を用いて、通信情報を暗号化する 「SSL」を利用しているWeb
知られざるインターネットの巨人アカマイのTech Meet-Upに参加してきました！ – CLARA ONLINE techblog
渡辺です。こんにちは。 アカマイ日本初のエンジニア対象技術交流会があると聞き、ホイホイ参加してきましたのでレポートします。 アカマイは世界最大のCDNサービス業者です。わくわくしますね。 今回参加したのは、エンジニア対象技術交流会 Tech Meet-Up #1 です。 17:30-18:00 開場、飲食 会場の部屋の隣にラウンジのような場所があり、料理がたくさん置いてありました！ 食べ放題です。 クラッカーの上に載っているのは牡蠣です。 18:00-18:10 前説？ アカマイの伊藤さんからの、Tech Meet-Up開催経緯のご説明。 アカマイは今まであまりオープンでなかった アカマイ内部で2年くらい前にもっとオープンにしようという方針になった 今後は分科会（例えばセキュリティ等）も考えている 18:10-18:30 Tech Meet-Up についてのご紹介 アカマイのMatt Ri
【初ブログ】13日で10000PV達成！アクセスアップの為に実践したこと【超初心者向け】 - Tanyの殴り書き
こんにちは、タニーです。 本日でブログを始めて14日目ですが、嬉しいことに13日目で1万PV達成しました！ googleアナリティクスで約11100PVです！ （スクリーンショットを貼っていましたが、アドセンス規約により削除） はてなブログのアクセス解析だと10524PVだったんだけど、どっちが正しいの？ まぁ、両方で達成しているので大丈夫でしょう！！ 皆様ありがとうございます！！ 少し前にこんな記事を書きました。初ブログでの挫折と苦悩を書いてます。 そう！この記事を書いていた段階では全くアクセス数がありませんでした。 僕のはてなブックマーク数は最高13はてブ・・・ こんな僕がアクセスアップの為に実施した事、頑張った事を紹介したいと思います。 ブログを開設して、最初にしたこと ブログ先輩方の記事を読む とりあえず、初心者なんだから知識を入れました。 幸いはてなブログは素晴らしいブロガーの方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新しい圧縮アルゴリズム“Brotli”をサポートした「Google Chrome 49」ベータ版
TechCrunch
The average web page has almost doubled in size since 2010 - Web Performance Today
HTML5でDRMってアリなの？〜誰も教えてくれないマルチデバイス時代のコンテンツ保護。その現状と展望
weibo-japan.com
HORIEMON.COM
