よこぼと申します。
初心者です🔰
同じような初心者・初学者の方にも、
育成や普及活動を進める立場の方にも、
参考になるような記事をあげていけたらと思います。
よろしくお願いします🙇
=======================
あれ?名刺が足りない?
3月、そう年度末。
名刺が足りない!なんて経験ありませんか?
僕も手元に残された名刺は残り僅か・・・
しかしながらCDLE大阪のmeetupが予定されていました。
下手すりゃあ足りない・・・どうすればいいんだ😱
---
名刺がなければ作ればいいじゃない
パンがなければケーキを食べればいいじゃない。
名刺がなければAR名刺を作ればいいじゃない。
ってことで、以前Xで見かけて憧れてたAR名刺にチャレンジしました!
☆ゴールイメージ☆
名刺をカメラで読み取る
↓
名刺がぱかりと開く
↓
リンク先に飛べる
こんな感じのAR名刺を作りたい!!
ここからAR名刺づくりのアツい物語がらはじまるぜ!
---
はじまりの絶望
ちょっと技術的な話です。
以前使ったAR.jsは位置の調整が難しく、
名刺にぴったりと画像を重ねたい今回のケースにはおそらく不向き。
そこで、
8th WallというAR開発プラットフォームの利用を検討しました。
?????!!!!!!
なん・・・・だと・・・?? (←当時は2026年3月上旬)
2026年2月28日をもって閉鎖・・・
あきらめるか・・・でも8th Wallが一番よさそうなんだよな・・・
---
絶望を乗り越えて
まあ8th Wallでなんとか頑張ってみよう、と思ったんですが、
なにせ情報が全て古い!
UIが違う、とかそういうレベルじゃないんです。
公式のチュートリアルもWebサイトも、
仕様の変化に全く追いついていない。
こういうとき、生成AIって無力だよな…( ˙-˙ )
と絶望しながらも、
試行錯誤しながら進めました。
何をしたらいいんや…
と言う感じでしたが、
最終的にはgithub上のサンプルコードをひっぱってきていじったりして、
なんとか作ることができました。頑張った。
名刺は百均で買いました。初めて買った。
8th wallの画面はこんな感じ
X(旧Twitter) (リンク先に動画があります)
GIF
---
念願のAR名刺を作ることができてとてもうれしかったです!
次は何にチャレンジしようかなぁ🤔
ここまでお読みいただきありがとうございました!!






