タグ

ブックマーク / qiita.com/Nkzn (4)

  • Flutter Webを動かしたときにつまづいたこと - Qiita

    Flutter Webが来ました🎊 https://github.com/flutter/flutter_web ひとまず手元で examples/hello_world が動くところまでできています。 Flutterに関してまったくセットアップしていない環境から始めたのですが、3点ほど引っかかるところがあったのでメモしておきます。 Flutter素人がやった手順なので、大間違いなところがありそうです。有識者の方、ツッコミお待ちしております。 全体の流れ 大まかなセットアップの流れとしては、次のような感じになります。 普通のFlutterのセットアップ手順でセットアップする ひとまず flutter doctor コマンドが通ればOKです Android StudioやVSCodeのセットアップはしなくても、たぶん flutter precache の手順まで実施できてればいけそうな気も

    Flutter Webを動かしたときにつまづいたこと - Qiita
    uehaj
    uehaj 2019/05/08
  • React Native v0.57がTypeScriptに対応したらしいので動かしてみた - Qiita

    v0.57でいろいろ変わるという記事を書きましたが、当にMetro BundlerがTypeScriptべてくれるのか半信半疑だったので、実際に試してみました。 結論 ビルドだけならゼロコンフィグに近い感じで行けました。型チェックをする場合はMSのブログでのやり方よりも、もうひと工夫必要です。 サンプルコード v0.57.0-rc.3でプロジェクトを作ってみました。これをベースにお話します。 前提条件:Babel 7のTypeScript対応の仕組み React NativeのTypeScript対応は、Babel 7のTypeScript対応に乗っかった形で実現されています。 ここで重要なのは、 Babelはtscを内部で実行するわけではない ということです。 今回導入された@babel/preset-typescriptは、FlowTypeの babel-plugin-flow-

    React Native v0.57がTypeScriptに対応したらしいので動かしてみた - Qiita
    uehaj
    uehaj 2019/03/25
    import React from 'react';の問題については、RN公式ブログのTypeScript記事で言及がある通り、tsconfig.jsonにallowSyntheticDefaultImportsを設定してあげれば解決
  • React Native for WebとExpoを組み合わせてピコピコさせてみたよ - Qiita

    なかざんです。ウォーターセルという新潟の会社でアグリノートという農業向けアプリを作っています。 業務で使う構成のPoCとして、Webとモバイルネイティブの両方で動く、React Nativeのサンプルプロジェクトを作ってみたので、そこで得られた知見をご紹介します。 つくったもの 私たちが愛してやまないJetBrains製IDEのアイコンとボタンを並べて、ボタンを押すと製品ページに行けるアプリです。押したときにはピコッと鳴ります。 ソースコードはこちら。 https://github.com/Nkzn/react-native-multi-target-sample ネイティブ版はこんな感じです。 Webアプリ版はこんな感じ。 見てもらったほうが早い 今回は実物を触ってもらいやすい環境が作れたので、実際に触ってみたほうが雰囲気がつかみやすいと思います。 ネイティブ版 ネイティブ版はExpoで

    React Native for WebとExpoを組み合わせてピコピコさせてみたよ - Qiita
    uehaj
    uehaj 2017/12/13
    React Native for Webです。React Nativeと同じ名前、同じProps、同じインターフェースを持ったWeb向けコンポーネントを使うことで、React Native向けのコードをWeb上でも動く
  • ReactXPのHelloWorldをWebとiOSとAndroidで自動更新付きで動かしてみたよ - Qiita

    SkypeチームがReactで真のクロスプラットフォーム目指してる記事から10日ほど経ったわけですが、未だにひとつもQiitaに記事がないのはどういうことだ! 寂しい! ということでとりあえず動かしてみました。 TL;DR ハロワを動かしただけです(Windowsは環境の作り方を知らなくて断念) 全プラットフォーム同時にLive ReloadしたかったけどWeb版は最低限のwebpack設定しかなくて自分でHMRを組み込みました UI実装のトライアンドエラー環境としては面白い試みだなあと思いました デモ動画 ReactXP HelloWorld Live Reloading Demo - YouTube ソースコード https://github.com/Nkzn/reactxp-livereload-example モチベーション ReactXP自体はReactDOMとReact Nat

    ReactXPのHelloWorldをWebとiOSとAndroidで自動更新付きで動かしてみたよ - Qiita
    uehaj
    uehaj 2017/05/09
  • 1