video.js で m3u8 形式の動画ファイルをブラウザで再生する - Hack Your Design!
video.jsを使ってm3u8形式の動画ファイルをSafari以外のブラウザでも再生する方法を紹介します。デモページは下のボタンから。 Demo 動作環境 下記環境で（現時点の最新版での）動作を確認しています。 Chrome Safari Opera Safari ※要Flash 使うJSライブラリ videojs/video.js 基本素材。動画ファイルを様々なブラウザで再生できるようにする。 videojs/videojs-contrib-media-sources videoタグに動画ソースを流し込めるようにするvideo.jsプラグイン。 W3Cのドラフト仕様Media Source Extensionsが元のよう。 videojs/videojs-contrib-hls HLS(m3u8)形式の動画ファイルを再生可能にするvideo.jsプラグイン。 HLSに対応していないブラ
Amazon OpsWorksでRailsアプリを簡単Chefプロビジョニング - Hack Your Design!
OpsWorksとは？ 料金 RailsをOpsWorksにデプロイしてみよう デプロイ手順 スタックの追加 レイヤーの定義 レシピ インスタンスの追加 Appの設定 幾つかのハマりポイント Gemfile database.yml CSSが適応されていない問題 デプロイ・ディレクトリ ログ・ディレクトリ まとめ さいごに 参考 本記事はChef Advent Calendar 2014の21日目の記事です。 OpsWorksとは？ 公式サイトの説明は下記です。 設定管理サービスである AWS OpsWorks を使用すると、ユーザーは Chef を使用して、あらゆる種類およびサイズのアプリケーションを簡単に設定および運用できます。パッケージのインストール、ソフトウェア設定およびストレージなどのリソースを含む、各コンポーネントのアプリケーションのアーキテクチャおよび仕様を定義できます。 A
Rubyの %（パーセント） を使った記法まとめ
目次 まとめ文字列表現系 %, %Q%q配列表現系 %w%W%i%Iコマンド実行 %xシンボル %s正規表現 %r参考Rubyで使われる%（パーセント）を使った記法を、よく忘れるのでメモがてらまとめてみます。 まとめ%記法%を使わない場合の書き方
jQueryでページ最下部のスクロール時のイベントをキャッチする
ユースケースとしては、Twitterのタイムライン表示ページのように最下部までスクロールしたら、そのイベントをキャッチして次ページのツイートをAutoloadして表示させたい！みたいなとき。 $(window).on("scroll", function() { var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); if ((scrollHeight - scrollPosition) / scrollHeight === 0) { // when scroll to bottom of the page } }); 上コードでは、ウインドウのスクロール時にスクロール位置が今どれだけなのかを差分を見て計算してる。それが0以下になったら
githubにgit pushした変更の取り消し
「間違ったコミットをリモートにpushしちゃった！取り消したい！」ってときの操作。上イメージのようにgithubに誤ったpushをした場合を想定して解説してみます。 下記コマンド打つ。 HEAD~2は「直前の２つのコミットを修正対象とする」という意味になります。３つ前のコミットを取り消したい場合はHEAD~3としてください。するとこんな画面が出てくる。 取り消したいコミットを削除して保存します。この場合、２行目のコミットが誤りなので２行目を削除して保存します。うまくいくとこんなメッセージ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
