WINDIIテック現役フリーランスエンジニアが運営するテックメディア。Nativeそう、後続のが常に強い。Ionicとかよりは俄然強い、と勝手に思っているVueNativeをちょっと入門していきたいと思います。確認ExpoのアプリをインストールするExpoのエラーに対応package.jsonとapp.jsonの編集。10.13.4VueNativeとはVue.jsで美しいネイティブアプリを作るためのフレームワーククロスプラットフォーム対応だから、AndroidもiOSも同時に作れちゃう。vuexなども使えて、Web開発感覚で、ネイティブアプリが作れる。NativeのAPIを使用してるけど、JSXに触れなくていい。2018/6/12日にリリースされた。公式の手順通りに入門していきます。-v上二つはクリアです。Cliを利用してVueNativeアプリを作成VueNativeアプリを作る最短の道は、vue-native-cliを用いてコマンドをぽちぽち打っていくとのこと。Nativeのビルドや開発を支援してくれるサービスとの事。CLI次に、テンプレートの選択をどうするかと話しかけられます。blankとtabsがあるのですが、ミニマリストを目指して、blankを選択します。次は、yarnでインストールする?って話しかけられました。お願いしましょう準備ができたようです。startなかなか巨大なQRコードです。自動的にsafariが開かれて以下のような画面が出てきました。safariをデフォルトのブラウザにしない?と話しかけてきたので拒否します。iを押すとiOSsimulatorが使えるようです。HelloWorld的なアプリの画面を期待したのですが、iphoneをいじれるだけ、、どうやら、Xcodeのバージョンをダウングレードしないといけない?それは、不服なので、Expoアプリでの確認を試みます。simulatorExpoのアプリをインストールする先程のQRコードは、iphoneでの実機確認用です。Expoアプリをインストールして、カメラでQRコードを読み取ってみましょう。"node_modules/expo/AppEntry.js"どうやら最新バージョンのExpoに問題があったよう。work101Expoのエラーに対応vue-nativeにはreact-nativeのバージョン0.55.4が必要だけど、それだけを変更すると、エラー祭りで、babel-preset-expoとexpoをダウングレード、app.jsonのsdk-versionを29.0.0に変更する必要があるとの事。いば作成時にwarningが出ていました。protected]^7.0.0-0".package.jsonとapp.jsonの編集。NativeとはjavascriptとReactを使ってiOSとAndroidのネイティブアプリが両方作れてしまう優れもの。Nativeをサクッと導入する方法を紹介します!Node.jsのインストールまずはNode.jsがインストール済かチェックします。最新の記事WINDIIWINDII(ウィンディ)は、フリーランスエンジニアが運営するテックメディアです。Slackで無料コミュニティも運営しています。たくさんのエンジニアが参加していて、プログラミングの相談や雑談などをしている楽しいコミュニティなので、興味ある方はぜひお気軽にご参加ください。Contentful。Contentful。関連記事6NOV2018Vue.jsでjspdfを用いて、HTMLからPDFを生成す...7OCT2018Vuetifyが便利すぎる【マテリアルデザイン3分入門】22SEP2018TypeScriptでNuxt入門【5分で環境構築】23SEP2018TypeScriptでNuxtアプリを作るチュートリアル【書...11NOV2018Vuetifyチュートリアル。)この記事へのコメントはありません。URL返信をキャンセルする。