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
52
初めてのmarimo (ハンズオン)
NearMeの技術発表資料です
PRO
November 21, 2025
Tweet
Share
More Decks by NearMeの技術発表資料です
See All by NearMeの技術発表資料です
【Browser Automation × AI】 Stagehandを試してみよう
nearme_tech
PRO
0
39
AIを用いた PID制御で部屋 の温度制御をしてみた
nearme_tech
PRO
0
47
CopilotKit + AG-UIを学ぶ
nearme_tech
PRO
3
210
Tile38 Overview
nearme_tech
PRO
0
59
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
580
実践で使えるtorchのテンソル演算
nearme_tech
PRO
0
37
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
590
ローカルLLM
nearme_tech
PRO
0
93
LlamaIndex Workflow: Build Practical AI Agents Fast
nearme_tech
PRO
0
48
Featured
See All Featured
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
150
The Art of Programming - Codeland 2020
erikaheidi
57
14k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.1k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.1k
First, design no harm
axbom
PRO
2
1.1k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.1k
Designing for humans not robots
tammielis
254
26k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
990
A Soul's Torment
seathinner
5
2.5k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
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