miiboのカラーカスタマイズツールの紹介
あなたの会話型AI、miiboのことなんですけど、その見た目の色、もっと自分たちのブランドイメージに合わせたいなって思ったことありませんか?
ありますよね。デコルトだと青い感じですもんね。 そうなんです。今日はですね、それを驚くほど簡単にしてくれるツールがあるということで、
おとうわんさんという方が開発されたmiiboカラーカスタマイズツール。 これについてちょっと深く見ていきたいなと。これは便利なツールですね。
手元にこの記事があるんですが、プログラミングとか全然知らなくても、 miiboのインターフェースの色をもう自由自在に変えられると。
そこがポイントですね。 今回はこのツールがどういう仕組みで動いてて、どんな課題を解決してくれるのか。
そして、miiboを使っているあなたにとってどんな価値があるのかっていうのを一緒に探っていければなぁと思ってます。
よろしくお願いします。なんか痒いところに手が届くっていう感じがしますね、このツール。
本当にそうですよね。まずそもそもなんでこういうツールが必要だったのかってところなんですけど、miiboの標準UIって青がベースじゃないですか。
でも企業とか、あるいは個人のキャラクターとか、そういうイメージに合わせたいっていうニーズは結構前からあったみたいで。
それはよく聞きましたね。やっぱり自社のカラーを出したいと。
ですよね。一応公式でもGoogle Tag Manager、GTMを使ったカスタマイズ方法っていうのは公開してたらしいんですけど。
そうなんです。案内はあったんですが。
でもやっぱりコードを編集するっていうのはちょっと初心者には難しかったみたいな。
正直ハードルは高かったと思いますね。HTMLとかCSSとかJavaScriptとかその辺の知識がある程度ないと。
なるほど。公式の方法はあったけどちょっと専門的すぎたと。
そういうことですね。そこでこのオートワンさんが開発したツールが登場したわけです。
はい。
これもともとはご自身のプロジェクト用に個人的に作ってたものらしいんですよ。
そうなんですか。
それを公開してくださったっていう背景もいいですよね。コミュニティの知恵が形になったみたいな。
まさに課題解決の革新はやっぱり専門知識がなくて直感的に操作できるっていうその手軽さにあると思います。
直感的ですか。具体的にはどういう感じで使えるんですか。本当にコーディング知識ゼロでも?
大丈夫です。ツールの画面上でいくつか要素があるんですけど、例えばサイドバーの背景色とかボタンの色。
あとはAIとユーザーそれぞれのチャットの吹き出しの色ですね。背景色。それから送信ボタンの色。
この主な5つの部分の色をカラーピッカーっていう色を選ぶパレットみたいなやつでポチポチ選ぶだけなんです。
色を選ぶだけ?
もし例えばデザイナーさんからこの色でって指定された色、カラーコードがあればそのヘックス形式っていうコードを直接入力することもできます。
じゃあかなり正確な色指定もできるんですね。
そうなんです。ボタンの色なんかは背景色だけじゃなくて線の色とかマウスを載せた時の色とか結構細かく調整できるようになってますね。
丁寧な作りですね。
でも色を選んだだけだとまだmiiboには反映されないんですよね。その後はどうするんですか。
そこがこのツールの本当にすごいところで。色を設定するとですね、それをmiiboに反映させるためのJavaScriptコードっていうのが自動で生成されるんですよ。
コードが自動で?
そうなんです。しかもただ生成するだけじゃなくていくつか工夫があって。
ユーザーにとっての価値
一つは設定した色が確実にウェブページ上で反映されるようにドットインポータントっていう強い指示みたいなものを自動でつけてくれるんですよ。
なるほど。この色を最優先でっていう念押しみたいな感じですかね。
まさにそういうイメージです。ブラウザに対して強く指示するんですね。
それからもう一つ、miibo側のウェブサイトの構造が将来ちょっと変わったりしてもちゃんと色が反映され続けるようにミューテーションオブザーバーっていうちょっと高度な技術を使っているんです。
ミューテーションオブザーバー、何ですかそれ。
簡単に言うと、ページの変更をずっと見張っててくれる仕組みみたいな感じです。
へー、見張り役。
それでもしmiiboの表示部分が変わっても、ちゃんと設定した色を適用し直してくれると、これでカスタマイズがより安定するんです。
なるほど。複雑なことは全部ツールが裏でやってくれるんですね。
そういうことです。なので使う側としては難しいことは何も考えずに、生成されたコードをコピーして、それをGoogleタグマネージャー、通称GTMですね、そこに貼り付けるだけ。
GTMってウェブサイトに計測タグとかこういうちょっとしたコードを入れるのによく使うGoogleのツールですよね。
まさにそれです。そこにペタッと貼るだけ。
そうなんです。GTM側でプレビューして、ちゃんと色変わってるなって確認したら公開ボタンを押す。これで完了です。
わー、それは簡単ですね。コードの書き間違いとかそういう心配もないわけですね。
えー、全然ないですね。実装時間ももう劇的に短縮されます。
うーん。
これ、デザイナーさんじゃなくても、例えばマーケティング担当の方とか広報の方がささっとブランドイメージに合ったAIチャットの外観を用意できるようになったっていうのは大きいですよ。
確かに。部門間の連携とかもスムーズになりそう。
えー、そう思います。
いやー、これは本当にmiiboのデザインカスタマイズをまさに民主化したって言えそうですね。
いい表現ですね。本当にそう思います。
専門家じゃなくても、誰でも簡単に自分のブランドイメージをAIに反映できるようになった、と。
えー、開発者のオートワンさんは、知る人ぞ知る渋いツールなんて健存されてますけど。
あっはっは、渋いですか?
でも、多くのmiiboユーザーにとっては、ものすごく価値のある実用的なソリューションだと思いますよ。
コミュニティ発のツールが、こうやって公式の機能を補完するっていうのはすごくいい流れですよね。
本当にそうですね。今後、例えば文字色とか、もうちょっと細かい部分のカスタマイズにも対応してくれから、さらに便利になりそうですね。
そうですね。そこは期待したいところです。
さて、いろいろと伺ってきましたが、最後にこれを聞いているあなたに一つ問いを投げかけてみたいのですが。
はい。
こういうツールによって、AIの見た目のカスタマイズがどんどんどんどん簡単になっていくじゃないですか。
ええ、なってますね。
そうなると、私たちってAIアシスタントっていう存在を、これからどういうふうに捉えて、どう関わっていくようになるんでしょうかね。
うーん、深い問いですね。
色だけじゃなくて、もっと、なんていうか、深いレベルでのパーソナライズ、そういうのが当たり前になる未来っていうのも、もしかしたらもうすぐそこなのかもしれないなぁなんて思いました。
