中年プログラマーの息抜き

ブログをはじめました。気の向くままにプログラム関連ネタをメモしていきます。

jQuery:iFrame:PostMessageを使って動的に高さを変更する

はじめに

今回は、javascriptを使って、iFrameの高さを表示する画面の高さで動的に変更するお話です。 とあるサービスで、サービスログイン時にWORDPRESSへもログインして、サイト内へ管理画面を表示するような設計で進めていたのですが、いろいろな貴重な意見をいただいたのと、時間が作れたのとで、今は直感的に編集できるような感じで作り変えています。 そんな時に、この実装を見つけました。 半年ころ前に調べながら実装したのだと思うのですが、クロスドメインを意識するときは、他でも同じように作るのかもしれない・・ということでいったんまとめます。

仕組み

・iFrame内のサイト(送信側)は、任意のタイミングで「message」を送信する。
・iFrameを表示するサイト(受信側)は、イベントリスナで「message」を受け取る。

コード

まとめ

高さ調整に限らず覚えとくと便利な機能でした。

d(`Д´)b39

Arduino:その1:LM35DZ:温度計測

"f:id:tm-b:20170730195925j:plai/

はじめに

今回は、Arduinoを使って、お試しDIYをしてみます。センサはLM35DZを使いました。

機材

Arduino
・LM35DZ
・Win10 ArduinoIDE

回路とコード

f:id:tm-b:20170730200244j:plain  

f:id:tm-b:20170730200656p:plain

まとめ

出力はされますが、計測値が高い値が出力されているようです。PCのUSBポートから電源を得ているので電圧が5Vになっていないのか、センサが壊れているのか、わからん。 また、気が向いたらマイコンの電圧とか調べて見ようと思います。

d(`Д´)b39

CISCO 841M 設定:その3:IOSとスイッチの設定をバックアップする

f:id:tm-b:20170728004131j:plain

はじめに

今回は、背面にUSBを挿して、それをフォーマット、IOSをコピー、スイッチの設定をコピー、USBの中身を確認という流れで作業します。

機材

CISCO 841M本体
・KAUMO USB RJ45 シリアルコンソールケーブル
・Win10 ノートPC

バックアップ

まとめ

IOSバージョンアップなどするにしても、バックアップがあれば安心です。備えておくことが大事!

d(`Д´)b39