HTTP Live Streamingで動画を配信してみる | DevelopersIO
参考：動画配信プラットフォーム on AWS 2014.05.22 Amazon Data Service Japan 上図の中の HLSがHTTP Live Streamingです。 HTTPストリーミングの配信技術で、全てのプラットフォームに対応していると言えます。 (注1) QuickTime Player 10以上や、るMicrosoft Edge（Windows10）で再生可能です。InternetExplorerでは再生できません。 3 構成 HTTP Live Streamingの構成は、次の図で表現できます。 iPhoneなどのクライアントは、Webサーバに配置された動画ファイルにHTTP(HTTPS)でアクセスします（①）。 Webサーバ上の動画ファイルは、メディアセグメントファイル（.ts MPEG-2トランスポートストリームファイル)と、インデックスファイル（
JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScript」をどのような方法で学習されているでしょうか？ お手軽な方法としては…、 ・書籍やブログ記事を読む ・勉強会・セミナーへ参加する ・友人や先輩に直接聞く ・学習向けのWebサービスを利用する ・etc... などが一般的でしょうか。 今回は、上記のリストに加えて、もう１つ有効な方法である「海外の無料動画」についてご紹介しようと思います！ 「どうせ、英語だから…」と、つい敬遠しがちですが、海外ユーザーが作るプログラミング学習動画は、国内に比べて圧倒的に「質」が高いのが特徴です。 なかでも、特に解説が丁寧で理解しやすい動画だけを厳選しましたので、ぜひチェックしてみてください！ ■「JavaScript」の基本を徹底的に学ぶ！ まずは、JavaScriptを「どのように書いたら良いのか？」を丁寧に教えてくれる動画のご
WordPressでTwitter、Facebook、はてブなどのオリジナルソーシャルシェアボタンを実装するコード
やろうやろうと思いつつめんどくさいからいいやと放置していた記事直下SNSシェアボタンのオリジナルデザイン化。 Twitterの仕様変更でシェア数が吐き出されなくなり、これまでの公式ボタンではサイズが揃わないし、いい加減実装するか！と一念発起して対応してみました。 準備 まずは準備としてWordPressプラグインのSNS Count Cacheをインストール。これはSNSのCountをCacheしてくれるものです。すごいですね。 まぁつまりFacebookとかはてブのシェア数を数えてくれるやーつです。なんかそのうちTwitterも対応してくれないかしら。 追記：Twitterのツイート数の表示も実装いたしました。 記事数によって時間は違いますが各記事のシェア数がキャッシュされていきます。ほんだら次の作業、いよいよ記事直下のシェアボタンを実装しましょう（別にキャッシュしてる途中に作業してもO
プログラマ向けニュースキュレーションサービスを作ってみた話 - Qiita
はじめに 2015年度新卒でドワンゴに入社しました@ytanakaといいます。普段はAndroidアプリ開発を主に担当していますが、大学院時代は増井俊之先生のもとでユーザインタフェースと情報推薦システムの研究をしていました。 ドワンゴに入社後、それまでの研究を活かしプログラマ向けのニュースキュレーションサービスMenthas(メンタス)を個人開発しました。今回はせっかくの機会なので、開発の経緯と概要そして仕組みについて述べたいと思います。 追記： 続編を書きました こちらの記事は以前のバージョンの内容になります。現行のMenthasの仕組み・構成は以下にまとめています。 約3年かけてプログラマ向けニュース推薦アプリを作り直した話 背景 さて、この記事をご覧になっているのはプログラマの方が多いと思いますが皆さん普段どうやって情報収集をしていますか？ 自分の見聞きする限りではTwitterやは
GitHub、Gitで画像や動画など大容量ファイルを扱える「Git LFS」（Git Large File Storage）正式リリース
GitHub、Gitで画像や動画など大容量ファイルを扱える「Git LFS」（Git Large File Storage）正式リリース GitHubは10月1日（日本時間10月2日早朝）、サンフランシスコで同社初の大型プライベートイベント「GitHub Universe」を開催しています。 その基調講演にて同社CEOのChris Wanstrath氏は、画像や動画、音声といった大容量のファイルをGitワークフローで扱えるGitエクステンション「Git LFS」（Git Large File Storage）の正式提供を発表しました。 Gitはそもそもテキストファイルのコードを扱うことを前提にして差分や圧縮などの操作を行うように作られているため、デザイナやクリエイタなどが扱う画像や動画のような大容量ファイルの扱いは苦手でした。 Git LFSはGitの中に大容量ファイルへのテキストポインタ
【サービス】個人Web製作者にとっての最強構成「RubyOnRails+ConoHa+オブジェクトストレージ」で手描き文字の投稿サイト「手描き」を2日で作る過程をメモってみた - とうふや開発日誌
2015-06-28 【サービス】個人Web製作者にとっての最強構成「RubyOnRails+ConoHa+オブジェクトストレージ」で手描き文字の投稿サイト「手描き」を2日で作る過程をメモってみた ConoHa Nginx Rails 手描き 自作アプリ オブジェクトストレージ 個人Webサービス運営者向け 「手書き文字ってワクワクしませんか？」 ということで、作りました「手書き文字専用の投稿サイト」名前は安直に「手描き」にしましたが、今思うともうちょっとかっこいい名前に出来たかもしれませんね せっかくなのでそのログを残しておこうと思います <a href="http://tegaki.net/" data-mce-href="http://tegaki.net/">手描き</a>tegaki.net 作成までの流れ 「手描き文字ってなんかワクワクしませんか？」 好きなんです。手描き文字
二次元画像を拡大したいと思ったことはありませんか？ - デー
うまくできましたか？ ボヤけたり、ギザギザになったりしませんでしたか？ waifu2xをお試しください。 (ブラウザの処理に影響されないようクリックで拡大おねがいします) waifu2xは、二次元画像を2倍に拡大するソフトウェアです。多くの二次元画像についてスゴイ級のクオリティで拡大できます。 waifu2xは、最新鋭の人工知能技術 Deep Convolutional Neural Networks を使って開発されました。 waifu2xの人工知能は、次の問に答えます。 いまから与える画像はある画像を半分に縮小したものである。縮小される前の画像を求めよ。 画像を拡大するのではなく、縮小される前の状態に戻します。 縮小されてないオリジナル画像を与えた場合も、やはり縮小される前の画像を答えます。 その画像は本来存在しないものですが、waifu2xはそれを想像で創ります。 二次元画像のJPE
Rails アプリのインフラを AWS から heroku に移行した話 - sakagami memo
先日、自分の携わっている Rails アプリのインフラを AWS から heroku に移行しました。 移行時にハマった点や、その後 使い始めてみて便利だった点を列挙。 移行した主な理由としては、開発が少人数体制のためインフラは気にせずコードを書くことにのみ集中して、限られたリソースを有効活用させるため。 また、移行するにあたり以下のスライドも参考になりました。 Wantedlyを2年間Herokuで運用した話 from Yoshinori Kawasaki 移行時の手順・ハマったところ 基本的な手順 基本的な手順は簡単。 Heroku Toolbelt をインストールして、 heroku login でログイン、 heroku create で heroku 上に新しいアプリケーションを作成した後、 git push heroku master で デプロイ。 heroku open
SEO分析ツール「Ahrefs」の被リンク調査能力がスゴい
Ahrefsとは Ahrefsとは、シンガポールとウクライナの企業が運営するSEO分析ツールです。 現在、4ヶ国語に対応しており、完全ではないものの日本語にも対応しています。 Ahrefsは、世界中の数兆にも及ぶサイト情報を保有しており、またそのデータを2週間ごとに全て更新しているそうです。その圧倒的なデータ力で、他のSEO分析ツールでは行えないような、細かな被リンク分析を行うことができます。 また、その豊富なデータに裏付けされた、独自のAhrefs「ドメインランク」と、「URLランク」というランク値（100点満点）を公開しています。Mozでいうところの、「ドメインオーソリティー」と「ページオーソリティー」みたいなものです。 使ってみる Ahrefsを使うといっても、簡単で、調査対象のURL（ドメイン）を入力して、「SEARCH LINKS」ボタンを押すだけです。 初めて利用する場合は、1
考察：DeNAが10億円と70名体制を投じてまで挑んだcomm撤退から学ぶこと
お金の使い方、ほんと難しい。無料通話アプリのcommが終了だそうです。 本記事は、2015年2月28日公開の記事です。 ＞＞comm（コム）/2015年4月21日(火) 15:00をもちまして本サービスを終了 ＞＞魚拓：(cache) comm（コム）/もっとつながる、高音質な無料通話アプリ LINEのベッキーTVCMに対抗して、女優の吉高由里子さんを起用したことは、まだ記憶に新しいですが、じつはすでに縮小も報じられてたのですね。 ということで、いろいろとまとめてみました。 関連記事 ・キュレーション終了のお知らせ、著作権侵害は非親告罪化で調整 ・DeNA新キュレーションのライター25人の引用状況をチェックした ・（追記あり）DeNAとサイバー、次の一手は団体創設？ ・サイバーのキュレーションメディアからひっそりと拡散協力者募集バナーが消えていた件 無料通話アプリcommの歴史 2012年
コマンド１発で、ターミナル上の全操作を録画してブログに埋め込める「asciinema」
ターミナル上で行っている「コマンド操作」のすべてを、簡単なコマンドを入力するだけでバックグラウンドで録画してくれる「asciinema」を紹介！ ターミナルだけで完結できる点や、動作が非常に軽快なのが魅力的だったのでサクッと概要を解説しておきます。 使い方！まず、以下のコマンドから本体のソースをインストールします。 $ curl -sL https://asciinema.org/install | sh あとは、録画コマンドを入力すれば、すぐに記録が始まります。 $ asciinema rec ~ Asciicast recording started. ~ Hit Ctrl-D or type "exit" to finish. 作業が終わったら、録画終了コマンドを入力すればOK！ $ exit ~ Asciicast recording finished. ~ Press <Ente
Room でミーティングルームから開放されよう - Qiita
と書くだけでいきなりビデオミーティングの部屋が出来てそのままブラウザで F2F ミーティングができるすごいやつです。今朝、 Room の CEO とまさに Room を使ってユーザーインタビューに答えたんですが、英語が苦手なせいでどれだけ Room が素晴らしいと思っているかを伝えきれなかったので、日本語圏の人に宣伝することで貢献しようと思います。 表情を見て話そう 英語が苦手な僕と日本語がわからない Room の中の人とでは、コミュニケーションが困難です。僕が『表情ってえーと英語でなんて言うんだっけ……』とか言ってても彼には僕が言葉に詰まっていることしか伝わりません。が、言葉に詰まっていることはちゃんと伝わります。 テキストベースのコミュニケーションは、明瞭で、高速で、多くの場合口頭での会話より吟味された言葉が交わされます。僕はこの点でチャットやブログ、Twitter などのテキストベー
正規表現を解析して可視化してくれるサイトが凄すぎる件
ある正規表現に対して、特定の文字列がマッチするかどうかをチェックするツールやサイトは沢山ありますが、正規表現そのものが何を意味しているのか、どんな文字列を期待しているのかを解析・解読・説明してくれるツールやサイトってなかなか見ない気がします。 他人の書いた正規表現を見て、「ん？」ってなったことはありませんか？ 例えばこれ。 1 ^[a-zA-Z0-9-_.]@([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,4}$ これくらいなら分かりますが、複雑になってくるとつらい… いつかはマスターしたいけど…今は楽したい。 そう思ってググってみると…ありました！ それがこちら。 Regexper http://www.regexper.com/ 正規表現を入力して Display をクリックすると、その正規表現が表す内容を図にして表示してくれます。 例えば先程の正規表現は、当記事の一番上の
MacのBootCampはVMware Fusion・Parallelsと比較し、パフォーマンスはどれだけ違うのか？
BootCamp（ブートキャンプ）とは？ BootCampはAppleから提供されているMacの特別機能です。ざっくり言うと、BootCampを使うことによりMacはWindowsを動かすことができるようになります。 ただ、仮想化ソフトとは違い、MacのHDDの中身を２分割しWindowsをインストールします。OS X上で動かすのではなく、Macを「Windows専用機として切り替える」ことができる機能です。 下記の図をご覧ください。 わかりますでしょうか？Windowsが入っている状態が微妙に違います。 大きな違いはWindows、OS Xが同時に使用できるか、できないかの違いになります。 BootCampは同時使用できません。 仮想化ソフトは同時使用できます。 今回のテストではBootCampを使いますので、MacとWindowsは同時には動かせないことになります。 Mac用のWind
イラストをアップするだけで“理想の服”ができる──誰でもアパレルブランド作れる「STARted」
服飾の専門知識がなくても、イラストをアップロードするだけでイメージ通りの服を生産・販売でき、“1人ファッションブランド”を立ち上げられるというWebサービス「STARted」が話題を集めている。現在クローズドテスト中で、今年夏に正式サービスを開始する予定だ。 カットソー、シャツ、ワンピース、ドレス、バッグ類、ペット用の服などを作ることができる。イラストアップから1カ月程度でサンプルが仕上がり、修正を反映後、さらに1～1.5カ月で製品化される。同サイト上にブランドページが立ち上がり、販売もできるようだ。 プランは3万円程度から用意する予定。料金内で、シンプルなものなら5～30着程度を生産できるという。売り上げの50％が支払われ、完売した場合には10万円プランなら11～13万円を受け取ることができるとしている。 サイトでは、実際にイラストから服を作る過程が公開されている。「セットアップ風に見え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてブAPIでwebサービスを作りたい全ての人に向けて書きました
【総まとめ】2015年に話題になったイケてるWebサービス・アプリ27選 | creive【クリーブ】
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://yuma-z.com/blog/2014/04/ambient_sound/