何かやってみるブログ

興味をもったこと、趣味のこと、技術について色々書きます。

ReactNative

[ReactNative] pod install に失敗する

React Nativeの環境構築中になぜかpod installに失敗して詰まり、今後も同じようなエラーに遭遇しそうだなぁと思ったので残します。 環境 react native 0.61.5 ruby 2.6.5 pod 1.9.3 エラーログ $ pod install Analyzing dependencies Fetching podspec for …

Expo(ReactNative)でText to Speech を試してみる

環境構築 Expo の標準ライブラリであるexpo-speechライブラリを使ってみたいだけなので、Managed Workflowでblankを選択します。 % expo init speech-sandbox ? Choose a template: expo-template-blank Using Yarn to install packages. You can pass --npm…

expo(ReactNative)でバーコードから本を検索する(後編) 動画付き

www.takayasugiyama.com 前回の記事の続きです。 まずはバーコードスキャナーの部分のUIを構築します。 バーコードスキャナーの部分のUIを構築する import React, { useState, useEffect } from "react"; import { Text, StyleSheet, Button, SafeAreaView }…

expo(ReactNative)でバーコードから本を検索する(前編) 〜BarCodeScannerを試すまで〜

最近、Expoのドキュメントを見ていたらバーコードスキャンのライブラリを発見しました。 ただバーコードをスキャンしても面白くないので今回は楽天ブックス総合検索APIを使用して本の検索機能を実装してみます。 docs.expo.io まず、Expoで今回は試したいだ…

React Native ✕ Expoでとりあえずto doリストを作成してみる (削除機能を実装)

前回Todoリストの一覧表示と作成機能を実装したので、今回はスワイプでタスクを削除する機能を実装してみました。 前回の記事はこちらです。 takbooooo.hatenadiary.jp 完成 youtu.be 実装 前回のコードをベースに削除機能をreact-native-swipe-list-viewと…

React Native ✕ Expoでとりあえずto doリストを作成してみる (作成と一覧表示)

React Nativeに最近ハマっているので、整理する意味でtodoリストを作成してみました。 せっかくなのでチュートリアルにまとめてみました。Macで開発するので、iPhoneのシュミレーターで確認していきます。 環境構築 nodeをインストール nodeのバージョンが確…

UdemyでReactNativeを学んでみた

UdemyでセールをやっていてReactNative1に触ってみたかったので今回はUdemyで見つけたReact Native入門:ニュースアプリを作りながら覚えよう/Hooks対応 2020年という講座を受講してみました。 感想 講座ではexpoを使った開発とstate2を便利に使うRedux3とRu…

expo公式チュートリアルをやってみた

興味本位でReactNativeでiOSアプリをつくってみたかったので今回はexpoのドキュメントにあるチュートリアルに触ってみました!! ReactNative、Expoとは ReactNative iOS、AndoroidをJavaScriptで書くことができるReactベースのJavaScriptのライブラリです。 s…