1.
Photo ©Hiroyuki Takeda / Water station #1
学生時代に知っておきたかった
Web技術の学び方の学び方
ー10年先の不確実な未来を楽しむためにー
株式会社リブセンス 河原塚 有希彦

2.
年間、キャリアは続く40
新卒から定年まで

3.
年に1度は
技術トレンドが変化10

4.
10年前はインタラクティブWeb分野を
Flash/ActionScriptが牽引。
後にWeb標準技術が整備された。

5.
Web開発で使われる言語トレンドは、
この10年で変化

6.
モバイル分野では
8年前までiPhoneはなく、

7.
さらに、
2014年に登場したSwiftに、
iOS開発トレンドは移行した。

8.
年に1度は
技術トレンドが変化10

9.
そしてトレンドだった技術は、
コモデティ化し
実社会に融けこんでいく

10.
たとえば入力フォーム

11.
https://forum.sohovillage.com/2005/02/1108698826/

12.
たとえば2005年頃プログラマが
1日がかりで作っていた入力フォームは、
10年後、プログラマなしで
無料で作れるように

13.
https://questant.jp/

14.
4 回以上の「学びなおし」
10年に1度技術トレンドの変遷があるとして、
40年続くキャリアの中では

15.
©Hiroyuki Takeda / Water station #1
短距離走ではなく
補給しながら走り続ける
マラソン型

16.
©Hiroyuki Takeda / Water station #1
どう走るか。
そして
どう走り続けるか。

17.
典型的な3つの課題
技術トレンド
の変化
課題 1
学びになること
と
やるべきこと
課題 3
モチベーション
課題 2

18.
技術トレンド
の変化
課題 1
© Apple iPhone6
(2014)
© CASIO / W41CA
(2006)

19.
© Apple iPhone6
(2014)
技術トレンドの変化に応じて、
日々新しいことを学ぶことが必要
© CASIO / W41CA
(2006)
8YEARS

20.
しかし、一見大きな変化でも、
基礎的なアプリ構成は変わっていない
イベントキュー
アプリケーション
本体
ルートの画面
基底の
画面部品
テキスト表示
画面部品
一覧表示
画面部品
テキスト表示
コントローラ
一覧表示
コントローラ
基底の
コントローラ

21.
Brew
Event Queue
Application Root Container IWidget
Text Widget List Widget
TextCtl ListCtl IController
フィーチャーフォン(BREW)

22.
IOS
Event Queue
UIApplication
UIWindow UIView
UITextView UITableView
UITextView
Controller
UITableView
Controller
UIViewController
iOS
AppDelegate

23.
10年後の技術トレンドはわからない。
しかし基礎となる
アプリの構成は変わらないだろう。
基礎を抑えて習得すれば、
「学び直し」があっても効率的に行える

24.
Web上で得られる情報が多いからこそ、
書籍もうまく活用を。
とはいえ、どのように基礎を抑えて学ぶか

25.
書 籍
ジェネラルなプログラミング技術
理論・設計・原則実践・ベストプラクティス
基礎（理論・設計・原則）
Web上の情報のみでは形式的な知識を得にくいため、
それを補完するために書籍を利用する
Web上の情報

26.
膨大な書籍のうち、
何を選んだらよいか

27.
独習者向け教材はたくさん出ているが、
逆に教材が多すぎることが問題。
Amazonレビューなどによりある程度の選定は出来るもの
の、どれが今の自分に最適かまではわからない。
そこで、近い分野の先輩の薦めを参考にする。
いずれも基礎を抑えたものが上がってくるはず。
近い分野で先を走る先輩の薦めを活用

28.
大規模Perl初心者研修を支える技術
http://www.slideshare.net/DaisukeTamada/perl-26371335

29.
Amazonのクラウドエンジニアが選ぶ技術書35選
http://www.amazon.co.jp/b?node=3517238051

30.
「人は1ヶ月でエンジニアになれるのか」
プロジェクトトレーナー推薦の3冊
「人は一ヶ月でエンジニアになれるのか - 詳細解説」
http://www.slideshare.net/livesense/ss-46078743

31.
「アジャイルソフトウェア開発の奥義」
http://www.amazon.co.jp/dp/4797347783
タイトルにはアジャイルとあるが､どち
らかというとオブジェクト指向分析・
設計に強い本。初学者向けの本とは言
い難いが､これ一冊マスターすれば､
基礎的なOOPの考え方は抑えておける
ので教科書に。

32.
最近大人気のコーディングテクニック本。
｢コードコンプリート｣｢クリーンコード｣
に比べコンパクトにまとまっているため、
初学者には渡しやすかった。
読んで終わりではなく、繰り返し読んで
コードを見返してもらう用途に利用。
「リーダブルコード」
http://www.amazon.co.jp/dp/4873115655/

33.
MySQLの鉄板。これも初学者向けとは
言い難いが基礎が確実に詰まっている
ので､これを教科書として進めていった。
「実践ハイパフォーマンスMySQL」
http://www.amazon.co.jp/dp/4873116384/

34.
弊社新卒研修トレーナーがオススメする
必読の8冊

35.
Ruby の言語仕様。少し古いけどこれを
読んでおけば間違いない。だが次のパー
フェクトRuby に比べて禁欲的すぎるか
もしれない。これ一冊で「Rubyの開発
ができる」ようにはならない。作ろう
とするものを理解する必要があるけど、
作ろうとするものはだいたい ruby の世
界で完結しないからである。
「プログラミング言語 Ruby」
http://www.amazon.co.jp/dp/4873113946/

36.
言語仕様でない部分もいろいろ書かれ
てる。プログラミング言語Ruby よりも
新しくて関連トピックを多く取り上げ
ている。テストや開発環境、パッケー
ジ管理、自動化ツールについての解説も
あって実践的。趣味でどちらかを選んで
よい。
「パーフェクトRuby 」
http://www.amazon.co.jp/dp/B00P0UR1CA/

37.
Javascript の言語仕様。良い本。
JavaScriptについて理解するためには、
結局これを読まないといけなかった。
「JavaScript 第6版」
http://www.amazon.co.jp/dp/4873115736/

38.
セキュリティについては一度座学で一通
りやっておかないと。
「Webアプリケーションのセキュリティ
について基礎から入門する」ならこの
本が鉄板だと思う。
「体系的に学ぶ 安全なWebアプリケーションの作り方」
http://www.amazon.co.jp/dp/B00E5TJ120/

39.
「漢のコンピュータ道」という技術Blog
で有名なMySQLの偉い人が書いている。
読むべき。
3日で読める分量だが述語論理、正規化理
論などDBの基礎となる理論を学べる。
「理論から学ぶデータベース実践入門」
http://www.amazon.co.jp/dp/4774171972/

40.
DB設計のアンチパターン。
「なんかいけてないな」っていう感覚
に対して名前と理由を説明してあるのが
よい。ハザードマップですね。
「SQLアンチパターン」
http://www.amazon.co.jp/dp/4873115892/

41.
インフラエンジニアになるでもなく、た
だWebエンジニアとしてちゃんとやっ
ていくなら身につけておくべき。
ざっと網羅的に書かれているので、斜め
読みでもよいから読んでおくとよい。
「Webエンジニアが知っておきたいインフラの基本」
http://www.amazon.co.jp/dp/4839953554/

42.
「まずJavascriptとかの前に、ブラウ
ザを知る。それが基本である」とフロ
ントエンドエンジニアの第一人者がおっ
しゃっていた。それは間違いない。ま
ずWebを知らないとWebアプリケーショ
ンは作れないですよね。プログラミング
はできても。
「モダンWeb」
http://www.amazon.co.jp/dp/4873116929/

43.
モチベーション
課題 2
©Beatnik Photos / sleeping kitty

44.
©Beatnik Photos / sleeping kitty
日々モチベーションを保って
学び続けるのは難しい
瞬間最大風速的に意識は高くなるものの、一人で
いると気がついたら一日ソシャゲして夕方頃に
「また今日も勉強できなかった」と自己嫌悪。
休日のエンジニアあるある

45.
目標
チャレンジ
モチベーションを高めて
効果的に学ぶために
バランスさせるべき4要素
スキル
フィード
バック
M.Csikszentmihalyi 「フロー体験入門」をもとに作成

46.
目標
チャレンジ
一方、自習では難易度が上がる
スキル
フィード
バック
折れやすい
足りない
無し
できない
意識は高いが

47.
そこで勉強会を使って
仲間と楽しみペースメイク
©Freeport BASF / TM_BTOR (1228)

48.
CASE
STUDY
もともと文学部出身で、仕事でもプログラ
ムを書くことはほとんどありませんでした
が、「よちよち.rb」という初心者向けの
Rubyのコミュニティに参加するようになっ
て、どんどんその魅力に夢中になりました。
自分に合いそうな勉強会をWebで見つけ、
モチベーション維持に成功し、
キャリアチェンジに役立ったそう。
この4月にSIerからキャリアチェンジ
してきた内山さんの事例

49.
目標
チャレンジ スキル
フィード
バック
ペースをつくる仲間ができると、、
定期的に持ち直せる
不足を
支えあい
次につながる
ほどよい強制
CASE
STUDY

50.
勉強会をうまく使うコツ
CASE
STUDY
楽しくやる
一番のモチベーションの源。勉強会だけの繋がりだけ
でなく、チャットを利用して「早起き部」などサイド
プロジェクトも行い、コミュニティ化(仲間化)。
カッチリやる
「月曜は場所借りて」「金曜はオンラインで」と
毎週の習慣化させ、モチベーション維持をはかる。

51.
いまではコンピュータサイエンスの
専門書(CTMCP)を仲間と輪読中だそう。
CASE
STUDY
「単なる努力」は
自分の性格的にあきらめて、
「努力が楽しくなる方法」を探そうと
するようにしたんです。
CTMCP、一人ではぜんっぜん読める気しな
いんですけど、毎週仲間で集まって読書会
をすると少し読める気がします。

52.
2015年6月の社内勉強会の一部
CASE
STUDY

53.
©JD Hancock / Berry Hard Work
学びになること
と
やるべきこと
課題 3

54.
学びになることと
やるべきこと(仕事)を結びつける難しさ
就業しながら学び続ける際に
課題となるのは、
やりたいことと学びになること
を結びつける技術。
©JD Hancock / Berry Hard Work

55.
「やるべきこと」は事業としての問題解決。
技術的に学びになるか、ではない。
お客さんが契約してくれそうなんだけど、
急ぎでお客さんが欲してるデータを
DBから抽出して。今日中でお願いします。
ビジネス エンジニア
また面倒なだけの急ぐ仕事だ・・・

56.
作ってもらったデータなんだけど、伝えて
なかった条件があって、もう一度やり直し
てくれないかな、ナルハヤで。
ビジネス エンジニア
今日はリリース作業があって難しいです。。
問題解決への近道は、
欲しい人自身で対応できること

57.
つまり、チームのIT化をすすめることが、
問題解決への近道
技術側で
分析用DB環境を用意し
教材を作成し、
勉強会などでフォロー
CASE
STUDY
環境整備と技術の伝達

58.
CASE
STUDY
チームとして扱える技術が増えることで、
学びになることに注力できるようになる。
営業さんまで、社員全員がSQLを使う 「越境型組織」 ができるまでの3+1のポイント
http://www.slideshare.net/livesense/150225-sql-foreveryone-45695818

59.
エンジニア以外にも技術を伝えること
¦¦
専門家としての優位性の喪失
CASE
STUDY

60.
エンジニア以外にも技術を伝えること
¦¦
専門家としての優位性の喪失
CASE
STUDY

61.
http://www.ideo.com/about/ を元に作成
INNOVATION
人
(デザイン)
技術
事業
技術と事業と人(デザイン)の交わる、
融合領域に技術革新が生まれると言われている。
(IDEO/DESIGN THINKING)
技術革新は融合領域に生まれる

62.
“ー “イノベーションのDNA” 53ページ
イノベーティブなアイデアは、さまざまな
人たちの多様な経験が交わる場所で花開く。
歴史を通じて、偉大なアイデアは文化や
経験の交わるところで生まれている。
純粋な技術領域から「越境」した
融合領域に取り組むことこそが学びになり、
10年先の不確実な未来を楽しむことにも繋がる。

63.
次に読むべき資料は
大規模Perl初心者研修を支える技術
http://www.slideshare.net/DaisukeTamada/perl-26371335
・DeNA社で実施されている新卒研修の事例
・参考になった技術書ランキング
・「不確実なWebの情報に惑わされるな」
わたしのキャリアチェンジ (仮)
https://speakerdeck.com/naoya/watasifalsekiyariatienzi-jia
・エンジニアから技術顧問への転身事例
・「好きなことより得意なこと、周りの人が喜んでく
れることを」
・マネジメントの重要性、キャリアの積み方の参考に。

64.
次に読むべき資料は (社員事例紹介)
2014年も終わり!?いや…俺たちの戦いは...始まったばかりだッ！
http://www.slideshare.net/takahirouchiyama2/20141220-lt-up
・Rubyを学習してSIerからエンジニアに転身した
内山氏の事例。
・「モチベーション高い時にやるべきことは、モ
チベーション維持できる環境に身を置くこと」
「人は一ヶ月でエンジニアになれるのか - 詳細解説」
http://www.slideshare.net/livesense/ss-46078743
・ウェブディレクターが一ヶ月でプログラミングを習得
・基礎を学ぶ時間がない時の効果的な学習法として、
「何を学んでいないのかを知る」遅延学習法が紹介

65.
賃貸情報サイト"カリル"での 仮説検証型システム開発
http://www.slideshare.net/livesense/ss-48557442
営業さんまで、社員全員がSQLを使う 「越境型組織」 ができる
までの3+1のポイント
http://www.slideshare.net/livesense/150225-sql-foreveryone-45695818
・社員全員SQL
・技術面だけではなく、組織面からの取り組み
・組織を理解した道筋の整備が技術の伝播を促す
・事業理解を深めることで不要な開発を「捨てる」
・検証サイクルを早め、チームとして学習
・近年話題のリーン／アジャイル開発の実践例。
次に読むべき資料は (自社事例紹介)

66.
あたりまえを、発明しよう。