JavaScriptReact Native(Expo)でカメラロールから写真を選択してみる
React Native(Expo)でカメラロールを使うには expo-image-picker を使います。 npx expo install expo-image-picker カメラロールを開くための前提知識 カメラロールを開くステッ...
JavaScript
JavaScript
JavaScriptReact Native(Expo)でバッテリーの状態を読み取る & 変化を検知
React Native(Expo)でバッテリーの状態を読み取るには expo-battery を使います。 npx expo install expo-battery バッテリーの状態を読み取る まずはバッテリーの状態を読み取る方から 取...
JavaScriptReact Native(Expo)でQRコードを読み取ってみる
STEP1 : ライブラリのインストール React Native(Expo)でQRコードを読み取るには expo-barcode-scanner を使用します。 まずは expo-barcode-scanner をインストールしましょう。...
JavaScriptReact Native(Expo)でカメラを使ってみた
React Nativeでカメラを使う方法の一つとして、Expo SDKのCameraがあります。ドキュメントはこちらです。 ドキュメントの方にもコード例がありますので、そちらも参照してみると良いかもしれません 準備 # プロジェクトの作成...
JavaScriptReact Nativeで複数のモーダルを多重表示してみた。
実装方法として特別なことをする必要はなく、下記コードのようにすれば、モダールを多重表示することができる。 import { StyleSheet, Text, View, Modal, Button } from 'react-na...
JavaScriptReact Nativeでios風のモーダルを使う
iosアプリでよく見るモーダルをReact Nativeで使ってみました。↓こういうのです。 やり方 これを実装するにはReact Nativeで用意されているModalコンポーネントのpresentationStyleでpageSheet...
JavaScriptアプリからアプリの設定画面を開くには【React Native】
アプリの設定画面を開くにはLinking.openSettings()が使えます。 import { View, Button, Linking } from 'react-native'; export default f...
Electrondockで起動時からアイコンを表示させたくない【Electron】
デスクトップアプリでdockにアイコンを表示させないアプリをいくつかみたことあるんだけれど、electronでどうやるのか気になったので、やってみました。 本記事の主題は起動時からアイコンを非表示にする方法についてです。一応、アプリ実行中で...
Electronウィンドウのリサイズ可否【Electron】
リサイズの可否をウィンドウ生成時に設定 ウィンドウ生成時にオプションとしてresizableがありますので、そちらを設定します。 const createWindow = () => { mainWindow = new BrowserWi...
Electron爆速で初めてのElectronアプリを立ち上げる
Electron公式サイトのクイックスタートではコードを丁寧に解説していますが、この記事ではとりあえずElectronを初めて触る方がElectronアプリを立ち上げることに焦点を当てているので、Electronのコードの説明はしません。🙇...