FEZNOW

FEZなう!リニューアルのお知らせ

1月24日に「FEZなう!」をリニューアルしました。

http://feznow.net

リニューアル内容

  • デザイン変更
  • プリセット機能実装
    サーバー・国・キャラ名・職を保存しておき、すぐに使うことが可能になりました。
  • キャラ名を入れない時、Tweet文字列を見栄え良く
    今まではキャラ名を入れない時も[  ]がありましたが、キャラ名無しなら入らなくなりました。
  • 使い方説明ボタン
    使い方がわからぬ!という意見が多かったので簡易解説を設置しました。
  • FEZなうちゃん実装
    可愛いFEZなうちゃんをMapの左下に配置。イラストは@yukimakina

こんな感じです。既に公開から1週間経っていますが、プリセット機能は結構好評でよかったです。
現段階で出ている要望としては、縦の幅が大きすぎて使いにくいってものがあるので、上の部分は折りたためるようにするとか少し検討中。

あと、毎回Tweetボタンが出るようになっている点も、少し聞かれましたがどっちがいいかなぁというところで悩み中。
どっちもできるようにするのがいいかなぁとも。ログインしているかしてないかで。

そんな感じのFEZなう!です、ぜひご利用ください!

jQueryでTwitterのWidgetを非同期更新する。

最近なんか充実した日々を過ごしておりますりっくんです学祭全くいかないけど!サークルやってないとね・・・、行く機会無いのよね・・・、友達ライブ出てたりするけどまぁうん。学祭にはいかないけど、昨日は(学祭中)図書館いって資料漁ってました。人全然いないのwwwww (‘A`)

 

なんでTwitterWidgetを非同期で表示とか

FEZなう!関係なんですけど、自分と同じ鯖のユーザーを表示できればそこで繋がりができるかなぁって思って、Postした時点で検索ワードを切り替えて、その鯖用のWidgetに更新できたらおもしろいなぁと思ったんで。

けど、あんまり資料が無くて、ついでに自分が色々わかってなくて結構時間食いました。Ust配信で色々な方に助言頂きましたが、なんとかできたのでそのコード上げておきます。もしなんかサイト作るときに、あー、このボタン押したときにWidgetが出ればなぁーーー!!みたいな事したくなったら思い出してください><

参考:Audia ツイッター・ウィジェットの非同期通信ダウンロード

コードとか

今回はFEZなう!で

  1. Postボタンをクリックした時に
  2. サーバーの情報を持ってきて
  3. サーチワードを切り替えてWidgetを再表示

みたいな感じにしようと思っていじってました。

$(document).ready(function() {
	// Twitterに投げるボタンのid
	$('a#twitterpost').click(function(){
		  $.getScript('http://widgets.twimg.com/j/2/widget.js', function() {
		  	
		  		// selectされてるサーバーのvalueを取得 A鯖なら”A”が入っている
		  		var world = $("select.world").val();
		  		// サーチワード用にチェンジ
				var searchword = '#' + world + 'feznow';
				// 鯖のタイトル変えたかったのでそこも変数に
				var changedtitle = 'FEZなう! ' + world + '鯖Twitterユーザー'; 
		  	
		    new TWTR.Widget({version : 2,
		    	id : 'twitter-block', // デフォルトでは存在し無いけど、id指定すればそこに突っ込めるみたい
		   		type : 'search',
				search : searchword,
				interval : 2000,
				title : changedtitle,
				subject : '',
				width : 200,
				height : 380,
				theme : {
					shell : {
						background : '#1f1f1f',
						color : '#ffffff'
					},
					tweets : {
						background : '#ffffff',
						color : '#2f2f2f',
						links : '#e0762f'
					}
				},
				features : {
					scrollbar : false,
					loop : true,
					live : true,
					hashtags : true,
					timestamp : false,
					avatars : true,
					toptweets : true,
					behavior : ''
				}}).render().start();
		});
	});
});

ちなみに、id:twitter-blockにはすでに別のTwitterWidgetが入ってます(サイズとかは一緒で、.clickイベントではなく(document).readyのタイミングで突っ込んでる)。

うむ、.getScript使ってやる感じでし。なるほど、始めは.load使ってidにデータ<script>内突っ込めば動かないかなぁとか思ったんですが、上手くいかなかったんですよね。

 

あと、今の段階ではあまり鯖ハッシュタグ使ってる人がいないのでぜんぜん機能してないです(笑) あとある程度固定化されてるからあんま関係ないのかもなぁと。ユーザー数増えたら面白くなると思うんだけど宣伝とかよくわからん・・・!まぁその辺はおいおい。

A鯖ユーザーだよ~みたいな画像をfadeで表示させようかなぁとは思ってます。あとはリアルタイムに今PostがあったFEZなう!を表示できたら最高・・・!ハッシュタグで華麗に実装できないものか。

 

まぁなんにせよ一つ関門突破できてよかった。ってことで終わりです・x・

FEZなう!

今週もまた忙しい週末を送ることになりそうなりっくんですこんにちは。まじでリアル充実、贅沢な悩みだが爆発しろ。

 

さて、FEZなう!について一度ちゃんと記事にしておこうと思います。

FEZなう!

FEZなう!というサービスを作りました。
http://feznow.net/

FantasyEarthZeroというゲームにログインしてるよ!ということをTwitterにつぶやくためだけのサイトです。

Server、Country、Charactor、Job、Fieldを入力してボタンを押すと

[  Ricck  ] – Aエル – 両手ヲリ >> 【首都】 #feznow http://feznow.net

こんな感じに整形されて一緒にFEZやってる人にログインしてるから入れよ!みたいなアピールができるというわけです!
現在はCookieにて戦場以外を記憶しておく機能があるので、開けば前回と同じ値を入力保持してくれてると思います。もし動かない人がいたら@riccknまで報告くれると嬉しいです。

できることといえばそのくらいで、あとは#feznowのハッシュタグを追って敵に入るとか面白いかもしれないですが、現状のユーザー数とかではむりですね・x・ すげー増えたらそういうのまとめるページがあっても面白いかもしれないですがw

前回の日記からデザインが一新していますが、数日前に更新して、現在の形になっております。またオレンジを使っちゃったぜ・・・へへっ
個人的にはそこそこまとまった形になったかなぁとは思いますが、どうでしょうね?w

今回もまた@hisohime先生にはお世話になりました。 最後の最後までありがとうございます><

 

ってことで後は保守してく感じになりそうです、あとは記入漏れチェックをするかも、程度ですね。でもわざとキャラ名を入れない みたいな使い方があるみたいで(想定してなかったのですが笑)そのへんはちょっと様子見かなぁとも。

とりあえず、FEZなう!をよろしくお願いします><

 

 

 

今#ponponpainな方はこんな場所でも#ponponpainしています。

位置情報を使ったぽんぽんぺいんサービスみたいなのをさっき友人と話してました。
その実態はぽんぽんぺいんのハッシュタグを追って、位置情報で半径2km、15分前後でぽんぽんぺいんしてる人全員にリプライを飛ばすみたいなサービスですねw

そもそも位置情報つかってぽんぽんぺいんしてる人が少なすぎて、なんてあほな考えなんだとも思いますけど、時間があったら面白いですかねこれw
Replyで

@xxx @xxx が<google map url> 付近でponponpainしています

みたいなw

またハッシュタグを荒らしそうな・・・、そしてReplyをもらう方はただうざいみたいなw
実現はしないかもしれないですが、考えてるのは面白いですね、次は何つくろう!

 

近状:久々の日記

そういえばずっと日記書いてないですねりっくんですこんにちわ。なんかいきなり空白できちゃいましたね、何もやってないとかそういうわけでもなく、毎日結構充実してるんですけど・・・。ってことで久々に日記書きます。

 

FEZなう!

FEZなう!ってサービスを作りました。

http://feznow.net/

FEZ仲間が手打ちで

[  ftmm  ] – Aエル – 大剣ヲリ >> 【エルギル高地】

みたいなつぶやきを手打ちでしてたのを見て、楽ちんにできたらなぁみたいな感じで作りました。 
けどかなり技術不足、というか完全な努力不足で色々進んでない感じです。まだまだ改良できると思うんで、もっと使いやすくしたいです><

学校始まった

学校が始まりました、前期の単位はまぁ大丈夫でした。