一応、システム屋なんで…

お久しぶりです。3度の飯より・・・は、もう良いだろうと思っている和田です。

少し前の社長の記事にもありますが、弊社のHPで、ライブカメラ映像を配信するページを作成しました。
そこで、私も一応システム屋の端くれなので、今回はそのページ作成に関する話でも書こうと思います。

■ TSN ライブカメラ ■ ページ

■ TSN ライブカメラ ■ ページ
■ TSN ライブカメラ ■ ページ

上記の画像がライブカメラ映像配信ページですが、赤字で書いてある通り、赤枠の中のページを外枠のページにはめ込んでいるような構成になっています。

何故、このような構成にしたかといいますと、カメラ制御用のページと、説明書きなどをするページを分けて見栄えを容易に整えられるように、と考えての事なのですが、この 「ホームページ内に別のページをはめ込む」 という手法によって、少々苦労させられました。

(以下、少しだけ技術的な話になります。)

それは何かというと、「ホームページ内に別のページをはめ込む」 場合、iframe タグを使用すれば良いと安易に考えたのですが、実はこの iframe タグというやつは結構な曲者で、特に Microsoft 製ブラウザの Internet Explororでは、様々な制限により上手くページが表示されない場合があります。

今回のページ作成でも、例に漏れずその制限で上手く動作しなかったので、iframe タグの代替策を検討しました。
↓の画像が実際のライブカメラ映像ページでの該当コード部分です。(style は多分機能していません。)

  
  

見ての通り、iframe タグの代替は意外と簡単で、object タグで代用できます。

これで、iframe タグを使用せずに本体ページをはめ込むことができ、iframe タグでは表示できなかったブラウザでもライブ映像が見られるようになりました。

ただ、object タグを使用すると、中に表示されるページによっては不要なスクロールバーが出てしまう場合があります。
その様な場合は、中のページの body タグに下図のようなスタイルを設定して、且つ、ページのサイズを調整すると、多分上手くいきます。

  
  

この他にも、JavaScript を使用している場合は別の調整が必要だったりと、中々思い通りには行かなかったりするのですが、
システム屋というのは往々にしてこのような作業の繰り返しが日々の業務だったりします。

今回は、この辺で話を切らせて頂こうと思いますが、機会があれば、またこういった内容で書きたいと考えております。

それでは、少し早いですが、良いお年を。

忘年会

こんにちは。ティ・エス・ネットワークスの和田です。
先週、金曜日に早いものでもう、会社の忘年会を行いました。
私は今年入社したので初めての忘年会です。

忘年会の様式は(多分)一般的なもので、沢山の料理が出されました。
私は専らビール等を飲んでばかりでしたが、ここで少々出された料理等を紹介します。

鍋です。

船盛りです。(私は殆ど食べなかったような…)

料理や参加者が一通り揃った後、社長のお言葉を承ってから、

いよいよ乾杯です。(ちょっとピンボケだけど…)

この後、取引先に派遣で行っている方々と、自己紹介をしたりしました。

人数の割には、場所がちょっと狭く、あまり、皆さんに注ぎに廻れなかったのが心残りでしたが、場も盛り上がり、楽しい飲み会でした。

ティ・エス・ネットワークスは、こんな感じ(?)で楽しい会社です。