taku– Author –
taku
-
React
【超入門】初心者でも簡単!ViteでTypeScript x React Three Fiberの3D環境を構築しよう!
最近のウェブでは、インタラクティブで美しい3D表現を目にする機会が増えてきました。例えば、3Dアニメーションの背景やゲーム風のデザイン、さらには次世代のインターフェースまで。これらは、一見すると「高度な技術が必要」と思われがちですが、React T... -
React
Meshy AIで生成したglb形式の3DモデルをReactとThree.jsで制御!複数アニメーションを管理する方法
3Dモデルのアニメーション制御に興味はありませんか?最近では、AIを活用した3Dモデル生成ツールが増えており、その中でも Meshy AI は、手軽にクオリティの高い3Dモデルを作成できるツールとして注目を集めています。 しかし、生成した3Dモデルを実際のア... -
Other
初心者向け:Spring BootとMyBatisで実践!SQLインジェクションのリスクと防止策
Webアプリケーションを開発する上で、避けて通れないのが「セキュリティ対策」。中でも「SQLインジェクション」は、データベースに対する深刻な脅威として知られています。 この記事では、SQLインジェクションの仕組みをわかりやすく解説し、実際にどのよ... -
React
React × Three.jsでクマを歩かせてみた!Meshy AIで簡単3Dモデリング!
AI技術が進化する中で、3Dモデリングがより手軽に、そして楽しくなりました。特にプログラミング初心者でも簡単に使える「Meshy AI」の登場で、これまで難しいと感じていた3Dモデリングが一気にハードルを下げています。 📺 Meshyを確認する:こちらのリンク... -
React
Bolt.new徹底解説!実際にAIでReactアプリを爆速制作してみた!コード不要の新時代ツールとなるか?
「アプリ開発に挑戦したいけど、プログラミングに自信がない…」「もっと簡単にアプリを作れたらいいのに」と思ったことはありませんか?そんな方にぴったりなのが「Bolt.new」。このツールを使えば、コードを書くことなく直感的にアプリ開発を楽しむことが... -
React
MeshyでAI生成!React×Three.jsで初心者でもできる3Dモデルを一瞬で表示する方法!
最近、AIを使った3Dモデルの生成が驚くほど簡単になりました。中でも「Meshy」というAIツールは、直感的な操作で高品質な3Dモデルを素早く生成できます。今回のブログでは、Meshyを使って生成した3Dモデルを、ReactとThree.jsでブラウザに表示する方法を解... -
React
爆発する3Dボタン!? React×Three.jsで驚きのUIを作ってみた!
「WebサイトのUIにちょっとした驚きを加えたい…」と思ったことはありませんか?シンプルなボタンでは物足りない、でも複雑すぎるアニメーションは扱いにくい…。そんな時にぴったりのアイデアが「爆発する3Dボタン」です! このボタンは、クリックするとパ... -
Cloudflare
Cloudflare Tunnelを利用して、Ubuntu自宅サーバー(Docker)を公開する!
元々、XServer VPSを利用していたのですが、メモリ不足のため運用コストがかかりすぎていたので、自宅PCをサーバーにして「Cloudflare Tunnel」で公開していこうと思います。 自宅サーバー用に利用したのは、下記のPCです。最近流行りのミニPCというやつで... -
Other
【SECCON Beginners CTF 2024】WEB Writeup
あまり良い結果ではなかったですが、SECCON Beginners CTF 2024に出場しましたので、備忘録としてWriteup残しておこうと思います。 ssrforlfi ソース確認 tar.gzを解凍したフォルダ構成は下記になります。 $ find ./ ./ ./docker-compose.yml ./.env ./app... -
Other
Xserver VPSのUbuntuデスクトップ(GNOME)を利用して、Ubuntuデスクトップ環境を構築してみた!Wineの設定も自動なので、簡単リモートデスクトップ環境!
Ubuntuの環境が欲しいと思い、なんとなくVPSを借りて、Ubuntu環境を用意したので、その備忘録を載せておきます。Xserverは、テンプレートでUbuntuデスクトップ(GNOME)が存在するため、Wineなどを自動で設定してくれて、リモートデスクトップで簡単に接続...