私のメモ書きとしてのホームページ改造やパソコンに関する日記です


[
新着] [ワード検索]
*--- Contents ---*
1.パソコンの組み立て  ■ ビデオ編集用パソコン  ■ プルダウンメニューの改良  ■ 写真サムネイルの変更  ■ Intel HD Graphics 530のドライバー  ■ さくらネットのレンタルサーバーの変更  ■ Windows 10 Anniversary Update  ■ Windows10 インストール  ■ windows10 インストール  ■ ページの自動更新
2.EDIUS Pro8のQSV効果  ■ キャッシュの件  ■ ビデオ作品のメニュー変更  ■ 再生リスト 追加  ■ EDIUSで一部のフォントが表示されない  ■ QSVのトラブル 原因究明  ■ ビデオ編集用パソコンの組み立て  ■ 項目ごとの掲載件数を表示  ■ ビデオ編集ソフト EDIUS Pro 7  ■ 再びQSVについて
3.Youtubeへのアップでトラブル  ■ プロジェクトの設定  ■ EDIUS Neo3.5 とQSV  ■ EDIUS Neo3.5に更新  ■ QSVについて  ■ USB3.0 Ports  ■ 常用PCのSSD化  ■ ビデオ用PCグレードアップ  ■ ビデオ編集用PCのHDD増設  ■ YouTubeの再生リスト
4.再びEDIUS Neo 3.05に  ■ カレンダーの祝日修正  ■ 1080/60p での撮影  ■ EDIUS Neo 3.53  ■ Internet Explorer 10への対応  ■ バックグラウンドプログラムの終了  ■ YouTubeの画面を最背面に表示  ■ Google Toolbarの漢字入力  ■ 親ウインドウからIFRAMEの関数を使う  ■ 画面の拡大・縮小
5.Windows 7 再インストール  ■ ページ検索 リニューアル  ■ カラオケ文字の作成  ■ EDIUS プリセットの違い  ■ YouTubeお気に入り作品集  ■ YouTubeでの再生  ■ バグ修正  ■ YouTubeの再生  ■ iPad用に修正  ■ iPad用に修正したが・・・
6.iPadとホームページ  ■ ディスクの書き込み速度  ■ 拡大写真の表示サイズ  ■ EDIUS Neo3 タイトラー  ■ ビデオ編集ソフトの変更  ■ EDIUSでjpgの読み込み  ■ おもしろいマウス  ■ メニュー名変更  ■ 「ページ検索」の重複登録  ■ 再度「ページ検索」の改良
7.ページ検索の検索精度  ■ ページ検索 再修正  ■ フォントについて  ■ ページ検索 修正  ■ 修正1 新着項目の文字数  ■ USB3.0のドライバー  ■ プルダウンメニュー  ■ 画像が移動するアニメーション  ■ ビデオと写真のリンク  ■ 「裸族の集合住宅」って何?
8.YouTube埋め込み表示  ■ YourTubeへの投稿  ■ 文字サイズの切り替え  ■ ウインドウ7の再インストール  ■ マザーボードの交換  ■ pdfファイルのオープン  ■ パソコンのグレードアップ  ■ パソコン上でcgi、phpの実行  ■ Windows 7 インストール  ■ ノートパソコン
9.キーボード・マウス新調  ■ Opera のエラー  ■ 画像の上に画像・文字を表示  ■ マーキーを用いて画像の反転・移動  ■ 選択中のサムネイルの枠  ■ サムネイルを影付きに  ■ スライドショウにおける背景色の変更  ■ ホームページ リニューアル  ■ 新着・更新情報の改良 その他  ■ HDDの高温対策
10.photo_slide.jsの修正  ■ photo_slide.js の修正  ■ ページ検索のバグ  ■ スタイルシートの整理と書き換え  ■ 音声で挨拶  ■ 蝶のスライドショウ 並び替え  ■ 写真集の表示修正  ■ 掲載ページ一覧について  ■ ページ検索 改良  ■ プルダウンメニューの改良(2)
11.パソコンへのビデオの取り込み  ■ 「鉄道写真集」新設  ■ 「○○写真集」の中の検索について  ■ プルダウンメニューの改良  ■ 写真集に「我が町の風景」を新設  ■ ページタイトル変更  ■ パソコン製作奮戦記外  ■ ビデオ編集・BGM etc  ■ ビデオ編集用パソコンの製作  ■ 「私の雑記帳」を白系に
12.スタイルシートの切り替え  ■ joyfullyyの修正  ■ プルダウンメニューの項目  ■ トップページのデザイン変更  ■ スライドショウ 改良  ■ デフラグ  ■ 写真・スライドショウ 公開  ■ トップメニューの表示位置  ■ スライドショウ改良(Firefox対応)  ■ スライドショウ改良
13.ビデオのこと  ■ 蝶のページの修正  ■ 複数頁の合体作業  ■ スライドショウ 完成  ■ EDIUS Neo2 によるビデオ編集  ■ スライドショウのマスキング完成  ■ スライドショウ  ■ ビデオ編集・その後  ■ ビデオの編集(1)  ■ ビデオ編集用のPC
14.スライドショウへの適用  ■ 擬似フレームのスクロール  ■ ジャンプメニューの改良  ■ ページの印刷  ■ TerapadでFirefoxを起動  ■ メニュー固定方式 2  ■ メニュー固定方式  ■ タイトル・メニュー位置の固定表示  ■ Joyfulyyのスクロール  ■ Joyfulyyの改造
15.URLの珍現象  ■ アナログ時計と時報  ■ タイトル・メニューの位置にアナログ時計を表示  ■ joyfulyyの改造  ■ メニュー固定表示解除  ■ メニューの固定表示  ■ 謹賀新年  ■ script type='text/javascript'に修正  ■ 年末年始の挨拶を自動で・・・  ■ 今年のクリスマス
16.Ads by Googleを設置  ■ 文字のプログレッシブ表示  ■ サーバーの大移動  ■ スライドショウ改良  ■ レンタルサーバーの速度  ■ 35ミリ フィルムサイズ  ■ リンクについて  ■ 独自ドメインの取得  ■ 掲載写真一覧の表示  ■ SDメモリカードのトラブル対策
17.スライドショウ画面の変更  ■ サムネイルの半透明化  ■ 写真説明文の表示  ■ スライドショウ Ver3 完成  ■ スライドショウ Ver3 その4  ■ スライドショウ Ver3 その3  ■ スライドショウ Ver3 その2  ■ スライドショウ Ver3  ■ data.js の作成  ■ 「写真日記」掲載写真一覧 その7
18.「写真日記」掲載写真一覧 その6  ■ 「写真日記」掲載写真一覧 その5  ■ 「写真日記」掲載写真一覧 その4  ■ 「写真日記」掲載写真一覧 その3  ■ 「写真日記」掲載写真一覧  ■ 撮影地などの地図表示  ■ BBSを新設  ■ 写真ページの表示  ■ IPアドレス  ■ リンク情報の整理
19.スライドショウ修正  ■ 掲載ページ一覧を改良  ■ スライドショウの操作修正  ■ 「私の雑記帳」のデザイン変更  ■ プルダウンメニュー固定の問題点  ■ 雑記帳のプルダウンメニューを固定  ■ 「私の雑記帳」のデザイン変更  ■ 写真を静止してみたい・・・  ■ 海外旅行の写真集にも適用  ■ バグ対策
20.写真の表示方法(Ver2)  ■ 写真集の表示方法を変更  ■ 新方式による写真表示  ■ カウント27万件  ■ CATV(LCV-Net)解約  ■ Bフレッツ開通  ■ お気に入りアイコンの設定  ■ WindowsXP再インストール  ■ トップページのカレンダー  ■ ビデオ作品のページ変更
21.ホームページのアドレス変更  ■ Bフレッツ開通に備えて  ■ NHK時計  ■ トップページ及びプルダウンメニューの追加  ■ 写真表示のページ改造  ■ スライドショウにおけるツールメニューの非表示  ■ アドレスを変更した場合  ■ エラー対策(2)  ■ カウンターが25万件に・・・  ■ エラー対策
22.画像の拡大表示  ■ サーバーの容量  ■ 「現在の訪問者数」を削除  ■ カウンターの表示2  ■ 新規開設  ■ Exif情報  ■ 著作権の表示  ■ カウンター  ■ プルダウンメニュー 改良  ■ 写真集の表示
23.写真の保存とBig Drive  ■ 今年初めての書込み  ■ プルダウンメニュー Ver2  ■ トップページの修正  ■ 「ご感想」のページ  ■ 記事の行間設定  ■ ホームページのバグとり  ■ Windows XPとメモリー  ■ 2006年のクリスマス  ■ ホームページの細かな修正
24.ホームページ リニューアル  ■ 日本語入力の切替  ■ プルダウンメニュー  ■ Windows Vista  ■ トラブル解決  ■ ホームページの改造 その2  ■ ホームページの改造  ■ スイス掲載写真一覧  ■ バージョンアップ  ■ 表示方法改造
25.写真日記リニューアル
 新着の期間  [3ページまでの表示] [新着一覧





Windows 7 再インストール2012/09/16(日曜)

しばらく使用しているとパソコンにも「ごみ」がたまってくる。
特にMain-PCはいろいろのソフトを試しにインストールしているので「ごみ」がいっぱいだ
そこで2台ともWindows7の再インストールを実施した

1.Video-PC 2011/09/11
編集するビデオはストライブ接続をした2TBのHDDに保存している
これは常にバックアップをしている。
再インストールするとストライブ接続は初期化されてしまう
再度設定するがインストール後に編集済みのデータを戻すのにだいぶ時間がかかった(約1.2TB)
またWindowsUpdateも時間がかかる
それでもほぼ1日でインストールが完了し、今までと同じように編集できる状態となった

2.Main-PC 2012/09/15
常時使用しているパソコンでフリーのソフトを多々インストールしてある。またレジストリーを操作したりと、思い切り「いじって」いる
そのために「ごみ」も多々・・・
これも再インストールしてすっきりさせた
HDDは内蔵に4台使用している。特に容量が少なくなったというわけでもないが、すべて1TBに交換した
正常に使用できるまでにほぼ1日かかった。この中でVideo-PCの時もそうだが、WindowsUpdateには相変わらず時間がかかった


 

ページ検索 リニューアル2012/08/31(金曜)

「ページ検索」は私のページの中から目的のページを探し出すために作ってある
今回、この「ページ検索」をリニューアルした
改良点
1.キーワード入力で文字を確定した後、Enter キーを押すとキーワードに該当するページを表示する
これは FORM のactionに下記のように設定して解決できた。今回の最大の収穫である
cc +="<FORM name='kensaku' action='javascript:key_write_input()'>"
2.キーワード入力部分の高さ設定
簡単なようで今まで判らなかった。スタイルシートでは INPUT{・・・}で設定していたがキーワード入力部分の高さだけを変えたかった
下記で style='height : 25px;' が設定部分である
cc +="<INPUT style='height : 25px;' type='text' name='search' value='" + key_moji + "' size='" + input_size + "' maxlength = " + input_maxlength + " class='kanji'>"

いずれにしてもだいぶ使いやすくなった
このリニューアルの発端は Google Tool Bar のキーワードの入力方法だった。実に上手くできている
何とか近づけたと思う

ページ検索
http://onohp.com/photo_menu/search/index.html


autocomplete2012/09/01(土曜)

キーワードの入力覧で何も入力してない状態でマウスをダブルクリックすると、オートコンプリートが動作して、今まで入力したキーワードが表示される
普通はディフォルトでonになっている
<INPUT autocomplete="on”・・・
不要になったキーワードは表示された部分で反転させて delete キーを押せば削除される

autocomplete="on”は今朝覚えた機能
この機能を使えば「ページ検索」はもっと簡単になるのでは・・・と考えたが、しかしOpera、Safariでは機能しないようだ

 

カラオケ文字の作成2012/08/16(木曜)

以前からカラオケのように歌詞に応じて色を変えることが出来ないものかと考えていた
ビデオでタイトルの色が変わるテクニックはすでに使っている
しかしカラオケの場合、歌詞には漢字が含まれていたりメロディーが伸びたりと単純には出来なかった
今回「上高地の春」を題材にやっと作り上げた

左の図
まず白文字で歌詞を2Tに配置する。
次に同じタイトルを3T、4Tにコピーする
3Tでは「旅の衣」の文字を変化させるので「まとう身」の部分は削除する
そしてタイトルミキサーを「ワイプ」にし歌詞の終りの部分まで伸ばす
これは曲を聴きながら調節する
4Tでは「まとう身に」の部分を残し、2Tの白文字と重なるように位置を調節する。そして歌詞の終わりまでワイプをかける
右の写真に変化する様子を示した
下記にビデオをリンクしてある
http://onohp.com/video/wmv/1999/19990612_kamikouchinoharu/index.html

「上高地の春」はこれで3回アップし直した
でも時間の掛かること。約半日費やした。それでもこのテクニックが完成して嬉しい !!!


 

EDIUS プリセットの違い2012/08/15(水曜)

EDIUS Neo3 で編集を始めるときプロジェクト設定をする
この時「使用可能なプリセット」を選択する
今までハイビジョンで撮影していたビデオは当然「AVCHD 1920x1080 59.94i」を選択する
DVテープで撮影したビデオは「DV 720x480 59.94i 4:3」を選択していた
今回の「上高地の春」も「DV・・・」で編集した
ところがどうも歌詞の文字が芳しくない。特に小さな文字では大変見苦しい
そこでDVテープを「AVCHD 1920x1080 59.94i」のプリセットで編集してみた
すると、歌詞の文字は鮮明になる。4:3と16:9だから左右に黒の部分が表示されてしまうが、実際にYouTubeで見るときは16:9になっている
この違いは下記の写真から確認することが出来る


 

YouTubeお気に入り作品集2012/08/11(土曜)

自分でYouTubeに投稿するようになってから、他人の作品をよく見るようになった
いろいろ見ていると素晴らしい作品がある。これらのページは「お気に入り」に登録している

是非皆さんにも見て頂こうとリンク集らしきものを作った
特にタイトルだけでなくサムネイルをどうやって取得するのかを考えた
いろいろ調べてみたら
http://i2.ytimg.com/vi" + アドレス + "/default.jpg
からサムネイルが表示できた
この方法をもとに「○○写真集」の形式で作成することが出来た
構想から約10日かかったが・・・
歌謡曲も登録した。昭和生まれの人間だからどうしても古い歌になるが・・・
これから順次ページを追加していこう

チャンネル追加2012/08/12(日曜)

「作者のページ」として投稿者のチャンネルを見られるようにした
ここをクリックすると投稿作品の一覧が表示される
私のチャンネルは下記のようになる
http://www.youtube.com/user/onohp/videos

 

YouTubeでの再生2012/07/30(月曜)

新着情報の項目の横にはビデオの場合、Youtubeのマークが表示されている
項目名をクリックすると埋め込みコードを使って表示・再生される
赤で囲った部分をクリックするとYouTubeのページで再生される
この埋め込みコードによる表示はモニターのサイズに収まるように設定してある

今回、Youtubeのマークをクリックしたら直接YouTubeのページを開くように追加・修正した
ビデオ作品、更新情報等々のページでマークに対応させた


 

バグ修正2012/07/13(金曜)

トップページで「新着情報」の項目をマウスで急激に移動させると、添付の図のように項目が反転したままになっていた
普通は1行ごとに移動させるので問題はないが、どうも気になっていた
今日はこのバグを修正した
項目に <FONT を指定していたがこれを削除することで解決できた


バグ修正(2)2012/07/22(日曜)

7月13日の件はひとまず解決できた
しかし左の写真のように横方向に項目からマウスを離してもまだ反転している
これを解決するために列を追加した。ここには8文字以上の右向きのマークとYoutubeのマークを表示するようにした
これで項目の文字からマウスを離すと反転が確実に解除される
また項目文字は<CODE></CODE>で等幅にした

だいぶ考えさせられた・・・


 

YouTubeの再生2012/07/02(月曜)

YouTubeの再生には埋め込みコードを使用している
この中で今回は autoplay=1 つまりビデオの項目をクリックすると自動的に再生されるように変更した
なお w_size、h_size は表示サイズで、これはモニターから計算している
ffはYouTube URL

//--- 2012/07/02 切り替え
cc +="<object width='" + w_size + "' height='" + h_size + "'>"
cc +="<param name='movie' value='http://www.youtube.com/v/" + ff + "?version=3&hl=ja_JP&autoplay=1&loop=0&rel=0'></param>"
cc +="<param name='allowFullScreen' value='true'></param>"
cc +="<param name='allowscriptaccess' value='always'></param>"
cc +="<embed src='http://www.youtube.com/v/" + ff + "?version=3&hl=ja_JP&autoplay=1&loop=0&rel=0' type='application/x-shockwave-flash' width='" + w_size + "' height='" + h_size + "' allowscriptaccess='always' allowfullscreen='true'></embed>"
cc +="</object>"


下記のページにパラメーターについての解説、生成について詳しく説明されている

https://developers.google.com/youtube/player_parameters?hl=ja
http://urbanqee.com/doga/embedcode/youtube.php

 

iPad用に修正2012/04/18(水曜)

一端手がけて途中でやめるのはどうも気になってたまらない
iPadでも見られるように再度挑戦した
4月14日に修正した中身を更に手を加えてとりあえず納得のいくようになった
4の問題点でリンク情報は新しいウインドウで開くのを止めた。私の雑記帳の中の記事でリンクはそのままにした
どうしても見たければ「パソコンで見てもらえばよし」とした

これで現時点で修正完了とした
確認は
http://ipadpeek.com
を開いて自分のアドレスを入力すれば可能だ。これで正常に動作している
実機については子供達がiPadを持っているのでレポートをもらうようにしている
苦労したが出来上がってほっとしている


 

iPad用に修正したが・・・2012/04/14(土曜)

約10日ほどかけてiPad用に修正してみたが・・・中々思うように出来なかった
その問題点を列挙してみよう
1.iPadの判断
これはユーザーエージェントから判断する
//-- ユーザーエイジェントから iPad or iphone を判断する
--------------------------------------------------------------
var user_pc = ""
// var ua = "Mozilla/5.0 (iPad; CPU OS 5_1 like Mac OS X)・・・
// var ua = "Mozilla/5.0 (iphone; CPU OS 5_1 like Mac OS X) ・・・
var ua = navigator.userAgent

if(ua.indexOf("iPad") >=0){user_pc = "[iPad]" }
if(ua.indexOf("iphone")>=0){user_pc = "[iPhone]"}
------------------------------------------------------
つまりユーザーエージェントには "Mozilla/5.0 (iPad; CPU OS 5_1 like Mac OS X)・・・のようにiPadという文字が含まれる
これを判断してiPad用に処理を振り分ける

2.Window.open及びcloseが対応しない
これは個々に修正できた。iPadの場合は location.href = ・・・でリンクをすればいい
この事は <A href= target="_blank"・・・にも対応しないということになる

3.YouTube、wmvについて
直接アドレスを指定しても表示されないので、埋め込み表示を使用する
wmvのビデオはWindows Media Player での再生が出来ないので、これも埋め込み表示を使用する

4.問題点
・リンク情報
一般には自分のページが迷子にならないように新しいウインドウで表示するのが常識であるがiPadでは新しいウインドウが開けない

・「私の雑記帳」の記事の中では参考ページやサンプル等のページは新しいウインドウで表示している
もしこれが不可能だったら非常に不便である

iPad で確認は
http://ipadpeek.com
で可能である。そのためにサーバーにいったん転送して確認してみた
「リンク情報」「私の雑記帳」等がやっぱり不便だ
というわけでiPadでの修正は一時お預けにした
また気が向いたらやろう・・・


[直接移動] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25]
投稿画像の表示サイズを変更できます
管理者用

- Joyful Note -
- JOYFULYY v2.50y24m45 :Edit by Yamamoto -
< Edit by michi >