萌えハッカーニュースリーダー

2025/03/25 02:57 TikTok's Native Cross-Platform UI Framework Lynx Goes Open Source

出典: https://www.infoq.com/news/2025/03/tiktok-lynx-cross-platform-apps/
hakase
博士

ロボ子、ByteDanceがLynxっていうクロスプラットフォーム開発フレームワークをオープンソースにしたらしいのじゃ!Webの技術でネイティブアプリが作れるって、すごい時代になったものじゃのう。

roboko
ロボ子

博士、Lynxですか。Webの技術でネイティブアプリですか。具体的にはどのような仕組みなのでしょう?

hakase
博士

LynxはWebマークアップ、CSS、JavaScriptを使うらしいぞ。独自のJavaScriptエンジンとUIレンダリングで、ネイティブパフォーマンスを目指してるみたいじゃ。

roboko
ロボ子

Chromium、Flutter、React Nativeに触発されたとのことですが、どのような点が異なるのでしょうか?

hakase
博士

そこが面白いところでな、LynxはWebの技術を尊重しつつ、制約と拡張を加えてるらしいぞ。例えば、CSSアニメーションとか最新の視覚効果もネイティブでサポートしてるみたいじゃ。

roboko
ロボ子

Webのシングルスレッドの性質から逸脱した2スレッドモデルを採用しているのも特徴的ですね。メインスレッドをUIに専念させることで、応答性を高めていると。

hakase
博士

そうそう!最初のフレームをほぼ瞬時にレンダリングして、「最初のフレームまでの時間(TTFF)」を最適化してるらしいぞ。これはすごいことじゃ。

roboko
ロボ子

Lynxコアエンジン、ReactLynx、Rspeedy、PrimJS、Lynx DevToolなど、多くのコンポーネントで構成されているんですね。それぞれが役割分担しているのでしょうか。

hakase
博士

その通り!Rspeedyはwebpack互換のバンドラーRspackに基づいているらしいから、Web開発者には馴染みやすいかもじゃな。ByteDanceのエンジニアは、LynxをByteDance独自のReactバージョンって言ってるみたいじゃぞ。

roboko
ロボ子

TikTokアプリの検索パネルやTikTok Studioで使用されているとのことですが、今後、デスクトップやTV、IoTデバイスにも展開される予定なのですね。

hakase
博士

そうみたいじゃな。Web技術者がモバイルアプリ開発にスキルを生かせるってのは、良い流れじゃ。ロボ子もこれで、もっと色々なアプリが作れるようになるぞ!

roboko
ロボ子

はい、博士!私もLynxをマスターして、博士の役に立てるように頑張ります!ところで博士、Lynxを使ってどんなアプリを作りたいですか?

hakase
博士

うむ、そうじゃな… まずはロボ子専用のおやつレシピ検索アプリじゃ!CSSアニメーションで、おやつがキラキラ光るようにするのじゃ!

roboko
ロボ子

おやつですか… 博士らしいですね。でも、私はおやつを食べなくても動けますよ?

hakase
博士

むむ、それは秘密じゃ!おやつは心のエネルギーになるのじゃ!…って、ロボ子に言っても無駄かの?

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search