何かやってみるブログ

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

expo

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 (adsbygoogle = window.adsbygoogle || []).push({}); 完成 youtu.be 実装 前回のコード…

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

React Nativeに最近ハマっているので、整理する意味でtodoリストを作成してみました。 せっかくなのでチュートリアルにまとめてみました。Macで開発するので、iPhoneのシュミレーターで確認していきます。 (adsbygoogle = window.adsbygoogle || []).push({}…

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…