Cloudflare Meetup Nagano Vol.3

Cloudflare Meetup Nagano Vol.3 2024.01.18 Sat. Taisei Ito kaedemalu 𝕏
kaedemalu

自己紹介 • 伊藤太斉(Taisei Ito) ◦ @kaedemalu(X, GitHub) ◦ フューチャーアーキテクト株式会社
▪ Technology Innovation Group ▪ シニアコンサルタント ▪ TechBlog Editor ◦ #Terraform #Google Cloud #AWS ◦ 長野県長野市生まれ • Community ◦ GCPUG Shonan Staff • Hobby ◦ サウナ・スキー・カメラ・マラソン（先週ハーフ完走）

結構ネタに悩みました（ここは独り言） • Terraformと絡めたネタは前回やった • Cloudflare自体、仕事で触っているわけではないからそこまでネタとして持っていない • 最近の関心ごと ◦ インフラの運用監視

水曜日になりました

自分が広げられるネタとは • 昨年会社の技術ブログで連載をやりました参考：https://future-architect.github.io/articles/20240527a/

自分が広げられるネタとは • 昨年会社の技術ブログで連載をやりました

今回のネタ • Workersってどうやって動いているんだろう ◦ PythonをWorkersでどう動かしているか

そもそもWorkersってどうやって動いている？ • Chrome V8というJavaScriptエンジンで稼働する ◦ 車のエンジンの気筒数になぞらえた命名 ▪ V8なので相当パワフルに動く、というところから ◦ 強み
▪ コールドスタートな状態であっても5msほどで実行できるほど高速なスピンアップ ▪ JavaScriptの関数をサンドボックス化し、セキュリティの向上に寄与している参考：https://www.cloudflare.com/learning/serverless/glossary/what-is-chrome-v8/

サンドボックス化とは • Chrome V8における重要な機能の一つである • JavaScriptの関数それぞれが個別に実行され、かつ影響を与えないことを保証している ◦ 他の関数によってパフォーマンスの低下も起こさない参考・引用：
https://www.cloudflare.com/learning/serverless/glossary/what-is-chrome-v8/

ウェブで扱える言語 • HTML • CSS • JavaScript

Cloudflare Workersで実行可能な言語 • HTML • CSS • JavaScript • Python
• Go • Rust • C, etc…

WebAssembly(WASM)という技術 • 昨今のウェブブラウザで実行できるバイナリのフォーマット（仕様） • Rust, C/C++などの言語をコンパイルして実行することができる ◦ 上記の言語をウェブ上で動かすことができる ◦ JavaScriptと並行して動かすように設計されている
• JavaScriptの「置き換え」ではなく「補強」参考・引用： https://developer.mozilla.org/ja/docs/WebAssembly

なぜWASMができたのだろうか • HTML, CSS, JavaScriptで動作するアプリより高機能、パフォーマンスを求められるようになった ◦ 一般的にはコンパイラ言語の方がパフォーマンスがいい ▪ JavaScriptはインタプリタ言語
◦ ゲーム系、XR、動画編集系 • ウェブが中心のサービスが増えたこと ◦ ブラウザベースで完結することの容易さ参考：・https://developer.mozilla.org/ja/docs/WebAssembly ・https://qiita.com/ShuntaShirai/items/3ac92412720789576f22

Workers for Python • Pythonはインタプリタ言語 ◦ コンパイラ言語ではない

Pyodideの利用 • Pyodide（パイオダイド）と読む • PythonをWebブラウザ上で動かすために開発されたランタイム • PyodideがWASMとして振る舞ってPythonを実行する ◦ PythonがそのままWASMとしてコンパイルされるわけではない ▪
パフォーマンスとしては先述のコンパイラ言語よりは劣る参考・引用： https://news.mynavi.jp/techplus/article/zeropython-99/

Pythonをブラウザ上で実行できるメリット • 初学者が取り組みやすい言語であること • 機械学習、データ分析の簡素化

Pythonコードを動かしてみる • 以下のコードをHTML形式で保存する <html> <head> <script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.js"></script> <link
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.css" /> </head> <body> <gradio-lite> import gradio as gr def greet(name): return "Hello, " + name + "!" gr.Interface(greet, "textbox", "textbox").launch() </gradio-lite> </body> </html> 参考・引用： https://www.gradio.app/guides/gradio-lite

Pythonコードを動かしてみる • 実行すると参考・引用： https://blog.cloudflare.com/python-workers/

PythonをCloudflare Workersで動かす仕組み • Pyodideを使ってPythonのコードをWASMの仕組みに乗せて動かしている ◦ Workers自体がWASMを動かせるようになっている

まとめ • Cloudflare WorkersはChrome V8をベースとしたウェブ技術を使っている • それぞれパフォーマンスに影響を及ぼさず、セキュアに実行できる • ウェブでさまざまな言語を動かすためにWebAssemblyを活用している •
PythonのネイティブサポートはPyodideを使ってWebAssemblyに載せて利用

• 大崎にあるITコンサル会社 • 経営戦略から実装、運用までを全てこなす • ベンダーニュートラルの考え方 • 「ないものは作る」フューチャーについて

• 実用Go言語をはじめとした各種書籍、雑誌の著者たち • Vue.jsのコミッター • TomcatのPMCメンバー • OSS「Vuls」の作成者こんな人います

ブログも出しています

Cloudflare Meetup Nagano Vol.3 2024.01.18 Sat. Taisei Ito kaedemalu 𝕏
kaedemalu

Cloudflare Meetup Nagano Vol.3

Cloudflare Meetup Nagano Vol.3

Taisei Ito

More Decks by Taisei Ito

Other Decks in Technology

Featured

Transcript