facebook F8 で発表された２つの新機能、タイムライン・オープングラフと、最近リリースした４つの新機能まとめ

投稿日: 作成者:
1

この記事の所要時間： 約 4分55秒



今回のF8でfacebookの新機能２つがkeynoteで紹介されました。
タイムラインとオープングラフです。

F8 の keynote動画


それぞれと、あと最近リリースされた４つの機能
ティッカー、ニュースフィード統合、フレンドリスト、フィード購読
も、まとめておきます。

★timeline

これからのプロフィールページは、タイムライン表示となります。
今まではその人の最新投稿のウォールを見ていたが
時系列でその人の生涯の記録をビジュアル的に見やすく表示させます。

Timelineはこんな感じで表示されます。

http://www.facebook.com/mauekusa




タイムラインに表示されているコンテンツは、非表示にしたり日付の変更をしたり自由に編集することも出来ます。
また、Feature on Timelineの機能で大きく表示して目立たせることも出来ます。

現在、デベロッパーにのみ提供されています。
使ってみたいという方は、このブログに詳しくやり方が載っているので
参考にしてみたらいいかなと思います。
http://f.daccot.com/2011/09/23/9077/

ちなみに、Mobile用（スマートフォン）の画面も作ったそうです！素敵♪

★オープングラフ

いままで、「いいね！」ボタンがfacebookだけじゃなくて、Webページに色々付いていて
ボタンを押すとfacebookのニュースフィードに流れていく仕組みになっていたけど
今後は、3rd partyでも色々なアクションボタンを作ることが出来るようになるみたいです。
APIにはActionDefinisionとアクションを定義する仕組みになっているので
Likeの他にReadやListen、Watch、Cookとか言われていますが、
それ以外にも色々定義されていくようです。

たとえば、レシピサイトには、Cookボタンが配置されて
Cookボタンを押すとティッカー、ニュースフィード、タイムラインにそれぞれ表示されるようになります。
いままでは、フィードだけだったのが、ニュースフィードとは別の時間の流れの
ティッカーや、タイムラインが出来ることで目に触れる機会が増える気がします。

この動画を見ると、新しいSocialAppsのイメージが分かります。
見てるとワクワクしますね〜。


■ティッカー

友達の状況がリアルタイムに反映されているティッカー
画面の右上に流れているのがティッカーになります。

最近、facebookのソーシャルゲームをやると、ゲームだけフィルターされて
ティッカー表示されています。SocialAppsのカテゴリごとにフィルタされて
ティッカー表示される新しいAppsを発見できるのでいいですね〜

オープングラフのデータをフル活用するのが、このティッカーの役割かなと。
ティッカーが出来てからfacebookの中の時間の流れがTwitterに近づいた気がします。

■フレンドリスト

気がつくとHOMEの左側にリストが増えていて
親しい友達、家族などのリストが表示されるようになりました。
リストは前からあった機能ですが、HOME左側に常時出すことで
リストのメンバーだけ簡単に、コミュニケーションをとることが出来るようになりました。

たとえば、親しい友達のリストに追加して、近況のUPDATEを行うと
デフォルトで親しい友達だけ参照できるようにコメントに制限をかけているので
Google+のサークル内の人だけにメッセージの交換と同じような使い方ができそうです。
facebookからするとリストって機能もあるから活用してねってことなのかなと。

■ニュースフィード統合

ハイライト（EdgeRankによる重み付けされた記事）と、最新情報（最新のものから全て表示）の2種類あったが
１つに統合されました。ハイライトと最新記事の配分はユーザーのアクセス頻度から判断して調整されるそうです。

TOP Storyの機能を使うことで、自分の興味があうニュースフィードになっていきます。
「All Updates(全投稿）」「Most Updates(ほとんどの投稿）」「OnlyImportant(重要としたもののみ）」と
フィルタをかけて表示させる量を調整することも出来るようになりました。

ハイライトと最新記事の切り替えをやって見ていたのが
面倒だから統一して、TOP Storyで調整してねってことかなと。

■フィード購読

友達申請は5000人までが上限となっていて、それ以上の申請は承認できないようになります。
いままでは友達申請に承認されたものだけフィードに流れてきましたが
このフィード購読って機能を使うと、友達承認しなくても購読をしておくと
フィードに記事が流れてくるようになります。

フィードの購読は許可を行えば、申請しなくてもユーザーが自由に見ることが出来るので
いままでfacebookページとか作っていて情報を広範囲に流していた人は
良い機能なのかなと思います。フィードの購読者一覧も見えます。

■まとめ

facebookは、UIを含めてどんどん新しい機能をリリースしています。
はじめは画面が変わってビックリしたりするけど、そのうち慣れて
便利に感じてくるのかなぁと思っています。

この動画を見ると最近のリリースした機能を分かりやすく理解できます。


オープングラフはとても興味深い機能なので
APIも含めて調べてちょこちょこ作ってみようかなと思ってます。
調べたら、BLOGにまとめてみたいと思います。

The Sims Social をやってみました！

投稿日: 作成者:
返信

この記事の所要時間： 約 1分57秒


先日書いたんですが、FarmVilleを抜いて2位になって話題になっている
EAのTheSimsSocialという新しいソーシャルゲームをやってみました。

ゲームの内容は、ハコニワ系で自分の家を飾っていくような感じのソーシャルゲームです。



Zyngaと同じようにEnergy制になっていて、一定時間で行動が制限される仕組みになっています。
ちなみに今LV9になっていて、EnergyがMAX15です。5分で1つ回復するので
75分サイクルですね。

家の中で、パソコンを使ったり、電子レンジで料理をしたり
ギターで演奏をしたり、音楽で踊ったりと色々アクションができます。





アクションをするとXPが入ったりして特定アクションを繰り返していくと
スキルがあがる仕組みになっています。



あと、CityVilleとかと違うのは、家の中のGoodsがめちゃおおくて
家具や家電、水回りの用具など用意されています。



お金の種類が、Simoleons、SimCash、SocialPointsと3種類あって
それぞれで買えるアイテムが買えてあります。Cashはお金で買えて
SocialPointsは友達の家に行ってアクションを起こすともらえます。

Zyngaのゲームと違うのは、友達の家に遊びに行ったときでも
使用するEnergyの制限が無くて自分のEnergyを使って活動できるのが
ちょっと違うかなって感じがしますが、基本はクリックのソーシャルゲームなので
少しやればやり方は分かると思います。

SimsSocialが2位になるのは、やっぱり凝った家具などの家具の種類かなと。
FarmVilleとは違って種類が多いから人の家と違う感じに出来るのが
人数が増える理由の一つかなぁと。
あとは、FarmVilleとかよりも友達の家に行って多くのアクションを行うので
他の人と遊んでいる感じがより多くするのがいいのかなと。

しばらく様子を見ながらやってみたいと思います。
みなさんも息抜きにやってみたらどうでしょ？

TheSimsSocial
http://apps.facebook.com/thesimssocial/

Sims Social が Farm Villeを抜いて2位に。Zyngaの一人勝ちも終わり？

投稿日: 作成者:
1

この記事の所要時間： 約 2分5秒



EAから出ているTheSimsSocialが、ZyngaのFarmVilleを抜いて
2位になったという記事を見つけました。
http://d.hatena.ne.jp/gumilab+……1316576714

socialbakersを見ると2011/09/22のLastmonthのランキングでも
1位がCityVilleでDAU 12,968,991、2位がTheSimsSocialで11,299,942で
差も詰まってきてるじゃないですか！
http://www.socialbakers.com/fa……ry/8-games



いままで、facebookのsocial gameはZyngaの一人勝ちが続いてきてたけど
それも陰りが見えてきた？と言うよりも新しいのが出てきたって事だと思うけど＾＾
ちなみに、TheSimsSocialは、Simsのソーシャルゲーム版で
まあ、ハコニワ系かな。友達の家に遊びに行って仲良くなったり
自分の家にアイテムを置いて飾ったり出来るので
CityVille/FarmVilleと同じ系統なんだけど、まあ家って事で見た目が違うかなと
ゲームの内容自体は、今度レビューを別の機会に書いてみたいと思います。

Zyngaは、3ヶ月ぐらいの間隔で新しいゲーム出してるので
上位5位を見ても、CityVille、FarmVille、Empires&Allies、TexasHoldEmPokerと
TheSimsSocial以外はZyngaのタイトルで埋まっていて、これからも
新しいCityVille系のが出れば10位には確実に入ってくるのかなぁと。

EAもTheSimsSocialでガッツリ人を集められているので
FarmVille→CityVilleのように、ゲーム内で誘導をかければ
EAから新しいゲームがリリースされても人数を集めるのは強いかも。
まあ、それよりも面白いソーシャルゲームが作れるかってのが問題だけど＾＾

個人的には、Mafia Wars 系で、新しいゲームがEAでないかなぁ。
まあ、3ヶ月はTheSimsSocialで引っ張ると思うけど〜

ということで、EAのTheSimsSocialをしばらく見てみようと思います。
当然、Playもしてみます＾＾

WordPress 関連記事の表示方法

投稿日: 作成者:
返信

この記事の所要時間： 約 0分59秒


ちょっと前に、インストールしたプラグイン30個を紹介しましたが
その１つに、Similar Postsって関連記事を表示出来るプラグインを入れたんですが
なんと！表示されてませんでしたｗ
正確に言うと、設定されてなかった…

ということで、改めて設定しました。
Similar Postsのプラグインを入れると設定に表示されるようになるので
Placement の設定項目で、Output after post:をYESにすれば
関連記事が表示されるようになります。
ちなみにパラメータは、こんな感じで設定しました。

 prefix=<br /><h2>関連記事:</h2><div  class="similar-posts">&suffix=</div>





ということで、関連記事が表示されるようになりました
めでたしめでたし。

Similar Postsプラグイン
http://wordpress.org/extend/pl……lar-posts/
一緒に必要なプラグイン
http://wordpress.org/extend/pl……n-library/

HTML5 の新機能 WebStorageAPI

投稿日: 作成者:
返信

この記事の所要時間： 約 5分18秒


前回、前々回とHTML5の新機能の話をしました。
前回は、スマートフォンが圏外でもコンテンツが見えるキャッシュマニフェスト
前々回は、HTML5の新要素のについてまとめました。
今回は、WebStorageAPIについてまとめてみます。

WebStorageはデータが保存できるようになります。
いままでは、データを保存するのに、Cookieなどを使用していましたが
Cookieは4kByteしか使えない、使用できる数はドメインごとに300程度
必ずサーバ通信が発生するという制限がありました。
また、Cookieでは有効期限も設定出来ました。

HTML5で新登場したWebStorageの特徴は
・容量が5MByte
・テキストのみ保存可能
・サーバー通信なし
・キー名と値のペアでデータ保存
って感じです。

まあ、Cookiが良いとかWebStorageが良いとかいうんじゃなくて
用途によって新しい方法が増えたって感じです。

WebStorageAPIは、データ保存が異なる2種類があります
・LocalStorage
・SessionStorage
LocalStorageは、データの保存期間が無制限です。
SessionStorageは、Webブラウザを閉じるまでデータが保存されています。

使い方はすごいシンプルで

localStorage.setItem("keys", value);


keysのキー名で、valueが保存されます。

データを取得するときは

data = localStorage.getItem("keys");


で、keysに保存されたデータを取得することができます。

関連する関数一覧を作ってみました。

こんな感じです。

ローカルストレージにデータを保存・取得する
サンプルを作ってみました！

サンプル デモ

サンプル ソース

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

<!DOCTYPE HTML>
<head>
<meta charset=UTF-8>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"> 
<link rel="stylesheet" href="hello.css"> 
<title>localStorage</title>
	<script type="text/javascript" src="jquery.min.js"></script>	
	<script type="text/javascript"> 
		$(function() {
		    $('#nameForm').submit(function() {
		        if ($('#data1').val() != '') {
		        	localStorage.setItem('data1', $('#data1').val());
		        }
		        if ($('#data2').val() != '') {
				localStorage.setItem('data2', $('#data2').val());
		        }
		    });
		});
 
		$(document).ready(function(){
		    // データ読み込み
		    var data1 = localStorage.getItem('data1');
		    var data2 = localStorage.getItem('data2');
		    if(data1 != null || data2 != null){
		    	$('#navigator-online').html("前回データ<br /> data1:"+data1+"<br /> data2:"+data2+"<br />");
		    }
	        $("#cl").click(function(){
				// 全データクリア
				localStorage.clear();
	        });
	        $("#cl1").click(function(){
				// data1削除
				localStorage.removeItem('data1');
	        });
	        $("#cl2").click(function(){
				// data2削除
				localStorage.removeItem('data2');
	        });
		});
 
	</script> 
</head>
<body>
<h1>HTML5 <br />localStorage テスト<br /></h1>
<form id="nameForm">
   <p id="navigator-online">データを入力して保存を押すとlocalStorageに保存されます。</p>
   data1:<input type="text" name="data1" id="data1" /><br />
   data2:<input type="text" name="data2" id="data2" />
   <input type="submit" value="保存" /><br /><br />
   <input type="button" id="cl" value="全データクリア" />
   <input type="button" id="cl1" value="data1削除" />
   <input type="button" id="cl2" value="data2削除" />
</form>
</body>



ちなみに、こんな感じで書いても動くみたい…。

localStorage.setItem('data1', $('#data1').val());
localStorage['data1'] = $('#data1').val();
 
var data1 = localStorage.getItem('data1');
var data1 = localStorage['data1'];
 
localStorage.removeItem('data1'); 
delete localStorage['data1'];



localStorageの注意点は、ドメインごとで管理されているので
ホスティングされている共通ドメインのサービスとかで
clear()を使うとドメイン内の全部のデータが消えてしまうので
注意が必要です。ホスティングとかだとremoveItemsで
明示的に消した方がいいです。

ちょっとした保存するデータ。たとえばサービスのオプション設定とかは
DB使わなくても、localStorageで十分かもしれない。

あと、前回の記事で書いたキャッシュマニフェストとlocalStorageの組み合わせで
オフライン（圏外）の時にも表示出来るサイトも作成出来るし
localStorageにXMLやJSONデータを先読みしておけば
プリフェッチ機能として利用でき、サイトを高速に表示しているように出来るし
便利な機能だと思います。

今後は、WebStorageAPIも活用していこうと思います。

過去記事：
　HTML5/CSS3の新しい機能
　HTML5新機能　キャッシュマニフェスト

HTML5新機能　キャッシュマニフェスト

投稿日: 作成者:
1

この記事の所要時間： 約 4分53秒


前回は、新しい要素の追加について書きました。前回記事
今回は、キャッシュマニフェストについて書きたいと思います。
HTML5の新機能というか、キャッシュ機能は前からあったと思うのですが
まあ、HTML5で CACHE MANIFESTの紹介がたくさん載っているので
新機能でも良いかなとｗ

キャッシュマニフェストは、HTML、JS、CSS、画像などのファイルを
PC側にキャッシュとしてもって次回の表示を速くしたり、
オフライン（スマートフォンだと圏外）でも表示してくれる機能です。
圏外で表示が出来るなんて、スマートフォンには必須の機能な気がします。

設定の仕方は、
１．apacheにmime追加
２．キャッシュマニフェストファイル作成
３．HTMLへキャッシュマニフェストの利用設定
ってな感じで、そんなに難しくありません。
簡単に手順をメモっておきます。

１．apacheにmime追加

mimeの追加の方法は2つあります。
httpd.confに直接各方法と、.htaccessに記述する方法

下記の1行を.htaccessに記述して
公開するフォルダにファイルをおいておきます。

AddType text/cache-manifest .manifest



２．キャッシュマニフェストファイル作成


1
2
3
4
5
6
7
8

CACHE MANIFEST
# version 1.0  2011.09.13-07
 
CACHE:
hello.html
hello.css
banana.gif
jquery.min.js


.manifestファイルを作成します。
#がコメント行になります。

このキャッシュマニフェストファイルを更新しないと
HTMLなどのコンテンツを更新しても反映されないので
コメント行をつけて、Version管理などをして
HTMLファイルを更新したときにVersionを変えて
HTMLを反映させます。

キャッシュマニフェストファイルを更新しないと
HTMLが更新されないんです＾＾


３．HTMLへキャッシュマニフェストの利用設定


HTMLファイルに、先ほど作成したマニフェストファイルを指定します。

<html manifest="hello.manifest">


作ったHTMLのサンプルを載せておきます。
ポイントは、HTML宣言の次の行にキャッシュマニフェストの指定をすること
何気にハマッたんですが、metaタグの後とかに書くと
キャッシュマニフェスト効かなかったりします＾＾
一番最初に宣言するのがいいですね。
（まあ、キャッシュ宣言なんだから当然といえば当然だけど…）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<!DOCTYPE HTML>
<html manifest="hello.manifest">
<head>
<meta charset=UTF-8>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"> 
<link rel="stylesheet" href="hello.css"> 
<title>タイトル</title>
	<script type="text/javascript" src="jquery.min.js"></script>	
	<script type="text/javascript"> 
      (function($) {
        $(function() {
          if(!("applicationCache" in window)) {
            alert('ApplicationCache is not supported in this browser.');
            return;
          }
          $(applicationCache).bind('updateready', function() {
            applicationCache.update();
            applicationCache.swapCache();
          });
          if(applicationCache.status == applicationCache.UPDATEREADY) {
            applicationCache.update();
            applicationCache.swapCache();
          }
          $('#navigator-online').html(navigator.onLine ? 'online' : 'offline');
        });
      })(jQuery);	
	</script> 
</head>
<body>
<style>p{color: red;}</style>
<p>HTML5 <br />CACHE MANIFEST テスト<br />
	<img src="banana.gif"><br>
	<a href="hello2.html">hello2 リンクテスト</a><br />
	リンク先もキャッシュが効きます。
<p id="navigator-online"></p>
</p>
</body>



実際の動きはこっちで
　デモ
実は、見ても変化がないので、何じゃって感じですが
1回参照したら、後はオフラインにしても見えます！
PCだったらLANを抜くとか無線を切るとか、スマホだったらフライトモードに。

こんな感じの画面になります。
フライトモードでも見えてるよ♪


キャッシュファイルの確認もブラウザだと出来ます。
chromeだとコマンドをURLに指定すればキャッシュファイルが表示されます。

about:appcache-internals



こんな感じでキャッシュファイルが確認できます
キャッシュの削除を意図的にすることも出来ます。


これで、オフラインでも見える便利なサイトが完成です。
スマートフォンでは非常に有効な機能かなと。
たとえば、イントラのナレッジDBを参照したりとか
アドレス帳を作っておいてクリックしたら電話がかかるとか
頻繁に更新されないコンテンツには最適ですね。

次回は、localStorage機能をまとめてみたいと思います。

前回記事：
　 http://blog.bot.vc/2011/09/html5css3new/

HTML5/CSS3の新しい機能

投稿日: 作成者:
2

この記事の所要時間： 約 2分20秒




HTML5/CSS3の記事や書籍が多くなってきた気がする。
Wikipediaによると、2008年にドラフトが発表されて
2014年まで正式勧告を目指しているそうです。

HTML5/CSS3で書かれているサイトも
最近は結構増えてきたなぁと思ってます。
appleとかローソンとかはHTML5で書かれてますね〜

apple.com
http://www.apple.com/


ローソン
http://www.lawson.co.jp/


ちなみに、chromeであれば、HTML5Detectorを
使えればHTML5で記述されているか簡単にチェックできます。

HTML5で新しいなぁと思う機能は
この３つかなと。

１．新しい要素の追加
２．キャッシュマニフェスト
３．WebStorage

とりあえず、今日は１．の新しい要素の追加について
まとめてみます。



実際はこんな感じで動きます。

search:

tel:

url:

email:

file:

number:

range:

color:

datetime:

date:

month:

week:

time:

datetime-local:


progress:50%

meter:75%


コード

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

search:<input type="search"/><br/>
tel:<input type="tel"/><br/>
url:<input type="url"/><br/>
email:<input type="email"/><br/>
file:<input type="file"/><br/>
number:<input type="number"/><br/>
range:<input type="range"/><br/>
color:<input type="color"/><br/>
datetime:<input type="datetime"/><br/>
date:<input type="date"/><br/>
month:<input type="month"/><br/>
week:<input type="week"/><br/>
time:<input type="time"/><br/>
datetime-local:<input type="datetime-local"/><br/>
<input type="submit" value="送信">
<hr>
progress:<progress max="50">50%</progress><br/>
meter:<meter value="75" min="0" max="100">75%</meter><br/>



こんな感じに新要素が使えます。
まだまだ、ブラウザが対応していないので
chromeとかでもcolorとかdateとかで
カラーダイヤログやカレンダーが表示されない感じですが
入力チェックは動いているみたい。これから対応されるのが楽しみです。
しばらくは、jqueryで頑張るしかないかな。

次は、キャッシュマニフェストについて調べてまとめてみます。
オフラインでもWebが使えるので非常に気になっている機能です

参考URL

HTML5 要素
http://www.html5.jp/tag/elemen……index.html

Wikipedia：HTML5
http://ja.wikipedia.org/wiki/HTML5

Chrome extensions HTML5Detector
http://www.html5.jp/library/ht……ector.html

WordPress スタイルの変更

投稿日: 作成者:
返信

この記事の所要時間： 約 3分13秒



記事タイトルとか、Widgetのタイトルとかを
CSS3を使って変更しました！

最近は、文字に影を付けたり
角丸のBOXにしたりをCSS3で簡単にすることが
出来るようになりました！

特に、スマートフォンにはHTML5/CSS3は有効みたいです。
スマートフォン用のCSS3の話は、また今度にするとして
今回は、WordPressに設定したCSS3をメモで残しておきます。

今回変更したのは
BLOGタイトル
記事タイトル
Widgetタイトル
検索BOX
を変えてみたよん。

実際には、style.cssを書き換えた程度
/wp-content/themes/[使っているテーマ]/style.css です。


BLOGタイトル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.entry-title {
	clear: both;
	color: #222;
	text-shadow: 1px 1px 1px #999;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
 
	border-style: none none none solid; 
	border-color: #3399cc; 
	border-width: 1px 1px 1px 5px; 
	padding: 5px 10px; 
	margin-bottom: 1em; 
	background-color: transparent; 
}



このスタイルで影を付けています。
text-shadow: 1px 1px 1px #999;

Widgetタイトルの角丸は

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

.widget-title {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
	border-style: solid; 
	border-color: -moz-use-text-color -moz-use-text-color #3399cc; 
	border-width: 1px 1px 1px 1px;  
	margin-bottom: 1em; 
	background-color: #f2f2f2; 
	padding: 0px 10px; 
	border-color: #ddd;
	border-radius: 7px;
}



このスタイルでタイトルの背景を角丸にしてます。
border-radius: 7px;

同じ感じで、検索窓とか
記事タイトルも変更しています。

参考になれば☆

追記

サブタイトルについても変更してみました。

<h2>サブタイトル</h2>


こんな感じで指定するとスタイルが変更されるようにCSSに記載を追記しました。

1
2
3
4
5
6
7
8
9

.entry-content h2 {
	font-size: 20px;
	border-style: none none solid solid;
	border-color: #ccc; 
	border-width: 1px 1px 1px 5px; 
	padding: 5px 10px; 
	margin-bottom: 1em; 
	background-color: transparent; 	
}



良い感じで表示されるようになりました〜

Zyngaの新ゲーム、Adventure Worldをやってみたよ。

投稿日: 作成者:
返信

この記事の所要時間： 約 3分22秒

AdventureWorld

AdventureWorld



Adventure WorldってZnyngaの最新ゲームがリリースされたので
早速やってみましたっ。

AdventureWorld
http://apps.facebook.com/playa……tureworld/

今回のソーシャルゲーは、冒険が舞台でCityVilleやEmpires&Alliesのような
同じ場所で領地を広げて建物を建てるのではなく
マップがあって、そこを冒険して進めていくようなゲームです。

AdventureWorld画面

AdventureWorld画面



しかも、今回は日本語対応されてるじゃないですか！
っていっても、怪しい日本語だけどｗ
おっかけで日本語訳をしているので、早く進むと
日本語じゃなくなります＾＾

はじめは２つのステージの冒険を進めていきます。
迷路みたいになっているんだけど、ほとんど一本道なので
草をクリックしながら道を確保して進めていくと
ステージ１、２はクリア出来ます。

ステージ２

ステージ２



途中罠とかあって、解除したりとか
まあ、良くあるパズルゲーっぽくなってます。

罠が解除できる

罠が解除できる



２つクリアするとベースキャンプってところに行けます。
ここが自分の家みたいなもので、武器を強くしたり
FarmVilleのような要素もあって、DigSiteを作ると
一定時間でお金が取れる仕組みになっています。

ベースキャンプ

ベースキャンプ



その後の冒険は、右下の世界地図から行けて
冒険によって制限時間が決まっているようです。
はじめのステージは３日だったけど、次のステージは1日。

ステージが進むごとに、パズルのような要素が出てきます。
トレジャートレイルの最後には、順番にクリックしないと
進めないパズルがついていました。

パズル

パズル



日本語化が早いから、もしかすると日本でも流行るかも？
ソーシャルゲームは、いままでやってきた経験から言うと
友達がたくさんいる方が有利になるし、最近の作りだと
友達がある程度いないと進まないって作りになっているので
私の周りの人が何人やるかな？ってのが勝負かなと。

とりあえず、様子見ながらやってみます。
ということで、新しいZyngaゲームが出てので
Empires&Alliesは凍結かなとｗ

それにしても、Zyngaはゲームに飽きたなぁってタイミングで
新しいゲームを出してくる。3ヶ月ぐらいじゃないのかな？
すごいサイクルで開発してるな。
ちなみに、Empires&AlliesとAdventureWorldの間に
PioneerTrailってのがあった気がする。あんまりやらなかったけど＾＾

ゲームプレイ画面がYoutubeにあったので、
どんなものなのか興味がある人は参考まで〜


WordPressの固定ページ便利♪

投稿日: 作成者:
返信

この記事の所要時間： 約 1分42秒

bot list

bot list



最近、企業ページもWordPressで管理するところが出てきていて
どうやっているのかなぁ、って不思議だったけど
WordPressを入れてみて、おっ便利じゃんって思った。

WordPressは、昔使ってたMovable Typeと違って
固定ページを作成するってメニューがあって
しかも、メニューに対応するテーマを設定すれば
ページのメニューもWordPress内で管理できる！

やり方は、まず表示させる固定ページを作成
そのあと、外観→メニューでメニューを作っていけば
トップページなどのメニューが更新されます。

メニュー

メニュー



メニューには、固定ページとかカスタムリンク、カテゴリーが選べます。
カスタムリンクは、普通にHTMLで作ったページなどを
メニューを選択されたらリンクで飛ばすイメージ。
カテゴリーは、登録した記事のカテゴリでフィルタして一覧表示ってやつかな。

BLOGだけじゃないから、WordPressは最近人気なんだね。

で、bot一覧も固定ページに作ってみました。
でもHTMLで前に作ったページがあるので
iframeで指定して表示しました

1

<iframe src="http://bot.vc/" scrolling="”no”" width="920" height="3000"></iframe>



こんな感じで…
でもこれだと左側に余白が出来ちゃう（タイトルのレイアウトにあう）ので
こんな感じで無理矢理タグ入れて左側に合わせて表示させました。
結構力業だったりするｗ

1
2
3

</div>
<iframe src="http://bot.vc/" scrolling="”no”" width="920" height="3000"></iframe>
<div>



企業のページは、WordPressで管理しましょうって、多くなってきてるんだろうなぁ〜
って実感した機能でした♪