スキップしてメイン コンテンツに移動

Windows7のデスクトップに自作ガジェットでWebページを表示させる

作業中に使ってるToDo管理Webアプリケーションを予備のパソコンに表示しているが、Androidのテスト中はそのパソコンにデバッグに使ってるeclipseのLogcatを表示させたい。Virtual Boxで動かしているAndroidはIPアドレスがわかればLAN内の別マシンからでも
adb connect 192.168.1.xx
で接続することができ、Logcatを鑑賞することができる。かと言って、このToDo管理も経過時間などを表示しているので、常に表示させておきたいのだけど、メインパソコンで開いてても、よく忘れてままにしていることがあって困っている。そこで、Windows 7のデスクトップガジェットにすれば、他のウィンドウを閉じた時や、ウィンドウを移動した際に思い出すだろうと、Webページを表示するガジェットはないかと探したら、意外と簡単に作れることがわかったので、メモ。

まず、C:\Program Files\Windows Sidebar\Shared Gadgetsにhoge.gadgetというフォルダを作成。

中に以下の３ファイルを作成
  • gadget.xml
  • icon.png
  • page.html

それぞれ中身は、

gadget.xml
<?xml version="1.0" encoding="utf-8" ?>
<gadget>
  <name>My Web page.</name>
  <version>0.0.0.1</version>
  <author name="takaiwa">
    <info url="http://takaiwa.net/" />
    <logo src="icon.png" />
  </author>
  <copyright>(C) copyright</copyright>
  <description>My Web page.</description>
  <icons>
    <icon height="48" width="48" src="icon.png" />
  </icons>
  <hosts>
    <host name="sidebar">
      <base type="HTML" apiVersion="1.0.0" src="page.html" />
      <permissions>Full</permissions>
      <platform minPlatformVersion="1.0" />
      <defaultImage src="icon.png" />
    </host>
  </hosts>
</gadget>

icon.png

page.html
<html>
<head>
<style>
body  {
    width       : 800px;
    height      : 400px;
    margin      : 0;
}
#viewport {
    width       : 100%;
    height      : 100%;
    overflow    : hidden;
}
#main_f {
    width       : 800px;
    height      : 400px;
    border-style: none;
}
</style>
</head>
<body>
  <div id="viewport">
    <iframe id="main_f" src="http://takaiwa.net/" ></iframe>
  </div>
</body>
</html>

ファイルを配置できたら、デスクトップ右クリックのガジェットで表示される画面で追加すればおｋ。


表示させたいWebはiframeのsrc内を変更で。（※サンプルはWebアプリではなくこのページ）不透明度を80%とかにすると背景と馴染むんじゃないかと。


が、しかし、リンクをクリックするとWindowsの標準ブラウザが開くので、認証などが必要なWebの場合は別途対策が必要ということで詰んだ...
まあiframeから認証させようってのがそもそもの間違いでしょうけど。それをがんばるくらいなら別途モニターを買った方が良いという結論に至った次第....
意外と簡単に追加できるので、いろいろ応用はできそう。

参考：Windows 7 で Windows ガジェットを作ってみる
参考：windows7ガジェットで、webサイトの一部を画面に表示する - くらげのChangeLog

PR:ディスプレイのベストセラー
ラベル:

コメント

コメントを投稿

このブログの人気の投稿

Javaでprivateなfieldやmethodにアクセスする

JUnitでテストしてると、privateなフィールドにアクセスして、値を参照したりセットしたりしたくなるわけですが、よく使うのでメモしておきます。 例えば、次のような対象のクラスがあるとします。 public class ParentClass { private String hoge = "ParentClass!!"; public void dispMsg() { System.out.println("dispMsg:" + hoge); } private void privateDispMsg(String msg) { System.out.println("dispMsg:" + msg); } }
コメントを投稿
続きを読む

GolangでWindows GUIアプリケーション

GUIアプリ作成の前提 社内ツールとしてexeで配布 開発環境はGoLandを使う 社内ツールとしてexeを配布ということであれば、Visual StudioでC#による開発だと思います。しかしながら、Go言語を習得したいのと、GoLandの補完機能が便利で、Android Studio使っていたこともあり、とっつきやすいという点からGo縛りでGUIアプリケーションを考えたいと思います。 lxn/walk Windows application library kit for Go. Windows向けしか考えていないので、まずこのライブラリなのですが、ボタンやコンボボックスが思ったように並ばなかったり、手軽にイメージボタンを配置したりなど、簡単にレイアウトを変更できない課題に直面しました。レイアウト作成だけで時間を取られてしまいます。そう言えば、Androidアプリ開発のときは、XMLでデザイン部分を切り離してたのを思い出して、今回の調査の運びとなりました。 fyne-io/fyne Cross platform native GUIs designed for Go based on Material Design. Supports: Linux, macOS, Windows, BSD, iOS and Android. walkと比べると、クロスプラットフォームで作成できるのですが、こちらもコードの中にデザインを書いていく形でした。 therecipe/qt therecipe/qt allows you to write Qt applications entirely in Go or JavaScript. Qt Creatorなるものがあるようで、デザイン部分を切り離せる印象はあるものの、最新のPCでもビルドに時間がかかるようで、学習コストもかかるという記事を見かけて断念しました。 どうしたものかとツイートしましたら、下記のようにご助言をいただいた。 同じ課題に対し色々試した結果、PWAのフルキャッシュドに落ち着いた。中身はGo+WASMで。 https://t.co/e60whDTV16 — のぼのぼ📡 (@nobonobo) July 21, 2020 PWA 早速調べてみました。Googleが進めているプロジェクトで、ネイティブアプリのよ
コメントを投稿
続きを読む

Eclipseの高速化メモ

Eclipseが重いと一言に言っても、いろいろな工程での話があると思いますが、過去記事のなども含めてこの記事にピックアップしておきたいと思います。以下はWindows環境での話です。
コメントを投稿
続きを読む