独学エンジニアのメモ帳

得た知識のアウトプットとか日常のメモとか。ゆるくやる。

.envの値に「#」がある時はクォーテーションで囲まなければならない

先日、VPS上にLaravel環境を作った。 で、一通り構築し終わってmigrateしたところ、 下記エラーが発生。 $ php artisan migrate SQLSTATE[HY000] [1045] Access denied for user... mysql側でいくら原因を探しても分からず。 ネットを調べまわっていたところ…

ComposerでピュアなPHPプロジェクトを作る

PHPの依存関係管理ツールである 「Composer」 Laravelでの開発に使用しているが、何となく使ってて単体で使ったことなかったので、ちょっといじってみた。 公式にも記述があるが、 JavaScriptのnpm(yarn), RubyのBundler に影響を受けている。 Rubyは経験な…

WSLにbrew(とnodebrew)入れてLaravel環境を作る

前提条件 ・Windows端末 ・WSL2が使える状態になっている この辺はググればすぐ出るので省く。 WSLにHomebrewをインストール # WSLのbashを開く wsl -l -v 公式をコピー The Missing Package Manager for macOS (or Linux) — Homebrew $ /bin/bash -c "$(cur…

SQLのWINDOW関数についての覚え書き

SQLはちょいちょい触ってはいるが、今の仕事では使ったことがないWINDOW関数というものを知った。 ちょっと特徴的な動作をするので、簡単にメモっておく。 簡単な例 SQL文 SELECT sample_date AS cur_date, MIN(sample_date) OVER (ORDER BY sample_date ASC…

中古のDynabookにUbuntuを入れて開発用PCにしてみた感想

*技術記事ではないです。 先日、PCを買い替えたいと思い、秋葉原を巡ってきた。 もともと家にあった、プログラマとは思えない低スペ端末では限界を感じたので。 端末はWindowsにして、Linuxを入れようかと思っていた。 開発をしていると、ローカルマシンでも…

RESTful APIのresponseのdataについて

SPA開発をしているが、正直ノウハウがなさすぎる状態なので 後になっていろいろと不都合な点が出てくる。 その中でも先に考えておきたかったことがこの記事。 qiita.com 書いてあることそのままなんだけど、 何かしらの登録処理 ↓ 正常に登録できたらその値…

最近使ったVueのUIライブラリメモ

Vue

ここ最近業務で触れたVue用UIライブラリのメモです。 vue-carousel 普通のカルーセル。 採用しなかったが触れてみたので。 Vue Carousel vue-awesome-swiper もうひとつカルーセル。 こっちの方がいろいろ出来そうで良さげだったので採用した。 vue-awesome-…

React hooksで非同期通信のあるグローバルストア管理

ちょっとしっくりくるタイトルじゃない気がする。語彙力。 やりたいこと 例えば、ログインのよくある流れを考えてみる。 ストアの動きとして 1. ローディング状態をtrueにしてローダーを表示(dispatch) 2. ログイン通信 3. 取得したユーザデータをストアに保…

Laravel8 + Sanctum + ReactでSPA認証

前提 Larave8 + ReactでSPA環境ができていること この記事ではブログ内で作った続きでやります。 nochio12.hatenablog.com 基本的に公式通り進めます。 laravel.com Sanctumではトークンでの認証とCookieを使った認証のどちらかを選ぶことができますが、 今…

Laradock+Apache2のDocumentRootの設定でハマった

先日、LaradockでLaravelの開発環境を構築しました。 サーバはapache2にしたのですが、若干エラーにハマったのでメモ書き。 とりあえず普通に構築 最初の設定はこんな感じ APP_CODE_PATH_HOST=../laravelproject APP_CODE_PATH_CONTAINER=/var/www/ <中略> A…

Laravel8 + ReactのSPA環境構築

前提条件 ・Laravel8のプロジェクトを作成し、初期画面表示まで完了している 環境構築した時の記事 nochio12.hatenablog.com 導入 Laravel8から公式にサポートされたJetstream+inertiaも気になりましたが、 どうもJetstreamはVueしか対応していないようなの…

【Vue】「This can lead to unexpected behavior when compiling on a filesystem with other case-semantic」エラー対処

エラー内容 普段あまり見ないけど、タイポした時に出るエラー。 google翻訳の結果 これは、他のケースセマンティックを使用してファイルシステムでコンパイルするときに予期しない動作を引き起こす可能性があります 原因と対策 例えば /components/SampleCom…

DockerでLaravel8(PHP7.4, Nginx, MySQL5.7)の最低限の環境構築

こちらを参考にさせていただきました。 qiita.com Docker環境 ディレクトリ構成 project ┣ docker ┃ ┣ db ┃ ┣ nginx ┃ ┗ php ┣ server ┗docker-compose.yml serverにlaravelプロジェクトが入る想定です。 各種ファイル作成 docker-compose.yml version: '3' …

vue-cliでvue create後、npm run serveに失敗した時の対処法

環境 PC - Windows 10 Home node.js - 12.16.3 npm - 6.14.4 vueプロジェクト作成 まずはグローバルにvue-cliをインストール > npm install -g @vue/cli インストールを確認 > vue --version @vue/cli 4.4.6 適当に作ったディレクトリでプロジェクト作成 今…