【環境構築】Docker+Laravel+Vite+TypeScriptの環境構築 - Qiita
1.はじめに 新卒として入社して数ヶ月経ち、新たプロジェクトの立ち上げに際して環境構築を手伝うことになり、調査等を行ったのでアウトプットを含めて残しておきます。 記事の中で至らないところもあると思いますが、何か間違い等ありましたらご指摘のほどよろしくお願いいたします。 2.背景 既存プロジェクトで開発の際に抱えていた2つの問題を解決する環境構築を行う dockerを起動したあとに別途viteを起動する必要がある ControllerやModelを作成すると、権限を変更しないと保存ができない 3.前提条件 WSLで利用するカーネルは、Ubuntu 22.04.03 Docker Desktopがインストール済み 4.システムバージョン(2024/7月時点) OS/ソフトウェア Windows 11 Pro (実機) Ubuntu 22.04.03 (WSL) docker 25.0.3 フロ
フロントReact、サーバーNode(Express)、MySQLで開発をした話
先日開発を行った際のプロジェクト構成を、備忘録として残しておきます。 開発環境 MacOS 12.2 M1 Processer (今回の環境はx64でも動作するようにしています） Docker 行いたかったこと React&Nodeサーバー&MySQLコンテナを同時に起動させ、ReactとNodeコンテナをプロキシ経由で接続させて開発を行いました。 そして最終的に、EC2にデプロイさせるため、buildしたファイルをExpressサーバー上で動かすというところまで行いました。 まずは開発環境の構成から フォルダ構成 今回のプロジェクト構成は以下になっております。 （一部抜粋） . ├── backend │ ├── app │ │ ├── app.js │ │ ├── .dockerignore //これ重要 │ │ ├── node_modules │ │ ├── package.jso
始め方 - Get started — Docker-docs-ja 24.0 ドキュメント
Guides - ガイド Docker 概要 Docker の入手 始め方 - Get started Part 1:概要 Part 2:アプリケーションのコンテナ化 Part 3:アプリケーションの更新 Part 4:アプリケーションの共有 Part 5:データベースの保持 Part 6:バインド マウントを使う Part 7:複数コンテナのアプリ Part 8:Docker Composeを使う Part 9:イメージ構築のベストプラクティス Part 10:次は何を？ Docker Desktop ハンズオン ガイド 言語別ガイド Docker で開発 Docker で構築 プロダクションでアプリを実行 教育用リソース Product manuals - マニュアル Docker Desktop Docker Engine Docker Compose Docker Hub Dock
DockerのVolume - Qiita
dockerのvolumeについてよく分からなかったので、自分用メモ書き。 対象 Docker V18.09 Linux 4.18.0-16(ホストがWindowsのケースは対象としません) dockerコマンド(Dockerfile/docker composeについては応用だと思うので触れません) 何が分からなかったか $ docker volume ls DRIVER VOLUME NAME local ad4c0f7038a3a323f6669ac59065248fa30796027d63c831fb498888caf1f214 local c2d816bc17333b5665785ff55e725b1c4862e0517a5f1e6c9d6c0ec1e6536857 local da512d42f360b623034937d44e0b158ed075c6ad285b7f2a2a2
Windows 11にDocker Desktopを入れる手順（令和5年最新版） - Qiita
概要 Windows 11 で Docker Desktop を動かすまでの手順を、比較的初心者を対象とし、順を追って作業できるようにまとめました。 背景など こんにちは、Docker Captainをしている @zembutsu です。この記事はさくらインターネットAdvent Calendar 2023の4日目の記事として書きました（気づいたら枠が空いていたので差し込みました）。 まっさらな状態のWindows 11を手に入れ、Docker Desktopを入れ直す機会があり、ついでにセットアップ手順も確認しました。 Docker Desktop for Windows 11 が動くPCとは ドキュメントのシステム要件1 によると、Windows 11で動かすには： Windows 11 64bit: 21H2 以上（Home、Pro、Enterprise、Educationの各エディ
【UE5.3】MetaQuest2向けにAndroidでPackage化したい - Qiita
はじめに この記事はUE5.3で作ったVRアプリをパッケージ化してみる記事です。 利便性の為一部公式のドキュメントから逸脱した手段を踏んでいます。また、4や5.1、5.2とは手順に互換性がありません。この手順でセットアップを行うと、5.2などでビルドできていた環境を損なう可能性があります。 参考 公式ドキュメント：Android SDK および NDK を設定する DeveloperForum質問：Error when install the build file of UE5.1 VR 環境 ・Windows ・UE5.3.2 ・AndroidStudio Koala(2024.1.1.11) Android Studioをダウンロードする 公式ではAndroid Studio Flamingo | 2022.2.1 Patch 2 May 24, 2023の使用を想定していますが、最新
【Unity】エディターで再生中に外部ツールで変更したファイルを自動で反映させる覚書【FileSystemWatcher】
はじめに Unity を利用していくと外部ツールや json ファイルなどで出力したファイルを読み込みゲームに反映したいことが多々あります。 ScriptableObject や MonoBehaviour で [Serializable] 設定した メンバ をHierarchy で変更すればいいやん。と思われるでしょう。Unity的にはそれが正解ですが、コンバータなどで一括変換して Unity に読み込ませたいこともあります。 ファイルの状態を監視する FileSystemWatcher System.IO.FileSystemWatcher はファイルの状態を監視して 変更された時に通知が来るよう設定ができるクラスです。 例 エディットでプレイ中に Assets/StreamingAssets/config.json ファイルが手動・外部ツールでコンバートされた場合に リアルタイムで反
ゲームプログラミングのための数学 - ベクトル
プログラマの視点で言えば，ベクトルはn個の浮動小数点数型のメンバ変数を持つ 構造体になります．n個のメンバ変数は，x，y，zのような名前を付けることもあれば， 配列にすることもあります． 一方で，単なる数値をスカラーと呼びます． それぞれのメンバ変数を成分(component)と言います． 成分の数がnの場合，n次元(dimension)のベクトルと言います． つまり，3D(3-dimension)のベクトルは成分が3つのベクトル，ということになります． ゲームプログラミングで扱うベクトルは，成分が2つ，3つ，4つの場合が一般的です． ここでは，3次元ベクトルを取り上げて，C++のコードを交えつつ説明してみます．
Unity でプロジェクト外部の参照を追加したい - なつねこメモ
ここでいう外部の参照っていうのは、 NuGet ライブラリだったり、 .NET Framework には含まれてるけど追加参照が必要なものを指します。 NuGet ライブラリを使う場合 公式ドキュメントでは nuget.org から DL する方法が紹介されていましたが、 いちいち落としてくるのも面倒なので、専用の拡張を導入します。 ここから NuGetForUnity の最新版をダウンロードし、インポートします。 インポートしたらツールバーに NuGet の項目が増えているはずなので、 Manage NuGet Packages から入れたいものを入れてあげれば OK。 この方法で導入した場合、良い感じに csproj にも追記してくれるので楽でした。 追加参照ライブラリを使う場合 System.IO.Compression.dll みたいなのを使う場合は、 csc.rsp を作ります。
UnrealEngine UI 「ミニマップのアイコン」や「頭上のHPバー」など動くUIの作り方 - Qiita
UE Tokyo .dev #3 (2024.06) ほしいもん 合同会社パレットイブ 奥井 健 X、Qiita：@hoshiimonn はじめに 今回お話するのは アクションゲームによくある 「ミニマップのアイコン」や 「頭上のHPバー」 など常に動き続ける2Dをいかに効率的に描画するかというお話です。 エンジニア向け、C++が出てきます。 例 ミニマップのアイコンや記号 頭上のアレ 弾幕シューティングの弾 ヒットダメージ こういうやつです。 結論 Widgetを個々に作らずSlateの関数を直接使おう！ どういうことかと言うと、専用のWidgetを１つだけ作ってそのOnPaint関数内で Slateの関数を呼び出して矩形を描画するという方法です。 こんな感じで複数のアイコンを描画できる１つのWidgetを作成します 使う関数はこれです static void MakeBox( FSla
[Unity] ポーズ動作をTime.timeScale=0を使わずに実現する(その2)
前回の記事でTime.timeScale=0を使わずにポーズ動作を実現する方法について書きました。 しかし、Rigidbodyコンポーネントを持ったゲームオブジェクトでは、ポーズしてもそのまま物体をすり抜けて慣性で動き続けてしまいます。 逆にRigidbodyを使わないゲームオブジェクトであれば前回の記事で公開したスクリプトだけでも十分でしょう。 今回はRigidbodyのポーズ動作も考慮したポーズ動作の実現方法について書きます。 結論から言うと、rigidbodyコンポーネントのSleep()、WakeUp()メソッド呼び出しで実現できます。 しかし、上記だけではWakeUp()メソッドの実行時に物体の速度と角速度が0になってしまいます。 この問題を解決するために、WakeUp()呼出し後にSleep()呼び出し前の物体の速度と角速度に戻す必要があります。 これらを考慮することで、綺麗な
![[Unity] ポーズ動作をTime.timeScale=0を使わずに実現する(その2)](https://cdn-ak-scissors.b.st-hatena.com/image/square/f499c91fae35c2ad5b49d6e3df44614bdc798bf3/height=288;version=1;width=512/https%3A%2F%2Fftvoid.com%2Fblog%2Fwp-content%2Fthemes%2Fdp-colors%2Fimg%2Fpost_thumbnail%2Fnoimage.png)
【Unity】GameObjectの透明度をコード変更する方法（SpriteRendererを使わない）2D - テクノモンキー（サブ）
UnityでGameObjectの透明度をコードで変えようとしたらつまづいてしまったのでメモ。 やりたいこととしては、 「未入手のアイテムを半透明の状態にしておいて、アイテムをゲットしたら半透明状態を元に戻す」 ってことです。 GameObjectの透明度を変える方法を調べていたんですが、調べてみると3Dでやる場合の方法ばっかりが出てきてしまいます。。（僕の検索法の問題もある） vend9520-lab.net qiita.com その後、ようやくUnityの2Dでオブジェクトの透明度を変更する方法を見つけたんですが、 Unity2Dメモ２ スクリプトからSpriteの透明度を変える d.hatena.ne.jp やり方的には、GetComponentでSpriteRendererを取得して、colorの値を変えるという方法。 ただ僕が透明度を変えたいゲームオブジェクトは「Hierarch
【Unity】プレイヤーがダメージを受けた時に点滅させる方法 - テクノモンキー（サブ）
Unityでアクションゲームを作っているんですが、 「プレイヤーが敵に当たった時、点滅させて一定時間無敵状態にする」っていうのをやってみました。 using System.Collections; using System.Collections.Generic; using UnityEngine; using DG.Tweening; public class PlayerManager : MonoBehaviour { private bool isDamaged = false; //敵に当たったか void Start () { //テスト用 isDamaged = true; } void Update () { } void FixedUpdate () { //ダメージを受けた時の処理 if(isDamaged){ float level = Mathf.Abs(Math
【Unity】Timescaleを変更しないRigidbodyの時間制御 - 原カバンは鞄のお店ではありません。
終わりが見えない 総プレイ時間は100時間を超えているのに未だにエルダの王になれない皆さんこんにちは。先日は足場の狭い高い塔を登ったり下りたりで1時間以上を費やし、地下の白いベールを被ったボスの撃破に2時間以上かかりました。時間溶けすぎ。 UnityのTimescale Unityではゲーム中の一時停止などを行うときにTimeクラスのTimescaleの値を変更して各オブジェクトの動作を停止状態にしますが、このTimescaleはシーン内の時間に対して影響を及ぼすので、例えばオブジェクトの動きは止めてもUI等は動いてほしい場合にはTimescaleではなく、別の対処が必要となります。 オブジェクトがDOTweenを使って動いている場合やAnimationで動いている場合などは、それぞれのコンポーネントのspeed値を変えることで停止・加速等を実装できますが、Rigidbodyを使っている場
【さらばTime.timeScale】バトルにおける複雑なスピード制御を実現するための設計思想【Unity】 - Qiita
この記事は サムザップAdventCalendar2022 の12/23の記事になります！ はじめに 株式会社サムザップでUnityエンジニアをしているレオです。（Twitter） いきなりですが、皆さんはこんな経験ないでしょうか？ 開発中のゲームに一時停止機能やスローモーション機能をつけたいと思ってググってみると、Time.timeScaleについての記事がいっぱい出てくると思います。 ここで少し『スターオーシャン2』のバトルを スピード制御 という点に注目して見てみましょう。（20秒ほどでOKです。） 動画で確認できるスピード制御をちょっと書き出してみます。 特定のスキル演出中は周りを停止している コマンド選択中はUI以外停止している UIは常に動いているものもあれば、止まるものもある スタン中はキャラのアニメーションが停止している それ以外にも、世の中にあるゲームでよくあるスピード制
【Unity】NavMeshAgentの経路だけを参照して移動処理に利用したお話 | ゴマちゃんフロンティア
すごく今更ながら、最近Unityの「NavMesh」を触ってみました。 以前私の作ったゲームでは後ろからアザラシがついてきますが、「障害物に詰まり続ける」「前に海 (落下するとダメージ) があっても突撃する」など、その挙動には大きな問題があります。それをNavMeshで解決できないか考えました。 しかしNavMeshAgentの位置はTransformでもRigidbodyでもない、言わば「第3の位置情報」のようなもので、私が今まで作っていた処理との組み合わせがやりにくいです。 そこでNavMeshAgentが計算して出した経路だけを利用できないか考えてみたのが今回のお話です。 やったこと NavMeshAgentで移動しないようにする 普通にNavMeshAgentを使うとエージェントがオブジェクトを動かしてしまうので、パラメータを弄って動かないようにします。 ここを変えても特に経路に影
【Unity】ポーズ機能をTime.timeScaleを変えずに実装したお話 | ゴマちゃんフロンティア
今回はUnityの「ポーズ機能」の実装に関するお話です。 Unityでポーズというと、「Time.timeScaleを0にする」といった内容のページが多くヒットします。単純なポーズ機能だけならこれで実現できますが、 ポーズ時にメニューをアニメーションさせながら表示したい メニュー画面でキャラクターをアニメーションさせたい などの場合に「timeScale=0」で実装していると、それらのアニメーションまで止まってしまいます。 それを抜きにしても、Tween系ライブラリのアニメーションやパーティクルまで止まると厳しいので、他のやり方を考えてみた次第です。 ということで、やってみた感じでは「ポーズ時とポーズ解除時にイベントを用意し、各コンポーネントがイベントを登録して通知してもらう」でいけそうです。 デザインパターンでいう「Observerパターン」ですね。 ポーズを管理するクラスの作成 まずは
Time.timescaleを変更せずにRigidbodyの一時停止&再開処理【Unity】【拡張メソッド】 - (:3[kanのメモ帳]
拡張メソッドとは この記事でのバージョン Unity 5.3.0f4 Personal はじめに ゲーム中にオブジェクトを一時停止したい、みたいな場合はよくあると思います。 その時、一番楽なのはTime.timeScaleを0にして時間を止める事ですが、 これをするとtimeScaleが影響している全ての動きが止まってしまうため、 使える場所が限られています。 移動処理をプログラムで記述している場合は、その処理を実行しなければいいため簡単ですが、 Rigidbodyを使っている場合は、移動処理が自動で行われてるためそうもいきません。 isKinematicを有効にすれば、一時停止する事は出来ますが。 rigidbody2D.isKinematic = true; 速度が0になるため、物理運動の再開は出来ません。 なので、今回はRigidbodyの一時停止&再開処理を拡張メソッドで作ってみま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Building a React App that connects to MySQL via NodeJS using Docker
Chronosを用いたポーズ処理の実装 - ns64's blog