I aim to creator.

1. マウスで気になる要素を選択し、HTML/CSSソースを解析出来る
2. JavaScriptのエラーまた、リンクエラーを発見出来る
3. ページロード時に一番読み込みにかかったファイルを探せる
4. 直接HTML/CSSの編集が出来る

1. jQuery化
2. ボタンスタイルの変更が可能になりました。

1. 左上
2. 右上
3. 右下
4. 左下

jQuery( window ).keydown( function( event ) {

 if ( event.keyCode === 38 ) {//十字キー上を押されたら

  if ( $( "mmd:first" ).positionZ() > -9 ) {
   //mmdタグ1番目（ミク）のZ軸位置が-9より手前ならば500ミリ秒かけて現在位置より1だけ奥に進める
   $( "mmd:first" ).animate( { positionZ: "-=1" }, 500 );
  }

 }

} );

<p>〜</p>

<span>〜</span>

<br />

<hr>

<table>
 <tr>
  <td></td>
  <td></td>
 </tr>
</table>

構造系HTMLタグ

<div>〜</div>

1. Google+APIを使ってみたい方
2. 暇を持て余している方
3. PHPで大抵の事が出来る方
4. HTMLを普通に使える方
5. 幼女好きの方

https://www.googleapis.com/plus/v1/people/me/activities/public?key=キー

1. 投稿者名
2. 更新日
3. 投稿者アイコン画像URL
4. 共有のURL
5. 共有記事
6. コメント者の画像・名前
7. コメントテキスト

for($post=0; $post < 19; $post++){

for($i=0; $i < $comment_int; $i++){

https://www.googleapis.com/plus/v1/people/me/activities/public?pageToken=CKaEL&key=キー

実際に取得するソースを書いてみた。

$json = file_get_contents("https://www.googleapis.com/plus/v1/people/+福巳泉川ふっくん/activities/public?key=キー");
$json = mb_convert_encoding($json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');
$obj = json_decode($json, true);

    for($post=0; $post < 19; $post++){
        print '

';
        print '


';
        print '


';
        print '';
        print '


';
        print '


' . $obj['items'][$post]['actor']['displayName'] . '
';
        print '


' . $obj['items'][$post]['updated'] . '

';
        print '




';
        print '


' . $obj['items'][$post]['object']['content'] . '

';


        $comment_int = $obj['items'][$post]['object']['replies']['totalItems'];
        $comment_url = $obj['items'][$post]['object']['replies']['selfLink'];
        $data_fopen = file_get_contents($comment_url . '?key=AIzaSyCiQ3s4QvXcqHccwkw8rsXxDUNSYuZNmKc');
        $json_comment = mb_convert_encoding($data_fopen, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');
        $obj_comment = json_decode($json_comment, true);
        if($comment_int > 0){
            print '


';
            print '


';
            for($i=0; $i < $comment_int; $i++){
                print '';
                print '


';
                print '


' . $obj_comment['items'][$i]['actor']['displayName'] . '
';
                print '


' . $obj_comment['items'][$i]['object']['content'] . '
';
                print '




';

            }
            print '
';
        }
        print '
';
    }

body{ font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-size: 75%; color: #000000; margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{ margin: 0px; padding: 0px; }
ul{ list-style-type: none; }
.post_container{ margin-bottom: 25px; }
#google_widget{ padding: 5px; width: 500px; background-color: #FFFFFF; }
.widget_box{ padding: 5px 5px 10px; border-width: 1px; border-color: #F0F0F0; border-style: solid; }
.name, .time{ color: #999999; }
.profile_icon{ margin-right: 5px; float: left; height: 46px; width: 46px; }
.data{ padding-top: 5px; }
.float{ clear: right; }
.stream_text{ padding-bottom: 10px; }
.stream_comment{ padding: 5px; background-color: #F8F8F8; }
.use_icon{ margin-right: 10px; float: left; height: 28px; width: 28ox; }
.user_name{ font-weight: bold; line-height: 28px; height: 28px; }
.name a{ color: #4B4B4B; text-decoration: none; }
.name a:hover{ text-decoration: underline; }