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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kazuki19992
March 25, 2021
Programming
83
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
LaLiMa
kazuki19992
March 25, 2021
More Decks by kazuki19992
See All by kazuki19992
悩め!!言ってみろ!!
kazuki19992
0
80
PiyoConf2021 オープニング
kazuki19992
0
100
動くNASを作ってコンテスト優勝して大学から一足早いサンタさんが訪れた話
kazuki19992
0
69
水城市について
kazuki19992
0
52
LT会に出ないか?
kazuki19992
0
380
お前観察日記 (Chromeちゃんはみとるぞ)
kazuki19992
0
160
emojoy
kazuki19992
0
110
1on1面談イベント完全版3月.pdf
kazuki19992
0
67
つくったもの一覧
kazuki19992
0
55
Other Decks in Programming
See All in Programming
AIで効率化できた業務・日常
ochtum
0
140
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
170
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
140
OSもどきOS
arkw
0
570
その問い、本当に正しいですか?AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
minodriven
9
5.4k
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
120
「エンジニアインターン、どうやって取った?」準備のリアルを語るLT会 Progate BAR
akiomatic
0
130
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
140
Language Server 使ってる? 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
handlename
0
790
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
100
Claspは野良GASの夢をみるか
takter00
0
190
ふつうのFeature Flag実践入門
irof
7
4k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
440
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
130
How to build a perfect <img>
jonoalderson
1
5.7k
YesSQL, Process and Tooling at Scale
rocio
174
15k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
250
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
55k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
370
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Facilitating Awesome Meetings
lara
57
7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
210
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をあらかた作ったので、開発に集中できた!