はてなブックマーク

Laravel 9でLaravel Mixの代わりに新しく導入されたViteを使えるLaravel開発環境を、docker上に実現する方法を紹介します。 ゴール WindowsやMac上に、dockerを使ったLaravel 9開発環境を作る。 Laravel MixではなくViteを使う サーバーはnginx, php, mysqlを別にする。 Viteの利点であるページリロード無しでのCSS/JS更新を実現する。 ところでViteの発音は？ Viteは「ヴィート」と発音します。フランス語だそうです。アメリカ人なら「ヴァイト」と読みそうですが、アメリカ人も「ヴィート」と読んでます。 ところでLaravel Mixではだめなのか？ Laravel 9の途中から、フロントエンド・ビルド・ツールとして長年標準だったLaravel Mixが非標準となりViteが標準となりました。 現時点ではLa

Laravel 8でマルチ認証して一般ログインと管理ログインを分ける方法(UI方式、非Jetstream、非Fortify、非Breeze)PHPLaravelPHP8laravel8 Laravel 8で一般ログインと管理ログインを分けるために、マルチ認証を実装する方法を紹介します。ここで紹介する方法は従来のUIを用いる方式で、Jetstream、Fortify、Breezeを用いる方式ではありません。 ゴール 一般ログインと管理ログインを分ける。 Laravel標準のユーザー認証機能(Auth)を使う。 コードはなるべく共用にする。 一般ログインURIは /login とする。 管理ログインURIは /login/admin とし、管理画面は /admin 以下とする。 リセットパスワードができるようにする。 前提 PHP 8の知識がある Laravel 8の知識がある、認証機能のある

React Nativeで、AndroidのBackボタンで前画面に戻るのを止めたり、確認画面を表示したりする場合にどうすれば最も美しいのかが、人によって言ってることがばらばらだったのでメモ。 環境はReact Native 0.60＋Expo＋React Navigationでテストしていますが、React Native自体の機能なのでほかの環境でも動作するはず。 BackHandlerを使うべし BackHandlerは、React Native本体の機能で、AndroidやtvOSのバックボタン＝戻るボタンのイベントを処理できるようにするイベントハンドラー。 取り扱いが簡単で、React Navigationなどもこのハンドラーの動作に準拠して動作してくれるので、安心して使えます。 使い方 Backボタンを制御したいコンポーネントコード（関数ではなくクラス化しておくこと）に、以下の順

実用時点では必ずネイティブアプリ化しますが、Google PlayやApp Storeに一般公開する必要があるかどうかは、アプリの用途によります。社内でのみ使うアプリなら、ITチームが手元でインストールして配布する運用もありでしょう。 テスト段階では殆どの場合PublishしてExpo Client上でアプリを使うのがよいでしょう。ただ、オフライン（インターネット接続がない状態）ではExpo Clientが動作しないので、電波のないところでの利用も想定したアプリならDeployしてテストする必要があります。 Publishの準備 - Expoアカウントを作成 ExpoアプリをPublishするには、Expoアカウントが必要です。連載の最初の記事「Expoのアカウントを作ってReact Nativeの開発環境を整える」を参考に、アカウントを準備している状態を作ります。 Publishを実施

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

React Native + Expo に、ルート管理ライブラリreact-navigationを導入するJavaScriptReactreactnativereact-nativeexpo この記事は、「【連載】初めてのReact Native + Expo開発環境構築入門」の子記事です。環境などの条件は、親記事をご覧ください。 この記事はReact Navigation V4を前提に書かれています。2020年10月時点最新のV5対応は、こちらの兄弟記事にお任せしました。 前々回で、画面上にメッセージが出るだけのアプリが作成できましたが、全く動きがありません。そこで今回は画面の移動（画面遷移）を実現する方法として、ルート管理ライブラリであるreact-navigationを導入します。 react-navigationの基本 React Nativeアプリは、Reactアプリと違ってUR

この記事は、「【連載】初めてのReact Native + Expo開発環境構築入門」の子記事です。環境などの条件は、親記事をご覧ください。 前回すでにちらっと出ていましたが、ExpoとVisual Studio Codeで開発環境を作ると、自然に開発動作環境がモバイル実機になって、デバッガーはChromeになります。 今回はこの動作のうち基本的な部分を見てみます。 構文エラー発生の動作 まずは単純なエラーがコード上に合った場合どのような動作をするか見ていきます。 App.jsで以下のようにHello World!を囲むTextタグを間違ってみます。 すでにLintingで間違いが指摘されていますが、気にしません。保存して実行します。 ※もしEdgeが開く場合、既定のブラウザをChromeにしておいたほうが幸せになれるかもしれません。 今回は構文エラーなので、以下のようにExpo画面とPo

この記事では、Windows 10にExpoを使ったReact Nativeの開発環境を1から構築し、サンプルアプリを作成するところまでをゴールとします。 1つの記事ですべてカバーできないので、いくつかの記事に分けて少しずつ投稿していく連載にしていきます。 なお、筆者はアメリカで開発業務を行っているため、選択するトレンドなどはアメリカ主体となります。 Mac Catalina版はこちらにおまかせしました 環境 開発環境は、2019年8月時点最新の以下のソフトウェアで構築します。 Chrome 最新 (76.0.3809.100 (64-bit)) Visual Studio Code 最新 (1.37.1) Node.js + npm 最新 (10.16.3) ※npmが最新なので、npmでのinstallは--saveを省略します。 なぜExpo? モバイルアプリ開発のクロスプラットフォ

この記事は、「【連載】初めてのReact Native + Expo開発環境構築入門」の子記事です。環境などの条件は、親記事をご覧ください。 ExpoではSnackというブラウザ版IDEを使って開発することもできますが、ここではローカルPCでVisual Studio Codeを使ってコーディングする方法を取ります。前回は実行環境までが整ったので、今回は前回作ったHello Worldのプロジェクトの編集に必要な環境を作ります。 基本概念 編集環境といっても、React同様にプロジェクト構成ファイルはほとんどテキストファイルだし、実行やパブリッシュはExpoのCLIでコマンドを打ち込むことになるので、Windowsならメモ帳とPowerShellで開発を進めることもできます。 なぜVisual Studio Codeを使うかというと、以下のようなお手軽便利機能を使いたいからです。 Debu

この記事は、「【連載】初めてのWindows用Laravel 5.7開発環境構築入門」の孫記事です。環境などの条件は、親記事をご覧ください。 この記事は、「XAMPP上にLaravel 5.7をインストールする 2018年12月版」の子記事です。 今回はVisual Studio CodeにLaravel用のExtension(拡張機能)を入れます。筆者のおすすめですが、拡張機能については好みによるので、好きなのを入れればよいかと。 Laravel用Extensionを導入するには Visual Studio Codeを開き、Extensionsを開いて、検索文字にlaravelと入力します。 Laravel用Extensionがたくさん出てくるので、好きなのを入れます。 おすすめExtension Laravel 5 Snippets Auth::, Config::, Session:

マルチテナントのLaravelアプリを作りたいと考えていますか？各テナントのデータベースを分けて管理したり、テナント管理ユーザーを割り当てたり、テナント内で権限管理できるようにしたり、テナントの作成や削除を自動化したり、その後のテナント管理UI構築まで考えた形で作ったりしたいと考えていますか？そのために必要なプラグインのチュートリアルが不親切で意味が分からずイライラしたりしていますか？ もしそうだとしたら、この記事を読んでいるあなたは正しい場所にたどり着いています。 これは、今回の参考記事の冒頭部分の意訳です。(今回の記事に合うように、内容を少し端折ってます) I would like to show the big thanks to Ashok who is the author of the article referred. この記事では、Laravelでマルチテナントアプリを作成