NODE TO NODE IN AN INTERACTIVE ERA.

300円でつくる自作ノートＰＣスタンド

Check

こんにちは、先日MacBook Airを買ってついにMacデビューしたkazutoyoです！

軽くて持ち運びやすいし、キビキビと動くので素晴らしいですよね！

僕は今、自宅のメインPCはWindowsで、こんな感じにSynergyを使いWindowsのキーボードとマウスをMacBook Airと共有するように使っています。

けど、これMBAの下に本を2冊積み重ねておいてあるだけなので、ちゃんとしたスタンド欲しいなぁって思ってAmazonで探してたけど、だいたい2500円～でちょっとお高いってことがわかりました。

さすがにサブ用に僕の1ヶ月分のおやつ代も出せないと思ったので、近くにある100円ショップキャンドゥの素材でつくろう！ってことで探して参りました。

選んだのはこの3つの商品

• 両面テープ
• 滑り止めマット
• 整理棚

整理棚は調理用品のところにありましたー

まず、整理棚の裏に両面テープをぺたっと貼り付けます。

で、滑り止めマットを貼付けぐるぐる2,3周巻いて終端も両面テープでぺたっと留めます。

これだけで完成！

あとは片方の足だけを立てて、下に一応滑り止めマットを敷いて設置します。

こんな感じ。そんなにかっこよくはないけど見た目さえ気にしなければいい感じ！

高さは変えられないのが難点ですが、それさえ良ければ良いかなぁと思います。

あと、僕のはMacBook Airの11インチのやつなので耐えられてますが、13インチのとかMacBook Proとかで重くなっちゃうとどうなるかわかんないので、そこら辺は誰か試してみてください＞＜

Google Maps API v3でズーム後にBoundsを取得する

Check

Google Maps API v3を使い、ズームした後のBoundsを取得したかったのですが、zoom_changedイベントはズームレベルが変わったとき（ズームが開始されたとき？）に呼ばれるため

1
2
3
4
5

google.maps.event.addListener(map, 'zoom_changed', onZoomChange);
function onZoomChange() {
  var bounds = Gmaps4Rails.map.getBounds();
  console.log(bounds.getNorthEast() + "," + bounds.getSouthWest());
}

みたいな感じだとうまくいきませんでした。

そこで、以下のようにzoom_changedが呼ばれたときにbounds_changedのリスナーを登録してやったらうまくいきました。

1
2
3
4
5
6
7
8

google.maps.event.addListener(map, 'zoom_changed', onZoomChange);
function onZoomChange() {
  var boundslistener = google.maps.event.addListener(Gmaps4Rails.map, 'bounds_changed', function(){
    var bounds = Gmaps4Rails.map.getBounds();
    console.log(bounds.getNorthEast() + "," + bounds.getSouthWest());
    google.maps.event.removeListener(boundslistener);
  });
}

Google Maps API v2だとzoomEndってのあるみたいなんですが、v3にもないのかなぁ

Flash Player 11でH.264ソフトウェアエンコードとG.711コーデックを試す

Check

前回でFlash Professional CS5でFlash Player 11を使う準備をしました。
今回はFlash Player 11の新機能、H.264のソフトウェアエンコードと音声コーデックであるG.711を使ってみます。

サンプルを試す

サンプルソースファイル(Flash CS5用)
サンプルソースファイル(FlashDevelop用)
(FlashDevelopでFlash Player 11を使うには、馬鹿全さんの記事を参照)

H.264エンコーディング
まず、H.264の使い方ですが、下のような設定を送信用に追加するだけになります。

//H.264エンコード
var h264Settings:H264VideoStreamSettings = new H264VideoStreamSettings();
//H.264のプロファイルとレベルを設定
h264Settings.setProfileLevel(H264Profile.MAIN, H264Level.LEVEL_3_2);
sstream.videoStreamSettings = h264Settings;

H.264のレベルとプロファイルについてはWikiPediaを参照してください。

G.711コーデック
また、G.711コーデックの使い方は今までと同じようにMicrophone.codecにSoundCodec.PCMU(またはSoundCodec.PCMA)を指定するだけです。

mic = Microphone.getMicrophone();
if (mic != null) {
	mic.codec = SoundCodec.PCMU;
	sstream.attachAudio(mic);
}

ソースファイル全文
more

Flash Professional CS5でFlash Player 11 Betaを試す ~ 準備編 ~

Check

はじめまして。
今春からノデラでお仕事してますkazutoyoです！
 
この間Flash Player 11のベータ版が公開されましたね。
Flash Player11では、3D機能が強化されたり、H.264でのソフトウェアエンコードなどに対応しました。

我がノデラでは、動画配信サービスの NDOERA (.tv) を運営しているため、H.264 でのソフトウェアエンコードを使うと、さらに高画質で配信できるようになります。

そこで、今回 NODERA (.tv) でH.264を試すためすために、Flash Professional CS5 でFlash Player 11を使えるようにしてみました。
 
Flash Player 11 Beta のインストール

Flash Player 11をAdobe Labsからダウンロードしてきます。
OSはWindows、Mac、Linuxで、32bit版と64bit版があります。
自分の環境にあったものをダウンロードしてインストールしてください。

http://labs.adobe.com/downloads/flashplayer11.html

また、同じページから Flash Player 11 Beta  Global SWC をダウンロードしてきます。
 
FlashPlayer 11のプロファイル作成

次にFlash CS5にFlash Player 11用のプロファイルを作成します。
Windowsの場合、

C:\Program Files\Adobe\Adobe Flash CS5\Common\Configuration\ActionScript 3.0

Macの場合、

/Applications/Adobe Flash CS5/Common/Configuration/ActionScript 3.0

に移動し、そのディレクトリにある「FP10」ディレクトリをコピーし、FP11にリネームします。
そして、FP11のディレクトリの中に先ほどダウンロードしておいた「playerglobal.swc」をコピーします。

その次に、その上のディレクトリ(Configurationディレクトリ)にあるPlayersディレクトリに移動します。
そこにある「FlashPlayer10_1.xml」をコピーし、「FlashPlayer11.xml」にリネームします。
コピーしたFlashPlayer11.xmlを編集します。

3行目の

1

  <player id="FlashPlayer10" version="10" asversion="3">

を

1

  <player id="FlashPlayer11" version="13" asversion="3">

に変更します。
また、8行目の

1

 as3="$(AppConfig)/ActionScript 3.0/FP10/playerglobal.swc" />

の部分を

1

 as3="$(AppConfig)/ActionScript 3.0/FP11/playerglobal.swc" />

に変更します。
 
あとはFlash CS5を起動して、「ファイル→バブリッシュ設定→Flash」のPlayerのセレクトボックスにFlash Player 11があるか確認して下さい。

 
次回はFlashPlayer11のH.264エンコードの使い方を解説しようと思います。

MacOSでテキストをSWFにペーストすると改行が消える件

Check

MacOS上で、複数行のテキストをtextFieldにペーストすると、見た目は改行されているのに、改行コードが入っていないというバグがあります。

解決方法がこちらにありました。
http://bugs.adobe.com/jira/browse/FP-780?focusedCommentId=233063&page=com.atlassian.jira.plugin.system.issuetabpanels%3Acomment-tabpanel#action_233063

コードを引用します。

1
2
3
4
5
6
7
8
9
10
11

textField1.addEventListener(TextEvent.TEXT_INPUT, input);
function input(event:TextEvent){
	event.preventDefault();
	var textField:TextField = event.target as TextField;
	var currentText:String = textField.text;
	var insertionPrefix:String = currentText.substr(0, textField.selectionBeginIndex);
	var insertionSuffix:String = currentText.substr(textField.selectionEndIndex, currentText.length);
	textField.text = insertionPrefix + event.text + insertionSuffix;
	var caretIndex:int = insertionPrefix.length + event.text.length;
	textField.setSelection(caretIndex, caretIndex);
}