はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ブラウザプッシュ通知が流行りだした Webプッシュ、ブラウザプッシュなどと呼ばれる機能はブラウザのPush APIを使い実装され、現在ChromeとFirefoxで使えるようになっています。 毎週のように新たなブラウザプッシュが送れるサービスが登場していますが、基本的には一律ですべてのユーザーに送信するものが多いように感じます。 その中でもFaceBookはユーザー個別にネイティブアプリと同様の内容でブラウザにプッシュ通知を送っています。 ユーザー個別で通知内容をカスタマイズしたいのと、 その辺のサービスを使ってロックインされると困るので、FaceBookのコードを参考にしつつ自分で実装してみました。 ChromeとFirefoxで微妙にPushの送り方が違うので、今回はGCM（Google Cloud Messaging）用の解説です。 Pushを送ってみるとこんな感じ Service

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

だんだんhttps://でのアクセスがスタンダードになってきました。 SEOで有利だったり、iOS9で通信できなくなっていたり、サービスワーカーが使えなかったりでもうやらなきゃいけない雰囲気・・・ そんなわけで先日https化の対応しました はじめは証明書入れてリダイレクトかけるだけだろ、 って思っていたのですがいろいろと面倒だったのでまとめました。 httpからhttpsにハードコーディングされていた部分を変える RSSとかOGPとか内部リンクとかもろもろ httpからhttpsにリダイレクトさせる 恒久的な移転となるので302ではなく301リダイレクトさせましょう。 読み込みリソースをすべてhttpsに変更する CDN、WebFont、画像、API、計測のJS、広告などなどたくさんのリソースを今のWebサイトは読み込んでいます。 外部から読み込んでいるリソースも例外ではないので、htt

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

FuelPHPでcronから定期実行をするにはTaskをつかうと良いみたい こんな感じで/fuel/app/tasksの中にTaskファイルを作成 useで使うクラスを読み込めばControllerと同じようにDBへの接続ができます。 <?php namespace Fuel\Tasks; use Fuel\Core\Cli; use Fuel\Core\DB; use Fuel\Core\DBUtil; use Curl\CurlUtil; class Test { public function run() { echo "実行する処理"; } public function get_user($name = "nanashi_san") { echo DB::select('*')->from('users')->where('name', $name) } } ?>

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

今回、ゲーム攻略コミュニティ『GAMY』というサービスでRiot.jsを採用しました。 知る限りでRiot.jsで実装されたサイトの中でも最大規模のサービスだと思います。 これまではjQueryとjQueryプラグインを使っていましたが、デザインのリニューアルを機に、全部書き換えることにしました。 ドキュメントも兼ねてアウトプットしていきます。 ##Riot.jsとは Riot.jsは今流行りのReact.jsに似た仕組みを持っている、それで非常に軽量なJavaScriptライブラリーです。 最近GitHubのリポジトリが**/muut/riotjsから/riot/riot**にお引っ越しして、これからがより注目なライブラリーです。 詳しくはこちら↓ Riot公式 Riot.js 2.0 情報まとめ GitHub ##捨てることを前提としたライブラリー選定 最初は今ブームの２大フレームワー

サンプル autoplay=1とすることで自動再生は実現できます。しかし、この方法では読み込んだ瞬間に再生されます。 さらにミュートの状態がキャッシュされるので、一度ミュートを解除すると勝手に音声が流れてしまいます。 今回はこれでは不適切な実装となってしまいます。 ##『YouTube IFrame API』で再生プレイヤーを制御する YouTube IFrame APIを埋め込んだ動画の制御ができます。 操作は簡単でYouTubeのapi用jsが読み込まれると定義したonYouTubeIframeAPIReady関数が実行されます。 そこで作った動画プレイヤーでplayVideoとpauseVideoの実行、これとブラウザのスクロールイベントと合わせて、画面内に入ったら自動再生・画面外で停止の制御を実装していきます。 <div id="player"></div> <script> va

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?