初心者🔰がAR名刺作ってみた

よこぼと申します。
初心者です🔰

同じような初心者・初学者の方にも、
育成や普及活動を進める立場の方にも、
参考になるような記事をあげていけたらと思います。
よろしくお願いします🙇

=======================

あれ？名刺が足りない？

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上のサンプルコードをひっぱってきていじったりして、
なんとか作ることができました。頑張った。


IMG_8890.jpeg 2.55 MB名刺は百均で買いました。初めて買った。



image.png 233.19 KB8th wallの画面はこんな感じ



X(旧Twitter)    （リンク先に動画があります）

meishi_AR.gif 2.37 MB