Webデザインの気付きメモ

会社のHPを色々といじっていく中で当たった問題点などを解決策ともに掲載。

使用ツールはGoogle Chrome デベロッパーツール（クローム開いてF12）
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider
・「Ctrl+F」で要素の検索　
Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック | コリス

CSS

・floatは要素を右や左に寄せる時に使う。(だけど、↓　display: inline-blockが楽)

floatしたら、floatさせる要素の直の親要素にclearfixを付けて、必ず解除する！

基本widthを指定して崩れないようにする！

positionでstatic以外の値が指定されている要素にはfloatは効かない！

参考にしたサイト

・CSSの【float】についてちょっと本気出して説明してみた。 | たねっぱ！

・CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ

・display: inline-blockは横並びにしたいときに使える。

ブロックみたいに横に積んだり、縦に積んだりできる。
ボタンやリンクなどの要素を指定する時に便利。
Floatはclearfixが必要だが、こちらはいらない。Floatをdisplay: inline-blockに置き換えるだけ。

参考にしたサイト
・CSS - inline-block
・CSSの display: inline、display: block、display: inline-block をマスターしよう！ | たねっぱ！

・Pタグのボックス要素の中のテキストを垂直方向中央揃えにする

CSSでline-heightを使う。
PXより、数値で指定するとやりやすいかも。

参考にしたサイト
・テキストの縦方向の中央揃えについて - Qiita
・行間を調整したい！CSSのline-heightの使い方 | TechAcademyマガジン

・CSSが一部分だけ読み込まれない。

F12画面で再読込ボタンを長押しし、ハード読み込みボタンを押すと、サーバーから直接読み込むので、キャシュ経由のCSS読み込みがされないのを解消してくれる。

参考にしたサイト
・CSS変更が反映されない時に試してほしい方法。ブラウザのキャッシュを削除したくない時におすすめ！ | ルカルカアフィリエイト

・画像やテキストを中央揃えする

参考にしたサイト
・【CSS】様々な要素を中央揃えにする方法 | クリエイタークリップ

フォント

フォントサイズは16PX、18PXくらいで

pxとemの違いについてのまとめ | ちゃんとしたブログ

・リンクの文字を指定して大きくする

リンクだけが小さくなるなどの場合、
 <p class="nousya"> 納車方法は<a class="nousya_a" href="sugunori.html">スグ乗りお届けサービス</a>です。</p>という形でクラス属性を指定して、CSSでフォントサイズを変更することが可能。
もちろんPの方のクラス属性もフォントサイズなどを変更できる。

                 

G-simpleでの操作やエラーの気づき

G-simpleを使っていて、気づいた操作や、エラーを書き留めておく。

・Feed rate Fxy out of range.

引用元によると、
あなたのツールライブラリを見てください。Fxyは水平送り速度です。プランジ送り速度をFzとします。ライブラリには、工具ごとに2種類のデータが格納されています。
A.ジオメトリデータ（直径、脚部、フルート数など）
B.フライス加工データ（速度、送りなど）
フライス加工データは材質によって異なります。材料は、「ライブラリはすべてのツールとすべての材料グループのための製粉パラメータのセットを格納することができる。材料区分」。で一緒にグループ化され
たメッセージ「範囲外FXYは'は製粉パラメータセットが存在しないことを示しているで発見されましたライブラリ。
ツールライブラリに移動し、それを追加し、それを修正すると解決する。

とあるので、ツールの設定がうまく行ってない証拠。
デフォルトのツールを使用ツールでしていれば、とりあえずはGコードを吐き出してくれる。
ツール設定の仕方が悪い？

引用元：http://www.gsimple.eu/faq.html


・Please check pocket for producability or select a smaller tool.

ワークの素材を変えるかツールを変えると、とりあえずはGコードを吐き出してくれる。

BS01+ 故障事例 Err MINTEMP

温度が低すぎると、エラーになり、造形も始めないし、プリヒートもできない。
LCD画面に「Err MINTEMP」と表示される。

対策
ヒーターガンなどでベッドを強制的に温める。１０℃以上になるとエラー解除されるみたい。

冷却水の残量がわかるように水位検出センサーを取付けてみた

車の警告灯は冷却水がなくなったらお知らせしてくれるものの、その時点は、もう手遅れ、ということが多い。

それに疑問を持ち、それなら、補助タンクの残量をチェック出来るような仕組みに出来ないかと思い、水位検出センサーを使うことを思い立った。

フロートタイプのものもあるが、今回はセンサーで直接液体面を検出するものを使用してみた。

助手席を上げて、エンジンルームお目見え。補助タンクを取り出します。

補助タンクの中にセンサー部分をいれます。

配線がこのように出てくるので

キャップ部に穴を開けて配線が通るようにします。

こんな感じ。

見えにくいけど、黒っぽくなっているところがセンサー。

センサー部分は固定されているわけでもなく、配線の長さで調整しているので、ホットボンドで配線を固定します。

補助タンクをもとに戻します。
配線が他の部品の邪魔にならないように、配線します。

基盤部分はホコリや衝撃などからカバーするためクリアケースに入れてみました。

緑のLEDがついている場合は、一番上の面に液面があるということ。
つまり、冷却水が減っていないことを示します。
黄色、赤のLEDが点灯すれば、それだけ、水位が下がっているということを表します。

とりあえず、これでどんな感じかを見ていきたいと思います。

3Dプリンタの部品やお役立ちツール

３Dプリンタで、役に立つツールや、部品などをメモしていこうと思う。

2017/1/10
ビニールハウスの原理で、袋を2重にして、BS01を包む。
1ケタの温度の温度でも、これで覆っていれば、反りが少ない。

2016/12/27

3Dプリンターで使う耐熱離型剤。

安くて、ノズルが着いているので狭い箇所への塗布でも使いやすい。
効果も長持ちするし、ちょっとの量で良いので、長く使えるところもよい。
毎日、造形しているけど、３日に一回くらいの頻度で十分のようだ。

アマゾンで売ってる。

BS01+ 故障事例 テーブル（Z軸）が上がらない

BS01+ テーブル（Z軸）が上がらない

モーターが回っているのに、テーブルが上がらない症状になった。

そもそもテーブルが上に上がる原理はこうだ。
Z軸モーターを回して、Z軸の寸切りを回す。
それがテーブルに着いている雌ねじを通って、テーブルを上げ下げしている。


ということで、テーブルのそのネジ部分を外してみると、ネジ山がない　（笑）

これが原因のよう。

ということで、たまたま造形していたＭ６のボルトキャップを改造して、これをテーブルに固定することにしました。

原因の部品を外したテーブルの状態。

 目視で採寸して、ドリルで取り付け穴を開けることに。

かなり偏ってるように見える　笑

テーブルに取り付けて。。

寸切りを戻して、モーターのカップリングに固定して、完成。

とりあえずはこれで、Z軸の上下は回復。
その後、2ヶ月ほど使ってますが、特に不調はありません　笑
ただ、このままなのもあれなんで、ある程度、形を綺麗に整えた部品を造形しようかな。

３Dプリンタの良いところは、自分で自分を修理出来るところですね！

売ってないから、キャラバン用の助手席デスクを作ってみた！

私はものを作るのが、好きです。

特に,身の回りにあるものだけで、ほしいと思ったものを作れたときの喜びは、お金を出して購入する時よりも、とても価値を感じます。

だから、何かを手に入れる時に「購入する」という選択肢の他に「自分で作る」という選択肢がもっともっと、広がったら楽しいと思っています。

だから、無料でそういったものを共有する文化を加速させたいと思っています。

そういう文化を自分の回りで作っていけたら。と思うので、既にあるThinkgiversなどを活用しながら、作ったものも無料で公開して行こうと思います。


まずは車で使う作業デスクを公開したいと思います。

愛車のE25キャラバンでよく旅をしながら、仕事をしたりするときに、作業デスクが欲しいなと、よく思っていました。
ただ、売ってないので、よいタイミング！と思い、作ってみることにしました。

助手席で紅茶でも飲みながら、パソコン作業をやるのを目的として作りました。
3点で支えるように設計。アームレスト、ドアの肘掛け、脚で支えて、材料を抑えるようにしました。
また、収納時に邪魔にならないように脚部分は折りたたみとしました。

素材

・ベニヤ板
・角帽
・３Dプリンタで作ったヒンジ（airaldさんの無料公開３Dデータ）
・M3*40ボルト
・M3ナット
・ネジロック剤
・木ネジ

素材は全部あまりものです。

工具

・丸のこ
・ベルトサンダー
・３Dプリンター
・プラスドライバー
・スパナ等

図面等

図面等は私のThinkgiversのページで公開しています。

作り方

天板の部分と、折りたたみ部の材料を図面を参考にして切断します。

 脚部分も切り出します。

サンダーで角を取ったり、面をとって、ケガしないように、仕上げます。

ヒンジを3Dプリンターで出力します。

脚部分が邪魔にならないように配慮しながら、取り付け位置を決めます。

木ねじで造形したヒンジを止めて、完成＼(^o^)／

作ってみて

作業時間は３Dプリンターの出力時間を入れなければ、1時間程度で出来ました。

実際に使ってみると、疲れず、いい感じです。
助手席なので、外の景色を見ながら作業出来るのも良い(^o^)

追記
２日使ったら、ヒンジに相当のちからがかかるらしく、折れました。(^_^;)
やはり、強度が必要なところはFDM３Dプリンターではまだ難しいのかも。

金具を素直にホームセンターで買いました。　笑


このE25キャラバンデスクをもし、作って欲しいという方がいましたら、お作りいたします。
製品保証などはありません。
あくまで、代行して作るという形です。
料金は4000円+消費税です。（送料は別途かかります）
もし、欲しいという方がいらっしゃれば、気軽にコメント、もしくはメールをお送りください。