プログラミング

スポンサーリンク
WordPress

[WordPress] Contact Form7に確認機能を簡単に追加する方法

概要 WordPressのContact Form7プラグインには確認画面を表示する機能がなく、「送信」ボタンをクリックするとすぐに送信完了となってしまう。 以下の方法で、「送信してもよろしいですか?」のアラートを簡単に表示させることができる。 確認ダイアログを表示させる方法 Contact Form7を使用している固定ページに「カスタムHTML」ブロックを追加し、以下のコードを入力する。 <sc...
Laravel

[Laravel] APIを簡単に作る方法(ルーティング、コントローラ、CSRF保護)

概要 LaravelでAPIを作成する場合、ルーティング、コントローラ(必要な場合はフォームリクエストも)を定義・作成する必要がある。 手順 1. コントローラの作成 sail artisan make:controller Api/ItemsController 削除処理の場合はresponse()->noContent()を返す(204が返される) <?php namespace App\Ht...
Laravel

[Laravel] 作成したコマンドを$commandsに追加する必要はない?(Kernel.php)

概要 少し古い内容になるが、メモとして残しておく。 Laravel5.4まではphp artisan make:command Xxxで作成したコマンドは、app/Console/Kernel.phpの$commands配列に追加する必要があった。 protected $commands = [ Commands\Xxx::class ]; Laravel5.5からはapp/Console/Com...
スポンサーリンク
Laravel

[Laravel] Docker環境でtinkerが「Writing to directory /.config/psysh is not allowed.」となってしまう原因

概要 Docker環境でphp artisan tinkerを実行するとWriting to directory /.config/psysh is not allowed.となってしまうことがある。 原因および解決方法 ホームディレクトリに書き込み権限がないことが原因である。 sudoを実行できる場合、sudo chmod -R 777 ホームディレクトリを実行すればよい。 sudoを実行できな...
Laravel

[Laravel] fillableが効かない原因(無視されるメソッドと無視されないメソッド)

概要 Laravelではモデルの$fillable配列でマスアサインメントを許可するカラムを指定することができる。しかし、登録・更新に使用するメソッドによって無視される場合と無視されない場合があるため、注意が必要である。 結論 同じ名前のupdateメソッドでも、モデルのupdateメソッドはfilableが有効となり、クエリビルダのupdateメソッドはfilableが無視されてしまう。 よって...
React Native

[React Native] Androidで「No emulators found as an output of `emulator -list-avds`」となってしまう原因

概要 AndroidシミュレータをインストールしてからReact Nativeアプリをnpx react-native run-androidで実行しようすると「No emulators found as an output of `emulator -list-avds`」となり、実行できないことがある。 原因 ANDROID_HOMEなどの必要な環境変数が定義されていないため、エミュレータが起...
React Native

[React Native] EAS Buildで.apkファイルを生成する方法

概要 React Nativeアプリをeas buildコマンドでビルドすると、デフォルトでは.aabファイルが生成される。.apkファイルを生成したい場合はeas.jsonに設定を追加する必要がある。 追加する設定 "production": { "android": { "buildType": "apk" } } サンプル { "cli": { "version": ">= 5.9.1" }...
React Native

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...
React Native

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

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

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

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