SI Object Browser 25 周年 記念イベント「プログラミング楽しい！」

https://products.sint.co.jp/siob/seminar/20220803

Transcript

1. プログラミング楽しい！ この IT 社会でのエンジニアの皆様の重要性 千代田まどか（ちょまど） Twitter: @chomado
2. 自分の経験談をもとにお話しします
3. 自己紹介：千代田まどか (ちょまど) • 文系大学在学中にプログラミングにハマる • 新卒で入社した会社を 3 カ月で辞め、 • 現在、Microsoft 社で働くエンジニア • Twitter: @chomado (フォロワー9.3 万人) • 登壇多数、雑誌、ラジオや映像メディアも出演 • 前職は iOS/Android アプリを開発していた プログラマ • IT エンジニア兼マンガ家
4. もくじ 1. 自己紹介 1. Microsoft での本業 2. 副業：メディア出演・漫画家 2. 「プログラミング楽しい！」 1. 私がエンジニアになった経緯 3. 第四次産業革命 渦中のエンジニアとしてのワクワク
5. もくじ 1. 自己紹介 1. Microsoft での本業 2. 副業：メディア出演・漫画家 2. 「プログラミング楽しい！」 1. 私がエンジニアになった経緯 3. 第四次産業革命 渦中のエンジニアとしてのワクワク
6. Microsoft のグローバルなチーム
9. 国内外の登壇 (技術セッション) マンガ描きやプログラミングなど 好きなことをやりながら続けている
10. プログラミング楽しい ディープラーニングにより、 松屋の牛めしと 吉野家の牛丼の 判別できるスマホアプリ 「松屋警察」を作った （ストアには上げてない） 2017年8月
11. Developers Summit 2017 (デブサミ) で ベストスピーカー賞 総合第1位 受賞 国内最大規模の IT エンジニア向け カンファレンス (参加者は2日間でのべ3600人以上)
12. Developers Boost 2019 (デブスト) でも ベストスピーカー賞 総合第1位 受賞 国内最大規模の 30 歳以下 若手エンジニア向け IT カンファレンス
13. 2000 人の前で ライブコーディング
14. Twitter (@chomado) フォロワー 9.3 万人
15. ニュース番組の コメンテーター
16. AKB48 の 向井地美音さんと ラジオ
17. 雑誌 掲載
18. 集英社 ジャンプ＋の 公式イベント司会
19. 描いた絵 描いた絵
20. 2021年 内閣サイバーセキュリティ月間の公式冊子の 漫画 (全 9 話) を描きました！(『ラブライブ！サンシャイン!!』コラボ) © 2017 プロジェクト ラブライブ！サンシャイン!! https://www.nisc.go.jp/security- site/month/lovelive.html 私の描いた 漫画の一例
21. もくじ 1. 自己紹介 1. Microsoft での本業 2. 副業：メディア出演・漫画家 2. 「プログラミング楽しい！」 1. 私がエンジニアになった経緯 3. 第四次産業革命 渦中のエンジニアとしてのワクワク
22. 自分の経験談をもとにお話しします
23. 私が今日お伝えしたいこと 1. 好きで打ち込めることを探して (オタ駆動開発) 2. あなたの人生です 3. Follow your heart. これからの世界を創っていく皆様に お伝えしたいことは３つだけ
24. 「オタク」とは？私の中の定義： 「”推し” に対して並々ならぬ愛を 持っており、それに対し時間や労力、 お金などを投資している人」 私はいつでも 「推し」に対して 全力！ 鉄オタ ドルオタ 技術オタ 二次オタ
25. わたしの話（もくじ）
26. わたしの話（もくじ）
27. 中学生の頃 – 「ルール」「普通の生徒」 先生 私 ストパーは 禁止でしょう！ 今すぐパーマを かけ直して 元の天然パーマに 戻しなさい ？？ 何故ストパーが ダメなのでしょうか？ 誰かに迷惑をかけている のでしょうか？ ？
28. 先生 私 ストパーは 禁止でしょう！ 今すぐパーマを かけ直して 元の天然パーマに 戻しなさい 何故ストパーが ダメなのでしょうか？ 誰かに迷惑をかけている のでしょうか？ 〇◎％ △▪×！！！ (ガチギレ) ？ 与えられた「ルール」に 黙って従わないと怒られた テストで良い点を 取ってればいいと 思ってんじゃないわよ！！ 謝りなさい！皆の前で！ ？？ ダメって言ったらダメなの よ！校則にもパーマ禁止っ て書いてあるでしょ！ 中学生の頃 – 「ルール」「普通の生徒」
29. 中学生の頃 – 暗黒 勉強ばかりしていた
30. 中学生の頃の趣味 – 英語との出会い ハリーポッターにハマり 翻訳が待てず原書を読んだ (誕生日にオーディオブックも 買ってもらい音読もした) そのため、文法の知識を得るために 塾の本棚から高校の英語の教科書を借りて 中1で高校1年程度まで独学した
31. 高校に入学 – 転機 自由な校風の女子高に入学 誰も私を怒らない、自由 プログラミングへ続く道との出会い
32. わたしの話（もくじ）
33. わたしの話（もくじ）
34. 高校生(女子高)時代
35. 高校生(女子高)時代 「趣味」「好きなこと」が あるという幸せ！
36. 腐教活動（同じ沼に落とす活動）に勤しむ
37. 腐教活動（同じ沼に落とす活動）に勤しむ
38. ガラケー世代（スマホなんて無かった） （Twitter や LINE など SNS も無いよ） 高校時代 通塾用に与えられたケータイで BL 小説/漫画サイトを見まくった （母さんごめん）
39. 閲覧者 生産者 ネット上のオタ友に シェア 私 ガラケー 難しそ う 高校時代
40. そのうち大学受験シーズンに。 情報学科 PCを使える 受験してみる 高校時代
41. 結局、受験科目の中に数学の無い 私立大学(女子大)の英文科に入学 興味ない 情報学科行きたかった 高校→大学
42. そこで運命の出会いを果たす！(18歳) 大学入学祝い 母 大学時代 (文系)
43. Apache on CentOS ついに念願のmyパソコンを手に入れた！！ サイトを作って HTML/CSS → JavaScript Linux PHP プログラミング, コンピュータサイエンス 大学時代 (文系) サーバ構築 コンピュータ アーキテクチャ
44. 寝食も忘れてパソコンに没頭 (夏休み) 大学時代 (文系)
45. でも最初は初心者向けの本(「猫でもわかる ～」)も読めなかった コンパイル？ って何？ 高水準言語 機械語、実行可能形式、 低い水 準のコード えっ、待っ、 (猫|猿)でも分かる らしいのに 私には分からない ググれば ググるほど 分からなくなる 大学時代 (文系)
46. Twitter で猛者たちに質問してみた 暗黒で恐ろしい言語 Haskell 大学時代 (文系) ツイッターの 猛者たち
47. 大学時代 (文系) ググれば ググるほど 分からなくなる
48. 一応本を買って Haskell 少し書いた 大学時代 (文系)
49. （当時書いたブログから抜粋）Haskell でシー ザー暗号 大学時代 (文系)
50. （当時書いたブログから抜粋）Haskell でシー ザー暗号 大学時代 (文系)
51. Twitter で猛者たちに質問してみた（その ２） 大学時代 (文系) OS自作入門 「基礎」違い ツイッターの 猛者たち
52. Twitter で猛者たちに質問してみた（その ３） 大学時代 (文系) プログラミング寄りの基礎 自分で作ってみる 処理系から書く ツイッターの 猛者たち 言語処理系の実装 普通に難しくて無理
53. 劣等感と罪悪感で潰れそうだった 大学時代 (文系) 私が頭悪い 申し訳ない 文系コンプ 楽しい つらい
54. 基礎から学ぶため、基本情報技術者試験 大学時代 (文系)
55. 絵やプログラミングの勉強をしつつ 塾講師 大学時代 (文系)
56. わたしの話（もくじ）
57. わたしの話（もくじ）
58. 就活して、新卒で SIer に入社 プログラミング学びたいから エンジニアとして雇ってもらうぞ 「就職氷河期」で かなり大変だった
59. 1か月半の新卒研修後、本業務に 新卒研修、楽しい！ 年の近い子たちとプログラミング！ ついにエンジニアとし てのお仕事が始まる ぞ！ワクワク
60. 業務開始、延々と単調な作業 プログラミングは？ 技術的な仕事は？ 皆が出来ることなの に私にはできない。 ペーパーワーク 我慢して遂行 業務時間中 私語は禁止 めちゃ早起き 休み時間が昼だけ 何時間も集中し 淡々と作業 じっと 席に座る
61. 呼吸困難、適応障害 これから出勤と思うと 息が出来なくなる 適応障害です 持病の喘息 かな？
62. 仕事辞めたいと言った時 – 全員大反対 仕事がつらいのは お金貰ってるんだから 当たり前！ せっかく大手に 入ったのに！ どうして皆が できることが 出来ないの どうか安定した人 生を送って 安心させておくれ あと 3年は 我慢して 泣いちゃい そう ばかたれ！！
63. 私の「分岐点」 レールにのった 安全な人生 皆と同じ 安心 レールから 外れる 自分の道を 歩く 会社辞めない ルート 新卒で入社して 即会社辞めるルート
64. 実務2週間で退職願を提出 (受理までに1か月) 翌週、社員数20人の スタートアップに転職 楽しい！！！毎日 沢山プログラミング 学べて嬉しい！！ お仕事楽しい！
65. 2社目ではスマホアプリの開発者 iOS, Android などのアプリを C# でクロスプラットフォーム開発 できる開発環境 Xamarin (ザマリン) を使ってい た。 (のちに Microsoft に買収される サービス) バックエンドは Microsoft のクラウドサービス 「Azure」を使っていた
66. 初めての IDE (Visual Studio) と C# との出会 い 今まで、ほぼ素の vim を使っていた。 コード補完や関数の定義などに飛べる 機能に大変感動した。 もう Visual Studio 無しではコード 書けない そして運命の C# との出会い！！ 今まで色んな言語を試してみたけど 一番しっくりくる言語だった。 (のちの Microsoft 入社の決め手となる動機が 「C# が好きだから」)
67. Xamarin についての記事を書きまくる
68. 副業で漫画家を始める @ IT 系転職系の web メディア
69. その連載先の web メディアの IT イベント 本業は プログラマで 普段は Microsoft Azure と Visual Studio と Xamarin, C# を使い スマホアプリを 開発しています 技術的な知識を生かした漫画を描いて、 それを通して人にプログラミングの 楽しさを広めたいです
70. その連載先の web メディアの IT イベント 本業は プログラマで 普段は Microsoft Azure と Visual Studio と Xamarin, C# を使い スマホアプリを 開発しています 技術的な知識を生かした漫画を描いて、 それを通して人にプログラミングの 楽しさを広めたいです 面白い子が いるな！ その場に居合わ せたMS社員
71. 英語面接など経て日本マイクロソフト入社 技術を分かりやすく人に 教える職業 「テクニカルエバンジェ リスト」です C# が好きなのと、 エンジニアコミュニティ に恩返ししたくて 決めました
72. 最初(2016)は 人前に出られなくて 本番前は机の下に 隠れてガタガタ震える 癖があった でもそこから ガンガン登壇を重ねた
73. Developers Summit 2017 (デブサミ) で ベストスピーカー賞 総合第1位 受賞
74. 2年後、米国マイクロソフト本社に異動 Cloud Developer Advocate として、 グローバルに 働いています
75. Connecting the Dots (点と点を繋ぐ) 好きなことに打ち込むことが大事で、 それが将来振り返ると今に必ず繋 がっている You've got to find what you love. その時に好きで夢中になれるものを 探しなさい
76. ジョブズの「Connecting the dots」 • 例えば、大学を辞めてタイポグラフィーの授業に潜り込み魅 了され打ち込んだ経験が、mac を作る時に美しいタイポグラ フィーを備えた素晴らしい OS を作ることに役立ったエピ ソードを振り返って以下のようなことを言ってます。 • 「it was impossible to connect the dots looking forward when I was in college. But it was very, very clear looking backwards ten years later.」 点と点が繋がって将来を作っていくということを信じて打ち込 むのは大切。 引用元（15分程度なので見たことがなければ見てみましょう） https://www.youtube.com/watch?v=UF8uR6Z6KLc
77. 「オタク」とは？私の中の定義： •「”推し” に対して並々ならぬ愛を持って おり、それに対し時間や労力、お金など を投資している人」 私はいつでも 「推し」に対して 全力！
78. 中学生の頃 – 英語との出会い ハリーポッターにハマり 翻訳が待てず原書を読んだ (誕生日にオーディオブックも 買ってもらい音読もした) そのため、文法の知識を得るために 塾の本棚から高校の英語の教科書を借りて 中1で高校1年程度まで独学した
79. 腐教活動（同じ沼に落とす活動）に勤しむ
80. 大学入学祝いでデジタル絵描き 大学入学祝い 母
81. ついに念願のmyパソコンを手に入れた！！ サイトを作って HTML/CSS → JavaScript Linux PHP プログラミング, コンピュータサイエン ス 大学時代 (文系) サーバ構築
82. 絵やプログラミングの勉強をしつつ 塾講師
83. 私の「Connecting the Dots」 絵描き マンガ家 本(『マンガでわかる外国 人との働き方』)を出版 プログラミング エンジニア オタ布教活動 日本 MS で エバンジェリスト 米国 Microsoft 本社 所属の Developer Advocate 英語 (まだ勉強中ですが) 塾講師バイト “インフルエンサー” と呼ばれる (Twitter フォロワー 9万人)
84. インフルエンサー(と松屋ファン)として https://www.instagram.com/p/B0iOPMeAAxE/
85. 点と点の話でもうひとつ •最低でも３つ「点」があると、より良い。 •1点だけだと「点」 •2点だと「線」 •3点あると「面」になる • (勿論1つの点を突き詰めるのも 素晴らしい) エンジ ニア マンガ 家 腐女 子 この範囲の人たちに リーチできる
87. 私が今日お伝えしたいこと 1. 好きで打ち込めることを探して (オタ駆動開発) 2. あなたの人生です 3. Follow your heart. これからの世界を創っていく皆様に お伝えしたいことは３つだけ
88. もくじ 1. 自己紹介 1. Microsoft での本業 2. 副業：メディア出演・漫画家 2. 「プログラミング楽しい！」 1. 私がエンジニアになった経緯 3. 第四次産業革命 渦中のエンジニアとしてのワクワク
89. 最後に： 過去、テクノロジーの進化により 人々の生活を激変させた例
90. 手工業から 近代的工業に移る時の、 産業上の大きな変化。 （技術の発展が社会を変えた）
92. 蒸気機関車
94. 電気・石油 エネルギー
95. 1900年の ニューヨーク
96. 1920年の ニューヨーク
97. コンピューター
99. 計算能力、集積度の向上 Intel 4004 (740 KHz) 0.092MIPS Intel Core i7 5960x (3.0GHz) 298,190 MIPS 1971年 2014年 324万個 ＝
100. 携帯電話の 歴史
102. そして今は「第四次 産業革命」と呼ばれている
103. 産業革命の流れ 第一次 機械化、 蒸気機関 電力、 大量生産
104. 産業革命の流れ 第一次 機械化、 蒸気機関 電力、 大量生産 コンピュータ による自動化
105. 第四次 産業革命の流れ 第一次 機械化、 蒸気機関 電力、 大量生産 コンピュータ による自動化
106. 世界の未来を創るのは みなさまです！ この情報社会において エンジニアの皆様は 可能性が無限大！
107. ありがとうございました！