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
27
初めてのmarimo (ハンズオン)
NearMeの技術発表資料です
PRO
November 21, 2025
Tweet
Share
More Decks by NearMeの技術発表資料です
See All by NearMeの技術発表資料です
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
57
実践で使えるtorchのテンソル演算
nearme_tech
PRO
0
7
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
320
ローカルLLM
nearme_tech
PRO
0
48
LlamaIndex Workflow: Build Practical AI Agents Fast
nearme_tech
PRO
0
29
Box-Muller法
nearme_tech
PRO
1
41
Kiro触ってみた
nearme_tech
PRO
0
360
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
4
620
ReactNative のアップグレード作業が (意外に)楽しかった話
nearme_tech
PRO
2
140
Featured
See All Featured
Paper Plane
katiecoart
PRO
0
45k
Music & Morning Musume
bryan
46
7k
Navigating Team Friction
lara
191
16k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
How GitHub (no longer) Works
holman
316
140k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
890
How to make the Groovebox
asonas
2
1.9k
New Earth Scene 8
popppiees
1
1.4k
Darren the Foodie - Storyboard
khoart
PRO
2
2.2k
We Have a Design System, Now What?
morganepeng
54
8k
Accessibility Awareness
sabderemane
0
38
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
430
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