![見出し画像](https://assets.st-note.com/production/uploads/images/130141403/rectangle_large_type_2_4793842573192fe686afd9bfa82ec571.png?width=1200)
名刺サイトの練習雛形③
大前提
先日の記事で書かせて頂きましたが、
以下の準備は終わりましたでしょうか?
①NFCステッカーを購入:海外から買うのが安いですが、いきなりハードルが高いと思う方は すこし割高ですが練習と思ってAMAZONなど日本で購入してもらってもOKです
②Bubbleのアカウント作成:https://bubble.io/ でアカウント作成してアカウントのメールアドレスをメモしておいて下さい
③NFC書き込みアプリ:まず最近のスマホはNFC機能はあると思いますが、ご自身のスマホにNFC機能があるかをチェックして下さい。そしてANDROIDでもiOSでもある有名アプリをインストールして下さい(NFC TOOLS)
ここが正式なアプリのサイトです
雛形ほしいという方
・名刺サイトの雛形の無料でお渡ししますのでBUBBLEアカウントを作ったメールアドレスと
・その名刺サイトのアドレスの一部はカスタマイズ可能なので希望されるものを教えてください。TAROYAMADAみたいな名前そのもののようなものはすでに使われている可能性があるので使われているのでTAROYAMADA14245みたいな少し変形したものを教えてください(英数半角で)
このGOOGLE FORMから御記入下さい 準備でき次第、後日お送りします
実際に手を動かしていきましょう
①メールが来ます
![](https://assets.st-note.com/img/1707310029520-gXoAHtbPIS.jpg?width=1200)
You Can Edit Hereの「Here」をCLICKして下さい。そうするとアプリが転送されているのがお分かりになると思います。
②Plan選択画面がでてくるのですが 注意してくだいさい
BUBBLEからメールが送られてきた際には【FREE PLAN】でできますのでStarter Planに誘導されないで下さいね。
![](https://assets.st-note.com/img/1707310871060-Rosmr6HE8d.png?width=1200)
③Pluginの画面
![](https://assets.st-note.com/img/1707310905391-b38a3nM6kK.png)
編集ページの左側にある【PLUGINS】をクリック、
![](https://assets.st-note.com/img/1707310997327-mFhQ5DwRqO.png)
【Toolbox】がインストールされていることを確認。もしも、インストールされてないなら、右上の【+Add plugins】をクリックして
![](https://assets.st-note.com/img/1707311061697-hCPirMYGVH.png?width=1200)
【Toolbox】をクリックしてインストール
![](https://assets.st-note.com/img/1707311185221-Oarg54iyoz.png?width=1200)
④Bubbleの基本
![](https://assets.st-note.com/img/1707311262584-0r00emWTB2.png?width=1200)
基本は
・要素を追加
・要素をクリック
・Edit Workflow
これだけです
⑤編集のために【Design】に
![](https://assets.st-note.com/img/1707311429455-Oqp3Z8Wmge.png)
⑥御名前を
個々はご自身の名前が表示されるように
![](https://assets.st-note.com/img/1707313337660-EhDh92altV.png)
<御名前>の部分をダブルクリック
![](https://assets.st-note.com/img/1707313385605-7UPZt3UBwq.png)
Rich text editorをクリック
![](https://assets.st-note.com/img/1707313424770-GdpkRZlYX4.png?width=1200)
<御名前>の部分をご自身の御名前に、そして<Save>
![](https://assets.st-note.com/img/1707313477913-fEBOVmdpXc.png?width=1200)
⑦Messenger
![](https://assets.st-note.com/img/1707313530941-yKbjwN5dNV.png)
・メッセンジャーのアイコンをダブルクリック
![](https://assets.st-note.com/img/1707313929399-Q15WG6ffeB.png)
・Edit Workflowをクリック
![](https://assets.st-note.com/img/1707313961403-wVL1xKQfGr.png)
・Run javascriptをクリック
![](https://assets.st-note.com/img/1707313997026-HK86Um7YOV.png)
・????の部分に
の記事を参考に
例)
私の場合は、
https://www.facebook.com/yasunori.tahara/
が自分のFacebookのホームなので、
この場合は【yasunori.tahara】の部分をコピーして、
上記の●●●●のところに貼り付けます。
つまり、
が私のFacebookメッセンジャーのURLということになります。
改めてお伝えしておきます。
こちらがFacebookメッセンジャーのURL(フォーマット)になります!
↓↓↓↓↓↓↓↓↓↓
これを参考に????を入力し直して下さい
![](https://assets.st-note.com/img/1707314235519-WRO5Lzpelf.png)
・Designに戻って下さい
![](https://assets.st-note.com/img/1707314268823-8s5Q5ezi0D.png)
・メールのアイコンをダブルクリック
![](https://assets.st-note.com/img/1707314310547-3Edb9SgEF6.png)
・Edit Workflowをダブルクリック
![](https://assets.st-note.com/img/1707314340804-pCJhFNaCTD.png)
・Run javascriptをクリック
![](https://assets.st-note.com/img/1707314368019-fJFnzbh8Tc.png)
・????の部分にご自身のメルアドレスを
![](https://assets.st-note.com/img/1707314405766-CsEDbEsRyx.png)
・Designをクリック
![](https://assets.st-note.com/img/1707314433396-9leUkn5rhz.png)
・電話マークをダブルクリック
![](https://assets.st-note.com/img/1707314478736-9u9MfGk0V4.png)
・Edit Workflowをクリック
![](https://assets.st-note.com/img/1707314511185-s3zLLUe1yY.png?width=1200)
・Run javascriptをクリック
![](https://assets.st-note.com/img/1707314567770-LdPgoFRbyu.png)
・???の部分に電話番号を
![](https://assets.st-note.com/img/1707314405766-CsEDbEsRyx.png)
・Designをクリック
今日はここまで
今日は眠たくなったのでここまで
活動リンク
KINDLE出版
よろしければサポートお願いします。 NYAUWの活動は現在マネタイズを考えずに意義のみを追求するフェーズです。 ニッチな分野のやせ我慢プロジェクトですので お気持ちだけでも嬉しいです。