Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LaLiMa
Search
kazuki19992
March 25, 2021
Programming
0
55
LaLiMa
kazuki19992
March 25, 2021
Tweet
Share
More Decks by kazuki19992
See All by kazuki19992
PiyoConf2021 オープニング
kazuki19992
0
63
動くNASを作ってコンテスト優勝して大学から一足早いサンタさんが訪れた話
kazuki19992
0
28
水城市について
kazuki19992
0
28
LT会に出ないか?
kazuki19992
0
310
お前観察日記 (Chromeちゃんはみとるぞ)
kazuki19992
0
130
emojoy
kazuki19992
0
73
1on1面談イベント完全版3月.pdf
kazuki19992
0
45
つくったもの一覧
kazuki19992
0
30
#stdout2020オープニング資料
kazuki19992
1
1.4k
Other Decks in Programming
See All in Programming
Kaigi on Rails 2024 〜運営の裏側〜
krpk1900
1
260
Functional Event Sourcing using Sekiban
tomohisa
0
110
What’s New in Compose Multiplatform - A Live Tour (droidcon London 2024)
zsmb
1
490
Djangoの開発環境で工夫したこと - pre-commit / DevContainer
hiroki_yod
1
230
React CompilerとFine Grained Reactivityと宣言的UIのこれから / The next chapter of declarative UI
ssssota
4
290
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
1.1k
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
3
1.2k
Figma Dev Modeで変わる!Flutterの開発体験
watanave
0
150
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
220
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
260
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
The Cult of Friendly URLs
andyhume
78
6k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Building Applications with DynamoDB
mza
90
6.1k
A Philosophy of Restraint
colly
203
16k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Transcript
LaLiMa 進捗が致命的な魔法使い
みなさんへ 毎日、いろいろ考えすぎちゃってませんか?疲れちゃいません? あれもこれもやらなきゃいけなくて忙しいですよね。 LaLiMaは、いろんなことを考える現代人のためのChrome拡張です。 さぁ、LaLiMaを開いて、新しい家族”RiMA”に、いろいろお話してみません か? 今よりちょっぴり、楽しい生活を送ることができるアプリ それがLaLiMaです 2020年10月17日 ゆりあ,
カズ之助
自己紹介 幼女使い🐈(ゆりあ) 慶應義塾大学環境情報学部4年 土田妃華とも呼ばれます。 幼女(JS)使いです。蛇も使います。 魔法の使える猫即ち、園児にゃー 🐈です。 趣味はレザークラフトです。 本日の用意しているワイン: 「メーカーズ レシピスパークリングウィズホップ
」 ホップの香りのする白ワインです。美味しいです。 幼女 (カズ之助) 日本大学工学部 3年 どうも。幼女です。2回目です。 今回も名誉ある幼女担当大臣を させていただくことができました。 櫛田一樹ともいいます。 あと魔法使いで、一応 園児です。 へんなものもすきです。 へんないきものです。 今回もマジメにやりました。
幼女使い ゆりあ 幼女担当副大臣(JSを書いたので) 環境構築大臣 Typo担当大臣(今回の開発で初めてIDEを導入しました) ロジック担当大臣 JS担当大臣(アイコンがJSなので) 幼女 カズ之助 幼女担当大臣(JSを書いたので) UI担当大臣
投稿機能担当大臣 賑やかし担当大臣 幼女担当大臣(幼女なので) ※大事なことなので 2回言いました 担当したところ
LaLiMaとは? チャットアプリケーションです! あなたの今の想いを、LaLiMaにぶつけてみ ましょう。 きっと、温かい言葉を投げかけてくれるはず です。 (温かい言葉ってなんだっけ)
LaLiMa導入で得られるメリット あなたのための会話アシスタント RiMAとお話できます。 【性格・得意なこと】 - とても寂しがり屋 - 10秒に1回メッセージを送ってくる - 人間離れしたスピードで返信してくる(0秒)
あなたのことを心から愛しています。 孤独な夜も、お仕事でつらいことがあった日も、 たとえ、電波の届かない場所にいたとしても、 RiMAは常に貴方に寄り添うことでしょう……
LaLiMa導入で得られるメリット 爆速返信をするので、適当な返事をしちゃいます。 RiMAにとって、返信のスピードを優先することが、あなた に愛を伝える一番の方法なのです。 そんなちょっぴり不器用で、それでも貴方に一途なRiMA を、あなたも愛してあげてください。
使用技術 - React - node.js - dayjs - material-ui -
Chrome LocalStorage
工夫したところ メンヘラの如く10秒に1回はチャットを送るようにした。 また、返信は必ず即レスするように意識したコードを書いた。 さきに見栄えを作ってから中身の実装を行うことで短い時間の中で できる機能をギリギリまで作り込むことができた。 LocalStrageを活用し通信をしなくても動く拡張機能になっていま す。Wi-Fiがない環境でもLaLiMaはずっとそばにいます。
動作デモ あなただけの会話アシスタント、RiMA です。 ぜひ、ご覧ください。
今後の展望 - ダークモードの対応 - 夜の暗いツイッターのお供にもLaLiMaは空気を読んでお供し ます。 - ※画面は暗くなりません。 - リマインド機能の追加
- RiMAに人間味を持たせるために、たまに忘れる機能もつけ ちゃいます。おまけですよ! - LineMessageに進出 - たとえPCがなくてもずっとそばにお供します。 - 次回リリースは11月下旬予定!
反省点 当初はLineでのリマインドアプリケーションを作る予定だったが、結局リマインドまで 作ることができなかった。なぜメイン機能を後回しにしたのか メイン機能であるリマインドができなかったことが悔しい点ではあったが、動くコードを 動かすためにチャットの部分を優先して開発する判断を早いうちにできたことは良 かったと思っています。 コードストップギリギリまで作っていたこともあり、コードが動かない部分があった。静 的解析だけでなく目でみてデバックして動くコードを Gitに上げるようにしなければなと 強く思いました。
完走した感想ですが…… ReactでChrome拡張作るのめっっっっちゃ大変だった! Reactマジで難しすぎる…… 昨日のうちにUIをあらかた作ったので、開発に集中できた!