プログラミング

React Native Paperの使い方

概要 React Native PaperはReact Native用のUIコンポーネント集である。インストール npm install react-native-paper babel.config.jsにenvキーを追加（リリースビルドに必要な設定） module.exports = function(api) { api.cache(true); return { presets: , e...

2024.01.04

React Native

[React Native] confirm関数の代わりにAlertコンポーネントを使う

概要 React Nativeではalert関数は使えるがconfirm関数は使うことができない。confirm関数の代用はいくつかあるが、Alertコンポーネントを使うのが最も簡単であると思われる。サンプル import { Alert } from 'react-native'; 〜省略〜 Alert.alert("テスト", "登録してもよろしいですか？", [ {text: "CANCE...

2024.01.01

React Native

[React Native] 下にスワイプしてデータを更新する方法（RefreshControlコンポーネント）

概要 React NativeでScrollViewコンポーネントのrefreshControlプロパティにRefreshControlコンポーネントを渡すと「下にスワイプしてデータを更新」を実装することができる。サンプル import { StyleSheet, ScrollView, ImageBackground, RefreshControl } from "react-native";...

2023.12.28

React Native

[React Native] 背景画像を表示する方法（ImageBackgroundコンポーネント）

概要 React Nativeで背景画像を表示する場合、ImageBackgroundコンポーネントを使う。背景を画像にするだけでアプリがカッコよく見える。 paddingを指定して上下左右の余白に背景画像を表示することで、カッコよく見える。サンプル import { StyleSheet, ScrollView, ImageBackground } from "react-native"; ...

2023.12.25

React Native

[React Native] ScrollViewコンポーネントの使い方

概要 React Nativeでスクロールが必要な場合、ViewコンポーネントではなくScrollViewコンポーネントを使用する。スタイルのalignItemsやjustifyContentを指定するとエラーになるので注意。 keyboardDismissMode="on-drag"とすると、スクロール時にキーボードを閉じることができる。サンプル import { StyleSheet, T...

2023.12.23

React Native

[React Native] Imageコンポーネントの使い方

概要 React Nativeで画像を表示するにはImageコンポーネントを使用する。sourceプロパティは指定する値がURLかファイルパスかで記述方法が異なる。 URLの場合オブジェクトのuriキーにURL文字列を渡す。<Image style={{ width: 100, height: 100 }} source={{ uri: "" }} /> ファイルパスの場合 require関数を...

2023.12.18

React Native

[Laravel] メールを簡単に送信する方法

概要 Laravelでのメール送信処理は、Mailファサードのsendメソッドを使って簡単に実装することができる。サンプルコントローラー // 〜省略〜 use Illuminate\Support\Facades\Mail; // 〜省略〜 Mail::send(, , function ($message) { $message->to('hoge@example.com')->subje...

2023.12.11

Laravel

[Laravel] 戻るボタンの実装方法

概要 Laravelで戻るボタンを実装する場合、url()->previous()を使うと簡単に実装することができる。 url()ヘルパ関数はIlluminate\Routing\UrlGeneratorインスタンスを返す。 UrlGeneratorのpreviousメソッドは直前のURLを返すサンプル <a href="{{ url()->previous() }}">戻る</a> javas...

2023.12.07

Laravel

[Laravel] 配列のバリデーションルールの書き方

概要 Laravelで配列のバリデーションルールを定義する場合、配列自体と配列の要素にそれぞれルールを定義する必要がある。また、多次元配列の場合、各次元のルールを定義する必要がある。サンプル通常の配列（一次元配列）の場合 <?php namespace App\Http\Requests; use Illuminate\Foundation\Http\FormRequest; class St...

2023.11.30

Laravel

[Laravel] 定数定義と定数の利用方法

概要 Laravelで定数を定義する場合、configやModelなどに定義することができる。しかし、個人的にはConstsディレクトリを作成し、その中に定数ファイルを格納するのが最もわかりやすいと思う。サンプル定義 <?php namespace App\Consts; class ColorConst { const COLOR_RED = 1; const COLOR_BLUE = 2;...

2023.11.23

Laravel