ローカル開発環境の https 化 | blog.jxck.io
Intro Web の https 化が進み、それに伴って https を前提とする API も増えてきた。 そうした API を用いた開発をローカルで行う場合、 localhost という特別なホストを用いることもできるが、それだけでは間に合わないケースも少なからずある。 localhost を https にするという方法もあるが、そのように紹介されている方法には、いくつか注意すべき点もある。 この辺りの話を、直近 1 ヶ月で 3 回くらいしたので、筆者が普段使っている方法や注意点についてまとめる。 特に推奨するつもりはない。 Update chrome の --host-rules について追記 localhost での開発の注意点 例として https://example.com にデプロイする予定の ServiceWorker を用いたアプリがあったとする。 開発をローカルで行う
GitHub Pagesで複数の独自ドメインのHTTPS(TLS,SSL)サイトを運用する - このすみノート
こんにちは。デザイナーの方だと、よくポートフォリオサイトをお持ちの方が多いかと思います。 また、ITエンジニアでも、意外とポートフォリオのWEBサイトを持っている方が多いです。せっかくですので、私も作ってみることにしました。 さて、WEBサイトを公開するとなると、どこでホスティングするのかが重要になります。今回は、最近になって独自ドメインのHTTPS(TLS,SSL)化に対応したGitHub Pagesを利用することにしました。 blog.github.com そこで一つ疑問が浮かんだのですが、GitHub PagesのURLは、通常だと以下のようになります。 https://(アカウント名).github.io/(リポジトリ名) 与えられるドメインは一つで、そこから先のパスでリポジトリ(レポジトリ)を切り替えて表示する仕組みです。元々のドメインが一つとなると、複数の独自ドメインを設定する
HTTPSで配信する - はてなブログ ヘルプ
2018年2月22日以降に新しく開設されたブログは、最初からHTTPSで配信されております。また、2021年8月31日にすべてのはてなブログのHTTPS化が完了いたしました。 HTTPSへの移行方法・仕様 デザインテーマについて 編集サイドバーの混在コンテンツ（Mixed Content）対応について 混在コンテンツ（Mixed Content）の確認方法 注意事項 関連項目 関連記事 HTTPSへの移行方法・仕様 デザインテーマについて テーマストアで公開されているテーマのうち、一部URLが含まれるものを機械的に置換し、混在コンテンツへの対応を行いました。 HTTPS有効時の混在コンテンツ対応のため、テーマストアに投稿されたテーマ内の一部URLを書き換えました - はてなブログ開発ブログ はてなブログユーザーが投稿したテーマの場合、上記のみでは対応が不完全なことがあります。その場合はテー
Secure Sockets Layer - Wikipedia
TLSは特定のアプリケーション層プロトコルに依存しないため、HTTP以外にも多くのプロトコルにおいて採用され、クレジットカード情報や個人情報、その他の機密情報を通信する際の手段として活用されている。 既存のアプリケーション層プロトコルでTLSを利用する場合、大きく2つの適用方式が考えられる。まずひとつは、下位層（通常はTCP）の接続を確立したらすぐにTLSのネゴシエーションを開始し、TLS接続が確立してからアプリケーション層プロトコルの通信を開始する方式である。もうひとつは、まず既存のアプリケーション層プロトコルで通信を開始し、その中でTLSへの切り替えを指示する方式である。切り替えコマンドとしてSTARTTLSが広まっているため、この方式自体をSTARTTLSと呼ぶこともある。 前者はアプリケーション層のプロトコルをまったく変更しなくてすむことが利点である。その反面、平文で接続を開始する
Webブラウザで現在地情報を正しく取得できない場合の原因と対策
対象ソフトウェア／ハードウェア：Google Chrome 50以降、Opera 37以降、Safari 10以降、iOS 10以降を搭載のiPhone／iPad／iPod touch、Android OS搭載スマートフォン／タブレット、Windows PC、Mac 解説 スマートフォンやタブレットではGPSなどで現在地を検出できることを利用して、今や多くのWebサービスが現在地を活用した便利な機能を提供している。例えば、ユーザーが今いる場所から最も近い飲食店を案内したり、現在地の天気予報を自動的にお知らせしたり、といった具合だ。 ところが、2016年4月ごろからはGoogle Chrome（PC用を含む）で、また2016年9月ごろからはiOS（iPhone／iPad／iPod touch）上のブラウザやMacのSafariで、こうしたWebサービスにアクセスすると現在地の周辺地図が正しく
あらゆる統計データをサッカー観戦しながらリアルタイムで見られる「Squawka」
2016年6月10日から7月10日までの約1か月に渡って開催されている、ヨーロッパ最強のナショナルチームを決める戦い「UEFA EURO 2016」や、2016年8月5日から8月21日までの17日間に渡ってブラジル・リオデジャネイロで開催されるリオ・オリンピックなど、2016年の夏はサッカーのビッグイベントが目白押しです。もちろんただ観ているだけでも十分にエキサイトできるサッカーですが、観戦時に開いているだけでより多くの気づきを与えてくれそうな無料アプリが「Squawka」で、試合に関するあらゆる統計データをリアルタイムで表示してくれます。 The Squawka Football Appを App Store で https://itunes.apple.com/jp/app/id702770635 Squawka Football App - Google Play の Android
Big Sky :: Vim にchannel(ソケット通信機能)が付いた。
13年前、僕は vim-dev (Vim の開発グループ)に Vim からソケット通信が出来る関数群のパッチを書いて送りました。 Socket functions for vim. - Yahoo! Groups https://groups.yahoo.com/neo/groups/vimdev/conversations/topics/32576 その時は Bram (vimboss) に「Python や Perl インタフェースを使えるやないか、もしくは外部コマンドとか」と返されてしまいました。確かに言語拡張を使えば出来ますし、それに処理がブロッキングだったので実はそれほど有益では無かったかも知れません。 その後、このソケット通信のパッチは vimproc の一部に取り込まれ、シーケンシャルなソケット通信は出来る様になりました。しかし Vim には非同期インタフェースがありません。
いやー、家計簿アプリ業界、そのうち絶対にヒドい事件がおきると予想します | ツイナビ
いやー、家計簿アプリ業界、そのうち絶対にヒドい事件がおきると予想します — Yusuke OSUMI (@ozuma5119) 2015, 6月 30 Zaimの件、そもそも家計簿アプリごとき(と敢えて言う)に、銀行やクレカのログインパスワードを入れちゃう人があんなにたくさんいることの方がよっぽど問題だと思う https://t.co/pidZhtUbej pic.twitter.com/jpNw41MqK0 — Yusuke OSUMI (@ozuma5119) 2015, 6月 28 Zaimの「金融機関の連携」機能、新生銀行にいたっては暗証番号までナチュラルに入れさせようとしてくるので、控えめに言ってこのアプリは頭がおかしいと思う https://t.co/50guysHXIV pic.twitter.com/BQnIaUnfGo — Yusuke OSUMI (@ozuma5119
TensorFlowのTutrialの解説と機械学習の実験をした。 - のんびりしているエンジニアの日記
今日は様々な箇所で賑わっているTensorFlowを使ってみました。 皆さんこんにちは。 お元気でしょうか。朝弱いと結構困りますよね。 TensorFlowが盛り上がってたのでつい書いてみました。 TensorFlowとは http://tensorflow.org/ http://download.tensorflow.org/paper/whitepaper2015.pdf （詳細にライブラリのことを知りたい人はこちらのpdfへどうぞ） TensorFlowはGoogleが開発したデータフローグラフを使用した数値計算ライブラリです。 グラフの各ノードは数値計算のオペレータを示し、エッジはデータの配列を示す。 desktopやserverなどでのCPU,GPU演算をシンプルなAPIで実現することが可能です。 開発者は、GoogleのBrain Teamの研究者、エンジニアです。目的は、機
ブラウザゲーム開発で使えそうなゲームエンジンまとめ - Qiita
概要 ブラウザ上で実行可能なHTML5+JavaScriptなゲームエンジンがいろいろ出てますね。 どれが実際使いやすいのか分からず、とりあえず触ってみた感想をまとめてみました。 かなりざっくり（雑に…）触ってるので、モックを作ったものもあれば、 サンプル動かしただけのものなどが入り乱れてます。 こんなものでも参考になれば幸いです 要件 オープンソースであること おさえたい評価項目 学習コスト 実績 フォーラムの有無・活発さ 学習コストは導入から開発・運用まで含めて考えてます。 また、実績があればプロジェクトに導入しやすいということで、実績の有無を載せたいと思います。 フォーラムはわからないことがある時に聞ける環境が 公式で提供されていると安心するのでおさえておこうと思いました。 ※実際にフォーラムに書き込みしたものはCocos2d-jsのみです ※評価は◎・○・△・✕の4段階評価になって
好きなパーツを組み上げる世界初モジュラー型スマートウォッチ「BLOCKS」
必要なパーツを組み替えて自作できるGoogleのスマートフォン「Ara」のように、ベルト部分に必要な機能・センサーを搭載したモジュールを追加できる世界初のモジュラー型スマートウォッチ「BLOCKS」が登場しました。 BLOCKS | The World's First Modular Smartwatch http://www.chooseblocks.com/ これが世界初のモジュラー型スマートウォッチ「BLOCKS」。一見普通の腕時計のように見えますが…… バンドの1つ1つがスマートウォッチに機能を追加するパーツになっています。 取り付け方は、パーツを連結部分に接続して…… 普通の腕時計と同様に、棒を挿し込んで固定すればOK。 本体および文字盤部分となる「コア」は、BLOCKSを構成するメインのパーツとなり、コアだけで「スマートフォンの通知表示」「アクティビティトラッキング」「ボイスコ
遺伝的アルゴリズムでFX自動売買 その3 OandaAPIで実際に取引 - Qiita
前回の記事 pythonと遺伝的アルゴリズムで作るFX自動売買システム その1 遺伝的アルゴリズムでFX自動売買 その2 進化する売買AIの実装 今回作るモノ 自動売買システムを作ったときに使ったOandaAPIの紹介と、売買注文の発注機能について書いていこうと思います。 自動売買で使ったOandaAPI 5種類のAPIを使って構築しました。詳細はOandaのAPIDocument参照 OAuth2のTokenは、口座開いてログインするとWebで発行できます。 トークンはcurlコマンドHeaderのAuthorization: Bearer ********に設定します。 """ 01.アカウント情報API curl -H "Authorization: Bearer ********" https://api- fxtrade.oanda.com/v1/accounts/12345 "
WebRTCのICEについて知る
WebRTCのICEについて WebRTC Meetup Tokyo #8 で講演したスライドです。 口頭説明含めて確認したい方は、以下からご覧になれます。 https://youtu.be/6v4rvLiUCvM?t=47m17s その他誤記指摘等は、twitterの@iwashi86まで。
購読しているセキュリティ関連メーリングリスト情報 - Qiita
もはや恒例になっているような気もしますが、BIND9の脆弱性情報が出ましたね。各ディストリビューションではすでに修正済みパッケージが提供されていると思いますが、どうやって知るの？って聞かれたので、購読しているメーリングリストをまとめておくことにしました。RSSフィードでも良いんだけど、RSSフィード読み飛ばしがちなのでメーリングリストの方がおすすめです。 JPCERT/CCメーリングリスト https://www.jpcert.or.jp/announce.html (RSSフィードも提供) 毎週1回セキュリティ関連のトピックをまとめておくってくれる。 緊急性が高い場合は都度注意喚起が行われる。 貴重な日本語情報でしかも読みやすくまとまってて便利。 Ruby on Rails: Security Ruby on Railsのセキュリティ情報が流れてくる。 Railsを使っているなら入ってお
第9回 Plag** - UI/UXがイケてる！おすすめスマホアプリ - MdN Design Interactive
Amebaのクリエイティブディレクターが徹底考察！ UI/UXがイケてる！おすすめスマホアプリ 第9回 Plag** 2015年8月27日 TEXT：鈴木伸緒（株式会社サイバーエージェント） より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第9回目では、「Plag**」を取り上げる。 「Plag**」という名前は「伝染する・感染する」という意味の「Plague」からとっており、コンテンツの拡散性に特化したアプリとなっている。フォロー・フォロワーという概念を取り払った新種のSNSで、ヨーロッパを中心にサービス開始から6週間で10万ユーザーを突破して大きな話題となった。さっそく、その世界観を引き立てているUIやインタラクションを見ていこう。 Plag** iOS版 https://itun
【CSS】Googleが公開したUI/UXライブラリ「Material Design Lite」を試してみた | unitopi - ユニトピ -
Androidをはじめ、Googleサービスで導入されているMaterial Design（マテリアルデザイン）のUI/UXを簡単に使うことができるライブラリが公開されました。 配布元はGoogleで、Material Design Liteと呼ばれるライブラリです。 CSS font Javascript のライブラリです。 早速使い方と使用例を見て行きたいと思います。 ダウンロード Material Design Lite 上記URLからどうぞ。 DLが済んだら配置し、以下のように指定してあげます。 <link rel="stylesheet" href="./material.min.css"> <script src="./material.min.js"></script> <link rel="stylesheet" href="//fonts.googleapis.com/i
Webプラットフォームのセキュリティ
4. 事前学習を振り返る • HSTSを元に次のような問題点を考察した その技術では解決できない問題 端末時刻の改ざんによるHSTSの強制失効 その技術の導入により新たに生じる問題 HSTSを用いたユーザー追跡 (HSTS Supercookies) 実装の誤りに起因する問題 指定を誤るとHTTPS非対応のサブドメインがアクセス不能に 仕様上既定されていない振る舞い HSTSはWebSocket(ws:)にも適用されるのか？ CVE-2015-1244: Chrome でWebSocketにHSTSが適用されない HSTSはプライバシーモードにも引き継ぐのか？ またその逆は？ 7. 私の戦歴(参考) • 次のような仕様不備を脆弱性として指摘してきた ChromeのCSP違反レポートの送信先が<base>で制御できる https://crbug.com/431218 ChromeのHTML
SSL/TLSの基礎と最新動向
1. SSL/TLSの基礎と最新動向 セキュリティキャンプ 2015 2015年8月12日 IIJ 大津 繁樹 更新版資料の置場 http://goo.gl/cX1M17 Github Repo: https://goo.gl/vRLzrj 2. 自己紹介 • 大津 繁樹 • 株式会社 インターネットイニシアティブ • プロダクト本部 アプリケーション開発部サービス開発2課 • NodeJS Technical Committee メンバー • (主にTLS/CRYPTO/OpenSSLバインディングを担当） • IETF httpbis WG で HTTP/2相互接続試験等仕様策定に参画。 • ブログ： http://d.hatena.ne.jp/jovi0608/ 3. はじめに • TLS(Transport Layer Security)の仕組みについて学んでいただき ます。 •
5分でわかる正しい Web サイト常時 SSL 化のための基礎知識
Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな～ と思って書いてみた、恒例の （？） 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記