Tumblr workshop 3

54
1 Rakuten CSR Promotion Section| Kayoko Takahashi 20,June 2012 Tumblr Workshop

description

2013年3月時点での最新ヴァージョンにあわせて改変したものをアップいたします。

Transcript of Tumblr workshop 3

Page 1: Tumblr workshop 3

1

Rakuten CSR Promotion Section| Kayoko Takahashi | 20,June 2012

Tumblr Workshop

Page 2: Tumblr workshop 3

2

Tumblr ワークショッププログラム

-) What’s Rakuten CSR          0 ) なぜ、楽天で Tumblr をつかっているか? 1)  自己紹介をしながら発信のテーマを探す2) 「発信のテーマ」を決める4) Tumblr の ID の取得と、設定5)  実際に記事をアップする6)   アップした記事をシェアする

Page 3: Tumblr workshop 3

3

What’s Rakuten CSR

Page 4: Tumblr workshop 3

4

Purpose of Social Responsibility Project Tumblr

楽天が考えていきたい 4 つのこと– これからの未来のために– 人と環境にやさしいエネルギーのために– 環境に配慮し、無駄を省くために– 本業を通じてお役に立つために

楽天は、創業当初から掲げてきた「 Empowerment 」 ( 人や社会を力づ

けること ) の思いに加え、地球環境への思いもより一層強くし、私たちの持つ技術や従業員の協力により、東北の再生に全力で尽力してまいります。

2011 年 4 月 28 日 楽天株式会社 代表取締役会長 兼 社長

三木谷 浩史

従業員一人一人の思いを、写真と文章で発信し東北の復興への ( 社会貢献)応援の気運を絶やさない

Page 5: Tumblr workshop 3

6

1.  なぜ、情報発信が必要か?

Page 6: Tumblr workshop 3

7

IBM ソーシャルコンピューティング ガイドライン( 抜粋)

IBM は、ソーシャル・コンピューティングでのオンライン・コミュニケーションを通じて、 IBMer をグローバルな意味でのプロフェッショナル、イノベーターおよび企業市民の一員として育てることに力を入れています。これらの個々の交流は、もはやマス・コミュニケーションではない、コミュニケーションの広がりという新しいモデルを示しています。オンライン・コミュニケーションを通じて、 IBMer 社員の最大の資産である社員の専門知識を、お客様、株主およびそれぞれの地域コミュニティーと共有することができます。

これらを踏まえて、この領域の情報や相互作用、意見交換について充分な認識を持つことは、 IBM グループにとってだけでなく、一人一人の IBM グループ社員にとって大変重要であると IBM は考えています。

習得する:イノベーション企業である IBM は、 IBM グループとお客様、関係施設様、そして新興企業やソーシャル・エコシステムを形成している組織との自由な交流が知識の習得に重要であると考えています。ソーシャル・コンピューティングは、組織や個人の成長に重要な場となっています。

貢献する:IBM グループは、会社として、イノベーターとして、また企業市民として、世界や、ビジネスとテクノロジーの未来や、さまざまな社会的課題を解決するための公共の対話に大きく貢献していきます。私たちは、企業活動を通じて、企業、政府、教育、医療、および非政府機関に変革への洞察や高価値のイノベーションを提供しています。現在、私たちが見聞きしていることや展開しているわくわくするような事柄を世界と共有し、他者から学びとることは、 IBM と IBMer にとって重要なことです。

多くの企業が従業員のインターネットへのアクセスをどのように制限しようかと頭を抱えていた中、 IBM は 1917 年に、社員の皆さんがネットを使って外の世界に出て行くことを奨励しました。 2012 年、楽天グループはブロゴスフィア (ブログの集合体)を提唱する戦略を打ち出し、楽天グループ社員に参加を求めました。 楽天グループでは楽天社員の皆さんに責任を持って、急成長を遂げているこの新しいリレーションシップ、ラーニング、コラボレーションの場に参加していただきたいと考えています。

  IBM ソーシャルコンピューティングガイドライン より  http://www-06.ibm.com/ibm/jp/about/partner/scg.html

よりよいインターネット社会のために、一社会人としてよきことを発信していかなくてはならない

Page 7: Tumblr workshop 3

8

価値を付加しましょう

IBM のブランド価値はその社員によって示され、皆さんがオンラインで公開するものによって影響を受けます。 IBM のドメイン上で運用しているブログやソーシャル・ネットワークは、 IBM のビジネスに価値を付加するために使うべきです。

自分自身や同僚、あるいは IBM のお客様やパートナーの仕事や問題解決に役立つ知識やスキルの習得に役立つIBM の製品、プロセス、方針の直接的・間接的な改善することに貢献するコミュニティーの形成に役立つIBM の価値を売り込むことに役立つ

Page 8: Tumblr workshop 3

9

なぜ、書くか?

・社会貢献活動への参加を1 ×nにしてムーブメントを作っていく

一人の働き ×1を

・記録する・情報発信する

・活動の記録を履歴として蓄積する・友人・知人に見てもらう

・あつめる、つなげる・キュレーションする・さまざまなポータルに RSS 配信

・県別・地域別の情報として集める・活動の種類別に集める、つなげる・情報が欲しい人、届けたい人に届く、届ける

ひとりひとりの「情報発信」で、東北復興の「応援の気運」をつないでいく

Page 9: Tumblr workshop 3

10

各人のレポートは Tumblr で!

■Tumblr とは?  アメリカのマイクロブログサービスです。   http://www.tumblr.com/   ・アメリカではメジャー。米国国務省が利用、他官庁も続々移行している  ・ GUCCI 、 Bergdorf goodman 、 Kate Spade 、レディガガ、 ELLE 、 Oscar   のようなメゾンブランド、メジャーブランドも導入しています

■なぜ、 Tumblr か?  ・画像中心で簡単に「コンテンツ」が POST できる、動画、音声にも対応  ・ iPhone,   Android  アプリに対応、リアルタイムに情報発信ができる  ・ Tumblr もそれ以外のコンテンツも簡単にコンテンツとして取り込める 必ずしも自分が「オリジナル」を作らなくてもよい  ・タグ付けと Reblog により、ひとつの記事を様々な切り口 ( テーマ)の表現ができる  ・表現力が豊か。豊富なテンプレートで、様々な見せ方が可能。カスタマイズも自由  ・複雑なカスタマイズをしなければ、制作なしでスタートできる ・ページは、スマホにも最適化されている     ・ SEO に強い  ・しかも、無料!

  ・ Facebook 、 Twitter  のソーシャルメディアとの連携が容易

  ・1 ID で、複数の媒体が作れる  ・1 ID で、複数の媒体に、複数の人たちで共同編集・管理が容易にできる  ・予約投稿が可能(時間予約、定期配信など)

Page 10: Tumblr workshop 3

11

各人のレポートは Tumblr で!

■Tumblr とは?  アメリカのマイクロブログサービスです。   http://www.tumblr.com/   ・アメリカではメジャー。米国国務省が利用、他官庁も続々移行している  ・ GUCCI 、 Bergdorf goodman 、 Kate Spade 、レディガガ、 ELLE 、 Oscar   のようなメゾンブランド、メジャーブランドも導入しています

■なぜ、 Tumblr か?  ・画像中心で簡単に「コンテンツ」が POST できる、動画、音声にも対応  ・ iPhone,   Android  アプリに対応、リアルタイムに情報発信ができる  ・ Tumblr もそれ以外のコンテンツも簡単にコンテンツとして取り込める 必ずしも自分が「オリジナル」を作らなくてもよい  ・タグ付けと Reblog により、ひとつの記事を様々な切り口 ( テーマ)の表現ができる  ・表現力が豊か。豊富なテンプレートで、様々な見せ方が可能。カスタマイズも自由  ・複雑なカスタマイズをしなければ、制作なしでスタートできる ・ページは、スマホにも最適化されている     ・ページは、スマホにも最適化されている  ・しかも、無料!

  ・ Facebook 、 Twitter  のソーシャルメディアとの連携が容易

  ・1 ID で、複数の媒体が作れる  ・1 ID で、複数の媒体に、複数の人たちで共同編集・管理が容易にできる  ・予約投稿が可能(時間予約、定期配信など)

Page 11: Tumblr workshop 3

12

各人のレポートは Tumblr で!

■Tumblr とは?  アメリカのマイクロブログサービスです。   http://www.tumblr.com/   ・アメリカではメジャー。米国国務省が利用、他官庁も続々移行している  ・ GUCCI 、 Bergdorf goodman 、 Kate Spade 、レディガガ、 ELLE 、 Oscar   のようなメゾンブランド、メジャーブランドも導入しています

■なぜ、 Tumblr か?  ・画像中心で簡単に「コンテンツ」が POST できる、動画、音声にも対応  ・ iPhone,   Android  アプリに対応、リアルタイムに情報発信ができる  ・ Tumblr もそれ以外のコンテンツも簡単にコンテンツとして取り込める 必ずしも自分が「オリジナル」を作らなくてもよい  ・タグ付けと Reblog により、ひとつの記事を様々な切り口 ( テーマ)の表現ができる  ・表現力が豊か。豊富なテンプレートで、様々な見せ方が可能。カスタマイズも自由  ・複雑なカスタマイズをしなければ、制作なしでスタートできる ・ページは、スマホにも自動で最適化されている     ・ SEO に強い  ・しかも、無料!

  ・ Facebook 、 Twitter  のソーシャルメディアとの連携が容易

  ・1 ID で、複数の媒体が作れる  ・1 ID で、複数の媒体に、複数の人たちで共同編集・管理が容易にできる  ・予約投稿が可能(時間予約、定期配信など)

Page 12: Tumblr workshop 3

13

Tumblr on U.S. Department of State

Page 13: Tumblr workshop 3

14

Obama 選挙対策事務所

Page 14: Tumblr workshop 3

15

Kate Spade

Page 15: Tumblr workshop 3

16

GUCCI

Page 16: Tumblr workshop 3

17

BERGDORF GOODMAN

Page 17: Tumblr workshop 3

18

DOLCE & GABBANA

Page 18: Tumblr workshop 3

19

Adventures in Ice Cream

Page 19: Tumblr workshop 3

20

Newsweek

Page 20: Tumblr workshop 3

21

The Economist

Page 21: Tumblr workshop 3

22

Lady GAGA

Page 22: Tumblr workshop 3

23

Stussy

Page 23: Tumblr workshop 3

24

なぜ、 Tumblr か?

Tumblr はストックメディア!

・ 個人が簡単に画像を使い、スマホからも情報発信ができる=多くの文字を必要としない・ 画像の RSS   Feed対応によって、より魅力的な情報を発信できる・ 個人の活動の履歴として蓄積できる・ 簡単に記事が作れる(他の記事をキュレーションする)・ 自動的に、 Facebook Twitter  に記事が POST できる

Twitter や Facebook はフローメディア拡散力はあるが、蓄積、再利用には向いていない。

Reblog機能、 Tag機能により

SNS連携機能によりリレーションが容易

・ 個人のメディアから、グループのメディアへの投稿が容易・ 別の視点でのキュレーションを加えた情報発信が容易・  Tag により、様々な切り口での情報の見せ方が可能

Page 24: Tumblr workshop 3

25

1)  まずはテーマ探しから

Page 25: Tumblr workshop 3

26

タイトルとキャプション(説明)を決めましょう

【 1】  2、 3人でグループをつくってください。  10 分  ・それぞれ、自己紹介     - 仕事     - 趣味     - 個人的な活動     - 特技          その中から、ブログのタイトル、キャプ  ションになりそうなキーワードを  お互いに拾ってください。

Page 26: Tumblr workshop 3

27

誰に向かって書くか?

■ 友人に伝える ・ 会社の同僚   学生時代の友人・ ・ 家族 

■ 社会貢献活動に興味がある人   東北の様子を知りたい・ ・ ボランティアってどういうことをするの?   自分にできるの? ・ 活動によって、どういういいことがあるの? ・ どういう社会的課題があるの?

まずは、身近な人、興味がある人に伝わるように自分の  Tumblr に  Post してください

Page 27: Tumblr workshop 3

28

4) つくってみよう!

Page 28: Tumblr workshop 3

29

Tumblr の ID を取得

・ Tumblr   ID の取得 →最初の URL は、個人コンテンツとしての URL です。自由に設定してください2つめ以降のページは、複数人で共同編集できるようになります。

   URLhttp://www.tumblr.com/

登録メールアドレスに、確認メールが来るのでその URL をクリックして登録が完了!

Page 29: Tumblr workshop 3

30

環境設定

ダッシュボード:フォローしたブログの更新記事が流れる+全体の基本設定ブログタイトル:ブログの投稿履歴・リアクションの履歴・設定ができる画面 見た目があまり変わらないので

わかりにくい!注意!

Page 30: Tumblr workshop 3

31

① プロフィール画像の設定

②Facebook への連携

③Twitter への連携

Page 31: Tumblr workshop 3

32

④言語設定を日本語に

⑤タイムゾーンを東京に

⑥保存!

Page 32: Tumblr workshop 3

33

ブログのテーマを設定しよう

・テーマを選んだら、「タイトル」と「キャプション」を設定しましょう

ここが重要!説明:に自己紹介やブログの説明的なものを必ずいれましょう!

Page 33: Tumblr workshop 3

34

Page 34: Tumblr workshop 3

35

Tumblr 設定のツボ

• Theme は  Nord boy friend  の中の  New Book で!http://nerdboyfriendthemes.tumblr.com/

対象のページを選んで、「設定」を押す

■その他tumblr で画像収集するのに向いてそうな、無料のテーマ・ 51 個まとめ(と、少しだけ特徴をメモhttp://kachibito.net/web-service/51-tumblr-free-themes.html

おもしろギミック付きの Tumblr テーマ 10

http://chips-tips.tumblr.com/post/18722495513/tumblr-10無料なのにクオリティの高い Tumblr のテーマhttp://soho-college.com/download/web-design-download/tumblr-theme/

Page 35: Tumblr workshop 3

36

iPhone Android アプリをインストールしましょう

・ App Store から「 Tumblr 」で検索してインストール。 ID  パスを設定しましょう。

Page 36: Tumblr workshop 3

37

ブラウザにアドオンをインストール orブックマークしましょう

・ブラウザに Tumblr のアドオンをインストール(Chrome  FireFox ) 

http://www.tumblr.com/apps

これをブラウザのバーにドラッグする

Page 37: Tumblr workshop 3

38

ブラウザから POST する

Page 38: Tumblr workshop 3

39

もちろん Tumblr にも反映!

Page 39: Tumblr workshop 3

40

Tumblr仲間をフォローしよう!

ダッシュボードにフィードされます。

Page 40: Tumblr workshop 3

41

仲間を探そう!フォローしよう!

Page 41: Tumblr workshop 3

42

Reblog する

・日付のリンクから 1 記事を表示させる →「リブログ」をクリック!

Page 42: Tumblr workshop 3

43

Reblog する : キュレーションする

① 投稿先の選択

② 下書き、予約投稿も可能

③ タグ付け。ハイフンは入れない。カンマ区切り

④   Twitter と Facebook への連携コメントは Twitter のみ。

⑤   POST する

Page 43: Tumblr workshop 3

44

記事を書いてみよう!

Page 44: Tumblr workshop 3

45

投稿方法( PC) : Tumblr は必ず画像を投稿!

1)ダッシュボードから

必ず画像か動画を選んでください。

画像の枚数に応じてレイアウト選択

「さらに画像を追加する」ボタンで、登録枠増最初に複数を選択すれば追加可能。最初に1つだと、登録後の追加はできません。

ドラッグで表示順の変更が可能説明 _____ のところにキャプションも挿入可 (任意)

Page 45: Tumblr workshop 3

46

作った Tumblr を発表!

Page 46: Tumblr workshop 3

47

Tumblr画像のガイドライン的なもの

■社会貢献活動の前線でがんばってる人の声をしっかり届ける、様子をしっかり伝える ( いい顔を寄ってとる)現場の人を主役にす

る。

インタビューの場合は、相手の画像を寄って

とってください。現場レポートの場合は、

その様子が伝わるものを!※相手に主旨を伝えて、了解を得て撮影を

Page 47: Tumblr workshop 3

48

Tumblr: 楽天の CSR  媒体の連携

【 New Future】【 New Energy】 【 Eco-Operation】 【 Company-Mission】

【 SR Facebook】 【 SR Home】

【 SR Twitter】

RSS Feed

Feed

Tumblr に POST すると 1、 SR   Facebook  サマリを手動でPOST

 2、 SRページ  Feed 配信 3、 SR の Twitter   Feed

 2,3 に、ほぼリアルタイムで反映されます。

■4つの Tumblr

各人の Tumblr

Reblog

Page 48: Tumblr workshop 3

49

タグを活用してみましょう

Page 49: Tumblr workshop 3

50

楽天の CSR の Tumblr アカウント

タイトル E J Tumblr URL

3.11追悼イベント   ○ http://3112012.tumblr.com/

Rakuten”Good Morning”   ○ http://rakuten-goodmorning.tumblr.com/

Rakuten Cafeteria   ○ http://rakuten-cafeteria.tumblr.com/

Rakuten Volunteer   ○ http://rakuten-volunteer.tumblr.com/

RSRP_J:Conpany Mission   ○ http://rakuten-sr-company-mission.tumblr.com/

RSRP_J:New Future   ○ http://rakuten-sr-new-future.tumblr.com/

RSRP_J:Eco Operation   ○ http://rakuten-sr-eco-operation.tumblr.com/

RSRP_J:New Energy   ○ http://rakuten-sr-green-energy.tumblr.com/

RSRP_G:Conpany Mission ○   http://rakuten-gsr-company-mission.tumblr.com/

RSRP_G:New Future ○   http://rakuten-sr-new-future.tumblr.com/

RSRP_G:Eco Operation ○   http://rakuten-gsr-eco-operation.tumblr.com/

RSRP_G:New Energy ○   http://rakuten-gsr-green-energy.tumblr.com/

「思いを東北へ。」セレモニー

  ○ http://rakuten-pray-hope-ceremony.tumblr.com/

「思いを東北へ。」プロジェクト

  ○ http://rakuten-hearts-project.tumblr.com/

みんなのうまい東北キャラバン

  ○ http://rakuten-tohoku-caravan.tumblr.com/

Page 50: Tumblr workshop 3

51

ご参加いただく方にお願いしたいこと

・サポート → Facebook の Tumblr ワークショップに参加してください

https://www.facebook.com/groups/484787758215831/

   #サポート内容を蓄積して再利用したいため 

Page 51: Tumblr workshop 3

52

やってみたこと:みんなのうまい東北キャラバン

Page 52: Tumblr workshop 3

53

やってみたこと:とある日の夕焼けを集める

Page 53: Tumblr workshop 3

54

やってみたこと: Instagram で複数リアルタイム更新

Page 54: Tumblr workshop 3

55

ひとりひとりの声からよりよい会社へ、サービスへ、社会へ!!