ネットワークスペシャリスト試験

Posted on 12月 19, 2011
Filed Under Others | Leave a Comment

午後Ⅰの受験番号を書き忘れた記憶があり諦めていたのですが、奇跡的に書いていたようで。

受験番号 NW349-1310 の方は， 合格 です
　午前Ⅰ得点 ***.**点
　午前Ⅱ得点 76.00点
　午後Ⅰ得点 62点
　午後Ⅱ得点 73点

多分4回目にしてやっと。インフラはあまり得意になれんです。。
午後Ⅰもギリギリですし。。

統計情報によると、合格率は14.7%。
昔は7%とかだったので、だいぶ簡単になった印象です。
　応募者数 21465
　受験者数 14077
　合格者数 2069 （合格率 14.7%）

従業員数別の統計を見ていると、1000人以上10000人未満というレンジの
企業に勤めている人の受験率が3割を占めるようですね。
500人以上の会社に勤めている人という条件だと全体の約5割という。

受験者の平均年齢は33.6歳。合格者の平均年齢は32.7歳。
平均よりは5歳下回れましたが、個人的にはもっと早くクリアしておきたかった。

あと2年以内（20代のうち）にPMとSTもとっておきたいものです。

jQueryで連続した半角英数文字列が改行されるようにする

Posted on 7月 27, 2011
Filed Under jQuery | Leave a Comment

連続した半角英数字が改行されずにdivを突き抜けてしまう問題への対応。

http://d.hatena.ne.jp/bushimichi/20091008/1254973137
http://blog.webcreativepark.net/2008/09/14-211341.html
http://webtech-walker.com/archive/2008/11/02151611.html
http://www.jextend.com/sample/wb.html

上記サイトを参考にさせて頂きましたが、文字列にHTMLタグ（特にaタグ）が含まれていた場合
そのHTMLタグが1文字ずつ分解されてしまうのでタグとして認識されなくなってしまいます。

ということで、上記サイトを参考にしつつ、HTMLタグはタグとして認識されるようにしたものを
jQueryのプラグインとして動くように作成してみた。


jQuery.fn.wordbreak = function () {
	return this.each(function () {
		if($.browser.msie){//IE
			$(this).css( "word-break","break-all" );
			return;
		}
		var re = /(.*)(< [^>]+>)(.*)(< \/[^>]+>)(.*)/g;
		var tagSplit = $(this).html().split( re );
		var texts = [];
		var t;

		$.each(tagSplit, function(i, str) {
			if (str.charAt(0) != '< '){
				if($.browser.opera){//opera
					t = $.trim( str.split("").join("-") );
				}else{//others
					t = $.trim( str.split("").join(String.fromCharCode(8203)) );
				}
				texts.push(t);
			}else{
				texts.push(str);
			}
		});
		$(this).html( texts.join("") );
	});
}

これを、


    $("#target-to-text-element").wordbreak();

こんな感じで使います。
（使用は自己責任にて。）

リアルタイム商品検索サービス「これってアルかな？」公開しました！

Posted on 7月 7, 2011
Filed Under 会社 | Leave a Comment

リアルタイム商品検索サービス 「これってアルかな？」は、 ユーザがほしい商品を専用フォームからつぶやく事で、どこにその商品があるかを教えて もらえる(かもしれない)WEBサービスです。
現在は、インターネットを利用すれば、Web 上の Shop から在庫の あるものを購入する事ができますが、実際に物を見て確認してから 購入したい場合には、その商品が置いてあるお店を探さなければなりません。
そこで、Twitter を利用し、ほしい商品をつぶやく事で、リアルタイムに商品が ある場所を見つけてしまおうというのが、このサービスの目的になります。

Twitterアカウントは持っていますか？持っている人はぜひ、ログインしてみて下さい。

■これってアルかな？
http://arucana.s-arcana.jp/

っていう、うちの会社のコンテンツの紹介だわよ（その２）。
http://www.s-arcana.co.jp/2011/06/post-7.html

このコンテンツのバックグラウンドの地図はFlex 4 + Google Maps API for Flashで作ったの。
デザインは、デザイナーさんがPhotoshopで創ったものをFlash CatalystでMXMLにしてFlexに取り込んでいるの。
古地図っぽい雰囲気を出すためにJavaScript版のGoogleMapsではなくFlash版を採用したの。
TileLayerOverlayやOverlayBaseを継承した独自クラスを活用して実現することができたのよ。

アルタイム他力本願決断サービス「これってアリかな？」公開しました！

Posted on 7月 7, 2011
Filed Under 会社 | Leave a Comment

「これってアリかな？」って思うこと、きっとありますよね？このサイトは決めきれない究極の二択をつぶやくことで、フォロワーからときっぱり言い切ってもらえるサービスです。また、当サイトはTwitter連動型のコンテンツです。サイトの閲覧は誰でも可能ですが、「悩みを打ち明ける」「誰かの悩みに回答する」には、Twitterアカウントが必要になります。 Twitterアカウントは持っていますか？持っている人はぜひ、ログインしてみて下さい。

■これってアリかな？
http://aricana.s-arcana.jp/

っていう、うちの会社のコンテンツの紹介だわよ。
http://www.s-arcana.co.jp/2011/06/post-6.html

Adobe AIRからAndroidアプリ/iPhoneアプリ

Posted on 2月 15, 2011
Filed Under Others | Leave a Comment

Adobe AIRからAndroidアプリ/iPhoneアプリ に変換するメモ。

■AIRからAndroidアプリ
Build AIR applications for Android with Flash Builder 4
http://blog.omarfouad.com/?p=334

⇒ AIR SDK(2.5)に付属している adt コマンドで swf+xml から apk を生成。
　　apkをGalaxyTabにインストールして動くことが確認できました。
　　GalaxyTabの背面カメラの映像をRTMPで送ったり、RTMP経由でほかの人のビデオを再生することもできました。

■AIRからiPhoneアプリ
Steps for using packager for iPhone with Flex Builder 3
http://flexyria.wordpress.com/2010/09/25/steps-for-using-packager-for-iphone-with-flex-builder-3/

⇒ Packager for iPhoneに含まれるpfiコマンドで、 swf+xml から ipa を生成できます。
　　でも、iPhone持っててもiOS Developerのアカウントを持っていないので試すこと出来ず。。
　　RTMPとかカメラとかちゃんと動くのかな？

Packager for iPhoneについての情報はカヤックさんとこがいい感じにまとまってました。さすが。
http://level0.kayac.com/2010/09/packager_for_iphone.php

そんなわけで、Flex/Flashでアプリ開発しておけば、Webブラウザでも、AIRでも、
Androidでも、iPhoneでも動くようになるという素敵な時代になりそうです。

でも、ガラケーは。。

[Red5] Red5バージョン1.0のRC1が公開されました！

Posted on 2月 11, 2011
Filed Under Others | Leave a Comment

2011/2/11にRed5 1.0 RC1が公開されました！
http://code.google.com/p/red5/

まだ実際に動かしてみてはいないのですが、RTMPE対応です！

[Red5] FxUG勉強会第130回＠東京でLTしてきました＆資料UP

Posted on 2月 10, 2011
Filed Under Others | Leave a Comment

本日、FxUG勉強会第130回＠東京 に参加してきましたー。

FxUG勉強会は初参加のくせにLTの機会を頂いてしまって超恐縮です。
@tokufxug さんありがとうございました！

10分枠だったので、OSC向けの40分枠用資料から結構削った感じにしたのですが、
それでも全然時間が足りなくて言いたいこと全部言えない感じでTimeUpでした。。反省。

言い逃したのは、、

Red5は360|Flex でも講演されたことがあるだよ！
⇒ Building Red5 Applications by Chris Allen

とか、

FITCでも講演されたことがあるだよ！
⇒ FITC // FITC Toronto 2006 // Red5: Staying on Target
⇒ FITC // FITC Hollywood 2006 // Red 5: The Revolution Will Be Streamed
⇒ FITC // FITC Toronto 2007 // Red5: The OS Flash Revolution Rocks the House
⇒ FITC // FITC Toronto 2007 // Building Red5 Applications
⇒ FITC // FITC Amsterdam 2008 // Building Red5 Applications
⇒ FITC // FITC Amsterdam 2009 // Innovating with Red5
⇒ FITC // FITC Toronto 2009 // Innovating with Red5

とか。。

3/5にある OSC2011 Tokyo/Spring のセミナーの告知っぽいところで、Galaxy Tab上のAndroidアプリ（Flex4.0でAIR向けに吐き出したswf+xmlをAIRSDKのadtでapkに変換したもの）で動いているデモも軽く見せようと思ったんですけど全然時間足りませんでしたorz

そんなわけで、いろいろ反省しつつ、本日使用した資料のUPです。

Red5とFlexで作るmixiアプリ「ビデオチャット」事例紹介
View more presentations from yossy222.

それにしても、やっぱり勉強会って楽しいですねー。

[Red5] 2/9のFxUG勉強会第130回＠東京でLTしてきまー。

Posted on 2月 3, 2011
Filed Under Others | Leave a Comment

LTしてくるです。

FxUG勉強会第130回＠東京

—-
◆ Red5とFlexで作るmixiアプリ「ビデオチャット」事例紹介 (21:30～21:40)
by 日本Red5ユーザー会/株式会社スタジオ・アルカナ 吉田紳一郎 twitter: (@yossy222)
個人blog=> http://iimp.jp/
Japan Red5 User Group=> http://www.red5-jp.org/

Red5とFlexで開発したmixiアプリで動く「ビデオチャット」。
デモを交えて開発事例の紹介をしたいと思います。
また、オープンソースソフトウェアのFlashストリーミングサーバ
「Red5」についても併せて簡単に紹介する予定です。
—-

Android 2.2のFlash Player 10.1でSpark TextInputが動かない？

Posted on 2月 1, 2011
Filed Under Others | Leave a Comment

Flex Builder 4で開発したアプリのテキストフィールドに
SparkコンポーネントのTextInputを使っているのですが、
HTC DesireのFlash Player 10.1からアクセスすると
ソフトウェアキーボードが表示されないとのこと。

気になる子ちゃんなのでちょっと調べてみます。

Samsung Galaxy Tab running Adobe Flash Player 10.1.flv
http://www.567t.com/samsung-galaxy-tab-running-adobe-flash-player-10-1-flv

このサイトのコメントに気になることが書いてあります。

「Flex Spark TextInput doesn’t work, while Flex Halo TextInput does.」

むむ。Sparkだとちゃんと動かないのかな。
明日Haloで動くか試してみよう。

でも、SparkのSkin使ってるからあんまりHaloにしたくないな・・・。
だって、せっかくデザイナーさんがイケてるデザイン作ってくれたんだよもん。

Flash Player 10.1 for Android 2.2 Release Notes
http://kb2.adobe.com/cps/860/cpsid_86018.html

ここにも気になる１行が。

「The virtual keyboard works with TextField but does not currently work with the Text Layout Framework or other Flash Text Engine text.」

やはり、そもそもまだサポートされていないんでしょうか。

Opening software keyboard on Android Flash 10.1
http://stackoverflow.com/questions/4007486/opening-software-keyboard-on-android-flash-10-1

この人も似た現象に遭遇しているご様子。

なるほど。

HaloのTextInputがちゃんと動くようであれば、
なんか無理やり動かせそうな気がしてきた。

明日試してみよう。

================================
追記
================================
mxのTextInput（<mx:TextInput>）で試してみたら、
仮想キーボードがちゃんと表示されました。

[Red5] Red5でEdge/Origin Clusteringしてみた

Posted on 1月 28, 2011
Filed Under Others | Leave a Comment

Red5はバージョン0.7からEdge/Originクラスタリングをサポートしています。

たとえば、「Originサーバ」「Edgeサーバ」の2台があったとして、
OriginサーバからEdgeサーバに動画ストリームをコピーできるイメージです。

ライブ映像を配信する人（A）は Originサーバ に対して動画を配信。
ライブ映像を見る人（B）は、Edgeサーバから動画を受信。
EdgeサーバはOriginサーバに接続して動画を受け取りながら、Bさんに配信。

Edgeサーバは水平方向に台数を増やすこともできるので、
帯域をスケールアウトさせることができそうな感じです。

Red5のクラスタリングでは、Edge/Origin間の通信では
MRTMP(Multiplex Real Time Messaging Protocol)という
独自っぽいプロトコルでお話する仕組みになってる感じです。
※ここの下の方に書いてあるます。
http://red5.org/wiki/Documentation/Clustering/EdgeOriginSolutiononTerracotta

というわけで、以下、クラスタリング設定のメモ。

【環境】
Originサーバ：
・Red5バージョン：1.0 Beta r4150
・OS：Windows 7
・IPアドレス：192.168.88.1

Edgeサーバ：
・Red5バージョン：1.0 Beta r4150
・OS：CentOS 5.4 （VMwareで動かしてる）
・IPアドレス：192.168.88.128

【設定】
・Originサーバ
conf/red5-core.xml に以下を追記。

--------------------------------
	<!-- MRTMP -->
	<bean id="mrtmpManager"
		class="org.red5.server.net.mrtmp.SimpleMRTMPOriginManager" >
		<property name="originMRTMPHandler" ref="mrtmpMinaIoHandler" />
	</bean>

	<bean id="mrtmpCodecFactory"
		class="org.red5.server.net.mrtmp.codec.MRTMPCodecFactory" />

	<!-- MRTMP Mina IO Handler -->
	<bean id="mrtmpMinaIoHandler"
		class="org.red5.server.net.mrtmp.OriginMRTMPHandler">
		<property name="handler" ref="rtmpHandler" />
		<property name="mrtmpManager" ref="mrtmpManager" />
		<property name="codecFactory" ref="mrtmpCodecFactory" />
	</bean> 

	<!-- MRTMP Mina Transport -->
	<bean id="mrtmpTransport" class="org.red5.server.net.mrtmp.MRTMPMinaTransport" init-method="start" destroy-method="stop">
		<property name="ioHandler" ref="mrtmpMinaIoHandler" />
		<property name="address" value="${mrtmp.host}" />
		<property name="port" value="${mrtmp.port}" />
		<property name="receiveBufferSize" value="${mrtmp.receive_buffer_size}" />
		<property name="sendBufferSize" value="${mrtmp.send_buffer_size}" />
		<property name="eventThreadsCore" value="${mrtmp.event_threads_core}" />
		<property name="eventThreadsMax" value="${mrtmp.event_threads_max}" />
		<property name="eventThreadsQueue" value="${mrtmp.event_threads_queue}" />
		<property name="eventThreadsKeepalive" value="${mrtmp.event_threads_keepalive}" />
		<property name="tcpNoDelay" value="${mrtmp.tcp_nodelay}" />
	</bean> 

	<bean id="rtmpConnManager"
		class="org.red5.server.net.rtmp.RTMPConnManager">
	</bean>
--------------------------------

・Edgeサーバ
conf/red5-core.xml に以下を追記。

--------------------------------
	<!-- RTMP Edge Mina Connection -->
	<bean id="rtmpEdgeMinaConnection" scope="prototype"
		class="org.red5.server.net.rtmp.EdgeRTMPMinaConnection">
		<!-- Ping clients every X ms. Set to 0 to disable ghost detection code. -->
		<property name="pingInterval" value="${rtmp.ping_interval}" />
		<!-- Disconnect client after X ms of not responding. -->
		<property name="maxInactivity" value="${rtmp.max_inactivity}" />
		<!-- Max. time in milliseconds to wait for a valid handshake. -->
		<property name="maxHandshakeTimeout" value="5000" />
		<property name="mrtmpManager" ref="mrtmpEdgeManager" />
	</bean>

	<bean id="mrtmpClient"
		class="org.red5.server.net.mrtmp.MRTMPClient" init-method="start" >
		<property name="ioHandler" ref="mrtmpHandler" />
		<property name="server" value="${mrtmp.server}" />
		<property name="port" value="${mrtmp.port}" />
	</bean>

	<bean id="mrtmpHandler" class="org.red5.server.net.mrtmp.EdgeMRTMPHandler">
		<property name="mrtmpManager" ref="mrtmpEdgeManager"/>
		<property name="codecFactory" ref="mrtmpCodecFactory" />
		<property name="rtmpConnManager" ref="rtmpMinaConnManager" />
	</bean>

	<bean id="mrtmpCodecFactory"
		class="org.red5.server.net.mrtmp.codec.MRTMPCodecFactory" />

	<bean id="mrtmpEdgeManager"
		class="org.red5.server.net.mrtmp.SimpleMRTMPEdgeManager">
		<property name="rtmpConnManager" ref="rtmpMinaConnManager" />
	</bean>
--------------------------------

少し変更するところも。
・RTMPHandlerをEdgeRTMPHandlerに変更。MRTMPManagerプロパティ追加。

--------------------------------
	<!-- RTMP Handler -->
	<bean id="rtmpHandler"
		class="org.red5.server.net.rtmp.RTMPHandler">
		<property name="server" ref="red5.server" />
		<property name="statusObjectService" ref="statusObjectService" />
		<!-- Enable this if you want to allow global scope connections
		<property name="globalScopeConnectionAllowed" value="true" />
		-->
	</bean>
--------------------------------↓
	<!-- RTMP Handler -->
	<bean id="rtmpHandler"
		class="org.red5.server.net.rtmp.EdgeRTMPHandler">
		<property name="server" ref="red5.server" />
		<property name="statusObjectService" ref="statusObjectService" />
		<!-- Enable this if you want to allow global scope connections
		<property name="globalScopeConnectionAllowed" value="true" />
		-->
		<property name="MRTMPManager" ref="mrtmpEdgeManager" />
	</bean>
--------------------------------

もう一箇所。
・RTMPMinaIoHandlerをEdgeRTMPMinaIoHandlerに変更。

--------------------------------
	<!-- RTMP Mina IO Handler -->
	<bean id="rtmpMinaIoHandler"
		class="org.red5.server.net.rtmp.RTMPMinaIoHandler">
--------------------------------↓
	<!-- RTMP Mina IO Handler -->
	</bean><bean id="rtmpMinaIoHandler"
		class="org.red5.server.net.rtmp.EdgeRTMPMinaIoHandler">
--------------------------------

・conf/red5.properties の以下を変更。
MRTMPの接続先サーバを設定（EdgeからOriginに接続するためのOriginサーバを指定）

--------------------------------
# MRTMP
mrtmp.host=0.0.0.0
mrtmp.server=localhost
mrtmp.port=9035
--------------------------------↓
# MRTMP
mrtmp.host=0.0.0.0
mrtmp.server=192.168.88.1
mrtmp.port=9035
--------------------------------

で、OriginとEdgeを起動してみると、↓こんな感じのログが出て接続が確立したご様子。
（conf/logback.xmlでorg.red5.server.net.mrtmpのログレベルをDEBUGに設定しないと出ません）

・Originサーバログ

--------------------------------
[DEBUG] [NioProcessor-4] org.red5.server.net.mrtmp.OriginMRTMPHandler - Created MRTMP Origin Connection org.red5.server.net.mrtmp.MRTMPOriginConnection@30317bdd
--------------------------------

・Edgeサーバログ

--------------------------------
[DEBUG] [NioProcessor-3] org.red5.server.net.mrtmp.EdgeMRTMPHandler - Created MRTMP Edge Connection org.red5.server.net.mrtmp.MRTMPEdgeConnection@ba9d8e
--------------------------------

Red5デモアプリのSimple BroadcasterとSimple Subscriberでテストしてみる。

Simple Broadcasterアプリで rtmp://192.168.88.1/oflaDemo に接続してライブの配信。
Simple Subscriberアプリで rtmp://192.168.88.128/oflaDemo に接続してライブの受信。

すると、Broadcasterのライブ配信を、Subscriber側で受信することが、
あれ・・？
なんだか受信できません。。

Wiresharkでパケットを監視してみると、RTMPでEdgeサーバに接続した後のレスポンスがなさげです。

調べるために conf/logback.xml で org.red5.server.net.mrtmp のログレベルをDEBUGにしてみます。

・logback.xml

--------------------------------
	<logger name="org.red5.server.net.mrtmp">
		<level value="DEBUG" />
	</logger>
--------------------------------

EdgeサーバのRed5を再起動してみて、もう一度Simple Subscriberアプリを試してみると、
なんかExceptionが吐かれるご様子。

--------------------------------
[WARN] [NioProcessor-1] org.red5.server.net.rtmp.RTMPMinaIoHandler - Exception caught No enum const class org.red5.server.net.rtmp.message.StreamAction.connect
[ERROR] [NioProcessor-1] org.red5.server.net.rtmp.RTMPMinaIoHandler - Exception detail
java.lang.IllegalArgumentException: No enum const class org.red5.server.net.rtmp.message.StreamAction.connect
        at java.lang.Enum.valueOf(Enum.java:214) ~[na:1.6.0_17]
        at org.red5.server.net.rtmp.message.StreamAction.valueOf(StreamAction.java:11) ~[red5.jar:na]
        at org.red5.server.net.rtmp.EdgeRTMPHandler.messageReceived(EdgeRTMPHandler.java:69) ~[red5.jar:na]
        at org.red5.server.net.rtmp.RTMPMinaIoHandler.messageReceived(RTMPMinaIoHandler.java:180) ~[red5.jar:na]
--------------------------------

EnumのvalueOfの呼び出し方がなんか悪い感じです。
EdgeRTMPHandlerを直してみます。

・org.red5.server.net.rtmp.EdgeRTMPHandler.java
——————————–
if (call.getServiceName() == null && !conn.isConnected()
&& StreamAction.valueOf(action).equals(StreamAction.CONNECT)) {
——————————–↓
if (call.getServiceName() == null && !conn.isConnected()
&& StreamAction.CONNECT.equals(action)) {
——————————–

antでコンパイルし直して、Edgeを起動しなおしてみます。

↓こんな感じのログと共に、無事にEdgeサーバ経由でライブを受信できました。

・Originサーバ

--------------------------------
[INFO] [NioProcessor-8] org.red5.server.stream.ClientBroadcastStream - Consumer connect
[DEBUG] [NioProcessor-8] org.red5.server.net.mrtmp.codec.MRTMPProtocolDecoder - MRTMPPacket: type=RTMP,isDynamic=false,clientId=27612506,rtmpType=3,rtmpBody=StreamBytesRead: 125127
[DEBUG] [NioProcessor-8] org.red5.server.net.mrtmp.OriginMRTMPHandler - MRTMPPacket: type=RTMP,isDynamic=false,clientId=27612506,rtmpType=3,rtmpBody=StreamBytesRead: 125127
[DEBUG] [NioProcessor-8] org.red5.server.net.mrtmp.codec.MRTMPProtocolDecoder - MRTMPPacket: type=RTMP,isDynamic=false,clientId=27612506,rtmpType=3,rtmpBody=StreamBytesRead: 250639
--------------------------------

・Edgeサーバ

--------------------------------
[DEBUG] [NioProcessor-3] org.red5.server.net.mrtmp.EdgeMRTMPHandler - Forward packet to client: Audio - ts: 9288 length: 257
[DEBUG] [NioProcessor-3] org.red5.server.net.mrtmp.codec.MRTMPProtocolDecoder - MRTMPPacket: type=RTMP,isDynamic=false,clientId=27612506,rtmpType=9,rtmpBody=Video - ts: 9265 length: 6767
[DEBUG] [NioProcessor-3] org.red5.server.net.mrtmp.EdgeMRTMPHandler - Forward packet to client: Video - ts: 9265 length: 6767
[DEBUG] [NioProcessor-3] org.red5.server.net.mrtmp.codec.MRTMPProtocolDecoder - MRTMPPacket: type=RTMP,isDynamic=false,clientId=27612506,rtmpType=8,rtmpBody=Audio - ts: 9335 length: 257
[DEBUG] [NioProcessor-3] org.red5.server.net.mrtmp.codec.MRTMPProtocolDecoder - MRTMPPacket: type=RTMP,isDynamic=false,clientId=27612506,rtmpType=9,rtmpBody=Video - ts: 9318 length: 5978
--------------------------------

おしまい。

Recently


Categories


Archives