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
49
初めてのmarimo (ハンズオン)
NearMeの技術発表資料です
PRO
November 21, 2025
Tweet
Share
More Decks by NearMeの技術発表資料です
See All by NearMeの技術発表資料です
AIを用いた PID制御で部屋 の温度制御をしてみた
nearme_tech
PRO
0
19
CopilotKit + AG-UIを学ぶ
nearme_tech
PRO
1
120
Tile38 Overview
nearme_tech
PRO
0
54
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
390
実践で使えるtorchのテンソル演算
nearme_tech
PRO
0
31
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
520
ローカルLLM
nearme_tech
PRO
0
80
LlamaIndex Workflow: Build Practical AI Agents Fast
nearme_tech
PRO
0
45
Box-Muller法
nearme_tech
PRO
1
64
Featured
See All Featured
The Invisible Side of Design
smashingmag
302
51k
Claude Code のすすめ
schroneko
67
220k
Automating Front-end Workflow
addyosmani
1370
200k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
How GitHub (no longer) Works
holman
316
140k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
130
The Cost Of JavaScript in 2023
addyosmani
55
9.7k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
51k
ラッコキーワード サービス紹介資料
rakko
1
2.5M
Site-Speed That Sticks
csswizardry
13
1.1k
How to build a perfect <img>
jonoalderson
1
5.2k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
760
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