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
64
LaLiMa
kazuki19992
March 25, 2021
Tweet
Share
More Decks by kazuki19992
See All by kazuki19992
PiyoConf2021 オープニング
kazuki19992
0
70
動くNASを作ってコンテスト優勝して大学から一足早いサンタさんが訪れた話
kazuki19992
0
45
水城市について
kazuki19992
0
38
LT会に出ないか?
kazuki19992
0
350
お前観察日記 (Chromeちゃんはみとるぞ)
kazuki19992
0
140
emojoy
kazuki19992
0
83
1on1面談イベント完全版3月.pdf
kazuki19992
0
52
つくったもの一覧
kazuki19992
0
37
#stdout2020オープニング資料
kazuki19992
1
1.5k
Other Decks in Programming
See All in Programming
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
270
When Dependencies Fail: Building Antifragile Applications in a Fragile World
selcukusta
0
110
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
190
iOSでSVG画像を扱う
kishikawakatsumi
0
160
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
170
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
7
3.4k
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
aoseyuu
2
210
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
450
TransformerからMCPまで(現代AIを理解するための羅針盤)
mickey_kubo
6
3.5k
CSC509 Lecture 06
javiergs
PRO
0
260
Vueのバリデーション、結局どれを選べばいい? ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
neginasu
2
450
Featured
See All Featured
Fireside Chat
paigeccino
40
3.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Agile that works and the tools we love
rasmusluckow
331
21k
Statistics for Hackers
jakevdp
799
220k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Rails Girls Zürich Keynote
gr2m
95
14k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
How STYLIGHT went responsive
nonsquared
100
5.8k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
Automating Front-end Workflow
addyosmani
1371
200k
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をあらかた作ったので、開発に集中できた!