ユニバーサル社会で役立つデザインや技術の研究
次男（小3）の描いた絵を見て、美しいと感じました。最近はPhotoshopなどで簡単に絵を描けますが、子供の描くアナログの絵画の方が、偶発的にアートを生み出す可能性が高いでしょう。
絵のテーマは「心に残った場面」とのことです。
橋の上で月がきれいに見えた場面が描かれています。
私も心に残っていたので、すぐに分かりました。
私が一番気になったのは、空の模様。
横に筋が入っているような模様があります。
ゴッホの「星月夜」を彷彿とさせるような。
空の模様が、とても芸術的に見えます。
次男に模様の意図を聞きました。
「ローラー使ったら線が入った。」
・・・偶然のようです。
図工室にローラーがあるのですね。私の子供時代にはなかったと思います。
偶発的でもなんでも、この絵は好きです。
アートに触れ、気分転換になりました。
obnizを搭載したIoTラジコンを制作しています。ハードは少し前に完成したので、今度はソフトの制作です。まずはHTMLで簡単なコントローラーを作ってみます。
最初は簡単なコントローラーを作ります。
前進、後退、右旋回、左旋回、スピード調整ができれば十分です。
obnizを使っていると、Webの知識（HTML、CSS、JavaScript）でコントローラーを作れます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IoT Controller</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #controller { display: flex; } #crossKey { position: relative; width: 50vmin; height: 50vmin; } #controller button { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 15vmin; height: 15vmin; font-size: 10vmin; padding: 0; cursor: pointer; } #controller button:hover { background-color: #E8F5E9; } #controller button[data-motor="flont"] { margin: 0 auto auto; } #controller button[data-motor="back"] { margin: 30vmin auto auto; } #controller button[data-motor="left"] { margin: 15vmin auto auto 0; } #controller button[data-motor="right"] { margin: 15vmin 0 auto auto; } #power { position: relative; top: 20vmin; left: 5vmin; transform: rotate(-90deg) scale(2); width: 25vmin; cursor: pointer; } </style> </head> <body> <div id="obniz-debug"></div> <main> <h1 class="hide">IoT Controller</h1> <nav id="controller"> <div id="crossKey"> <button data-motor="flont">↑</button> <button data-motor="back">↓</button> <button data-motor="left">←</button> <button data-motor="right">→</button> </div> <div id="powerLever"> <input id="power" type="range" value="50" max="100" min="20"> </div> </nav> </main> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="https://unpkg.com/obniz@3.16.0/obniz.js" crossorigin="anonymous"></script> <script> const obniz = new Obniz("obniz-id"); obniz.onconnect = async () => { const dcMotor1 = obniz.wired("DCMotor", {forward:0, back:1}); const dcMotor2 = obniz.wired("DCMotor", {forward:2, back:3}); const $power = $('#power'); //const servo = obniz.wired("ServoMotor", {gnd:4,vcc:5,signal:6}); const init = () => { setUI(); setPower($power.val()); }; const setPower = (val) => { dcMotor1.power(val); dcMotor2.power(val); }; const setUI = () => { const $crossKey = $('#crossKey button'); let direction; $crossKey.on({ "mouseenter": function() { direction = $(this).attr("data-motor"); if(direction === "flont"){ dcMotor1.forward(); dcMotor2.forward(); }else if(direction === "back"){ dcMotor1.reverse(); dcMotor2.reverse(); }else if(direction === "left"){ dcMotor1.forward(); dcMotor2.reverse(); }else if(direction === "right"){ dcMotor1.reverse(); dcMotor2.forward(); } }, "mouseleave": function() { dcMotor1.stop(); dcMotor2.stop(); } }); $power.on('input change', function(){ setPower($power.val()); }); }; init(); } </script> </body> </html> |
上記のHTMLをブラウザで開けば、ラジコンをインターネット経由で動作させられます。
引き続きアームを上下に動かす機能を、次回追加します。
ボッチャボールに書き込んだ名前やマークを、ボールクリーナーで落とすことができました。名入れの時に使うインクにもよりますが、もし落とすことができれば、人に譲ったり、中古で売りやすくなります。
ボッチャボールの有名メーカーは限られているので、他人とボールを間違わないよう、名前やマークを書き込む場合があるでしょう。
私は布用のペンやスタンプを使いました。
具体的な商品名としては、数字を書いたペンがマービー社の「布描きしましょ」。
円形のマークはステイズオン社の「おなまえ ホワイト」を使ってスタンプしています。
名前やマークを消すには、ボールクリーナーを使います。
今回は人工皮革ボールなので、その専用クリーナーを使っています。
泡をスプレーしてスポンジでこすると、マークはきれいに消えました。
何もなかったようにインクが消えます。
使用したインク、「布描きしましょ」「おなまえ ホワイト」、どちらも人工皮革では落ちやすいことが幸いでした。
これなら、あまり値下げせずに、売ることもできるでしょう。
ちなみに私は売るためではなく、番号を書き換えるために一度消しました。
人工皮革のボッチャボールを、ボールクリーナーでメンテナンスします。手垢などの汚れを落とすことで、転がりの精度が上がることを期待します。ただし、このメンテナンスが正しい方法か分からないため、しばらく使って問題がないか確認します。
※日本ボッチャ協会競技規則 2021 – 2024 v.2.0で「ボールの表面には、いかなる物質も塗布してはならない。」と記載されています。日本選手権に出場する方は、ご注意ください。
ボッチャボール専用のクリーナーは聞いたことがないので、汎用のボール洗浄剤を使います。
私が一番使い込んでいるボールは人工皮革（ランプ用）。素材に合わせ、molten社の人工皮革ボール専用クリーナーを使うことにしました。
泡の洗浄スプレーをボールに吹きかけます。
泡の付いたボールを、付属のスポンジでこすります。
洗浄力が強く、あまり強くこするとボールのロゴまで消えてしまいます。
優しくこすった方が良いでしょう。
最後にドライペーパーで泡をふき取り、乾かします。
カラーボールは色落ちすることがあると洗浄剤の注意書きにありましたが、ビクトリーボールの人工皮革では、特に問題ありませんでした。
洗浄したボールをランプで転がしてみると、洗浄前より少し転がらなくなっていました。わずかな差ですが。
表面に付着した汚れが落ち、ボールの摩擦が強くなったのでしょうか？
もしくは、水分を吸って、重くなっただけなのかもしれません。
正しいメンテナンス方法なのか分からないので、2週間くらい使って問題があれば、ここに追記します。
今回はじめてボッチャボールを洗浄してみましたが、目に見えて精度が上がることはない印象です。
ただ、メンテナンスをしたことで愛着が湧き、ボールへの信頼度が上がったような気がします。
今朝長男（小5）に「なんで切れ目があるの？」とペットボトルの口を見せられました。確かにネジの部分に切れ目があります。子供が疑問に思ったら、学びのチャンスだと言います。
ペットボトルの口など、まったく興味がない私ですが、子供にとって興味の対象になることがあるようです。
言われるまで気づきませんでしたが、確かにペットボトルの口は、ネジの部分に切れ目があるものとないものがあります。
口に切れ目があるペットボトルの中身が炭酸だったので、「炭酸を抜くため」と仮説を伝えました。
長男が「なるほど！あふれなくなるんだ！」と納得した様子。
今の時代、答えは調べればわかるので、検索します。
株式会社メイホーの解説ページがヒットしました。
中で飲料に溶けずに留まっている炭酸ガスを開封と同時に外へ逃がすためのものです。キャップが勢いよく飛んでしまうのを防ぐ効果があります。
裏が取れました。
今回のやり取りで反省があります。
子供の疑問に即答してしまいましたが、もう少し子供の考える時間を作った方が良いのだと思います。
理想的にはヒントだけで、炭酸と無炭酸のペットボトルを見比べてもらい、考えて、気づいてもらうのが思考の訓練になるのだと思います。
心に余裕がないと、「早く答えを！」になってしまいますが・・・。
DTPソフトAdobeの「InDesign」で作られた文書から、原稿を抽出するとき、Web用書き出しを使うと効率的です。もちろんこの方法は、HTMLコードに慣れていることが必須です。
InDesignの文書を、Web用に書き出す方法は簡単です。
ファイル＞書き出しを選び、ファイルの種類を「HTML」とするだけです。
書き出されるHTMLは、そのままWebページとして使えるようなコードではありません。
原稿を抽出用のHTML・・・と私は考えています。
原稿を抽出する目的の場合、保存する際に表示されるHTML書き出しオプションで、「詳細」を選びます。
CSSオプションの「HTMLにクラスを含めない」にチェックを入れることがお勧めです。
余計なクラスがつかないため、原稿を抽出する際に、コードの可読性が高まり、作業が早くなります。
Insta360 GO 2のタイムラプスをほぼ毎日使っています。撮影間隔は0.5sで設定しているのですが、なぜか時々30sにリセットされ、意図しない動画になってしまいます。
タイムラプスは撮影したい内容によって、撮影間隔を変えると思います。
私の場合はボッチャの投球練習です。
0.5秒おきに撮影することで、15分の投球を1分で確認できます。
しかし、この0.5秒の設定が何かのタイミングでリセットされ、30秒おきになっていることがあります。
30秒だと900倍速で、何をしたかよくわからないまま、一瞬で動画が終わります。
原因が分からない今の状態では、タイムラプス撮影前に、必ず撮影間隔を確認した方が良いでしょう。
トイレマークがオシャレすぎて行き過ぎました。私だけではなく、トイレに行きたかった他の人も行き過ぎます。トイレと認知できるマークであってほしい。
私が行き過ぎてしまったトイレのマークは、上の絵の右のようなものでした。
実際にはもっとオシャレなデザインで、人間のピクトグラムも一般的な形状とは違って、凝ったデザインとなっています。（上の絵よりもっと分かりにくい）
トイレマークと気づくのが困難な上、視界の邪魔にならない天井付近に配置されていました。
視界に入らないトイレのマーク。
オシャレさと認知しやすさは、もちろん両立できれば良いと思いますが、トレードオフの関係になることも多いです。
難しいとは思いますが、緊急で駆け込む可能性のあるトイレは、分かりやすいデザインにしてもらいたいです。
最近できた都会のオシャレなビルで、トイレの扉のデザインが失敗していました。オシャレな取っ手がついたドアですが、それを握って引こうとすると、扉が開きません・・・。
私の普段使っているオフィスのトイレドアだと、入るときはプレートのようなもの（つかむところがない）を押し、出るときは取っ手を引きます。
間違えようがありません。
自然に使えるドアは、出入りの際、考えなくても選択肢が１択になっています。
私が間違えたオシャレなビルのトイレは、押すときも引くときも同じデザインの取っ手なのに、押す引くの選択肢が２択になっていました。
そもそも、取っ手は引くためのデザインで、引きたくなりますよね。
そのオシャレなビルを利用した私の同僚も、毎回トイレのドアの押す引くを間違えるそうです。
内装デザインのやり直しは、なかなかできないと思うので、ドアに「押す」と大きくシールでも張ってもらいたいです。
オシャレさが台無しですが・・・。
レンタルスタジオでボッチャを練習するとき、コート設営の時間がもったいなく、タミヤの0.2mmプラペーパーでコートラインマーカーを作りました。置くだけで大まかな線を引け、時間もコストも節約できます。
コートラインマーカーはAmazonでREFREEZE社のものが5,300円くらいで販売されています。（3/6現在）
値段がそれなりに高いのも気になりますが、厚みが25mmあるため、Vラインでの使用は難しいでしょう。
そこで0.2mmのプラシートで自作することにしました。
コーナー部分はパズルのように脱着するため、省スペースで持ち運べます。
レンタルスタジオでコートを設営する場合、コートラインマーカーを使うと、設営中のレンタルコスト、テープのコスト、どちらも節約できます。