【 Vue3 】表示させた画像の高さと数を取得してCSSを可変させる
概要 この記事では、Vueで表示させた画像の高さと表示数からCSSを可変させる方法をご紹介します。 どんな時に使うのか 例えば、ユーザーもしくは管理者が登録した複数の画像を同時に表示させる際、表...
3
4
Comment0
86 search resultsShowing 1~20 results
Stocked
You need to log-in
Laravel Docker AWS EC2デプロイ③
前回に続き、今回はLaravelを起動させていきます！ ##Laravel起動 ###1.ターミナルからインスタンスにリモート接続 ※接続情報のコマンドに関しては、自身のインスタンスから「接続」...
9
7
Comment2
[ Laravel ] 良いコードとは・・・
初めに 自分は6月からサーバーサイドエンジニアとして働くことになりました。 エンジニアとしてプロジェクトに参画する前に、ただ動くコードではなく、良いコードについて学んでおきたいなと思ったので、以...
0
0
Comment0
Your requirements could not be resolved to an installable set of packages. 解決方法
経緯 以下の手順でエラーが発生しました。 $ composer install Installing dependencies from lock file (including require...
1
2
Comment0
Cannot read property 'pickAlgorithm' of null 解決方法
エラーまでの経緯 Vue.js学習の為、新規で構築したまっさらなLaravel8のプロジェクトにVue.jsをインストールするべく下記コマンドを実行したところエラーが発生。 エラーによると、pi...
9
3
Comment0
Laravel8 jQuery 画像動的表示
初めに この記事では、画像選択時にその場で選択した画像を表示させる方法をご紹介します！ 実装 今回は以下のように実装してみました。 CSSはTailwindCSSを使用してます。 ・add.bl...
0
0
Comment0
Permissions 0644 for 'sample_rsa' are too open. 解決方法
初めに dockerコンテナの./sshディレクトリからEC2にsshキーで接続しようとしたら下記のようなエラーが発生。 root@???:~/.ssh# ssh -i "sample_rsa"...
7
2
Comment0
[ 502エラーの解決について ] Docker Laravel8 Nginx
502エラー発生の経緯 本来の実現したいこととしては、docker環境でローカルからアプリ画面（127.0.0.1:8000/login）にアクセスして画面表示させることでした。 その為、.en...
2
0
Comment0
Laravel8 Jetstream アカウント作成後のリダイレクト先変更
##はじめに 今回は、Laravel8でアカウント作成後のリダイレクト先を変更する方法についてご紹介します！ また、ログイン後のリダイレクト先変更については、こちらの記事で紹介していますので是非...
2
0
Comment0
[ポートフォリオの技術選定について] Laravel Docker AWS GitHubActions
はじめに 今回ポートフォリオとして、自宅の食品や日用品を管理できるような在庫管理アプリを作りました。 以下の技術を使って作成しました。 この記事では各技術の選定理由についてまとめていこうと思いま...
3
2
Comment0
Laravel ミドルウェアの仕組み
ミドルウェアとは HTTPリクエスト、又はレスポンスをチェックする機能。 middlewareは自分で関数を定義して作成することができる。 主に使う用途としては、 ・指定した変数が条件を満たして...
1
0
Comment0
MacでLaravel × Docker 環境構築
初めに この記事ではざっくりLaravel×Dockerの環境構築手順についてご紹介していきます。 Dockerとは そもそもDockerとは？ 構築前に軽くDockerがどういうものなのか理解...
11
13
Comment0
Laravel8 Jetstream Livewireについて
はじめに Laravei8で認証機能を担うJetstreamをインストールする時にLivewireかInertiaを選択することになります。 今回はLivewireをメインにまとめてみました！ ...
1
0
Comment0
node-forgeをバージョンアップする
経緯 突然GitHubから見慣れないメールが来ました。 メールのメッセージはこんな感じ。 1 repository in your GitHub account might be affecte...
0
0
Comment0
Laravel ペジネーションのリンクをHttps対応にする
発生した問題 一覧表示画面のペジネーションリンクから２ページ目の一覧表示画面へアクセスしようとしたところ、「アクセス時間が長すぎます。」と出て、一向に画面遷移しない状態が続きました。 デベロッパ...
3
1
Comment0
413 Request Entity Too Large 解決方法
エラーの原因 このエラーは、アップロードしようとしたデータのサイズが大きすぎることが原因で発生していて、Nginxの設定を修正することで解決できます! Nginx修正 nginx.confにcl...
6
2
Comment0
tail -f を使ってリアルタイムのログを確認する
tailコマンドでリアルタイムログを確認するまでの経緯 発生した問題 nginx.conf等諸々設定し、EC2インスタンスのIPv4DNSからアプリ画面へアクセス確認。 →ブラウザで「応答時間が...
2
1
Comment0
Dockerfileでファイルやディレクトリごとコンテナにコピーする方法
ファイルをコピー 事前準備として、Dockerfileがあるディレクトリの中にコピーしたいファイルを配置しておきます。 配置できてることが前提でDockerfileにコピーコマンドを記述します。...
14
8
Comment1
IAMユーザーを払い出してAWSの環境設定をメンターに確認してもらう
初めに EC2にデプロイ等の理由からAWSでインフラ周りを構築することがあると思いますが、自力で解決できないエラーがコンソール上で起きた時、メンターに構築内容を確認してもらう手段についてご紹介し...
2
1
Comment1
本番環境でS3に登録した画像が表示されない
起きたこと EC2にアプリをデプロイ後、アプリの動作確認をしていたところS3に保存した画像が表示できていないのを発見。 調査 EC2にデプロイする前にherokuにデプロイさせていたのですが、そ...
2
0
Comment0
86 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles