還暦ＱＰＯＮ
ようこそ さん、 「還暦ＱＰＯＮ」ホームページへ 日目のご訪問ありがとう
メニューごあいさつおすすめ
これまで、ホームページ作りの失敗を踏まえ体験的に覚えたことを、初心者や高齢者でも解るようにまとめた入門編や、全国の仲間の要望や、アイデアに工夫を加えて作った、ホームページ用プログラムを紹介します。
ホームページ作成、お役立ち情報
  • 携帯用ホームページ
    今やネット利用に携帯は欠かせない存在になっている。遅ればせながら、携帯対応のホームページに着手しました。 「バイオリズム」 携帯版「月齢」 「オセロゲーム」 「数独ゲーム」 「野の花図鑑」 「トヨタ生産方式用語集」 など、携帯でも使えるようにしました。
  • ホームページ（ＨＴＭＬ）入門
    定年退職した友人がホームページを開設したいという。 メモ帳だけでＨＴＭＬタグを書いて作る方法を帰宅後メールで２週間指導した記録です。
    高価なホームページ作成ソフトを使うより、手作りが楽しめ、原理が理解できるので将来高度なプログラムへつなげることができ楽しさが倍増します。
    色コード表、 イメージの圧縮、 ＢＧＭ、 ムービー、 ＪａｖａＳｃｒｉｐｔ、 Ｊａｖａアップレット、 階層フォルダー
    なども追加して解説しています。
  • ＪａｖａＳｃｒｉｔ入門講座
    ＪａｖａＳｃｒｉｔは動くページ作りには不可欠ですが、プログラム製作の未体験者はもとより、私のようにＢＡＳＩＣプログラムを楽しんだものにとっても取っ付き難いものです。 体験しながら進めていく入門を書いてみました。
    スライドショーや、パラパラめくり動画、 パノラマスクロールなど、かなり実用的なプログラムを自分で組むことができるようになります。
  • ＪａｖａＳｃｒｉｔ作品集
    歳をとると、教科書を読んで、勉強をするのは苦痛で、なかなか進まない、そこで私は作りながら覚えました。 作った順番に作品集として紹介してあります。 前半は体験するためのものが多いですが、後半は実用的なものも沢山あります。
  • 写真展示ツール集
    作品の中から、ホームページでの写真展示に役立つプログラムをまとめてあります。 フルスクリーン高画質写真展示・スライドショー・パノラマスクロールなど、好評をいただいています。
  • アニメーション・動画
    ホームページで静止画を動くようにした作品をまとめました。 蝶・鳥・蝉・月下美人・花火・雪・谷川・荒海・鯉・炎・汽車・飛行機、とてもリアルです。
    これらの作品はＮＨＫ教育テレビ 中高年のためのパソコン教室 で紹介され、ビデオ化もされました。
  • 揺れる画像作成ツール
    静止画の水面や煙や炎などを揺らして動画にします。さらにアニメーションやテキストに動きを付けて合成することもできます。 完成作品をサムネール展示して、フルスクリーン表示することもできます。
    Ｊａｖａアップレットがないとできなかった技法ですが、インターネットエクスプローラだけで実現しました。
  • 画面に雪を降らせたり、風船をとばせる
    ページの画面いっぱいに雪を無限に降らせ続けるなどスクリーンセーバーを実現します。ただ本格的には 「降雪アップレット（進藤耕太郎さん）」のよなＪａｖａの作品の方がリアルです。
  • 各種時計・カレンダー
    ホームページで使える、デジタル時計、アナログ時計、月度間・年間カレンダー、さらにはバイオリズムやお月様の満ち欠けの月齢まで収録してあります。 デジカメで撮った記念写真とカレンダーをその場で合成して印刷配布する、イベントツールにもなります。
  • 各種ゲーム・ホームページツール集
    オセロ・ジグゾパズル・テトリスなどのゲームやＢＧＭ用ボタン、地図などのツールがまとめてあります。
  • ＪａｖａＳｃｒｉｔ公開ソース集
    自分のホームページにコピペ（コピー・ペースト）するだけで使かいたい、という要望が多い、プログラムの知識のない人に長々としたソースを公開すると、失敗も多く質問に答えるのが大変！、 そこで初心者には、システムの主要部分を私のサーバーから連結して動くようにしたソースを公開
  • おしゃべりキャラクター作成ツール
    ワープロソフトのＷｏｒｄなどに可愛い案内キャラクターがでてきますが、自分のホームページでも使えます。 キャラクターを登場させ、動作させ、おしゃべりさせるプログラムソースを生成するツールです。
  • フォトストーリー・高画質放映ツール（ソース公開）
    ＭｉｃｒｏＳｏｆｔのフォトストーリーで作った作品を、連続して紹介するツールです。サウンドにＭＩＤファイルを使うこともできますし静止してじっくり観察することもできます。 サムネール横置きタイプも準備してあります。もちろんビデオやムービーにも使えます。
  • 水辺のパノラマスクロールVer3、（ソース公開）
    写真に揺れる仮想水面を作り、これを鏡像を横につないで、エンドレスに自動スクロールさせることができます。さらに、数場面をサムネールから入れ替えるスライドショーにもなります。
  • エンドレススクロールＶｅｒ２、（ソース公開）
    多くの写真を自動的に画面をスクロールさせて見せるツールです。写真をモノクロにしたり周辺をぼかしたり、 パノラマ写真を使って寸法を読み取りつなぎあわせて３６０度の回転展望にすることもできます。
  • フェード　イン　スライドショー（ソース公開）
    フルスクロール画面の隅から中央へ、にじみ出るように現れては消えていくスライドショーです。とても幻想的ですよ！。また背景にはグラデーションをかけることもできます。
  • ＱＰＯＮ歌謡Ｌａｋｅ
    歌謡曲、民謡、童謡、詩吟、読経・・・・・などのサウンドと揺れる効果を施した画面が同期して切り替わるシステムです。
  • 読み聞かせ絵本（ソース公開）
    スライドショーのページめくりとサウンドの読み聞かせを同期させるシステムです。 「ちひなさん」がとても楽しいデモ用の作品を作ってくれました。 ＭＩＤファイルを使う場合の時間調整法も追加しました。
  • ＱＰＯＮお絵かきＣＡＤ（描画ツール）
    イメージファイルを使わずに、ホームページに絵を描くツールです。 ＩＥの簡易グラフィック機能、ベクタグラフ（正しくはベクトルマークアップ言語(VML) ）を使ったホームページ用のソースが作れます。 「福笑い」や「ぬりえ」、動きをつけた「アニメ」や「ムービー」のページも作れるます。 さらにムービー作品をつないで連続して再生するツールも用意してあります。
  • キャラクタが選べる「おしゃべり地図」（ソース公開）
    地図上に、お店や、名所などの紹介をオンマウスで表示し、さらにおしゃべりキャラクターがゼスチャを交えてアナウンスしてくれます。
  • 高画質写真スライドショー・ストーリーショー（ソース公開）
    ズームイン・ズームアウト、スライドイン・スライドアウト、ワイプなどムービーで使われる技法を、静止画で実現するツールです。 高画質写真フルスクリーンスライドショーとの選択もできます。
  • フォトストーリー高画質連続上映
    静止画にＭｉｃｒｏｓｏｆｔのフォトストーリーでズームインなどをつけると映画のようになりますが、この作品集をサムネール表示してフルスクリーン画面に連続上映するツールです。
    サムネール横置き型や単独で作る解説もしてあります。
    またフォトストーリーを使わず静止画だけでできる スライドストーリーも準備しました。
  • アフィリエイトの薦め

    ホームページをはじめてしばらくすると、写真などが増えて、プロバイダーの会員用のホームページ容量が超過してしまい、 無料サーバーを借る人が多い。 しかし自分の意図しない広告が表示されるので、訪問者にはいやがられる。 それより有料サーバーを借りて、自分のページに関連した広告を付ければ、サーバー代を稼ぐぐらいは容易です。
  • 週間カウンター
    累計カウンターだけでなく、直近の日々の訪問者数も知りたいものです。
    ＱＰＯＮ「きかんしゃトーマス」に設置してみましたら休日と平日では大きな差がありました。
    ページごとにつけることもできますので、役立ててください。
  • 立体パロラマ
    雄大な北アルプスの雪山のパノラマ写真の中を立体的に列車が走り続けます。
    きかんしゃトーマスも走らせました、お孫さんとはこちらで遊んでください。
  • 立体水槽
    アニメーションの熱帯魚が水槽内を立体的に泳ぎまわります。
    交差法で見ると老眼の回復訓練になるともいわれていますので遊んでください。
  • 立体写真ツール集
    マジカルアイでは立体視できるが、立体写真は立体で見ることができないという人が多い。 それは左右の隔たりが大きいのが障害です。１００ピクセル間隔で立体視して徐々に離して目を追随させるツールを作ってみました。 さらに拡大して画面から飛び出してくるように見ることもできます。
    あわせて、過去に作った、立体花火、立体水面、立体動画がどをまとめてツール集にしました。
  • サムネール一体型、高画質写真スライドショー用ツール
    いろんな形状のワイプやブレンドでスライドしたり、モノクロからカラーに変化したりする、サムネール一体型高画質写真のスライドショー用ツールです。 さらに複数の切替パターンを組み合わせて打ち上げ花火など見事なショーになります。
  • 写真を飾るソース集
    写真を掲載するとき、単純に写真を貼るだけでは飽きたるなくなってきたら、影をつけたり、台紙に貼ったり、額に入れたりしたくなる。 いちいちイメージソフトで加工するのは大変なので、タグで実現するソースを紹介します。
  • ＳＥＯ対策（検索順位向上）ツール公開
    自分のページの検索順位アップに取り組む時のツールとして、登録したキーワードのＹＡＨＯＯ！とＧｏｏｇｌｅでの検索結果が同時に調べられるツールをＡｊａｘを使って作りました。 あなたのページのＳＥＯ対策に活用してください。
  • ＩＢＭホームページビルダーでのＪａｖａＳｃｒｉｔ公開ソース利用法
    最近は「ＩＢＭホームページビルダー」を使っている初心者が多い、その人たちからの質問を踏まえて、ＩＢＭホームページビルダーでの使い方を解説してあります。
  • ActiveX コントロールアクティブ化の裏ワザ
    2006年4月のWindowsアップデート以降、 ＪａｖａやＦｌａｓｈやビデオの画面に表示されるようになった「このコントロールをアクティブ化して使用するにはここをクリックしてください。」というメッセージを 出さないように改造するときの、効率的な書き方を紹介します。
  • フォトストーリー・高画質放映ツールのActiveX コントロールアクティブ化自動処理
    ＭｉｃｒｏＳｏｆｔのフォトストーリーで作った作品を、連続して紹介するツールは、今回のＩＥの更新で「ActiveX コントロールのアクティブ化」の操作が発生し、画面上にうるさく案内がでれるようになりました。 そこで、ActiveX コントロールのアクティブ化の自動化を自動処理して、訪問者には従来どおり見られるように改造しました。
  • ＭｅｄｉａＰｌａｙｅｒ制御法
    ホームページのＢＧＭやビデオはメディアプレーヤーが多く使われますが、自分のデザインのプレーヤーや訪問者が曲やビデオを選択できるコントロールバーに改造する方法を解説してみます。
    ＭｅｄｉａＰｌａｙｅｒで再生できないＭＯＶをＷＭＶに変換する方法を追加しました。
  • ＜Ａ＞タグのスタイルシート
    このトップページを大改造するにあたって、これまでリンクに変化をつけるにはＪａｖａｓｃｒｉｐｔを使ってきたが、＜Ａ＞タグにスタイルシートを設定する方法に変更しました。 その方法を紹介します。
  • 英語のホームページの簡単な作り方
    ボタンを付けるだけでそのページを、Ｅｘｃｉｔｅの和英翻訳にかけるＥｎｇｌｉｓｈボタンの作り方です。
  • ＜ＭＡＲＱＵＥＥ＞タグで回転展望台を作る
    Ｊａｖａなどのプログラム言語を使わなくてもパノラマ写真などを自動スクロールさせ回転展望台を作ることができます。
  • ＜Ａ＞タグでマルチメディアやアプリを開く
    ワード（＊＊＊．ｄｏｃ）やエクセル（＊＊＊．ｘｌｓ）ファイルなどホームページ用以外のデータもホームページで開けます。 会社などで、ネット経由でデータ共有が実現できます。ただし、これらのファイルは信頼のおけるもの以外はウイルスやセキュリティ面から開かないようにしましょう。
  • 汎用グラフ描きソース公開
    ＨＴＭＬでもＪａｖａＳｓｃｒｉｐｔでもグラフを書く機能はありません。でも＜ＴＡＢＬＥ＞タグを応用すれば、グラフらしき資料が作れます。
  • 動くページの基本（ネットスケープ ６で廃止されたレイヤー の対処法）
    動くページはネットスケープが＜ＬＡＹＥＲ＞タグを使って実現した。 、しかしネットスケープ６で、このタグが廃止され、インターネットエクスプローラと同じ作り方が可能になった。 動くページの基本なので、紹介しておきます。
  • ＣＯＯＫＩＥの解説と応用事例
    掲示板などで、一度入力した名前を次回訪問時に入力しなくても表示されている。 これを実現させるＣＯＯＫＩＥについて解説しています。 訪問回数や歓迎メッセージや 訪問者に好みのサイズに設定 などに応用するとお客様を引きつかることができるのでは！
  • 自分専用のイメージカウンター作成法
    最近は検索サイトから目的ページに訪問されることがおおいので、プロバイダーのカウンターをトップページにつけただけでは把握できない。 自分のサーバーにカウンタープログラムを置き、「各ページに付けたい」「重複は排除したい」、などのニーズを実現したい人はご覧ください。
  • 通信速度を左右するイメージのファイルサイズの圧縮テクニック
    ブロードバンド化が進み、自分の環境ではスムーズに見えるページもＩＳＤＮや電話モデムに頼らなければならない地域の人には見られない大きなファイル容量の写真を使っている人をよく見かける。 見た目はほとんど変わらないので、是非「画質の圧縮」をしたいものです。
  • 丸裸のフォルダーとｉｎｄｅｘ．ｈｔｍの効用
    サーバーによりますが、フォルダー内にindex.htm（またはindex.html）がないと、フォルダー内のファイル一覧が公開されてしまいます。
  • サウンドファイルの形式の変換サイト
    携帯電話で録音した音声ファイルをホームページで使うためのファイル形式（qcp→wav）などに無償で変換してくれる
  • ＨＴＭＬの文法をチェックしてくれるページ
    これは私のページではありませんが、手作りページではミスを犯しやすいので、時々使ってチェックするとよいので、リンクしておきます。
  • インターネットエクスプローラのソースエディタ変更法
    手作りホームページの場合、インターネットエクスプローラの「表示」「ソース」とクリックして「メモ帳」にソースを取り込んで、修正することが多いと思いますが、「メモ帳」はプログラムエディタとしては貧弱で、大きなソースは扱いにくい。 そこでフリーソフトのプログラム用エディタをインストールした場合の関連付けの仕方を解説します。
  • 連続写真を使った動画の軽い作り方
    パラパラめくり動画の原理と汎用ソースを紹介します。
  • 「戻る」ボタンの作り方と効用
    いくつかのページからリンクされるページの場合、元のページへ戻る手段は、ブラウザの「戻るボタン」に頼る以外に方法はないだろうか
    ←ボタンを押して！、このような汎用的なソースを紹介します。
  • 訪問者によるＢＧＭ選択
    訪問者の好きなＢＧＭを選択させ、以降そのＢＧＭでお迎えするようにする。 もっと単純なＢＧＭ制御ボタンの方が訪問者は喜ぶと思います
  • アフィリエイト
    ホームページをはじめてしばらくすると、写真などが増えて、プロバイダーの会員用のホームページ容量が超過してしまって、 無料サーバーを借る人が多い。 しかし自分の意図しない広告が表示されるので、訪問者にはいやがられる。 それより有料サーバーを借りて、自分のページに関連した広告を付ければ、サーバー代を稼ぐのは容易です。
  • 「還暦ＱＨＯＮ」でも「還暦Ｑポン」でも「還暦Ｑ本」でも「還暦キュウポン」でも
    検索エンジンから「還暦ＱＰＯＮ」にリンクされるようにしたいな！、 こう書いておくと、検索ロボットは収集してくれるかも！？