Xamarin 使ã„㌠Kotlin ã®ãƒžãƒ«ãƒãƒ—ラットフォーム対応コードをèªã‚“ã 感想 - Qiita
Kotlin ã®ãƒžãƒ«ãƒãƒ—ラットフォーム対応ã€ã‚¢ãƒ„ã„ã§ã™ã。 KotlinConf 2017 Keynote レãƒãƒ¼ãƒˆ | TechBooster JetBrains/kotlinconf-app: KotlinConf Schedule Application 上㮠kotlinconf-app ã®å¯¾å¿œãƒ—ラットフォームã¯ã€ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ï¼ˆKotlin for Server-side, Ktor） Webページ(Kotlin/JS, React) Android(Kotlin/JVM) iOS(Kotlin/Native) ã¨ãªã£ã¦ã„ã¾ã™ã€ã™ã”ï¼ Xamarin ã¨æ¯”ã¹ã¦ã©ã†ã‚ˆï¼Ÿ 普段 Xamarin を使用ã—㦠Android/iOS アプリを開発ã—ã¦ã„ã‚‹ã®ã§ã€ã‚¯ãƒã‚¹ãƒ—ラットフォームアプリ開発技術ãŒå¢—ãˆã¦å¬‰ã—ã„é™ã‚Šã€‚ ã—ã‹ã‚‚ Kotlin ã§æ›¸ã‘ã‚‹ã®ã¯ã¨ã¦ã‚‚よã„ã§ã™ã。 æ£ç›´ã€C# より
Xamarin 㨠React Native 㨠Flutter ã®é•ã„ã‚’æ£ã—ãç†è§£ã—よㆠ- Qiita
概ãã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリã«å¯¾å¿œã™ã‚‹ã‹ã€Webアプリã«å¯¾å¿œã™ã‚‹ã‹ã§é¸æŠžè‚¢ãŒå¤§ãã変ã‚ã‚Šã¾ã™ã€‚ 開発者ã«æä¾›ã•ã‚Œã‚‹ API X-Plat Tool ãŒé–‹ç™ºè€…ã«ã©ã‚“ãªã€ŒAPI セットã€ã‚’æä¾›ã™ã‚‹ã‹ã‚’比ã¹ã¦ã¿ã¾ã—ょã†ã€‚ ã“ã“ã§ã¯ï¼’ã¤ã«åˆ†é¡žã—ã¦ã¿ã¾ã™ã€‚ A. 開発者ã¯ã€X-Plat Tool 㮠独自API を利用ã™ã‚‹ ã“ã®æ–¹å¼ã® X-Plat Tool ã¯ã€ãれ専用ã®APIセットを開発者ã«æä¾›ã—ã¾ã™ã€‚ 例ãˆã° Flutter ã§ã¯ Stack ã¨ã„ã†ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¯ãƒ©ã‚¹ã‚’æä¾›ã—ã¾ã™ãŒã€ã“れ㯠Android ã® FrameLayout ã«è¿‘ã„ã‚‚ã®ã¨è€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ ã‚ã‚‹ã„㯠JSX ã‚„ XAML ãªã©ã® DSL(Domain Specific Language) を使用ã™ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚React Native ã§ã¯ç”»é¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ JSX(return 㧠HTML ã£ã½ã„ã‚¿ã‚°ã‚’è¿”ã™ã‚¢ãƒ¬) を使用ã—
ReactNativeã§ã‚¤ãƒ©ã‚¹ãƒˆã‚¢ãƒ—リを作ã£ãŸæ™‚ã®æ„Ÿæƒ³ã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æ¦‚è¦ å‰ã€…ã‹ã‚‰ReactNativeã«èˆˆå‘³ãŒã‚ã‚Šã€ã„ã¤ã‹æ°—åˆå…¥ã‚ŒãŸã‚¢ãƒ—リ1ã¤ä½œã£ã¦æ„Ÿè§¦ã‚’確ã‹ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ã„ãŸã€‚ 今回よã†ã‚„ã1ã¤ã‚¢ãƒ—リを作るã“ã¨ãŒã§ããŸã®ã§ã€è‰²ã€…良ã„点ã€ã¤ã‚‰ã„点をã¾ã¨ã‚ã¦ã„ã“ã†ã¨æ€ã†ã€‚ æˆæžœç‰© イラスト閲覧アプリ 最åˆã«ã¾ã¨ã‚ 良ã„点ã¯ã‚‚ã†è‰²ã€…ãªäººãŒå¤§ä½“ã¾ã¨ã‚ã¦æ–°é®®å‘³ãŒç„¡ã„ã¨æ€ã†ã®ã§ã€ã•ã‚‰ã£ã¨æ›¸ã 想åƒã—ã¦ã„ãŸã‚ˆã‚Šã‚‚è¦æ±‚通りã®æ©Ÿèƒ½ãŒå®Ÿè£…ã§ã㟠コード変更後ã®æ›´æ–°ãŒæ—©ã„ã—楽 開発ツールãŒå……実ã—ã¦ã„ã‚‹ Command + Rã‚ー押ã™ã ã‘ã§å³æ™‚åæ˜ ã§ãã‚‹ã®ã™ã”ã„ Reactã§çµ„ã‚ã‚‹ データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク
React Native開発ã®è‰¯ã„点ã¨æ³¨æ„点ã¾ã¨ã‚ - MMiyauchi Blog
本ブãƒã‚°ã®ã€ŒReact Native開発ã®ã¤ã‚‰ã„点ã¾ã¨ã‚ã€ãŒã€ä½•æ°—ã«æ—¥æœ¬ã®Google検索ã§ã¯æ¤œç´¢çµæžœä¸Šä½ã«ã‚ã‚Š(2018å¹´2月28æ—¥ç¾åœ¨)ã€1å¹´ã»ã©å‰ã®è¨˜äº‹ãŒæœªã ã«è¦‹ã‚‰ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã§ã€ä¸–ã®ä¸çš„ã«ã¯React Nativeã¯æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã‚“ã ã‚ã†ã¨æ€ã†(※本人的ã«ã¯è²¬ä»»ã‚’æ„Ÿã˜ã¦ãŠã‚Šã€è¨˜äº‹ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¯ä»Šã§ã‚‚続ã‘ã¦ã„ã‚‹)。 ã¤ã‚‰ã„点ã¾ã¨ã‚ã§è¨€åŠã—ã¦ã„るよã†ã«ã€React Nativeã§ã®ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ開発ã¯ã€å°‘々ãã›ãŒã‚る。ã—ã‹ã—ãªãŒã‚‰ã€Reactã§ã‚ã£ãŸã‚Šã€JavaScript開発経験者ã«ã¨ã£ã¦ã¯ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚‚ã¡ã‚ã‚“ã‚る。ã¨ã„ã†ã‚ã‘ã§ã€React Nativeã®è‰¯ã„点ã¨ã€React Nativeåˆè¦‹ã®äººãŒå–り扱ã†ä¸Šã§æ³¨æ„ã™ã‚‹ã¹ã点ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ 良ã„点ã¾ã¨ã‚ React Nativeã®è‰¯ã„点をã–ã£ãり一言ã§ã¾ã¨ã‚ã‚‹ã¨ã€ŒReact開発者ã«ã¨ã£ã¦ã¯ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ã«å°½ãã‚‹ã¨æ€ã†ã€‚
NativeBaseã‚’ã¯ã˜ã‚ã¨ã™ã‚‹UI関連ã®ãƒ©ã‚¤ãƒ–ラリを活用ã—ã¦ReactNativeã¦ã‚™UIサンプルを作æˆã—ãŸéš›ã®è©³ç´°è§£èª¬ - Qiita
※サンプルã§ã¯Reduxä¸ä½¿ç”¨ã®ç‚ºã€ã‚¹ãƒ†ãƒ¼ãƒˆã®ç®¡ç†ã¯ãã‚Œãžã‚Œã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå†…ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ※サンプルã®package.jsonã®è¨˜è¼‰ã®ä¸ã§reactã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³è¨å®šã®éƒ¨åˆ†ã¨react-native-router-fluxã«é–¢ã—ã¦ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’固定ã™ã‚‹ç‚ºã«^(ã‚ャレット)を外ã—ã¦ã„ã¾ã™ã€‚ ★2-3. 今回使用ã—ãŸã‚µãƒ³ãƒ—ルã®ç”»é¢è¨è¨ˆå›³ ã“ã¡ã‚‰ã¯ãŠã¾ã‘ã«ãªã‚Šã¾ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ル実装ã«é–¢ã™ã‚‹è¨è¨ˆå›³ã«ãªã‚Šã¾ã™ã€‚ ã‚ã¾ã‚ŠReactNative特有ã®å‡¦ç†ã¯ã»ã¨ã‚“ã©ãªã„ã®ã§UIモックã«è¿‘ã„å½¢ã«ãªã£ã¦ã¯ã„ã¾ã™ãŒã€ã”å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ 3. NativeBaseã®åŸºæœ¬æ¦‚è¦ã«ã¤ã„㦠ã“ã¡ã‚‰ã¯iOS/Androidã§ã®ç«¯æœ«ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®é•ã„をよã—ãªã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹UI Component Libraryã«ãªã‚Šã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリã§æä¾›ã•ã‚Œã¦ã„るコンãƒãƒ¼ãƒãƒ³ãƒˆã«é–¢ã—ã¦ã¯ã€åŸºæœ¬çš„ã«ã¯ReactNat
Introduction · React Native
Welcome to the very start of your React Native journey! If you're looking for getting started instructions, they've moved to their own section. Continue reading for an introduction to the documentation, Native Components, React, and more! Many different kinds of people use React Native: from advanced iOS developers to React beginners, to people getting started programming for the first time in the
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Error: jest-haste-map: Haste module naming collision:
{{#tags}}- {{label}}
{{/tags}}