![Grow!ボタン
➡こっちの方が良いよね。
<span itemscope itemref="rectangle" itemtype="http://
growbutton.com/ns#button">
<span itemprop="url">[URL]</span>
<span itemprop="title">[Title]</span>
<span itemprop="image">[Image]</span>
</span>](https://image.slidesharecdn.com/growhtml527-120313041917-phpapp01/85/HTML5-7-320.jpg)
HTML5勉強会 ライトニングトーク資料
- 1. オレオレ拡張はやめて、 マイクロデータ 使って行きましょう! Social Tipping Platform http://growbutton.com Grow! inc. Jun Takeno
- 3. likeボタン xhtmlの時代 Likeボタンのソースって？ <fb:like href="http://growbutton.com" send="true" width="450" show_faces="true"></ fb:like>
- 4. likeボタン html5対応版 Likeボタンのソースって？ (Custom Data Attribute) <div class="fb-like" data-href="http:// growbutton.com" data-send="true" data- width="450" data-show-faces="true"></div>
- 5. ちなみにTweetボタン Tweetボタン Custom Data Attribute <a href="https://twitter.com/share" class="twitter-share-button" data- url="http://growbutton.com/yamitake" data-text="Grow! Me!" data- via="GrowBt" data-related="yamitake" data-hashtags="GrowBt">Tweet</a>
- 7. Grow!ボタン ➡こっちの方が良いよね。 <span itemscope itemref="rectangle" itemtype="http:// growbutton.com/ns#button"> <span itemprop="url">[URL]</span> <span itemprop="title">[Title]</span> <span itemprop="image">[Image]</span> </span>
- 8. マイクロデータのメリット 1.検索エンジンにmetaデータを拾ってもらえる。 2.１ページ内に複数のデータを定義できる。 1.Open Graphだと単一な物になってしまう。 2.html metaデータも同様 3.みんなが統一するとみんな幸せ。
- 9. Google +1 ボタンはちゃんとしてるよ！ 1.マイクロデータを参照(google推奨) 2.Open Graphを使用する 3.htmlのmetaタグ 4.googleにお任せ
- 10. Grow!ボタンの宣伝! ※Grow!社はweb標準を推奨します. http://yamitake.github.com/
- 11. Grow!は既に800万コンテンツを マイクロデータでmeta化してきました。 これってすごくないですか？ マイクロデータ使って行きましょう! Social Tipping Platform http://growbutton.com THANK YOU FOR YOUR KIND ATTENTION.
Editor's Notes
- #2: &#x521D;&#x3081;&#x307E;&#x3057;&#x3066;Grow!&#x306E;&#x7AF9;&#x91CE;&#x3067;&#x3059;&#x3002;\n&#x300C;&#x30AA;&#x30EC;&#x30AA;&#x30EC;&#x62E1;&#x5F35;&#x306F;&#x3084;&#x3081;&#x3066;&#x3001;&#x30DE;&#x30A4;&#x30AF;&#x30ED;&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x884C;&#x304D;&#x307E;&#x3057;&#x3087;&#x3046;&#xFF01;&#x300D;\n&#x3068;&#x3044;&#x3046;&#x30BF;&#x30A4;&#x30C8;&#x30EB;&#x3067;&#x30E9;&#x30A4;&#x30C8;&#x30CB;&#x30F3;&#x30B0;&#x30C8;&#x30FC;&#x30AF;&#x3055;&#x305B;&#x3066;&#x9802;&#x304D;&#x307E;&#x3059;&#x3002;\n&#x3088;&#x308D;&#x3057;&#x304F;&#x304A;&#x9858;&#x3044;&#x3057;&#x307E;&#x3059;&#x3002;\n&#x4ECA;&#x65E5;&#x306F;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x304C;&#x30C6;&#x30FC;&#x30DE;&#x3063;&#x3066;&#x3044;&#x3046;&#x3053;&#x3068;&#x306A;&#x3093;&#x3067;&#x3059;&#x3051;&#x3069;&#x3001;\n&#x7533;&#x3057;&#x8A33;&#x306A;&#x304F;&#x30DE;&#x30A4;&#x30AF;&#x30ED;&#x30C7;&#x30FC;&#x30BF;&#x306E;&#x8A71;&#x3092;&#x3057;&#x307E;&#x3059;&#x3002;\n
- #3: &#x30A6;&#x30A7;&#x30D6;&#x306E;&#x30BD;&#x30FC;&#x30B7;&#x30E3;&#x30EB;&#x30DC;&#x30BF;&#x30F3;&#x3063;&#x3066;&#x305F;&#x304F;&#x3055;&#x3093;&#x3042;&#x308A;&#x307E;&#x3059;&#x3002;\n&#x3053;&#x308C;&#x3089;&#x306E;&#x30BD;&#x30FC;&#x30B7;&#x30E3;&#x30EB;&#x30DC;&#x30BF;&#x30F3;&#x306E;&#x30BD;&#x30FC;&#x30B9;&#x3092;&#x8997;&#x3044;&#x3066;&#x884C;&#x304D;&#x307E;&#x3059;&#x3002;\n
- #4: facebook&#x5BFE;&#x5FDC;&#x3059;&#x308B;&#x524D;&#x306E;facebook&#x306E;&#x30A4;&#x30A4;&#x30CD;&#x30DC;&#x30BF;&#x30F3;&#x306E;&#x30BD;&#x30FC;&#x30B9;&#x3067;&#x3059;&#x3002;\nfb&#x3063;&#x3066;&#x3044;&#x3046;&#x30BF;&#x30B0;&#x3092;&#x52DD;&#x624B;&#x306B;&#x5BA3;&#x8A00;&#x3057;&#x3066;js&#x3067;&#x30EC;&#x30F3;&#x30C0;&#x30EA;&#x30F3;&#x30B0;&#x3059;&#x308B;&#x969B;&#x306B;&#x300C;&#x30A4;&#x30A4;&#x30CD;&#x300D;&#x30DC;&#x30BF;&#x30F3;&#x3092;&#x30EC;&#x30F3;&#x30C0;&#x30EA;&#x30F3;&#x30B0;&#x3059;&#x308B;&#x3088;&#x3046;&#x306B;&#x306A;&#x3063;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3053;&#x308C;&#x3063;&#x3066;&#x3001;html&#x7684;&#x306B;&#x3044;&#x3046;&#x3068;&#x5168;&#x304F;&#x6A19;&#x6E96;&#x5316;&#x3055;&#x308C;&#x3066;&#x3044;&#x306A;&#x304F;&#x3066;&#x6C5A;&#x3044;&#x72B6;&#x614B;&#x3067;&#x3059;&#x3002;\n\n\n\n
- #5: &#x305D;&#x3053;&#x3067;&#x3001;&#x6700;&#x8FD1;&#x3002;&#x3002;&#x3002;&#x3067;&#x3082;&#x306A;&#x3044;&#x3067;&#x3059;&#x3051;&#x3069;&#x3001;\nfacebook&#x306F;html5&#x5BFE;&#x5FDC;&#x3057;&#x305F;&#x7248;&#x306E;&#x300C;&#x30A4;&#x30A4;&#x30CD;&#x300D;&#x30DC;&#x30BF;&#x30F3;&#x3082;&#x63D0;&#x4F9B;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x4ECA;&#x5EA6;&#x306F;&#x30AB;&#x30B9;&#x30BF;&#x30E0;&#x5C5E;&#x6027;&#x300C;data-xxxx&#x300D;&#x306E;&#x5F62;&#x5F0F;&#x306B;&#x3059;&#x308B;&#x3053;&#x3068;&#x306B;&#x3088;&#x308A;&#x3001;\n&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x5B9A;&#x7FA9;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;&#x3053;&#x308C;&#x306F;html5&#x6E96;&#x62E0;&#x3068;&#x8A00;&#x3048;&#x307E;&#x3059;&#x3002;\n\n&#x3061;&#x306A;&#x307F;&#x306B;twitter&#x3082;&#x3001;&#x3001;&#x3001;&#x3001;&#x3001;\n
- #6: twitter&#x3082;&#x30AB;&#x30B9;&#x30BF;&#x30E0;&#x5C5E;&#x6027;&#x3092;&#x4F7F;&#x3046;&#x3053;&#x3068;&#x306B;&#x3088;&#x3063;&#x3066;Tweet&#x30DC;&#x30BF;&#x30F3;&#x3092;&#x8868;&#x73FE;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n\n&#x3067;&#x3082;&#x3002;&#x3002;&#x3002;&#x3002;\n
- #7: &#x30AB;&#x30B9;&#x30BF;&#x30E0;&#x5C5E;&#x6027;&#x3092;&#x4F7F;&#x3046;&#x3053;&#x3068;&#x306B;&#x3088;&#x308A;&#x3001;html5&#x306E;&#x6A19;&#x6E96;&#x306B;&#x306F;&#x6E96;&#x62E0;&#x3057;&#x3066;&#x3044;&#x308B;&#x3051;&#x3069;&#x3001;\n&#x305D;&#x308C;&#x3063;&#x3066;&#x81EA;&#x5206;&#x304C;&#x3084;&#x308A;&#x305F;&#x3044;&#x3088;&#x3046;&#x306B;&#x5BA3;&#x8A00;&#x3057;&#x3066;&#x3044;&#x308B;&#x304B;&#x3089;&#x3001;&#x691C;&#x7D22;&#x30A8;&#x30F3;&#x30B8;&#x30F3;&#x3068;&#x304B;&#x306F;&#x305D;&#x306E;&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x6D3B;&#x7528;&#x304C;&#x3067;&#x304D;&#x3066;&#x3044;&#x306A;&#x3044;&#x3067;&#x3059;&#x3002;\n\n&#x305D;&#x3053;&#x3067;&#x3053;&#x3046;&#x3044;&#x3046;&#x66F8;&#x304D;&#x65B9;&#x3092;&#x3057;&#x305F;&#x3089;\n
- #8: &#x3053;&#x3063;&#x3061;&#x306E;&#x65B9;&#x304C;&#x3044;&#x3044;&#x3067;&#x3059;&#x3088;&#x306D;&#xFF1F;\n&#x3053;&#x308C;&#x306F;Grow!&#x30DC;&#x30BF;&#x30F3;&#x3063;&#x3066;&#x3044;&#x3046;&#x30DC;&#x30BF;&#x30F3;&#x306E;&#x30BD;&#x30FC;&#x30B9;&#x306A;&#x306E;&#x3067;&#x3059;&#x304C;&#x3001;\nitemtype&#x3092;&#x5B9A;&#x7FA9;&#x3059;&#x308B;&#x3053;&#x3068;&#x30D5;&#x30A9;&#x30FC;&#x30DE;&#x30C3;&#x30C8;&#x3092;&#x6C7A;&#x3081;&#x3066;&#x3001;\n&#x305D;&#x306E;&#x4E2D;&#x306B;&#x5C5E;&#x6027;&#x3092;&#x5B9A;&#x7FA9;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n\n&#x3053;&#x308C;&#x306E;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#x3068;&#x3057;&#x307E;&#x3057;&#x3066;&#x306F;,,,,\n\n\n
- #9: &#x691C;&#x7D22;&#x30A8;&#x30F3;&#x30B8;&#x30F3;&#x306B;meta&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x62FE;&#x3063;&#x3066;&#x3082;&#x3089;&#x3044;&#x3084;&#x3059;&#x304F;&#x306A;&#x308B;&#x3002;\n&#x30DE;&#x30A4;&#x30AF;&#x30ED;&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x3082;&#x3068;&#x306B;\nGoogle&#x3001;Yahoo!&#x3001;Microsoft&#x3000;3&#x793E;&#x304C;&#x5171;&#x540C;&#x3067;&#x30BB;&#x30DE;&#x30F3;&#x30C6;&#x30A3;&#x30C3;&#x30AF;&#x30A6;&#x30A7;&#x30D6;&#x3092;&#x5C0E;&#x5165;&#x3057;&#x3084;&#x3059;&#x3044;&#x74B0;&#x5883;&#x4F5C;&#x308A;&#x306B;&#x53D6;&#x308A;&#x7D44;&#x3093;&#x3067;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x30DE;&#x30A4;&#x30AF;&#x30ED;&#x30C7;&#x30FC;&#x30BF;&#x306E;&#x30B5;&#x30DD;&#x30FC;&#x30C8;&#x3082;&#x59CB;&#x3081;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;&#x691C;&#x7D22;&#x30A8;&#x30F3;&#x30B8;&#x30F3;&#x306B;&#x3082;&#x610F;&#x5473;&#x3092;&#x4F1D;&#x3048;&#x3084;&#x3059;&#x3044;&#x3002;\n\nfacebook&#x306E;Open Graph&#x306B;&#x30A2;&#x30C9;&#x30EC;&#x30B9;&#x3092;&#x5F35;&#x3063;&#x305F;&#x5834;&#x5408;&#x306B;&#x306F;&#x3001;&#xFF11;&#x30DA;&#x30FC;&#x30B8;&#x306B;&#x5BFE;&#x3057;&#x3066;&#xFF11;&#x3064;&#x3067;&#x3059;&#x3002;\n&#xFF11;&#x30DA;&#x30FC;&#x30B8;&#x306B;&#x8907;&#x6570;&#x306E;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x3042;&#x3063;&#x305F;&#x5834;&#x5408;&#x306B;&#x7406;&#x89E3;&#x3055;&#x305B;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x306A;&#x3044;&#x3002;\n\nhtml&#x306E;meta&#x30C7;&#x30FC;&#x30BF;&#x3082;head&#x30BF;&#x30B0;&#x306B;&#x8868;&#x793A;&#x3059;&#x308B;&#x7269;&#x306B;&#x5BFE;&#x3057;&#x3066;&#x306A;&#x306E;&#x3067;&#x3001;&#x30A4;&#x30A4;&#x30CD;&#x3055;&#x308C;&#x305F;&#x6642;&#x306B;&#x6B63;&#x3057;&#x3044;&#x30C7;&#x30FC;&#x30BF;&#x304C;&#x3068;&#x308C;&#x306A;&#x3044;&#x53EF;&#x80FD;&#x6027;&#x3082;&#x3042;&#x308B;&#x3002;\n\n&#x5148;&#x307B;&#x3069;&#x3082;&#x8A71;&#x306B;&#x3042;&#x308A;&#x307E;&#x3057;&#x305F;&#x304C;&#x3001;Google,Yahoo&#x3068;&#x304B;&#x304C;&#x30DE;&#x30A4;&#x30AF;&#x30ED;&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x3082;&#x3068;&#x306B;&#x30BB;&#x30DE;&#x30F3;&#x30C6;&#x30A3;&#x30C3;&#x30AF;&#x30A6;&#x30A7;&#x30D6;&#x306B;&#x8FD1;&#x3065;&#x3051;&#x3088;&#x3046;&#x3068;&#x9811;&#x5F35;&#x3063;&#x3066;&#x3044;&#x308B;&#x306E;&#x3067;&#x3001;\n&#x30DE;&#x30A4;&#x30AF;&#x30ED;&#x30C7;&#x30FC;&#x30BF;&#x3067;meta&#x60C5;&#x5831;&#x3092;&#x8A18;&#x8FF0;&#x3057;&#x3066;&#x304A;&#x304F;&#x3068;&#x307F;&#x3093;&#x306A;&#x304C;&#x5E78;&#x305B;&#x306B;&#x306A;&#x308C;&#x308B;&#x304B;&#x3082;&#x77E5;&#x308C;&#x307E;&#x305B;&#x3093;&#x3002;\n\n
- #10: Google+1&#x30DC;&#x30BF;&#x30F3;&#x306F;&#x30DE;&#x30A4;&#x30AF;&#x30ED;&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x63A8;&#x5968;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x30DC;&#x30BF;&#x30F3;&#x304C;&#x7F6E;&#x3044;&#x3066;&#x3042;&#x3063;&#x3066;&#x306A;&#x3044;&#x5834;&#x5408;&#x306B;&#x4E0A;&#x306E;&#x9806;&#x756A;&#x3067;meta&#x30C7;&#x30FC;&#x30BF;&#x3092;&#x53D6;&#x308A;&#x306B;&#x3044;&#x3063;&#x3066;&#x3001;&#x60C5;&#x5831;&#x3092;&#x53D6;&#x5F97;&#x3057;&#x307E;&#x3059;&#x3002;\n\n
- #11: Grow!&#x3068;&#x3044;&#x3046;&#x30B5;&#x30FC;&#x30D3;&#x30B9;&#x306F;&#x3001;Grow!&#x30DC;&#x30BF;&#x30F3;&#x3092;&#x62BC;&#x3057;&#x3066;&#x3082;&#x3089;&#x3048;&#x308B;&#x3053;&#x3068;&#x306B;&#x3088;&#x3063;&#x3066;&#x3001;\n1Grow!=1$&#x76F8;&#x5F53;&#x306E;&#x5831;&#x916C;&#x3092;&#x5F97;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x3066;&#x3001; \n&#x65E5;&#x672C;&#x3067;&#x306F;amazon &#x30AE;&#x30D5;&#x30C8;&#x30AB;&#x30FC;&#x30C9;&#x3067;&#x53D7;&#x3051;&#x53D6;&#x308C;&#x308B;&#x69D8;&#x306B;&#x306A;&#x3063;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n\n&#x4F8B;&#x3048;&#x3070;&#x30E9;&#x30A4;&#x30D6;&#x30E9;&#x30EA;&#x3092;&#x4F5C;&#x3063;&#x3066;&#x3044;&#x305F;&#x308A;&#x3001;&#x81EA;&#x5206;&#x306E;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x3092;&#x6301;&#x3063;&#x3066;&#x308B;&#x4EBA;&#x304C;&#x3044;&#x305F;&#x3089;\n&#x662F;&#x975E;Grow!&#x30DC;&#x30BF;&#x30F3;&#x3092;&#x7F6E;&#x3044;&#x3066;&#x307F;&#x304F;&#x3060;&#x3055;&#x3044;&#x3002;\n\n&#x3053;&#x308C;&#x306F;&#x50D5;&#x306E;githubpages&#x306A;&#x3093;&#x3067;&#x3059;&#x304C;&#x3001;&#x81EA;&#x5206;&#x3067;&#x4F5C;&#x3063;&#x305F;jqueryplugin&#x3092;&#x516C;&#x958B;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\nGrow!&#x306F;&#x3053;&#x3093;&#x306A;&#x611F;&#x3058;&#x306B;Grow!&#x30DC;&#x30BF;&#x30F3;&#x3092;&#x901A;&#x3058;&#x3066;&#x30C1;&#x30C3;&#x30D7;&#x304C;&#x53D7;&#x3051;&#x53D6;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;\n\n
- #12: &#x3042;&#x308A;&#x304C;&#x3068;&#x3046;&#x3054;&#x3056;&#x3044;&#x307E;&#x3057;&#x305F;&#xFF01;\n\nGrow! me! http://growbutton.com/yamitake\n