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
初めてのmarimo (ハンズオン)
Search
NearMeの技術発表資料です
PRO
November 21, 2025
0
26
初めてのmarimo (ハンズオン)
NearMeの技術発表資料です
PRO
November 21, 2025
Tweet
Share
More Decks by NearMeの技術発表資料です
See All by NearMeの技術発表資料です
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
37
実践で使えるtorchのテンソル演算
nearme_tech
PRO
0
6
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
300
ローカルLLM
nearme_tech
PRO
0
45
LlamaIndex Workflow: Build Practical AI Agents Fast
nearme_tech
PRO
0
28
Box-Muller法
nearme_tech
PRO
1
41
Kiro触ってみた
nearme_tech
PRO
0
360
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
4
600
ReactNative のアップグレード作業が (意外に)楽しかった話
nearme_tech
PRO
2
140
Featured
See All Featured
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
200
Mobile First: as difficult as doing things right
swwweet
225
10k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
75
Practical Orchestrator
shlominoach
190
11k
The Limits of Empathy - UXLibs8
cassininazir
1
200
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
190
How STYLIGHT went responsive
nonsquared
100
6k
WCS-LA-2024
lcolladotor
0
410
Large-scale JavaScript Application Architecture
addyosmani
515
110k
So, you think you're a good person
axbom
PRO
2
1.9k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.2k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
Transcript
0 初めてのmarimo (ハンズオン) 2025-11-21第135回NearMe技術勉強会 Kenji Hosoda
1 marimoとは • 次世代のNotebookとして期待されている ◦ Jupyter Notebook⾵だが、「リアクティブ」に動く ◦ 出⼒はPythonファイルで、Git &
AI フレンドリー
2 セットアップ • uvのインストール ◦ brew install uv (https://docs.astral.sh/uv/getting-started/installation/) •
ディレクトリの作成 ◦ uv init hello-marimo ◦ cd hello-marimo ◦ uv add marimo • Notebookの起動 ◦ uv run marimo edit
3 ステップ1:インタラクティブな⼊⼒からの変数定義
4 • ⽣成されたファイルを確認 セルを跨いで利用される変数・パッケージは、 各セルの関数の入出力を通じてやり取りされる
5 ステップ2:依存関係のある変数の定義
6 • サイドメニューにて変数の値と依存関係を確認
7 ステップ3:AIを利⽤したプロット • 3-1: altairパッケージのインポート パッケージがインストールされていなかったら、 ポップアップが現れ、そこからインストールできる
8 • 3-2: AIの設定 利用するAIプロバイダーのキーを設定 利用するAIプロバイダーのモデルを設定
9 • 3-3: AIに指⽰する 提案が良さそうならAccept を押下
10 • 3-4: AIが⽣成したコードを実⾏ xのスライダーを変化させれば 点の位置も変化 xは入力UIなのでx.value yは数値変数なのでそのまま y を用いているとこも考慮
(変数名で型分かるようにすればよかったが )
11 ステップ4:地図の表⽰ • 4-1: AIに指⽰
12 • 4-2: リアクティブに地図を更新 スライダーを変化させれば 地図も変化
13 所感 • UI/UXが洗練されている ◦ パッケージインストール補助など、細かいフリクションにも対処 ◦ LLMのインテグレーションはお⼿本的で申し分ない • Jupyter
NotebookとStreamlitの間ぐらいの⽴ち位置 ◦ 重たい処理などリアクティブ性が必要ないならToo much? ▪ Git & AI フレンドリーなのでそれだけで導⼊価値はあるかも ◦ 開発者⽬線ではいいが、⼀般ユーザー向けの凝ったUIを実現するのは難しい ▪ 細かな分析や検証をやりたい時に真価を発揮しそう
14 Thank you