WebPushについて私なりに理解したことを最大限簡単に書いてみます。 WebPushとは ブラウザに対してサーバからプッシュ通知ができる技術です。 他のウェブページを見ていても通知が来ます。ブラウザによっては、ブラウザを立ち上げなくても通知が来ます。 専用アプリは不要です。ウェブページ(html, jsp...)とjsだけでプッシュ通知できます。 通知がたくさん来ると、ユーザに迷惑でしょうが、うまく使えば色々な使い方ができそうですね。 プッシュ通知の流れ プッシュ通知は以下の流れで動作します。 標準のWebPush APIを利用すると仮定します。 AP ServerはApplication ServerでTomcatなどのコンテナーを表します。 ユーザ > Browser ユーザがBrowserでウェブページにアクセスします。 Browserからプッシュ通知を許可するかどうかの選択を求め
初めまして! PFN でアルバイトをさせてもらっている芝慎太朗です。普段は東京大学大学院で行動神経科学の研究をしています。僕が去年取り組んでいた、「車が自ら駐車場に向かい停止する」自動駐車プロジェクトについて報告します。まずはこちらのアニメーションをご覧ください。(アニメーションがうまく再生されない場合は画像をクリックしてください) We implemented self-driving car that parks itself using deep reinforcement learning. The English slide is available at SlideShare! 背景 深層強化学習は、2015年から非常に注目され始めた人工知能技術であり、深層学習と強化学習を組み合わせたものです。深層強化学習によって、それまでできなかったような複雑なタスクにおいてもコンピューター
「パブリッククラウドサービスに既存システムをそのまま移行してコストが大きく下がるのは、オンプレミス(自社所有)環境のインフラに無駄があるケース。コスト削減に努めてきたなら、クラウド移行の目的には含めないほうがいい」。 Amazon Web Services(AWS)やMicrosoft Azureなどのクラウドの導入支援を行うコンサルタントから聞いた言葉だ。1人ではない。過去に取材した複数のコンサルタントに、そう指摘された。 クラウド移行でコスト削減を期待するユーザー企業は多いだろう。しかし実際には、クラウドを導入したユーザー企業の多くはコスト削減を目的としていない。総務省が2015年末に実施した「通信利用動向調査」では、クラウドサービスを利用している理由として「既存システムよりもコストが安いから」を挙げた割合は22.7%で全体の7位にとどまる。1位の「資産、保守体制を社内に持つ必要がない
サイバー犯罪で使われる技術を探るべく、前回は「ダークWeb」に潜入した。ダークWebは攻撃側ももちろん、防御側も使っていると分かった。 攻撃側にも防御側にも存在するハッカー。ハッカーとはどんな人物なのか――。 「最初は純粋な好奇心からセキュリティ技術を学び始める。脆弱性を見つけると、自分が最初に見つけたんだと誰かに伝えたい自己顕示欲がある」。企業のシステムを疑似攻撃して脆弱性を発見・修正するサービスを提供するスプラウトの高野聖玄代社長は、ハッカーの人物像をこう語る。 こうした人物像は、「技術を社会に役立てる『ホワイトハットハッカー』も、技術を悪いことに使う『ブラックハットハッカー』も、基本的には変わらないのではないか」(高野社長)という。 同社はホワイトハットハッカーに脆弱性の調査を依頼し、成果に報奨金を支払う「バグ報奨金制度」を、企業が実施しやすくする「BugBounty.jp」を運営す
Google『お ま た せ』 ついに来ました。以前Ledgeでも紹介し、リリース予告だけで業界を激震させたABテストツール『Google Optimize』無償版公開です。(ベータ版だけど誰でも使える) とりあえずLedge編集部でソッコー触ってみたので、以下「何ができるのか?」と「どう活用するのか?」のまとめとなります。 できない事って逆に何?至れり尽くせりな無償開放 まずは気になる「何ができるんだっけ?」てとこですが、なんと『有料版とほぼ遜色なし』て感じでした。つまり、以前の記事でお知らせした以下の機能がほぼフル装備状態での無償開放になったようなんです。 ※作れるエクスペリエンス数に制限はあるけれど とりあえずできることリストGoogle Analyticsタグにちょっと加工してURL指定すればOK表示された画面をドラッグ&ドロップ、直接コード編集でいじってテスト作成変更履歴は全部残
こんにちは。Supership デザイナーのハガです。今回はcssのお話です。 皆さんはcssで、あるデザインを実現しようとした時、あれってどうやるんだっけ?みたいな経験をしたことはありませんか?自分はよくあります。そんな時コピペするだけでokみたいなcssスニペット集があると嬉しいと思い、主に自分のためのメモ的な意味を多分に含みつつご紹介していきたいと思います。(今回紹介しているcss達は主にスマホのためのモダンなブラウザを対象としているため、ieのようなレガシーな感じはごめんなさい。) 10個のcssテクニックコアとなる部分はboldで表現しています。細字の部分はお好きに調整してください。 1.カルーセル<ul class="carousel"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>
vue-loaderのドキュメントを和訳しました。 http://vue-loader.vuejs.org/ja/ 途中いろいろあって遅くなってしまいましたがなんとかマージして貰うことが出来ました。まだちょこっと指摘事項は残っているので追って対応していければと思います。 思えば去年の12月に挙手をして取りかかって3ヶ月弱かかってマージされたことになります。さっさとやれよって言うね・・・。 まごまごしている間にドキュメントが変わってそれを反映しないといけなかったりと、本家に追随しつつ作業するという体験をすることができました。とはいえ初めてまともにOSSにコントリビュートできた感じです。このあいだ行った大江戸Ruby会議で @JuanitoFatas さんが発表していた資料で言うところのContributorにはなれたかなと思いました。ここからComitterになれるように頑張っていきたいとこ
ここ1, 2年で、カードのコンポーネントを採用しているWebサイトは非常に増えました。レスポンシブとも相性がよく、情報を分かりやすく整理でき、テキストや画像だけでなく、動画などのマルチメディアも要素として配置することができます。 プロのデザイナーが実践している、カードをデザインする時のポイントを紹介します。 Design Better Cards by Andrew Coyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 カードのコンポーネントとは カードの形 カードの構成要素 カードをデザインする時の5つのポイント カードをデザインする時に参考になるリソース カードのコンポーネントとは カードは、より詳細な情報への入り口として機能するユーザーインターフェイスのコンポーネントです。さまざまな情報を管理することができ、ユーザー
OpenEMRは電子カルテと医療業務の管理システムを構築出来るオープンソースのソフトウェアです。PHP製みたいですね。患者データの登録、電子カルテの管理、患者毎のスケジューラー、処方箋管理、医療費管理等が可能で多言語対応となっています。日本語もあるみたい。国によって医療関係は大きく事情が異なります。医療費も負担金が変わるし処方箋もかなり細かい規定があるのでその辺まで多言語に対応、とはいきませんが、システムのベースにはなってくれるかもしれませんね。 余談になりますが当方の実家は調剤薬局経営で自分も前職は柔道整復師っていう資格で医療の現場にいたのでこの辺の情報はデリケートに扱う必要があるのは十分理解しています。なので実際に現場で利用してない当方が手放しにオススメする訳にはいきませんが、それでも電子カルテのOSSはやはり良いものだと思うのでご紹介させてもらいました。ライセンスはGPLです。 Op
クレジットカード決済の実装 、一番いいのは Amazon Payment Paypal みたいに完全に外部のサービスとして構築されていてそこにリダイレクトして処理が行われるものを使うことだろう。 ただ Amazon アカウントもってないだとか Paypal アカウント持ってないだとかいう人は結構多いし、 B2B 系だとさらにいろいろ面倒は増すと思う。国内だと GMO ペイメントがアカウントなしで GMO 側のドメインで決済できるものを提供していたと思うが使ったことないのでよく知らない。こういうタイプは最も望ましい、と思う。 まあ他にもそういうリンク型みたいのいろいろあるだろ。専門じゃないからよく知らん。 非通過型決済とでもいうのか、クライアントサイドで決済を行なって決済事業者としかクレカ情報をやり取りしないタイプの決済サービスが最近は出てきている。 Stripe がそういうのだと代表的なの
ピクシブで働く人の姿や、どんな技術を使ってプロダクトを生み出しているのかがみえる。そんなイベント「pixiv Night #02」が、2017年3月14日に代々木のピクシブオフィスにて開催されました。 テーマは「画像処理」ということで、イラスト1枚からグッズを作成できるサービス「pixivFACTORY」の開発チームに所属するhayaが、同サービスの画像処理システムについて、具体的な実装方法を語りました。その内容をお届けします。 買う前に実物を目にしたような体験をさせたい 物を買う時、実物をみたいと思いませんか? たとえば、オリジナルマグカップを作りたいと考えた場合、イラストを描いて画像ファイルを入稿すれば、イラスト入りマグカップは製造できます。しかし、お金を払って手に入れるものなのですから、どういう見た目になるのかを事前に確認できないと不安になりますよね。 では、イラストが入った状態のグ
Ubuntuに限らずLinuxでの強制終了については、下記ページを参照してもらえると大概の用事は済む。 どのディストリビューションでも一緒なので下記を確認していただくのも良いだろう。より詳細情報をまとめている。 このページではUbuntuがフリーズしたときの対処方と強制終了の方法を2つピックアップする。 GUIがフリーズしてもシステムは生きている可能性がある X Window Systemのフリーズ 入門者がUbuntuを使用している場合、「X Window System」が起動していることが多いはずだ。要は黒いコマンドしか打てない画面ではなく、デスクトップ画面だ。 「X Window Systemがフリーズする」ことは時々ある。そういう時は落ち着いてまずコンソールへ移動しよう。 killコマンド 「Control+Alt+F2~F4」あたりを押してみてほしい、コンソールでのログイン画面へ
Webサービスを作る上で必ずと言っていいほどお世話になっていたjQuery。 今回、スマートフォン向けサ−ビスを作る上で、jQueryはちょっと重たいかなってことで、Minified.jsというライブラリを使ってみた。 Minified.jsは今年の7月にβ版がリリースされたばかりのjQuery互換のライブラリ。 jQuery互換の軽量ライブラリは他にもZepto.jsもあるが、Minified.jsは最軽量で容量は4KB。(jQuery 2.0.3は29KB、Zepto.js 1.0は9.7KB。いずれもgzip圧縮後。) しかも、Zepto.jsよりもバグが少ない(らしい)。 使い方は、公式サイトからダウンロードして読み込み、 var MINI = require('minified'); var $ = MINI.$, $$ = MINI.$$, EE = MINI.EE; って書い
どうもこんにちは、今日は便利な Chrome 拡張のご紹介です。 これは GitHub 上の issue link (#666 とかっていうやつ)を情報量の多い、見やすいバッジに変換してくれる拡張です。 親イシューにいくつかイシューをまとめて管理したいときに、イシューの状態(open/close や assignee )が一目でわかってとても便利。 Chrome 拡張の permission の関係で GitHub 用と GitHub Enterprise 用の二つをご用意しております GitHub Issue Badges - Chrome ウェブストア permission が https://github.com のみ GitHub Issue Badges (for Enterprise) - Chrome ウェブストア permission が https://*/* になってい
SQLiteでは、ISO SQL標準同様に、文字列リテラルはシングルクォートで囲み、識別子をクォートする場合は、ダブルクォートで囲むことになっています。 'foo' : 文字列リテラル "foo" : 識別子(テーブル名、列名等) しかし、マニュアルによると、SQLiteのクォーティングには例外があります。それを実例で紹介しましょぅ。まずは、実験の準備として、列 a だけを持つテーブル a を作成します。 $ sqlite3 test.db sqlite> CREATE TABLE a(a integer); sqlite> INSERT INTO a VALUES(1); sqlite> SELECT * FROM a; 1 sqlite> 続いて、以下を実行します。実行結果はどうなるでしょうか? sqlite> SELECT 'a', "a", [a], `a`, "aa" FROM
ジョブの設定をJenkinsfileで管理し始めてから3か月ぐらい経ったので、知見をまとめてみます。 Jenkinsfileを使うメリット Jenkinsの画面でジョブを管理していると以下のような問題が起きることが多いと思います。 誰かが勝手にJenkinsの設定を変更して動かなくなった ジョブ設定を別リポジトリに横展開したいけど、ポチポチ設定するのが面倒 JenkinsfileをGitで管理することで、以下のメリットがあります。 いつ、誰が、なぜジョブ設定を変更したのか後から調べられる Pull Requestでジョブ設定の変更をレビューできる ブランチを使ってジョブ設定を試行錯誤しやすい Jenkinsの運用ポリシー 前項のメリットを実現するには、Jenkinsを以下のポリシーで運用することが望ましいでしょう。 Jenkinsの設定は最小限に抑える なるべく画面からジョブ設定を変更せず
あなたは機械学習のプロジェクトを毎回違う構成で作っていませんか? 何をどこに配置するかで悩んで時間がかかっていませんか? そんな方に朗報です。 機械学習のプロジェクトはコマンド一発で作れます。 以下のようなプロジェクトを数秒で作れます。 ディレクトリ構造 ├── LICENSE ├── Makefile <- Makefile with commands like `make data` or `make train` ├── README.md <- The top-level README for developers using this project. ├── data │ ├── external <- Data from third party sources. │ ├── interim <- Intermediate data that has been transfor
アプリで行う作業を自動化する「Workflow」がAppleに買収され、App Storeでアプリが無料で提供されることになりました。ということで、Workflowを使って面倒な作業を自動化してみました。 Workflow: Powerful Automation Made Simple on the App Store https://itunes.apple.com/us/app/workflow-powerful-automation-made-simple/id915249334 ◆アプリのインストール 上記リンクからApp Storeの「Workflow」ページを開いて、「入手」をタップ。 「インストール」をタップ。 「開く」をタップして、アプリを起動させます。 初回起動時にはチュートリアルが始まるので、「→」アイコンをタップして読み進めればOK。 途中で好みのワークフロー(いわ
先日、私の古巣である株式会社オハコからスピンオフしたオハコプロダクツ社から、UIデザインツール「 STUDIO」のクローズドβ版がリリースされました。 国産のUIデザインツールといえばグッドパッチ社が提供するProttなどが有名ですが、β版を触ってみた感想と合わせて STUDIOの何がすごいのか?従来のUIデザインツールとは何が違うのか?ということを紹介してみたいと思います。 目次 これはプロトタイピングツールではない 特筆すべきはシームレスな操作感 全員がMVPまで作れる時代 まとめ これはプロトタイピングツールではない まず、最初にSTUDIOを「UIプロトタイピングツール」ではなく「UIデザインツール」と記載したのには訳があります。近年はプロトタイピングの重要性が多方面で説かれているのに呼応するように、冒頭で紹介したProttをはじめ国内外からたくさんのプロトタイピングツールが登場し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く