月別アーカイブ: 2017年11月

マグボットが図書館で企画展の説明をしています

投稿日時: 投稿者:

東京都市大学横浜キャンパス図書館で「図書館の展示テーマ「つくる・そだてる・たべる」と、科学コミュニケーション・プロジェクトのコラボ展示を行っています。食についてのいろいろな本と、プロジェクトで行った、水耕栽培で野菜を育てるベジカフェと、地産地消を考える「野菜とわたし」カフェの紹介をしています。
この展示の説明をしているのがマグボットです。今回はボタンを装備して、ボタンを押すと説明を開始するようになっています。説明員というよりは展示物の中に紛れていますね。

ダイソーの300円USBミニスピーカーをマグボットで使ってみました

投稿日時: 投稿者:

ダイソーの300円のUSBミニスピーカーをマグボットで使ってみました。
スピーカーのUSB電源をRaspberry PiのUSBから取りましたがノイズはなく、
きれいにマグボットの音声を出すことができます
また、スピーカーはマグボットの内部に収めることもできますし、外部に設置することもできます。USB電源をRaspberry Piからではなく別のUSBアダプターから取ることもできます。
安価でマグボットにも使用できると思います。

マグボットで使用しているjQuery、jQuery Mobileについて

投稿日時: 投稿者:

現在マグボットで使用しているjQuery、jQuery Mobileは
jquery-2.2.4.min.js
jquery.mobile-1.4.5.min.css
jquery.mobile-1.4.5.js
です。

jQueryの最新版は、jquery-3.2.1.minですがこれを使うとjQuery Mobileとの相性が悪くてマグボットのUIが表示できません。
以上の組み合わせで作るしかないのでが、jquery-2.2.4.min.jsがjQueryのサイトで見当たりません。

探したところjquery-2.2.4.min.jsは、
https://code.jquery.com/jquery-2.2.4.min.js
にあります。開くとそのままコードが見えてしまうので、ファイルとしてダウンロードしてください。
Macだと右クリックで、「リンク先のファイルとダウンロード」を選択してください。ダウンロードが始まります。
http://blog.mudatobunka.org/entry/2016/09/04/023121
を参考にしました。

また、jQuery CDNを使用する方法があります。これはローカルのファイルではなくネット上にあるjQueryを使用する方法です。
マグボットがネットに繋がっている必要があります。
この場合、
mugbot-web-1.1.html、mugbot-web-1.2.html

1
<script src="jquery-2.2.4.min.js"type="text/javascript"></script>

の部分を

1
2
3
<script src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>

に置き換えてください。
ちなみに「min」というのは圧縮版という意味なのでminのついていないjQuery、jQuery Mobileを使っても問題ありません。
その場合は、
<script src=”jquery-2.2.4.min.js” type=”text/javascript”></script>
の中も、minのないファイル名に置き換えてください。