関連タグ:
⬡ Rork 開発/2026-04-25中級
Rork アプリでスケルトンスクリーンを実装する — 読み込み中の体感速度を改善する実践パターン
Rork で作ったアプリの「読み込み中」が、ただのぐるぐるスピナーで終わっていませんか。スケルトンスクリーンと Shimmer エフェクトを取り入れるだけで、体感速度と離脱率は大きく変わります。実装の型と注意点を整理しました。
⬡ Rork 開発/2026-03-30上級
Rork × React Native Reanimated & Gesture Handler 実践ガイド — 60fps を維持するアニメーション設計と高度なジェスチャーインタラクション
Reanimated 3 と Gesture Handler で 60fps を保つ設計を、壁紙・癒し系アプリの実運用で踏んだ落とし穴とともに整理しました。runOnJS の発火遅延、useDerivedValue キャッシュ、FlashList との併用、cancelAnimation 漏れなど、公式ドキュメント外の知見を実測値付きで共有します。
⬡ Rork 開発/2026-03-21中級
Figma のカンプと Rork の生成画面がズレる — 原因は5つのプロパティに絞り込める
Figma のデザインを Rork に渡して生成した画面が、なぜか原案と違って見える。実機と Figma を数値で突き合わせると、ズレはほぼ決まった5つのプロパティに集約されます。Auto Layout の翻訳表と、トークンを添えて渡す実装まで。