参考：動画配信プラットフォーム 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トランスポートストリームファイル)と、インデックスファイル（

どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScript」をどのような方法で学習されているでしょうか？ お手軽な方法としては…、 ・書籍やブログ記事を読む ・勉強会・セミナーへ参加する ・友人や先輩に直接聞く ・学習向けのWebサービスを利用する ・etc... などが一般的でしょうか。 今回は、上記のリストに加えて、もう１つ有効な方法である「海外の無料動画」についてご紹介しようと思います！ 「どうせ、英語だから…」と、つい敬遠しがちですが、海外ユーザーが作るプログラミング学習動画は、国内に比べて圧倒的に「質」が高いのが特徴です。 なかでも、特に解説が丁寧で理解しやすい動画だけを厳選しましたので、ぜひチェックしてみてください！ ■「JavaScript」の基本を徹底的に学ぶ！ まずは、JavaScriptを「どのように書いたら良いのか？」を丁寧に教えてくれる動画のご

やろうやろうと思いつつめんどくさいからいいやと放置していた記事直下SNSシェアボタンのオリジナルデザイン化。 Twitterの仕様変更でシェア数が吐き出されなくなり、これまでの公式ボタンではサイズが揃わないし、いい加減実装するか！と一念発起して対応してみました。 準備 まずは準備としてWordPressプラグインのSNS Count Cacheをインストール。これはSNSのCountをCacheしてくれるものです。すごいですね。 まぁつまりFacebookとかはてブのシェア数を数えてくれるやーつです。なんかそのうちTwitterも対応してくれないかしら。 追記：Twitterのツイート数の表示も実装いたしました。 記事数によって時間は違いますが各記事のシェア数がキャッシュされていきます。ほんだら次の作業、いよいよ記事直下のシェアボタンを実装しましょう（別にキャッシュしてる途中に作業してもO

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2015年度新卒でドワンゴに入社しました@ytanakaといいます。普段はAndroidアプリ開発を主に担当していますが、大学院時代は増井俊之先生のもとでユーザインタフェースと情報推薦システムの研究をしていました。 ドワンゴに入社後、それまでの研究を活かしプログラマ向けのニュースキュレーションサービスMenthas(メンタス)を個人開発しました。今回はせっかくの機会なので、開発の経緯と概要そして仕組みについて述べたいと思います。 追記： 続編を書きました こちらの記事は以前のバージョンの内容になります。現行のMenthasの仕

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

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の中に大容量ファイルへのテキストポインタ

2024 著作権. 不許複製 プライバシーポリシー

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 に移行しました。 移行時にハマった点や、その後 使い始めてみて便利だった点を列挙。 移行した主な理由としては、開発が少人数体制のためインフラは気にせずコードを書くことにのみ集中して、限られたリソースを有効活用させるため。 また、移行するにあたり以下のスライドも参考になりました。 Wantedlyを2年間Herokuで運用した話 from Yoshinori Kawasaki 移行時の手順・ハマったところ 基本的な手順 基本的な手順は簡単。 Heroku Toolbelt をインストールして、 heroku login でログイン、 heroku create で heroku 上に新しいアプリケーションを作成した後、 git push heroku master で デプロイ。 heroku open

Ahrefsとは Ahrefsとは、シンガポールとウクライナの企業が運営するSEO分析ツールです。 現在、4ヶ国語に対応しており、完全ではないものの日本語にも対応しています。 Ahrefsは、世界中の数兆にも及ぶサイト情報を保有しており、またそのデータを2週間ごとに全て更新しているそうです。その圧倒的なデータ力で、他のSEO分析ツールでは行えないような、細かな被リンク分析を行うことができます。 また、その豊富なデータに裏付けされた、独自のAhrefs「ドメインランク」と、「URLランク」というランク値（100点満点）を公開しています。Mozでいうところの、「ドメインオーソリティー」と「ページオーソリティー」みたいなものです。 使ってみるAhrefsを使うといっても、簡単で、調査対象のURL（ドメイン）を入力して、「SEARCH LINKS」ボタンを押すだけです。 初めて利用する場合は、1日

お金の使い方、ほんと難しい。無料通話アプリのcommが終了だそうです。 本記事は、2015年2月28日公開の記事です。 ＞＞comm（コム）/2015年4月21日(火) 15:00をもちまして本サービスを終了 ＞＞魚拓：(cache) comm（コム）/もっとつながる、高音質な無料通話アプリ LINEのベッキーTVCMに対抗して、女優の吉高由里子さんを起用したことは、まだ記憶に新しいですが、じつはすでに縮小も報じられてたのですね。 ということで、いろいろとまとめてみました。 関連記事 ・キュレーション終了のお知らせ、著作権侵害は非親告罪化で調整 ・DeNA新キュレーションのライター25人の引用状況をチェックした ・（追記あり）DeNAとサイバー、次の一手は団体創設？ ・サイバーのキュレーションメディアからひっそりと拡散協力者募集バナーが消えていた件 無料通話アプリcommの歴史 2012年

ターミナル上で行っている「コマンド操作」のすべてを、簡単なコマンドを入力するだけでバックグラウンドで録画してくれる「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

と書くだけでいきなりビデオミーティングの部屋が出来てそのままブラウザで 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 をクリックすると、その正規表現が表す内容を図にして表示してくれます。 例えば先程の正規表現は、当記事の一番上の

BootCamp（ブートキャンプ）とは？ BootCampはAppleから提供されているMacの特別機能です。ざっくり言うと、BootCampを使うことによりMacはWindowsを動かすことができるようになります。 ただ、仮想化ソフトとは違い、MacのHDDの中身を２分割しWindowsをインストールします。OS X上で動かすのではなく、Macを「Windows専用機として切り替える」ことができる機能です。 下記の図をご覧ください。 わかりますでしょうか？Windowsが入っている状態が微妙に違います。 大きな違いはWindows、OS Xが同時に使用できるか、できないかの違いになります。 BootCampは同時使用できません。 仮想化ソフトは同時使用できます。 今回のテストではBootCampを使いますので、MacとWindowsは同時には動かせないことになります。 Mac用のWind

服飾の専門知識がなくても、イラストをアップロードするだけでイメージ通りの服を生産・販売でき、“1人ファッションブランド”を立ち上げられるというWebサービス「STARted」が話題を集めている。現在クローズドテスト中で、今年夏に正式サービスを開始する予定だ。 カットソー、シャツ、ワンピース、ドレス、バッグ類、ペット用の服などを作ることができる。イラストアップから1カ月程度でサンプルが仕上がり、修正を反映後、さらに1～1.5カ月で製品化される。同サイト上にブランドページが立ち上がり、販売もできるようだ。 プランは3万円程度から用意する予定。料金内で、シンプルなものなら5～30着程度を生産できるという。売り上げの50％が支払われ、完売した場合には10万円プランなら11～13万円を受け取ることができるとしている。 サイトでは、実際にイラストから服を作る過程が公開されている。「セットアップ風に見え