Slide 1

Slide 1 text

表 記 ゆ れ を 撲 滅 し た は な し ⼀ ノ 瀬 翔 吾 ( 友 利 奈 緒 ) 2021.08.27

Slide 2

Slide 2 text

⾃⼰紹介 atama plus株式会社 Product Engineer ⾃称 CDO (Chief Design System Development Officer) Angular歴 4-5年ぐらい 友利奈緒@rettar5 2 ⼀ ノ 瀬 翔 吾

Slide 3

Slide 3 text

atama plus

Slide 4

Slide 4 text

教育に、⼈に、社会に、 次の可能性を。 教育を新しくすること。それは、社会のまんなかを新しくする こと。私たちは学びのあり⽅を進化させます。 学習を⼀⼈ひとり最適化し、「基礎学⼒」を最短で⾝につける。 そのぶん増える時間で、「社会でいきる⼒」を伸ばす。 それが私たちの⽬指すもの。⾃分の⼈⽣を⽣きる⼈を増やし、 これからの社会をつくっていきます。 M i s s i o n atama plus

Slide 5

Slide 5 text

ⓒ 2021 atama plus Inc. 5 従来の勉強だけではない学びを提供する 基礎学⼒ いきる⼒

Slide 6

Slide 6 text

ⓒ 2021 atama plus Inc. atama plusのミッション 6 atama plus 「基礎学⼒」の習得 「基礎学⼒」の習得 「社会でいきる⼒」の習得

Slide 7

Slide 7 text

AI先⽣「atama+」を 全国の塾・予備校にSaaSモデルで提供しています。 atama+は、⼀⼈ひとりの得意、苦⼿、伸び、 つまずき、忘却度などの情報を収集・分析して、 ⼀⼈ひとりに合った「⾃分専⽤カリキュラム」を提供します。 学習をPersonalize「atama+」

Slide 8

Slide 8 text

ⓒ 2021 atama plus Inc. atama plusのプロダクト 8 表記ゆれを撲滅したはなし Aurora/S3/CloudFront etc Hug+Zappa AWS Lambda Cloud Functions オンライン模試 / API server contents editor micro service dev tool

Slide 9

Slide 9 text

ⓒ 2021 atama plus Inc. atama plusのプロダクト 9 表記ゆれを撲滅したはなし atama plusでは創業(2017年)から Angularを採⽤

Slide 10

Slide 10 text

表記ゆれの撲滅

Slide 11

Slide 11 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 11 表記ゆれを撲滅したはなし 表記ゆれの修正を コミットしたことありますよね?

Slide 12

Slide 12 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 12 表記ゆれを撲滅したはなし atama plusにも いくつか表記のルールがあります

Slide 13

Slide 13 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 13 表記ゆれを撲滅したはなし atama+ ↑プラスは全⾓

Slide 14

Slide 14 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 14 表記ゆれを撲滅したはなし atama+ ID ↑プラスは全⾓ ↑プラスとIDの間は半⾓スペース

Slide 15

Slide 15 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 15 表記ゆれを撲滅したはなし atama+ Web版 ↑プラスは全⾓ ↑プラスとIDの間は半⾓スペース ↑WebはWのみ⼤⽂字

Slide 16

Slide 16 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 16 表記ゆれを撲滅したはなし 既修 ↑既習ではなく既修

Slide 17

Slide 17 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 17 表記ゆれを撲滅したはなし つまずき ↑「づ」ではなく「ず」

Slide 18

Slide 18 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 18 表記ゆれを撲滅したはなし 社会でいきる⼒ ↑いきるはひらがな

Slide 19

Slide 19 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 19 表記ゆれを撲滅したはなし ください ↑漢字ではなくひらがな

Slide 20

Slide 20 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 20 表記ゆれを撲滅したはなし めざす ↑漢字ではなくひらがな

Slide 21

Slide 21 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅 21 表記ゆれを撲滅したはなし 表記ゆれが残ったまま プロダクトがリリースされてしまう…!

Slide 22

Slide 22 text

表記ゆれの撲滅の仕組み化

Slide 23

Slide 23 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 23 表記ゆれを撲滅したはなし huskyとlint-stagedとtextlintを 組み合わせて コミット時に表記ゆれを検知する

Slide 24

Slide 24 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 24 表記ゆれを撲滅したはなし husky gitコマンド実⾏時に 任意の処理を実⾏できるツール

Slide 25

Slide 25 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 25 表記ゆれを撲滅したはなし lint-staged コミットしようとしているファイルに 任意の処理を実⾏できるツール

Slide 26

Slide 26 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 26 表記ゆれを撲滅したはなし textlint Markdownやテキストファイルを Lintするツール

Slide 27

Slide 27 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 27 表記ゆれを撲滅したはなし textlintはruleやpluginなど 組み合わせて⽂章の校正ができる

Slide 28

Slide 28 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 28 表記ゆれを撲滅したはなし atama+向けの辞書を作り 誤った表記を含んでいたら 正しい表記を教えるルールを実装

Slide 29

Slide 29 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 29 表記ゆれを撲滅したはなし

Slide 30

Slide 30 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 30 表記ゆれを撲滅したはなし

Slide 31

Slide 31 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 31 表記ゆれを撲滅したはなし

Slide 32

Slide 32 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 32 表記ゆれを撲滅したはなし これで.mdファイルの 表記ゆれは撲滅完了!

Slide 33

Slide 33 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 33 表記ゆれを撲滅したはなし 表記ゆれを撲滅したいのは ⽣徒や先⽣が使うプロダクト

Slide 34

Slide 34 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 34 表記ゆれを撲滅したはなし textlint単体では.htmlファイルが チェックできないので textlint-plugin-html を追加する

Slide 35

Slide 35 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 35 表記ゆれを撲滅したはなし

Slide 36

Slide 36 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 36 表記ゆれを撲滅したはなし

Slide 37

Slide 37 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 37 表記ゆれを撲滅したはなし これで.htmlファイルの 表記ゆれは撲滅完了!

Slide 38

Slide 38 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 38 表記ゆれを撲滅したはなし .tsファイルでも 表記ゆれ発⽣しますよね…?

Slide 39

Slide 39 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 39 表記ゆれを撲滅したはなし プラグインが存在しないので .js / .tsファイルのプラグイン textlint-plugin-babel-parser を実装しました

Slide 40

Slide 40 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 40 表記ゆれを撲滅したはなし

Slide 41

Slide 41 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 41 表記ゆれを撲滅したはなし

Slide 42

Slide 42 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 42 表記ゆれを撲滅したはなし これで.tsファイルの 表記ゆれも撲滅完了!

Slide 43

Slide 43 text

ⓒ 2021 atama plus Inc. 表記ゆれの撲滅の仕組み化 43 表記ゆれを撲滅したはなし 表記ゆれが残ったまま プロダクトがリリースされなくなった!

Slide 44

Slide 44 text

告知

Slide 45

Slide 45 text

ⓒ 2021 atama plus Inc. 告知 45 表記ゆれを撲滅したはなし https://atama-plus.connpass.com/event/219479/

Slide 46

Slide 46 text

© atama plus Inc. atama plusは、Mission driven company. ミッションの実現に向けて、常識にとらわれずに考え、議論し、 互いを尊重しながら楽しむ集団です。 ⼈が全てなので、採⽤にはとてもとてもこだわってきました。 開発チームはもとより、ビジネスチームもコーポレートチームも、 全員で良いプロダクトを創る。 ⼀つの⼤きなチームとして意⾒をぶつけあいながら ⽣徒が熱狂する学びを創っていく。 そんな想いの船に⼀緒に乗って、 新しい教育を創り、社会を変えていく仲間を募集しています。 We are hiring ! 参考リンク 3 分 で わ か る a t a m a p l u s 求 ⼈ ⼀ 覧