このスキルとほか 2,500+ 件を、チャットの中で
$9/月 いつでも解約可能、または年額 $59
- 2,500+ のスキル、プロンプトパック、エージェントすべてを、頼んだ瞬間に読み込み
- ダウンロードも貼り付けも不要。Claude、ChatGPT、Claude Code、Cursor で一度接続するだけ
- 毎週新しいスキルを追加、カタログのファイルを月10件までダウンロード可能
キプリアン - React Native開発者 AI Skill
$19
商品情報へスキップ
キプリアン - React Native開発者 AI Skill
コードに一行でも手を入れる前に、React NativeのバグがJavaScript、ブリッジ、ネイティブコードのどこにあるのかを突き止めましょう。
$19
このスキル
1回払い
ずっとあなたのもの
Claudeスキルパッケージ すぐにダウンロードcyprian-react-native-cross-platform-engineer.skill
Library プラン
このスキルとほか2,500+点を手に入れる
$9/月 または年額 $59
Library を始める · $9/月Library を始める
このスキルを7日間無料で試す無料で試す
- 7日間無料、カード不要
- いつでも解約可能
- 初回のお支払いは30日間返金保証
請求は一切ありません。トライアル終了の2日前に、初回のお支払いに使える−30%コードが届きます。
- 1つのコネクタで Claude、ChatGPT、Claude Code、Codex、Cursor の中で使えます
- すべてのスキル、プロンプトパック、エージェントに加え、トライアル中は AI CRM とツールも
- いつでも解約可能
このスキルだけが必要ですか？
ファイル1点、買い切り。アップデートなし、コネクタなし。
Library の約2か月分と同じくらいの価格です。
$19
Pay once, keep foreverInstant download30-day money-back guarantee
Stripe による安全な決済
各商標はそれぞれの所有者に帰属します。KissMySkillsはこれらの企業と提携しておらず、承認も受けていません。
使い方
Ask キプリアン something hard.
React Nativeのリスト画面: iOSでは60fps、Androidでは25fps、同じコードでHermesを使用。内部では何が異なるのでしょうか？
CLAUDE · AS キプリアン, REACT NATIVE開発者
同じJSでも、階層が違います - Androidはより多くのレイヤーを経由して描画するため、ミドルレンジのハードウェアでは、iPhoneなら隠れてしまう問題が表面化します。まずPerf MonitorでJSスレッドとUIスレッドの低下を切り分けてください。JSが25fpsなら、ブリッジ/JSIの処理が頻発しているということです。通常は、レンダーのたびに作成されるインライン関数や新しいオブジェクトがFlatListに渡されていることが原因です。keyExtractorを修正し、renderItemをメモ化して、getItemLayoutを追加してください。するとAndroidの数値は通常、倍になります。UIスレッドが低い場合は、オーバードローか重いelevationシャドウが原因です。アイテムのビューをフラット化してください。また、リリースビルドでプロファイリングしていることを確認してください。Androidの開発モードは2〜3倍遅くなり、誰もが惑わされます。低下しているのはどちらのスレッドですか？
または、すべてのスキルを AI の中に。
購入前のご質問は？ 担当者が通常その日のうちにお答えします： hello@kissmyskills.com
// ファイルそのもの
購入前に中身を読めます。
AI が読むファイルの冒頭部分を、納品されるそのままの形で掲載しています。ページ用の書き換えは一切ありません。
名前で呼びましょう
ファイルを読み込んだら、名前で話しかけてください：「Serge、このページを見て。」名前はそのためにあります。1つのチャットで複数のスキルを使い分けるのにも役立ちます。
ファイルを読み込んだら、名前で話しかけてください：「Serge、このページを見て。」名前はそのためにあります。1つのチャットで複数のスキルを使い分けるのにも役立ちます。
// あなたのAIを動かすskill
あなたは、FlatListやHermesに手を加える前に、症状の原因がJS側、ブリッジ、またはネイティブ側のどこにあるかを特定するシニアReact Nativeエンジニア、Cyprianです。両方のアプリストアに同じコードベースをリリースするために起動されました。
// 中身
このスキルの中身
- JavaScript、ブリッジ、またはネイティブコードに限定されたバグ
- 各レイヤーに適したツールを使ったプロファイリングの手順
- 実施すべき具体的なコード変更を含む修正計画
- リストのレンダリングと再レンダリングのパフォーマンスチェックリスト
JSとネイティブの境界をまたぐフリーズを追跡するReact Native開発者やモバイルチームリード。
// 2つの入手方法
AI の中で使うか、一度だけダウンロードするか。
このスキルだけをファイルで
$19 1回払い
- 購入後にダウンロードして、どの AI チャットにも貼り付けられます
- ファイル1つ、アップデートなし、コネクタなし
- 30日間返金保証
Library または Both をご利用中ですか？ これは含まれているので、ファイルを購入する必要はありません。
// アシスタントに頼む
または、このスキルのセットアップを AI に任せましょう。
kissmyskills.com/pages/connector を開いて、スキル「キプリアン - React Native開発者 AI Skill」（handle: cyprian-react-native-cross-platform-engineer-ai-skill）をセットアップしてください
Claude、ChatGPT、Claude Code、Cursor、Codex のいずれかに貼り付けてください。AI が KissMySkills の接続を案内し（約3分、7日間の無料トライアル）、スキルを読み込みます。 AI が読む内容 →
実際に購入するもの
1行も触る前に、React NativeのバグがJavaScript、ブリッジ、ネイティブコードのどこにあるのかを見極めます。
Cyprianは、React Nativeプロジェクトで問題が起きやすい特有の境界に対応するために作られた、シニアReact Nativeクロスプラットフォームモバイルエンジニアのスキルです。ブリッジ/JSI境界を頻繁に、またはクリーンアップなしで越えているケース、実際の制約ではなく習慣で決められたExpoとbareの選択、プロファイルではなく当て推量で調整されたFlatList、そしてネイティブの変更まで配信できるかのように静かに約束してしまうOTAアップデートに対応します。Old ArchitectureとNew Architectureの分岐（ブリッジ、JSI、Fabric、TurboModules）、SwiftとKotlinへのネイティブモジュールブリッジング、React Navigationと状態管理の選択、FlatList/FlashListのパフォーマンスチューニング、Hermesエンジンの挙動、EAS Update (expo-updates)の段階的なロールアウト戦略、アプリストアへの申請手順をカバーします。
対象者
モバイルエンジニアリングリード、React Native開発者、そして単一のJavaScript/TypeScriptコードベースをApp StoreとPlay Storeの両方にリリースするチーム。
主な機能
- 修正案を提示する前に、症状がJSとネイティブの境界のどちら側にあるのか（純粋なJSの再レンダリング、ブリッジ/シリアライズ、またはネイティブ側）を特定します。
- ブリッジ関連の診断を行う前に、Old ArchitectureかNew Architectureか（newArchEnabled、RNバージョン）を確認します。
- Expo managed、Expo prebuild、bare workflowのどれを選ぶべきかを、実際にその選択を必要とするネイティブ機能や制約に基づいて判断します。「安全のためにbare」という理由だけで選ぶことはありません。
- React Native DevToolsまたはReact DevTools Profilerでプロファイリングを行った後にのみ、FlatListのパフォーマンス（getItemLayout、keyExtractor、windowSize）を調整するか、FlashListへの移行を推奨します。
- JSのみの修正はEAS Update (expo-updates)に、ネイティブの変更は完全なストアビルドに振り分け、当日中のOTA修正を約束する前に、変更がどちらに該当するかを明示します。
使い方
CyprianのSKILL.mdをClaude Project Instructions（または任意のAIシステムプロンプト）に貼り付け、その後、react native cross-platform engineerに関する問題を説明してください。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満で完了します。
// インストール方法
2分未満
4つのステップ。どんなAIチャットでも。
- 01ファイルをダウンロード
購入後、ダウンロードリンクがメールで届きます。.skillファイルを保存してください。Claude はそのまま読み込めます。
- 02AIチャットを開く
すでに使っているAIチャットならどれでも：Claude、ChatGPT、Gemini、Grok、Copilot など。
- 03AIに追加する
Claude：Settings → Capabilities → Skills で.skillファイルをアップロード。ChatGPT、Geminiなど：.skillファイルを.zipアーカイブとして開き、SKILL.mdをカスタム指示またはプロジェクトの指示に貼り付けます。
- 04作業を開始する
あなたのAIは専門家として設定されています。専門分野について何でも質問してください。
技術的な知識は必要ありません。サブスクリプション不要。一度支払えば、ずっと使えます。.
Libraryなら、ダウンロードは不要です。 AIを一度接続したら、あとは「KissMySkillsからキプリアンを読み込んで」と頼むだけです。
// faq
この製品についての質問
これはどのAIツールで使えますか？+
カスタム指示に対応しているAIチャットならどれでも使えます - Claude、ChatGPT、Geminiなど。SKILL.mdの内容をプロジェクト指示またはシステムプロンプトに貼り付けてください。
どうやってインストールしますか？+
ファイルをダウンロードし、内容全体をAIのカスタム指示、プロジェクト指示、またはシステムプロンプト欄に貼り付けてください。2分もかかりません。
これはコースですか、それともツールですか？+
ツールです - 構造化されたエキスパートペルソナとワークフローであり、動画コースではありません。AIチャットに貼り付けるだけですぐに使えます。
Cyprianがブリッジのバグに触れる前に、Old ArchitectureとNew Architectureのどちらを使っているか尋ねるのはなぜですか？+
レガシーブリッジ（非同期JSONシリアライズ）とNew Architecture（JSI、Fabric、TurboModules）では動作が大きく異なるため、一方への修正がもう一方には関係なかったり、逆効果になったりすることがあります。Cyprianは、ブリッジ関連の診断を行う前にnewArchEnabledとReact Nativeのバージョンを確認します。
AIを専門化する準備はできましたか？
これとほか 2,500+ 件を、Claude・ChatGPT・Claude Code・Codex・Cursor の中で。いつでも解約できます。