個人的なプログラムドキュメント #芹生（せりう）

Ionic + React + CapacitorでFirebaseを使ってログイン

IonicとReact環境はインストール済みとして解説。 Ionic、React、Capacitorの環境設定がまだの場合、こちらで解説。 Google consoleでプロジェクトの作成 Firebaseを使用し、ログ […]

テキストボックスの内容を書き換える場合、defaultValueを使う。なお、textareaに関しても同様となる。

ionicのtabsで作成コマンドを叩いてtabsフォーマットで作成する。 Capacitorと競合するため、CordovaのSplashscreen Pluginを削除します。 Capacitorのインストール Ca […]

bootstrapを使用する際、別のCSS Frameworkを活用しているなどの理由で、干渉しないよう、一部分の要素のみ有効にしたい場合などがある。こうした場合の対処方法を説明する。 bootstrapを対象要素のみ […]

SveltekitをベースとしたCapacitorの環境を整える手順の解説。最初にプロジェクトの作成を行う。いくつかの選択では、環境に合わせて設定を行う。例えばTypeScript を使用している場合は、「Skele […]

Capacitorを導入する Capacitorをインストールする。 Webアプリも同時に作成する場合 Webアプリを作成する。実行時、Angular、React、Vueの３パターンから選択できるが、ここではVueを選択 […]

ロードバランサーにてSSLを設定している場合、WEBサーバではhttpとして処理される。そのため、LaravelでのassetでCSS、Javascriptのパスを設定している場合、「http://example.co […]

パターン１（処理速度が遅め） LaravelではPaginateメソッドを使用した場合、limitの制限がPaginateメソッドでのlimitが優先され、上書きされてしまう。そのため、最大１００件としたい場合でも、検索 […]

modelを作成。「/Models/Sample.php」を開き、「$fillable」に登録する項目を設定する。項目はデータベースのカラムメイと合わせる。「livewire」を作成する。「/app/Http/Li […]

コントローラーを作成 artisanコマンドにて、コントローラーを追加する。「app/Http/Controllers/MypageController.php」にprofileメソッドを追加し、viewでページを呼び […]