Popular
-
爆発する3Dボタン!? React×Three.jsで驚きのUIを作ってみた！
「WebサイトのUIにちょっとした驚きを加えたい…」と思ったことはありませんか？シンプルなボタンでは物足りない、でも複雑すぎるアニメーションは扱いにくい…。そんな時にぴったりのアイデアが「爆発する3Dボタン」です！ このボタンは、クリックするとパ... -
【TryHackMe】historyファイルやconfigファイル、重要ファイルのバックアップを悪用した権限昇格！Linux PrivEsc Writeup Part8
今回は、「historyファイルやconfigファイル、重要ファイルのバックアップを悪用した権限昇格」をやってみます。 ターゲットマシンは、TryHackMeの下記のRoomを利用します。「TryHackMe-Linux PrivEsc：https://tryhackme.com/room/linuxprivesc」 こちら... -
Cloudflare Tunnelを利用して、Ubuntu自宅サーバー（Docker）を公開する！
元々、XServer VPSを利用していたのですが、メモリ不足のため運用コストがかかりすぎていたので、自宅PCをサーバーにして「Cloudflare Tunnel」で公開していこうと思います。 自宅サーバー用に利用したのは、下記のPCです。最近流行りのミニPCというやつで... -
Bolt.new徹底解説！実際にAIでReactアプリを爆速制作してみた！コード不要の新時代ツールとなるか？
「アプリ開発に挑戦したいけど、プログラミングに自信がない…」「もっと簡単にアプリを作れたらいいのに」と思ったことはありませんか？そんな方にぴったりなのが「Bolt.new」。このツールを使えば、コードを書くことなく直感的にアプリ開発を楽しむことが... -
【SECCON Beginners CTF 2024】WEB Writeup
あまり良い結果ではなかったですが、SECCON Beginners CTF 2024に出場しましたので、備忘録としてWriteup残しておこうと思います。 ssrforlfi ソース確認 tar.gzを解凍したフォルダ構成は下記になります。 $ find ./ ./ ./docker-compose.yml ./.env ./app... -
MeshyでAI生成！React×Three.jsで初心者でもできる3Dモデルを一瞬で表示する方法！
最近、AIを使った3Dモデルの生成が驚くほど簡単になりました。中でも「Meshy」というAIツールは、直感的な操作で高品質な3Dモデルを素早く生成できます。今回のブログでは、Meshyを使って生成した3Dモデルを、ReactとThree.jsでブラウザに表示する方法を解... -
Meshy AIで生成したglb形式の3DモデルをReactとThree.jsで制御！複数アニメーションを管理する方法
3Dモデルのアニメーション制御に興味はありませんか？最近では、AIを活用した3Dモデル生成ツールが増えており、その中でも Meshy AI は、手軽にクオリティの高い3Dモデルを作成できるツールとして注目を集めています。 しかし、生成した3Dモデルを実際のア... -
【超入門】初心者でも簡単！ViteでTypeScript x React Three Fiberの3D環境を構築しよう！
最近のウェブでは、インタラクティブで美しい3D表現を目にする機会が増えてきました。例えば、3Dアニメーションの背景やゲーム風のデザイン、さらには次世代のインターフェースまで。これらは、一見すると「高度な技術が必要」と思われがちですが、React T...
