2023年 | 上尾市のWEBプログラマーによるブログ

[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

[Android][Chrome]Basic認証のパスワードが自動入力されない？

概要 1ヶ月くらい前から、AndroidのChromeでBasic認証のパスワードを保存しても自動入力されず、毎回手動で入力しなければならない状態が続いている。原因 Chromeのアップデートが原因と思われる。（今後のアップデートで解消される可能性もある）解決方法 Chromeの設定「filling-across-affiliated-websites-android」を無効にする。手順 1...

2023.12.21

ノウハウ・知識

ExcelとWordでハガキの宛名面を印刷する方法（数字を縦向きに表示させる）

概要以下の記事でExcelとWordを使って宛名を印刷する方法について記述した。しかし、数字が半角文字である場合、横向きに表示されてしまう。数字を全角文字にすることで縦向きに表示させることができるので、以下にその手順を記載する。手順半角文字を全角文字へ変換 1. 空いた列に=JIS(セル番号)を入力 G2列に=JIS(G2)を入力住所が全角文字で表示される。 2. 全角表示されたセルを...

2023.12.20

Macツールなど

ExcelとWordでハガキの宛名面を印刷する方法(Mac対応、テンプレートあり)

概要以前は日本郵政のはがきデザインキットで年賀状の宛名面を印刷していたが、現在はそれができなくなってしまった。「年賀状宛名だけ印刷したい」「はがき宛名印刷」「はがき宛名印刷無料」「mac 宛名印刷無料」「mac はがき宛名印刷」などで検索してみたがMacに対応した印刷方法を見つけることができなたったため、ExcelとWordを使って自力で解決しました。テンプレートファイル...

2023.12.19

Macツールなど

[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

サーバ

[MySQL]外部キー追加で「#1215 – 外部キー制約を追加できません。」となってしまう原因

概要 MySQLで既存のカラムに後から外部キーを追加しようとすると「1215 - 外部キー制約を追加できません。」となり追加できないことがある。原因親テーブルと子テーブルのカラムのデータ型が異なっていることが原因である。例えば以下のSQLの場合、users.item_idとitems.idのデータ型が違う場合は#1215エラーとなる。 ALTER TABLE `users` ADD CONST...

2023.12.14

サーバ

[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