Cloudflare Meetup Nagano Vol.3

Transcript

1. Cloudflare Meetup Nagano Vol.3 2024.01.18 Sat. Taisei Ito kaedemalu 𝕏 kaedemalu
2. 自己紹介 • 伊藤 太斉(Taisei Ito) ◦ @kaedemalu(X, GitHub) ◦ フューチャーアーキテクト株式会社 ▪ Technology Innovation Group ▪ シニアコンサルタント ▪ TechBlog Editor ◦ #Terraform #Google Cloud #AWS ◦ 長野県長野市生まれ • Community ◦ GCPUG Shonan Staff • Hobby ◦ サウナ・スキー・カメラ・マラソン（先週ハーフ完走）
3. 結構ネタに悩みました（ここは独り言） • Terraformと絡めたネタは前回やった • Cloudflare自体、仕事で触っているわけではないから そこまでネタとして持っていない • 最近の関心ごと ◦ インフラの運用監視
4. 水曜日になりました
5. 自分が広げられるネタとは • 昨年会社の技術ブログで連載をやりました 参考：https://future-architect.github.io/articles/20240527a/
6. 自分が広げられるネタとは • 昨年会社の技術ブログで連載をやりました
7. 今回のネタ • Workersってどうやって動いているんだろう ◦ PythonをWorkersでどう動かしているか
8. そもそもWorkersってどうやって動いている？ • Chrome V8というJavaScriptエンジンで稼働する ◦ 車のエンジンの気筒数になぞらえた命名 ▪ V8なので相当パワフルに動く、というところから ◦ 強み ▪ コールドスタートな状態であっても5msほどで実行できるほど 高速なスピンアップ ▪ JavaScriptの関数をサンドボックス化し、セキュリティの向上に 寄与している 参考：https://www.cloudflare.com/learning/serverless/glossary/what-is-chrome-v8/
9. そもそもWorkersってどうやって動いている？ • Chrome V8というJavaScriptエンジンで稼働する ◦ 車のエンジンの気筒数になぞらえた命名 ▪ V8なので相当パワフルに動く、というところから ◦ 強み ▪ コールドスタートな状態であっても5msほどで実行できるほど 高速なスピンアップ ▪ JavaScriptの関数をサンドボックス化 し、セキュリティの向上に 寄与している 参考：https://www.cloudflare.com/learning/serverless/glossary/what-is-chrome-v8/
10. サンドボックス化とは • Chrome V8における重要な機能の一つである • JavaScriptの関数それぞれが個別に実行され、かつ影響を与えないことを 保証している ◦ 他の関数によってパフォーマンスの低下も起こさない 参考・引用： https://www.cloudflare.com/learning/serverless/glossary/what-is-chrome-v8/
11. ウェブで扱える言語 • HTML • CSS • JavaScript
12. Cloudflare Workersで実行可能な言語 • HTML • CSS • JavaScript • Python • Go • Rust • C, etc…
13. WebAssembly(WASM)という技術 • 昨今のウェブブラウザで実行できるバイナリのフォーマット（仕様） • Rust, C/C++などの言語をコンパイルして実行することができる ◦ 上記の言語をウェブ上で動かすことができる ◦ JavaScriptと並行して動かすように設計されている • JavaScriptの「置き換え」ではなく「補強」 参考・引用： https://developer.mozilla.org/ja/docs/WebAssembly
14. なぜWASMができたのだろうか • HTML, CSS, JavaScriptで動作するアプリより高機能、パフォーマンスを 求められるようになった ◦ 一般的にはコンパイラ言語の方がパフォーマンスがいい ▪ JavaScriptはインタプリタ言語 ◦ ゲーム系、XR、動画編集系 • ウェブが中心のサービスが増えたこと ◦ ブラウザベースで完結することの容易さ 参考： ・https://developer.mozilla.org/ja/docs/WebAssembly ・https://qiita.com/ShuntaShirai/items/3ac92412720789576f22
15. Workers for Python • Pythonはインタプリタ言語 ◦ コンパイラ言語ではない
16. Pyodideの利用 • Pyodide（パイオダイド）と読む • PythonをWebブラウザ上で動かすために開発されたランタイム • PyodideがWASMとして振る舞ってPythonを実行する ◦ PythonがそのままWASMとしてコンパイルされるわけではない ▪ パフォーマンスとしては先述のコンパイラ言語よりは劣る 参考・引用： https://news.mynavi.jp/techplus/article/zeropython-99/
17. Pythonをブラウザ上で実行できるメリット • 初学者が取り組みやすい言語であること • 機械学習、データ分析の簡素化
18. 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
19. Pythonコードを動かしてみる • 実行すると 参考・引用： https://blog.cloudflare.com/python-workers/
20. PythonをCloudflare Workersで動かす仕組み • Pyodideを使ってPythonのコードをWASMの仕組みに乗せて動かしている ◦ Workers自体がWASMを動かせるようになっている
21. まとめ • Cloudflare WorkersはChrome V8をベースとしたウェブ技術を使っている • それぞれパフォーマンスに影響を及ぼさず、セキュアに実行できる • ウェブでさまざまな言語を動かすためにWebAssemblyを活用している • PythonのネイティブサポートはPyodideを使ってWebAssemblyに載せて利用
22. • 大崎にあるITコンサル会社 • 経営戦略から実装、運用までを全てこなす • ベンダーニュートラルの考え方 • 「ないものは作る」 フューチャーについて
23. • 実用Go言語をはじめとした各種書籍、雑誌の著者たち • Vue.jsのコミッター • TomcatのPMCメンバー • OSS「Vuls」の作成者 こんな人います
24. ブログも出しています
25. Cloudflare Meetup Nagano Vol.3 2024.01.18 Sat. Taisei Ito kaedemalu 𝕏 kaedemalu