How to wring out a dry rag - 乾いた雑巾を絞る技術

How to wring out a dry rag - 乾いた雑巾を絞る技術

未踏IT人材発掘・育成事業
増井PM・首藤PM合同合宿(2012.04.21 - 22)
講演資料
http://kamblr.tumblr.com/post/21706906874/how-to-wring-out-a-dry-rag

4a2e11a8af64b755d2931db176cec9f3?s=128

Keisuke Kambara

April 24, 2012
Tweet

Transcript

  1. 乾いた雑巾を絞る技術 神原啓介 2012.04.22 未踏事業 増井PM・首藤PM合同合宿

  2. 神原啓介 • お茶の水女子大学 JST研究員 • 分野:ユーザインタフェースやWeb • 慶応大SFC • 先月、博士号取得

    • 前職:はてな • エンジニア/サービスクリエータ • Rimo, はてなRSSの企画・開発 • UI開発 @kambara http://sappari.org/
  3. 未踏ソフトウェア • 2003年度 • 緩やかな情報管理システムの開発 – 共同開発者 – 増井PM •

    2005年度下期 • Web上で協同利用する イラストレーションツールの開発 – 長尾PM • スーパークリエータ認定
  4. 主な興味 • 手軽で直感的なお絵描きシステム • より多くの人が絵を描ける • 環境に溶け込むほど超シンプルなUI • 世の中をシンプルにする

  5. これまでに関わった プロジェクト紹介 • Rimo(はてな) • オノマトペン • Willustrator … 他にも色々

  6. Rimo(はてな) ネット上の動画をテレビのように見る

  7. テレビで見る(Wii/PS3対応)

  8. ユーザ運営型の放送局

  9. Webの利用スタイルを変える • 従来のWebと全く異なるユーザー体験 • ゆったりと「見る」 • ほとんど操作不要

  10. オノマトペン オノマトペを使って感覚的に絵を描く

  11. デモ動画:http://youtu.be/sV75QjBrso0

  12. None
  13. None
  14. 感覚的に絵を描ける • 曖昧な表現で入力できるUI • ボタンを使わない超シンプルなUI

  15. Web上で協同利用する イラストレーションツール • Willustrator • http://willustrator.org/ • ブラウザ上で使えるドローツール • ブログやWikiなどで手軽に絵を描いて共有できる

    • ベクターデータなので再編集しやすい • 他の人の描いた絵を再利用できる
  16. None
  17. ドローツールの機能 ベジェ曲線 フリーハンド ベジェ曲線 グリッドと スナップ テキスト

  18. 派生による絵の再利用 元になった絵 さらに派生

  19. 塗り絵

  20. 素材集

  21. 素材の合成

  22. 素材を使った図解

  23. より多くの人が絵を活用できる • 一から絵を描くのは難しいが、 少し描き足したり、部品を組み合わせて 絵を描くことはできる • Web上のコミュニケーションツールの中で 自然に絵を使えるようになる

  24. 「マイ未踏」プロジェクト • Rimo(はてな) • オノマトペン • Willustrator … 他にも色々 未踏に採択されなくても勝手に未踏化

  25. あなたのソフトは「未踏」ですか?

  26. 「未踏」って何? • 「未踏なソフトウェア」と 「未踏ではないソフトウェア」の違いは何? • 「未踏人」と「未踏ではない人」の違いは何? • 「未踏的」の正体は何? • 「このソフト、未踏っぽいなぁ」

    • なんだかよく分からない良さ、 未踏っぽさのようなものがある – 単に目新しいだけではない
  27. 「未踏的」の正体 • 冷静かつ情熱的に大きな問題に挑む • ソフトウェア • 人 • 組織 •

    プロジェクト
  28. • 着地させる • 実際に他の人に 使ってもらえる • 自分がワクワクする • 人をワクワクさせる •

    作品や作者が 活き活きしている • 大胆・力強い 冷静 情熱的 両方あわせて 大きな問題に挑む
  29. 冷静と情熱の両立は難しい • 初期:冷静さ不足 • 情熱を実際に形にするのはとても難しい • 何から始めて良いか分からない • 後期:情熱を失いがち •

    実装でハマる/細かい実装ばかり気にする • スケジュール通り進まない/色々妥協する • 計画変更で迷走し、目的を見失う どうすれば両立できるのか?
  30. よく考える!

  31. じっくり考えてますか? • 解決すべき問題を間違えていないか • もっと全然違う解決方法は無いのか • ちゃぶ台返しできないか • 本当に使いたいと思ってもらえるか •

    魅力はあるか/理解されやすいか/面倒でないか • もっと広い応用は無いか • 夢があるか/ワクワクするか 普段こんなことは考えない
  32. 2つの時間を持つ • コンピュータの前 • プログラミング • オンライン • コンピュータから離れる •

    紙とペン • オフライン 意識的に切り替える 脳の2種類の認知モード (線形/非線形)を意識する 開発時間 思索時間
  33. 思索時間 • 非日常的な思考 • 普段は考えない ようなことを考える • 概念的な思考 • コンセプトを考える

    • 客観的に分析する • 考えを整理する • 乾いた雑巾を絞る 写真:http://item.rakuten.co.jp/takeyu/tak_6-04/
  34. 乾いた雑巾を絞る • アイデアをとことん搾り出す • もう何も出ないと思っても、 絞れば案外出る • むしろ雑巾が乾いたころから 重要なアイデアが出始める •

    思索が深まる • 脳が活性化する • 根性論ではなく「技術」 • コツをつかめばより搾り出せる 写真:http://sfitterooki.cocolog-nifty.com/blog/2011/02/post-b41d.html
  35. 雑巾を絞らざるを得ない時 • 提案書・レポート作成 • 論文執筆 • プレゼン作成 • ソフトウェアの設計 •

    イベントを企画する • プレゼントを送る もっと創造的になる必要がある
  36. 私の場合 • 特に乾いた雑巾を絞った時 • 未踏 • サービスクリエータ(@はてな) • 博士論文, 学会論文,

    学会発表 • 色んな研究開発プロジェクト • しかし、、 • アイデアを出すのは苦手 • 面白い話はできない • 頭の回転は遅い • 飽きっぽい/注意散漫 あの手この手を 使って搾り出す
  37. 乾いた雑巾を絞る「技術」 • アナログ状態 • 紙に書く/絵を描く • オフラインになる • 集中力を高める •

    瞑想する • 歩く • お腹を空かせる 特別な才能は必要ない 外から脳をハックする • 行き詰まった時 • 場所を変える/ 電車に乗る • 人に話す • 寝る • 練習する
  38. アナログ状態 • 紙に書く/絵を描く • オフラインになる

  39. 紙に書く・絵を描く • 頭に浮かんだことを「なんでも」書いてみる • 連想、疑問、無関係なことも • できるだけ絵や図を描く • マインドマップのようなものを作る 図:http://www.mindmap77.com/

  40. マインドマップ • 言葉や絵を線で結んでいく • 真の中心を見つける • 最も重要なコンセプトは何か • 真の問題は何か •

    このプレゼンで一番言いたいメッセージは何か • グループやアイデアに良い名前をつける • 名前をつけることで初めて認識できる
  41. 紙とペンで思考が変わる • 「執筆の道具は、我々の思考に参加する」 (ニーチェ) • 道具によって思考が変わる • 道具を色々変えてみる • 自分に合った

    ペンやノートを見つける • 調度良い大きさのノート 写真:http://ja.wikipedia.org/wiki/フリードリヒ・ニーチェ
  42. オフラインになる • コンピュータから物理的に距離を取る • できれば携帯電話も持たない • PCの側にいると、どうしても 頭が開発モードになってしまう • 割り込まれないようにする

  43. 割り込まれないようにする • 脳はシングルタスク • コンテキストスイッチに20分かかる • オンラインでの作業は割り込みが多い • メール、SNS、Skype、Webの記事… •

    認知的過負荷により注意散漫になる
  44. メールの害 • メールチェックは マリファナを吸うよりIQ低下 • マリファナを吸う → IQ 4 ポイント低下 •

    絶えずメールをする→ IQ 10 ポイント低下 • 「メール無呼吸」 • メールをしている間、 低呼吸や無呼吸になってしまう場合がある
  45. ネット・バカ • ネットの閲覧をしながら 講義を聴いたグループは、 PCを閉じたグループより 全員成績が悪かった。 • ネットに頼るようになるにつれ 脳の働き方自体が 変わりつつある。

    • ひとつのことに数分かそこらしか 集中出来なくなっている
  46. 集中力を高める • 瞑想する • 歩く • お腹を空かせる

  47. 瞑想する • 技術としての瞑想 • 科学的にも経験的にも効果は立証済み • 効果 • 頭が冴える •

    集中力が上がる • 悩まなくなる • やる気が出る • 効果は1日中続く • 考える「前」に 瞑想する
  48. スティーブ・ジョブズも 瞑想していた 写真:http://d.hatena.ne.jp/tsuxagai-vn/20111008/1318052638

  49. ヴィパッサナー瞑想 • 基本:呼吸に注意を払う • 手順(5〜15分程度) • 1. 邪魔が入らない静かな場所に座ってリラックス • 2.

    目を閉じて呼吸に意識を集中 – 何も考えない、頭の中でつぶやかない • ここが一番難しいが、一番重要 • 注意が逸れたら、呼吸に意識を戻す • 3. 呼吸を意識的にコントロール – 完全に息を吐き切る – 下腹部から鎖骨まで息を吸う – 腹式呼吸・丹田呼吸(要練習)すると効果的
  50. 歩く • 歩くことで考える・集中する • 教会のラビリンスは瞑想の道具 • あまり人に会わない、 迷わない道を歩く 写真左:http://www.boston.com/news/local/massachusetts/articles/2008/07/17/rounding_on_peace/ 写真右:http://kaleahlaroche.com/blog/?tag=walking-the-labyrinth

  51. お腹を空かせる • 注意力・記憶力向上 • お腹が空くと胃から脳に グレリン(消化管ホルモン)が届けられる →グレリンが海馬に届くとシナプスが30%増加 →シナプス活動が増大 →注意力・記憶力が向上 •

    ネイチャー 2006年3月号 (イェール大学 ホーバス博士) • 「Stay Hungry, stay foolish」
  52. それでも行き詰まった時は • 場所を変える・電車に乗る • 人に話す • 寝る

  53. 場所を変える・電車に乗る • 色んなカフェやファミレスに行く • 刺激になる • 歩いて行く • オフラインになる •

    ただしあまり食べ過ぎない • 電車に乗る • 電車の中で考える • 電車内プログラミング
  54. 電車内プログラミング • 「電車内プログラミングの生産性が高いのは  何故かに関する考察(西尾泰和)」 • http://d.hatena.ne.jp/nishiohirokazu/20100508/1273292108 • インタラプトが入らない • オフライン

    • 締め切り(終点/降車駅)と制限時間が明確 • 電車に乗る前に「歩く」ので、集中力が高まる • 電車の中でやろうと思う程度にはタスクが明確 • 逃げ場所が無い • 揺れや騒音など適度な刺激がある • 周囲の目があるので適度に緊張する
  55. 人に話す • 中途半端なアイデアを人に話してみる • 他人の脳を借りる • 信頼できる人に話す • 真剣に考えて答えてくれる人 •

    自分より頭が良いと思う人 • 専門外の人に話してみる • 平易に説明するために情報を整理し直す • ただし、あまり真に受けすぎない
  56. 寝る • もうどうやっても搾り出せないときは、 思い切って寝る • 朝起きると、 あっさり考えがまとまることは多い • 昼寝も効果あり

  57. 睡眠中の海馬 • 記憶が繰り返し再生・反芻されている • レミネセンス(追憶) • 起きていた時の神経細胞が連鎖反応を起こす • 記憶が補強され、情報整理される •

    目を閉じるだけでも同じ反応が起こる • 「ニューロサイエンス」 2007年7月号 (チューリッヒ大学 ゴッツェリッヒ博士)
  58. 繰り返す・練習する • 繰り返し同じテーマで考える • 練習すると上手くなる • 最初はあまり考えが出ないが、 徐々に出るようになる • プログラミングやスポーツと同じ

    • 私の場合 • 瞑想のため丹田呼吸を数週間練習 • 頭に浮かんだことをつかまえて 紙に書きとめる練習 – 瞑想するとコツが分かる
  59. やってみて下さい • 思索時間を作ってみて下さい • 開発時間とは別に時間を取る • 乾いた雑巾を絞ってみて下さい • 乾いた雑巾を絞るための色んな技術を 試してみて下さい

    • アナログ:紙に書く/描く・オフラインになる • 集中:瞑想・歩く・お腹を空かせる • 行き詰まったら:場所を変える・電車に乗る・ 信頼できる人に相談する・本を読む・寝る
  60. 「未踏」ソフトを作って下さい 冷静かつ情熱的に大きな問題に挑む

  61. 最後に • あなたの「乾いた雑巾を絞る技術」を 教えて下さい • あなたにとっての「未踏」は何ですか

  62. 参考資料