Lightning Launcherに「LLW Web Page」でiGoogleのガジェットなどを埋め込んで常時表示

Lightning Launcher専用ウィジェットの一つである「LLW Web Page」を使えば、ホーム画面上にWebページを埋め込んで常時表示させられる。天気などウィジェットアプリが用意されている情報だけでなく、ネットで公開されているあらゆる情報を素早く確認できるようになって便利だ。
しかし、パソコンの大画面やスマホの画面一杯に表示することを想定して作られたWebページは、そのままホーム画面に埋め込み表示するには大きすぎることが多い。
そこで、Webページ上に別のWebページを埋め込む「iframe」を利用してページを表示するHTMLファイルを作成し、それをLLW Web Pageに表示させよう。
ページの特定の部分を切り抜いたり縮小して表示させることが可能になるので、必要な部分だけをコンパクトに表示させられるぞ。

・Lightning Launcher
・LLW Web Page – Google Play の Android アプリ

まず、以下の雛形HTMLをテキストエディタで開き、「<iframe src=”」のあとのURLに、表示させたいページのURLを設定し、以降の数値を調節しよう。「width」「height」はページを表示する枠の大きさ、「left」「top」は実際の表示領域と中に表示する枠の距離を設定出来る。leftやtopをマイナスの値にして、枠外にはみ出させれば、上や左の不要な部分を非表示にできるぞ。「scale(」の後の数値では、ページの拡大・縮小率を設定できる。

・雛形HTML

HTMLを端末上に保存し、ブラウザで図のような「file:///sdcard/」の後にファイル名をつなげたURLを開いて、ブックマークに登録しておこう。

Lightning Launcherのスクリーンの何もない部分のロングタップや、メニューの「Add」で項目の追加画面を表示し、「LL Widget」で専用ウィジェットの一覧を表示したら、「Web page」を選択しよう。

四角い枠が表示されたら、編集モードでロングタップして、「Configure」を実行しよう。

設定画面では、表示させるページのURLと自動リロードの間隔を設定できる。

「URL to display」を押すとブックマークの選択画面が表示されるので、先ほど登録したHTMLファイルを選択しよう。

「Reload every」では自動リロードの間隔を設定できる。

URLを設定するとページ内容が読み込まれるので、位置や枠の大きさなどを調節しよう。HTMLファイルの数値を修正した場合は、いったん設定画面を抜けてから再度設定画面を表示させれば、内容が再読込されて修正結果を確認できるぞ

iGoogleなどのブログパーツを埋め込み

ブログなどに外部のネットサービスの情報を埋め込んで表示させるための「ブログパーツ」などと呼ばれる機能は、LLW Web Pageでホーム画面に情報を埋め込むのにも最適だ。
便利なブログパーツを探したければ、「iGoogle」のガジェットギャラリーをチェックしてみよう。iGoogleのガジェットは、Googleのトップ画面をカスタマイズするための機能だが、ブログパーツとして自分のサイトに埋め込むこともできる。
ブログパーツ用のHTMLからURLを抜き出せば、自作のHTMLに埋め込んでLLW Web Pageでホーム画面に表示させることができるぞ。

・iGoogle ガジェットギャラリー

iGoogleのガジェットギャラリーを表示したら、カテゴリ分類や検索機能から使いたいガジェットを探そう。

めぼしいガジェットが見つかったら、ガジェット名のリンクから詳細ページを表示し、右上の「ウェブマスターツール」をクリックし、ポップアップしたメニューの「このガジェットを埋め込む」をクリックしよう。

このような画面が表示されたら、「ガジェットの設定」でオプションを設定し、下の「コードを取得」をクリックしよう。

テキスト入力欄にHTMLが表示されるので、「src=”」の後から「&title=」の前までの範囲をコピーし、前に「http」を加えて、iframeを利用したHTMLの「src=”」の後のURLの部分に貼り付けよう。

このように、iGoogleのガジェットをホーム画面上に表示できたぞ。

HTMLでリロード方法をより柔軟に指定する

「LLW Web Page」では、最新のページを表示するために再読み込みを行う間隔を設定出来るが、いくつかの分・時間しか設定できない。より柔軟に再読み込み間隔を設定したければ、LLW Web Page側のリロード設定は再読込なしの「never」のままにして、iframeを記述したHTMLファイルに再読込の間隔を指定するタグを埋め込んでおこう。
また、JavaScriptを使ったタグを埋め込めば、画面をタップしたときに手動で再読み込みをさせることもできるぞ。

任意の秒数で再読込させるには、HTMLの「<head>」の後ろに図のようなHTMLを追加し、「content=””」の後の数値をリロード間隔の秒数に変更すればいい。

ページをタップしたときにリロードを行なわせたければ、</body>の前に図のようなHTMLを追加すればいい。あんスマが用意した雛形HTMLの末尾に、内容に影響しないコメントとして埋め込んであるので、コピペして使おう。

・雛形HTML

広いスクリーンを縦横にスクロールして使える軽快なホームアプリ「Lightning Launcher」

巨大テキストのみの表示やアイコンの拡大縮小、回転まで可能！「Lightning Launcher」でホーム画面を徹底カスタマイズ

拡大縮小や回転も可能！「LLW Any App Widget」でLightning Launcherにウィジェットを追加

Lightning Launcherに「LLW Simple Pager」でサブスクリーンを追加