[ハード] Fosmon USB Webcam – 激安ウェブカメラ

@84kure

Red5でライブビデオのストリーミングを試すために激安のウェブカメラを調達。

eBayで購入したけど、品物はAmazonにリストされている以下と同じ。価格は$6.55、送料無料。カリフォルニア州内のセラーなので1週間以内の到着。

Amazon.com: Fosmon USB 6 LED 12.0 Megapixel USB PC Webcam Web Camera + Night Vision + Mic / Microphone MSN, ICQ, AIM, Skype, Net Meeting and Support Windows 2000/XP/Vista and later: Computers & Accessories
http://www.amazon.com/Fosmon-Megapixel-Microphone-Meeting-Support/dp/B008ROOOB2/ref=cm_cr_pr_product_top?ie=UTF8

USBに差し込めばWindowsが自動でドライバをインストールしてくれる。

0000

この値段だから性能は期待していなかったけど、まあ確かにその通りの商品。ズームイン・アウトができない点がちょっと気になる。カメラの位置を変えて画角を調整しないといけないのが手間かな。でも映像は問題なく撮れるし、カメラのリングを回せばフォーカス調整もできるし、LEDライトも点灯するし、テスト用途では充分に事は足りるだろう。

[Red5] インストール (CentOS 7)

@84kure

VagrantでCentOS 7のVMを立ち上げてRed5をインストールしてみる。

CentOS 7のセットアップ

適当なCentOS 7 Boxを探す。

A list of base boxes for Vagrant – Vagrantbox.es
http://www.vagrantbox.es/

今回はこれを使ってみる。

CentOS 7.1 x64 (Minimal, Puppet 4.2.3, Guest Additions 4.3.30)
https://github.com/CommanderK5/packer-centos-template/releases/download/0.7.1/vagrant-centos-7.1.box

Red5のインストール

ホーム
http://192.168.33.10:5080/

デモアプリのインストール
http://192.168.33.10:5080/installer/

デモ
http://192.168.33.10:5080/demos/

red5_demo

参考サイト

How to setup Red5 streaming media server | Linux Veda
http://www.linuxveda.com/2015/06/05/setup-red5-streaming-media-server/
Jun 5, 2015 (CentOS 6.x)

Red5サーバー構築と検証 – Qiita
http://qiita.com/alingogo/items/1176a7d42b9c0b36515c
Jun 09, 2014　(CentOS 6.5)

How to Setup Red5 Media Server on CentOS/RHEL 6/5 – TecAdmin.net
http://tecadmin.net/installing-red5-media-server-on-centos-6/#
Oct 01, 2013 (CentOS 6)

How To Setup Red5 on Ubuntu 12.10 | DigitalOcean
https://www.digitalocean.com/community/tutorials/how-to-setup-red5-on-ubuntu-12-10
May 31, 2013

Red5をインストールしてデモアプリを試す | Think IT（シンクイット）
https://thinkit.co.jp/article/152/2
2008年11月12日

Install Red5 on Windows
http://red5guide.com/

[Red5] オープンソースのメディアサーバー

@84kure

Red5が面白そうなのでいじってみる。まずは予備知識から。

Red5とは

  • オープンソースのメディアサーバー
  • RTMP (Real-Time Messaging Protocol)サポート
  • 映像、音声、その他データをストリーミング配信

関連サイト

Red5 Media Server
http://red5.org/

Red5 · GitHub
https://github.com/red5/

Red5 Pro
https://red5pro.com/

参考サイト

Red5 (media server) – Wikipedia, the free encyclopedia
https://en.wikipedia.org/wiki/Red5_(media_server)

無料で使えるRed5とは？ | Think IT（シンクイット）
https://thinkit.co.jp/article/152/1
2008年11月5日

[Git] ローカルブランチをリモートブランチの内容で上書きする

@84kure

ローカルブランチのコードをいじったけど保存せずに、リモートブランチの最新コードで上書きしたい場合に役立つ。

参考サイト

河西 高明 Tech Blog: gitでローカルブランチをリモートブランチの内容で上書きする
http://takaaki-kasai-tech.blogspot.com/2014/02/git.html

[Git] コミットメッセージの書き方

@84kure

コミットメッセージの書き方に迷ったら以下の記事に戻ろう。

Gitのコミットメッセージの書き方 | プログラミング | POSTD
http://postd.cc/how-to-write-a-git-commit-message/

素晴らしいコミットメッセージを書くための7つのルール

  • タイトルの後は1行空けて本文を書く
  • タイトルを50字以内におさめる
  • タイトルの文頭を大文字にする
  • タイトルの文末にピリオドを付けない
  • タイトルは命令形で記述する
  • 本文は1行あたり72字以内におさめる
  • 本文ではどのようにではなく何をとなぜを説明する

[ホスティング] ブラウザのキャッシュの振る舞いを制御する (HTTP)

@84kure

デザイナから苦情あり。CSSを更新してディプロイしてもブラウザ上で変化が確認できず、ブラウザでページを強制リロードして初めて変化が現れるとのこと。恐らくキャッシュに関係した問題だろう。そういえば以前、前任のフロントエンドプログラマと前任のインフラエンジニアがキャッシュが云々と色々いじっていたっけな。

ブラウザ組み込みの開発者ツールでHTTPレスポンスをダンプしたところ以下の記述を発見。キャッシュされているデータを使うように常にブラウザに強いている。どうやらく前任者が試行錯誤したままの状態で放置したのだろう。これじゃあCSSを更新しても反映されなくて当然だ。

政治的な理由でNginxの設定変更は僕には許されていないので、データセンタのインフラ担当に依頼して以下のように変更してもらって解決。

ブラウザのキャッシュコントロールを正しく理解する

以下の記事がわかりやすかったのでリンク＆まとめ。

ブラウザのキャッシュコントロールを正しく理解する – Qiita
http://qiita.com/hkusu/items/d40aa8a70bacd2015dfa

①ブラウザに一切、キャッシュさせたくない場合

②ブラウザにキャッシュさせるけど、変更ないか都度確認するようにしたい

③ブラウザにキャッシュさせ、都度確認はそれほど必要ない

参考サイト

Leverage Browser Caching | PageSpeed Insights | Google Developers
https://developers.google.com/speed/docs/insights/LeverageBrowserCaching

Page caching with Nginx – whitespace
http://whitequark.org/blog/2014/04/05/page-caching-with-nginx/

HTTPヘッダチューニング Expiresヘッダについて | REDBOX Labo
http://blog.redbox.ne.jp/http-header-expires.html

Expiresヘッダを追加しよう! | dogmap.jp
https://dogmap.jp/2007/09/04/add-an-expires-header/

たった数分！ページ高速化のためhtaccessでキャッシュ設定は絶対やっておこう！
https://syncer.jp/page-cache-setting

ブログ – expiresヘッダを調整して画像の通信量を抑制する
https://principle-works.jp/blog/setup-expires-header-and-reduce-image-traffics/

[Android] Android Studioをインストールする

@84kure

開発中のウェブサイトの体裁をAndroidデバイスで確認したいけどデバイスを持っていない。なので、とりあえずエミュレータをセットアップする。

動作要件

Android Studio と SDK Tools のダウンロード | Android Developers
http://developer.android.com/intl/ja/sdk/index.html

システム要件 (Windows)

  • Microsoft® Windows® 8/7/Vista/2003 (32-bit 版または 64-bit 版)
  • 2 GB 以上のシステム メモリ(RAM)、4 GB 以上を推奨
  • 400 MB の空き容量のあるハードディスク
  • Android SDK、エミュレータのシステム イメージ、キャッシュ用には少なくとも 1 GB 以上
  • 1280 x 800 以上の画面解像度
  • Java Development Kit (JDK) 7
  • エミュレータ アクセラレータ向け(任意): Intel® VT-x、Intel® EM64T(Intel® 64)、Execute Disable(XD)ビット機能対応の Intel® プロセッサ

インストール

Android Studioのインストール
Installing the Android SDK | Android Developers
http://developer.android.com/intl/ja/sdk/installing/index.html?pkg=studio

Android Studio
android-studio-bundle-141.2456560-windows.exe

JREのインストール
Java SE Runtime Environment 8u74
Windows x64(54.9 MB) jre-8u74-windows-x64.exe

JDKのインストール
Java SE Development Kit 8 Downloads
Windows x64 (187.31 MB) jdk-8u74-windows-x64.exe

参考サイト

SAMSUNG Developers
http://developer.samsung.com/home.do

Developer and Open Source Resources at Motorola
http://www.motorola.com/us/Motorola-Developers/motorola-developers.html

[PHP] Visutal Studio Code 入門

@84kure

PHPのコーディングにNetBeansがあまりに重いので、ふと思い立ってVisual Studio Codeをダウンロード。メモリ消費がNetBeansは350MBに対して、Visual Studio Codeは83MB。PHPのコーディングに使ってみよう。

公式ドキュメント

Visual Studio Code 1st Step Guide
http://download.microsoft.com/download/3/6/F/36FE7C6C-2CDB-44B1-AB66-079E6E9DD219/Visual_Studio_Code_1st_Step_Guide_FullContents.pdf
フルバージョン 2015年7月17日 (v.1.0)

特集：Visual Studio Code早分かりガイド：

1. Visual Studio Codeの使い方、基本の「キ」 (1/4) – ＠IT
http://www.atmarkit.co.jp/ait/articles/1507/10/news028.html
2015年07月10日

2. Visual Studio CodeでGitを利用する (1/4) – ＠IT
http://www.atmarkit.co.jp/ait/articles/1507/21/news017.html
2015年07月21日

3. Visual Studio Codeの使い勝手をよくするツール (1/5) – ＠IT
http://www.atmarkit.co.jp/ait/articles/1509/08/news019.html
2015年09月08日

4. Visual Studio Code 0.8.0の新機能 (1/3) – ＠IT
http://www.atmarkit.co.jp/ait/articles/1509/18/news029.html
2015年09月18日

5. Visual Studio Codeでエクステンション機能を使ってみよう (1/2) – ＠IT
http://www.atmarkit.co.jp/ait/articles/1511/27/news029.html
2015年11月27日

6. Visual Studio Codeのエクステンションを作成する (1/2) – ＠IT
http://www.atmarkit.co.jp/ait/articles/1511/30/news030.html
2015年11月30日