追記: 2019/11/12 2年経ったけど体験が悪化し続けた結果、 Firefox がこの記事の通りになりましたね… www.fxsitecompat.dev プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.hatenadiary.jp 少し前の記事。最近はどこかで wordpress のプラグインになったのか、目にする機会が非常に多くなり、非常にストレスフル。最初は技術的な目新しさからか、ある程度容認していたが、さすがにこの状況が悪化する一方で、本気でやばいんじゃないかと思っている。とくに初見のブログの記事を読む前に、購読確認が出るのが最悪の体験となっている。 そもそもプッシュ配信とは

なので2017年5月以降突然MathJaxの数式が表示されなくなるかも MathJax CDN shutting down on April 30, 2017 説明 MathJaxはWeb上で数式の表示ができる便利なライブラリ 公式のCDNがあってファイルを配信してくれていたのですが転送量が大きくなってしまい継続が困難になってしまったらしい 対策 公式の記事にいくつか対策が書いてある MathJax CDN shutting down on April 30, 2017 他のCDNを使う https://cdnjs.com/ がおすすめとのこと 以下のように書かれていたのを <script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/2.7-latest/MathJax.js?..."> </scrip

みなさんは「pixiv」というサービスを知っていますか？ pixivはイラストを投稿するSNS。絵を描く人がイラストを投稿し、それをみてもらったり、交流を深めたり、活動を宣伝したりする場所です。サービス開始から9年が経ち、会員数は約2,000万人、合計約6,500万もの作品が投稿されています。利用者の4割が海外からの流入ということで、数少ない日本発の世界サービスでもあります。 ……そんなpixivには、悩みがあります。 pixivでの「投稿」とは「作品」です。作家の意図しないような用途で扱われないよう注意を払っています。そのためパブリックにAPIを公開するのもリスクが高い。とはいえ、世の中にあふれるさまざまなSNSがAPIを公開しているのに、pixivだけが公開しないというのははつまらない！　それに私たちは「これだけたくさんの作品を、ピクシブ社外の人が扱えたら、どんなサービスになるのか？

自然派ママのブログで紹介されたトンデモ処置〈火傷は温めてなおす〉は見事炎上物件へと発展していましたが、相変わらず育児界周辺にはおかしなネタに事欠きません。今回は危険度が高いことで反論の嵐でしたが、トンデモ物件はやがてネットの肥やしとなり、伝聞形式で「こういう考えかたもあるらしい」という無責任な形で拡散されていきます。 その拡散手段はSNSでの〈シェア〉のほか、〈ママサイト〉の存在も大きいはず。子育て中のママたちが知りたい情報を集めて提供しているママサイトは、「日経DUAL（デュアル）」やNHKエデュケーショナルの「すくコム」などが有名どころ。基本的に大手の運営しているママサイトには無責任記事は全く見当たらず、認知度と比例した信頼度はさすがとしか言いようがありません。 科学的根拠に欠けるトンデモ系を無責任に広めるのは、キュレーション、バイラルメディア系のママサイトでしょう。とは言えすべてが該

by Barney Moss 無料でSSL証明書を発行してくれることで、多くの自宅サーバーユーザーに重宝されている中国最大級の認証局「沃通(WoSign)」が、「偽物の証明書」を大量に発行していたことが明らかになりました。 The story of how WoSign gave me an SSL certificate for GitHub.com | Schrauger.com https://www.schrauger.com/the-story-of-how-wosign-gave-me-an-ssl-certificate-for-github-com Thoughts and Observations: Chinese CA WoSign faces revocation after possibly issuing fake certificates of Github,

URLは、Webブラウジングを開始するという意味でも、Webに関連する技術の入り口という意味でも、Webにおける起点そのものです。 攻撃者の視点から見ると、多くの場合、URLは攻撃者自身によってコントロール可能です。その複雑な構造から、プログラム内でURLをデータとして取り扱う際にまちがいが発生しやすく、セキュリティ上の問題点を引き起こしやすい格好のねらい目、攻撃の起点であるとも言えます。 また、Webアプリケーションにおいてセキュリティを確保するためには、特定のリソースがそれぞれのWebアプリケーション自身と同一の保護範囲にあるものなのか、あるいは第三者の用意した可能性があり信用できないものなのかを区別して取り扱う必要があります。この境界条件は、Webアプリケーション自身の動作しているURLを基とした「オリジン」と呼ばれる範囲によって決定されます。 今回は、JavaScriptでのセキュ

いまのネットをぶち壊して再創造？ 欧州原子核研究機構（CERN）の職員だったティム・バーナーズ＝リー（Tim Berners-Lee）氏は、World Wide Web（WWW）の構想を立ち上げ、ハイパーテキストシステム（HTTP）の原型を生みだした功績から、Webの生みの親とも称されてきました。でも、それから数十年の時が経過し、インフラとして発展を遂げた現在のインターネットに、同氏は満足していないようです。 Webは人々の目に入るものをコントロールし、インタラクティブに人と人がつながるメカニズムを構築する存在になった。それはすばらしいことだ。しかしながら、検閲やアクセス遮断、コンテンツの情報操作、意図せぬサイトへの誘導など、クリエイティブなスピリットを台無しにするものでもある。 このように懸念を表明した同氏は、米国カリフォルニア州サンフランシスコに、インターネット業界で著名なエンジニアた

概要 OGP(Open Graph Protocol)について OGPとは？ Webページの内容をグラフィカルに、分かりやすく表示するための仕様です。 The Open Graph protocol 設定例 metaタグを設定しておくことで、表示内容を指定することができます。 貼り付けるのは先日私がクリエイターズネクスト社のTech Blogとして作成した記事 秒速でSlack,esa,Trelloを導入 には、下記のようなOGPを設定しました。 <meta property="og:title" content="秒速でSlack,esa,Trelloを導入" /> <meta property="og:type" content="activity" /> <meta property="og:url" content="http://cnxt.jp/topics/slackesatr

HTTP is the fundamental networking protocol that powers the web. The majority of sites use version 1.1 of HTTP, which was defined in 1999 with RFC2616. A lot has changed on the web since then, and a new version of the protocol named HTTP/2 is well on the road to standardization. We plan to gradually roll out support for HTTP/2 in Chrome 40 in the upcoming weeks. HTTP/2’s primary changes from HTTP/

ビッグデータとアドテクノロジー Webの閲覧履歴や検索履歴，購入履歴などインターネットを利用するユーザが発生させるデータは膨大になっています。企業や組織は，ビッグデータとも呼ばれるインターネット上のログデータを分析して，マーケティング施策などの意思決定をはじめました。 いち早くそのデータを活用していた広告業界では，データ分析を基にして最適化された広告を配信する技術を進化させています。 約0.1秒間で行われるオークション たとえば，Web上の広告枠に以前検索を行った商品が表示されることに気付いている方は多いと思います。これはもちろん他のユーザと同じ広告が表示されているわけではなく，それぞれのユーザに合わせた広告が配信されています。 意識することなく表示されている広告ですが，ユーザがWebページのURLをリクエストして表示されるまでの間に何が行われているのでしょうか。かんたんに解説しますと，ま

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

Designing and implementing this API has been an important process for Heroku internally: It has forced us rethink how different platform components are factored and how they should be exposed in a clean and coherent manner. 以前から公開されていたものが正式版になったようなのだけど、Heroku自身が持つ機能をAPIとして公開することで、PaaSの可能性をさらに広げるものになりそう。少し勉強してみたいのだけど、なかなか時間がない。 Permalink | Tag： Heroku , PaaS , クラウド About Publickey Topics 「Publickey

世界の人道データの情報源がより簡単にアクセスできるようになり、データの柔軟性が向上し、システムの性能と堅牢さが改善されたことで、国際的な支援組織は、よりデータを活用しやすくなるだろう。 ReliefWebはUnited Nations Office for the Coordination of Humanitarian Affairs (OCHA)が提供するデータサービスだ。、現在発生している世界中の災害の最新情報や過去の災害の情報にRESTfulなAPI経由でアクセスできる。17年間の災害データに加え、1980代以降の主要な災害に対する国連の報告書も提供する。また、このAPIは人道支援の領域での仕事やトレーニングの機会についての情報センターも提供する。 今回のリリースはバージョン0として知られていた以前のAPIを置き換えるものであり、バージョン1となる。ReliefWebはフロントエン

若者のプロトコル離れが叫ばれて久しいが、最近プロトコルは非常にホットな分野である。 目まぐるしく進化するWebに合わせ、プロトコルの世界も着実に進化している。 今までブラウザでは出来なかった事が出来るようになり、Webサービスをより安全に使えるようになった。 そしてWebのパフォーマンスを大きく改善するためにHTTP2.0も議論されている。 Webを支えるプロトコルとして、大きく分けて３つに分けられるかと思う（私の勝手なイメージ、正確な図ではありません） Webアプリケーション ブラウザが今まで出来なかったことを出来るようにしたり、Webアプリケーションの認証・認可などの機能を提供するプロトコルなど。JSやサーバサイドプログラミングで利用したりする。 WebSocket (http://tools.ietf.org/html/rfc6455) ブラウザとWebサーバの間でソケット通信を行う

レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン

The playground service has three parts: A back end that runs on Google’s servers. It receives RPC requests, compiles the user program using the gc tool chain, executes the user program, and returns the program output (or compilation errors) as the RPC response. A front end that runs on Google App Engine. It receives HTTP requests from the client and makes corresponding RPC requests to the back end

HTML5に関連する技術のひとつに、WebGLがあります。WebGLは、ブラウザー上で3DCGプログラミングを実現できる技術です。今回のレポートでは、WebGLプログラミングの基礎知識についてご紹介します。 WebGLって？ WebGLでどんなことができるのか──百聞は一見にしかず。まずは例を見てみましょう。demo内のスライダー部分をドラッグすることでカメラの位置などを任意に変更できますので、リアルタイムでレンダリングされていることがわかるでしょう。 (invalid jsdo.it code) このように、ブラウザー上でプラグインに頼ることなく、なめらかな表面、自然な影、高FPSでのリアルタイムレンダリング（アニメーション）など、まるで最近の家庭用ゲーム機にも匹敵する高度な3DCG表現ができるわけです。 WebGLは2013年10月現在、Chrome、Firefox、Operaで標準対

［速報］Internet Explorer 11でWebGLサポート、Visual Studio 2013では消費電力のプロファイリングも可能に。Build 2013（Day1） マイクロソフトの開発者向けイベント、Build 2013がサンフランシスコで開幕しました。1日目の基調講演では、Windows 8.1に続いてVisual Studio 2013が紹介されました。 基調講演の模様を、Windows 8.1とInternet Explorer 11、Visual Studio 2013の紹介を中心にダイジェストで紹介しましょう。 （本記事は「［速報］Windows 8.1プレビュー版公開、デスクトップとモダンUIがよりシームレスに。Build 2013（Day1）」の続きです） 電力消費量のプロファイリング、非同期処理デバッガ CVP, Windows Program Manage