株式会社エスユーエス 関西第二ソリューション部 中山 克己（Nakayama Katsuki） 2016年4月入社。独学で手に入れたUnity技術でカーナビ設計から最先端研究開発へステップアップすると、次はリーダー経験を積もうとUnity勉強会講師へ挑戦した。現在は、試行錯誤しながらオンライン勉強会を継続しつつ、VRエンジニアとして活躍中。 目次 激務から抜け出すために自ら行動！自己学習に力を入れ、Unityも学び始めた。 父や祖父の死をキッカケに上を目指すことを強く意識。勉強会講師へも挑戦。 伝える難しさを痛感。心理学から語学まで、コミュニケーション関連本を読みまくった。 参加者に刺激され、念願のVRエンジニアへ。いよいよリーダーを目指していきたい。 激務から抜け出すために自ら行動！自己学習に力を入れ、Unityも学び始めた。 ―今ではVRエンジニアとして活躍し、3Dゲームエンジン『Un

バリデーションルールの動作確認方法 Validatorクラスのmakeメソッドに、 検証データ と ルール を設定してインスタンスを生成します。 その後、 passesメソッド を実行することで、バリデーションルールの動作確認ができます。 $data = ['parameter' => 100]; $rules1 = ['parameter' => 'integer']; $rules2 = ['parameter' => 'string']; \Validator::make($data, $rules1)->passes(); // true \Validator::make($data, $rules2)->passes(); // false 上記例では、 $rules1 に設定したルールの場合、バリデーションを通していることを確認できます。 $rules2 に設定したルールの場合

Schema::create('childs', function (Blueprint $table) { $table->id(); // ↓ ここに追記 $table->foreignId('parent_id')->constrained('parents')->cascadeOnUpdate()->cascadeOnDelete(); }); ポイント foreignId()→constrained()で外部キー制約に関する記述をしています。 なおかつcascadeOnUpdate()…で親テーブルが削除されると子テーブルも同時に削除されるように設定しています。 CASCADE: 親テーブルの行を削除または更新し、子テーブル内の一致する行を自動的に削除または更新します。ON DELETE CASCADE と ON UPDATE CASCADE の両方がサポートされています。2 つ

システム構成図、ER図、フローチャートなどを描くときに無料で使える作図ツールやドローイングツールまとめ。2024 システムを開発する際には、インフラを構築するためのシステム構成図やアプリケーションの仕様を検討するためのさまざまなUML関連のダイアグラム、フローチャートやデータベース設計におけるER図など、さまざまな作図をする場面があります。 これらの作図作業を支援してくれるツールは多数存在しますが、ここでは無料で使えるツール、あるいは無料プランが利用できる有料サービスなどをまとめました。 draw.io 無料で利用できるドローイングツールの代表的な存在がdraw.ioでしょう。ユーザー登録すら不要ですぐに使い始めることができて、作図したデータはGoogle DriveやOneDrive、Dropbox、GitHubやGitLab、ローカルデイバイスなどに保存できます。 GitHubにサーバ

Reactのルーティングライブラリ TanStack Router Reactのルーターライブラリとしては、React Routerが有名ですが、今後Remixと統合される予定であるため、シンプルなルーターライブラリにも注目が集まっています。 そこで今回は、TanStack Routerをご紹介します。このライブラリは、React Queryと同じ開発者によって開発されているため、併用するのに相性が良いライブラリです。 投稿日2024年10月06日 更新日2024年10月06日 準備 TypeScript + Vite環境で試してみます。 最初にライブラリのインストール。 $ npm install @tanstack/react-router 今回はAPIの取得も行うのでaxiosとreact-queryもインストールします。 $ npm install axios @tanstack/

ブログサービスの様に「hoge」というログインIDを作成した際「hoge.blog.jp」のようにサブドメインを自動的に生成したい。また同時にサーバ側では「hoge」というディレクトリを作成し、当該ドメインにアクセスした場合はそのディレクトリを参照させたい。以下に対応方法のメモ。 DNSの設定まずはDNS側の設定をする。「○○.blog.jp」の○○がどのような値でも「111.222.333.444」というIPに向けたい場合、ワイルドカードが使えるらしい。下記がワイルドカードの例。 RECORD NAME　*(ワイルドカード) TYPE　A TTL　7200(無料プランだと固定) Priority　空白でOK Content　111.222.333.444(サーバーのIP入れる) あと、ネームサーバーも変えないといけない。今回はtkドメインで試したんだけど、Management Tools

どうも、ピクシブでフロントエンドエンジニアをやっている @uzimaru0000 です。 今回は、vite を使ったプロダクト開発をしたのでそれの知見を共有したいと思います。 なぜ vite なのか 弊社のプロダクトのフロントエンドではモジュールバンドラーに webpack を利用しているケースが多いのですが、vite を使う選択をしました。 理由としては以下のような点があります。 開発サーバーがとても速い 設定ファイルがwebpackほど複雑じゃない vite の特筆すべき特徴として開発サーバーがとても速いというものがあります。 これは、依存のあるモジュールをネイティブ ES モジュールとして読み込むようにすることで必要最低限のバンドルで済むようにしているためコードの変更がとても速く反映されます。 フロントエンドエンジニアが僕一人であったというのもあり、開発速度を早めるために vite

メールの信頼性と正当性を保証するには、DKIMの設定が不可欠です。2023年10月に発表されたGoogleの新たな「メール送信者のガイドライン」の影響もあり、SPF・DKIM・DMARCといった送信ドメイン認証への対応の重要性が高まっています。DKIMの導入はもはや避けて通れないものと言えるでしょう。 本記事では、メールサーバーにDKIMを実装する方法についてわかりやすく説明します。今回はOpenDKIMというパッケージを使用して、秘密鍵と公開鍵を作成し、DKIM署名を行うための設定を行い、テストを行うまでの手順を解説していきます。 DKIM認証とは DKIM（Domain Keys Identified Mail）とは、メールの送信元が正当なものであることを証明する送信ドメイン認証技術の一つです。DKIMは、公開鍵と秘密鍵の仕組みを利用した電子署名に基づいており、送信サーバーがメールに電

はじめに 2024年2月より、Googleのメール送信者のガイドラインが変更になります。 Gmailアカウントに1日あたり5,000件を超えるメールを送信する送信者は、送信ドメインにSPFレコード・DKIM署名・DMARCメール認証の設定が必要になりました。 support.google.com 1日あたり5,000件を超えるという条件に入っていなくとも、迷惑メールとして受信される確率を減らすために対応しておいたほうが良いでしょう。 この記事では、クラウドメール配信のSaaSが使用できない方向けに、AWSのEC2インスタンス上でSPF、DKIM、DMARC、TLSに対応したメールサーバーを構築する方法を紹介します。 やることのフローとしては以下の項目になります。 メールサーバー用のEC2インスタンスの立ち上げ 逆引きレコードの設定 postfixのインストール SPFレコードの設定 DKI

View Transitions APIを使うと、シンプルでスムーズな連続性のあるアニメーションを実装できます。 ウェブ技術でのアニメーションはさまざまな手段が存在します。CSSのtransitionやanimation、JavaScriptでのWeb Animations APIなど利用されている方も多いでしょう。View Transitions APIは、これらのアニメーション手段だけでは実現が困難だった新しい遷移アニメーションを実現できます。 本記事では「どのようなことができるか」「使い方」「使用上の注意点」を紹介します。 本記事で紹介すること View Transitions APIで実現できるのは新しい遷移アニメーション JavaScriptとCSSの指定で容易に利用できる JSフレームワークでの対応も進んでいる 2024年6月リリースのChrome 126とEdge 126でJ

まずは綺麗にする Steam Clientでライブラリを開き、以下のゲームをアンイストールします。 The Elder Scrolls V: Skyrim Special Edition Skyrim Special Edition: Creation Kit Skyrimのインストールフォルダを確認します。 C:\Program Files (x86)\Steam\steamapps\common\Skyrim Special Edition 以降、CドライブにSkyrimをインストールしているという前提で説明します。 ENBやSkyrim Engine FixesなどのDLL類、インストール後に生成されたファイルなどがあると思います。必要ならバックアップを取った後で、Skyrim Special Editionフォルダを削除します。 マイドキュメント以下のデータも削除しておいた方が無難

HugoでData-Driven Content機能を利用する 記事生成時で取得したデータになってはしまうが（ページ表示の毎アクセス時ではない）、Hugoで外部APIのURLで取得したCSVやJSONデータを利用できるData-Driven Content機能があるので使ってみた。 https://gohugo.io/templates/data-templates - Data Templates Data-Driven Content In addition to the data files feature, Hugo also has a “data-driven content” feature, which lets you load any JSON or CSV file from nearly any resource. Data-driven content curre