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


[
新着] [ワード検索]
*--- 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ページまでの表示] [新着一覧





「写真日記」掲載写真一覧 その62008/05/12(月曜)

一つのプログラムを作っていると次から次へといろいろの欲望が出てくるものだ

1.「期間指定もいいが、キーワードを設定して表示できないか・・・
2.その都度、「データ更新」をしなくても自動的に実行できないか・・・
等々考えて、これらを取り入れて一応完成した

http://ono.sakura.ne.jp/cgi/joyfulyy_diary/photo_list/disp.html

 

「写真日記」掲載写真一覧 その52008/05/02(金曜)

logデータの中で <>200<>133<> は写真日記等で見ているときの画像サイズであって、実際の写真サイズではない
200/133 で縦横比は求められるが・・・

そこで写真のサイズを取得することを考えでソースを書き直した
-----------------------------------------------
 //-- 写真の縦横サイズを取得する
 $ff = "../img/" . $f_name ;
 $size = getimagesize($ff);
----------------------------------------------- 
写真情報を配列変数に取り込む ( $size = getimagesize($ff);)
この配列で $size[0] が縦のサイズ、$size[1] が横のサイズになる
これを <>200<>133<> の代わりに設定すればいい。
PHPだから出来ることだ

サーバーのパーミッション2008/05/02(金曜)

ソースを試行錯誤しながら作成し、PCで動作を確認してサーバーに転送する
私の場合2つのレンタルサーバーで運用している
「さくらネット」と「TOK2」である

「さくらネット」では正常にjoyful.logが data.jsに書き換えられるのにTOK2では如何せん data.js が作成できない
今日TOK2に問い合わせてやっと解決できた

指示どおり、PHPファイルを設置してあるフォルダーのパーミッションを「777」に変更したら正常に data.js が作成された

これで両サーバーで使用することが出来た

「一覧表示」をしようと考えてから早半月・・・
それでも、PHPは大変色々のことが出来ることも勉強になった

 

「写真日記」掲載写真一覧 その42008/04/30(水曜)

4月12日の記事で
----------------------------------------------------------------
元データ
198<><>2008/04/11(金曜)#hide#2008/04/12(Sat) 06:17<><><>キアゲハ<>先輩の
---<途中省略>---
>0<>.jpg<>200<>133<>.jpg<>200<>133<>.jpg<>200<>133<>

前後に「"」を付けて、Javascript で読み込めるように修正する
"198<><>2008/04/11(金曜)#hide#2008/04/12(Sat) 06:17<><><>キアゲハ<>先輩の
---<途中省略>--- 
>0<>.jpg<>200<>133<>.jpg<>200<>133<>.jpg<>200<>133<>",

データの修正にはエクセルを使う
----------------------------------------------------------------
その後リアルタイムでデータの作成は・・・と、CGI 本体を検討してみたが如何せん私の知識ではどうしようもない

そこでPHP言語で作成することを検討し、何とか完成した
PHPのソースは

<?php
 $fp = fopen("../joyful.log" , "r"); //-- joyfulyy_diary のデータファイル
 $fw = fopen("data.js", "w"); //-- 作成するデータファイル

 //-- 各種文字列の設定
 $q = '"' ;//-- ["]
 $e = '",' ;//-- [",]
 $n = "\n" ;//-- 改行
 $s = "'" ;//-- [']

 fwrite($fw ,$n);
 fwrite($fw ,"var f_data = new Array(");
 fwrite($fw ,$n);
 fwrite($fw ,$n);

 while (($line = fgets($fp)))
 {
  //-- 元データの↓(\n)を取り除く
  $moji = rtrim($line) ;//-- 右側空白除去 (\n、\r、\t も除去)

  //-- 画像の含まれているデータのみを data.js に作成する
  $jpg_pos = strpos($moji , ".jpg"); //-- .jpg の位置を求める

  if($jpg_pos > 0){
    //-- データの置換 ["] を ['] に変換
    $moji = str_replace($q , $s , $moji);

    //-- "210<><>・・・<>", のようにjavascriptで読み込める形式にデータを書き込む
    fwrite($fw ,"$q");
    fwrite($fw ,"$moji");
    fwrite($fw ,"$e");
    fwrite($fw ,"\n");
  }
 }

 fwrite($fw ,"$q");
 fwrite($fw ,"<><><><><>");
 fwrite($fw ,"$q");
 fwrite($fw ,"$n");

 fwrite($fw ,")");
 fwrite($fw ,"$n");

 //-- ファイルを閉じる
 fclose($fp);
 fclose($fw);

?>

と言うことで、本体の中の[データ更新]をクリックするとデータを変換して data.js を作成する
これでエクセルを使わなくてもデータを更新できる

苦労した点は
1.元データの↓(\n)を取り除く
2.データの置換 ["] を ['] に変換
の2点だった。特に本文の中に["]が含まれていると Javascript ではデータの区切りと判断してしまうためである

いずれにしても、これで掲載写真の一覧がスライドショウ等で見も事が出来るようになった
以前に少しPHPを勉強したがすっかり忘れていた
参考書(小さな文字で見るのに大変。ルーペで拡大しながら・・・)とにらめっこしながら、何とか実用になった
万歳 !!! と言うことだね

データの変換方法の変更2008/05/01(木曜)

元データ(joyful.log 78KB)
198<><>2008/04/11(金曜)#hide#2008/04/12(Sat) 06:17<><><>キアゲハ<>先輩の
---<途中省略>---
>0<>.jpg<>200<>133<>.jpg<>200<>133<>.jpg<>200<>133<>

このデータを
前後に「"」を付けて、更に一覧表示で使用しないデータを削除
"198<>2008/04/11<>キアゲハ<>.jpg<>200<>133<>.jpg<>200<>133<>.jpg<>200<>133<>",

このように変換するように修正した
この結果 data.js は 78KB から 17KB と極端に縮小できた
掲載記事の説明文が多くの容量を占めていた

 

「写真日記」掲載写真一覧 その32008/04/26(土曜)

写真日記に掲載されている写真を表示しようと考えてから試行錯誤して、やっと完成した
アドレスは下記の通り
http://ono.sakura.ne.jp/cgi/joyfulyy_diary/photo_list/index.html

データの問題2008/04/26(土曜)

表示する場合は joyful.log からデータを取得し data.js に追加して使用している
従ってリアルタイムで写真を表示しているわけではない
これを解決するためには cgi そのものを修正しなくてはならない

現在の私の知識では少し無理だろうな・・・
でも何とか挑戦してみようかな
php では・・・と考えてとりあえず php-5.2.5 をPCにインストールした
まあ、楽しみながらネ

 

「写真日記」掲載写真一覧2008/04/12(土曜)

元データ
198<><>2008/04/11(金曜)#hide#2008/04/12(Sat) 06:17<><><>キアゲハ<>先輩の
---<途中省略>---
 >0<>.jpg<>200<>133<>.jpg<>200<>133<>.jpg<>200<>133<>

前後に「"」を付けて、Javascript で読み込めるように修正する
"198<><>2008/04/11(金曜)#hide#2008/04/12(Sat) 06:17<><><>キアゲハ<>先輩の
---<途中省略>--- 
>0<>.jpg<>200<>133<>.jpg<>200<>133<>.jpg<>200<>133<>",

データの修正にはエクセルを使う

画像のファイル名は 198_1.jpg、198_2.jpg ・・・ のように作られている
そしてそれぞれのデータは <> で区分けされている
このようにしてデータを呼び出して掲載写真の一覧を表示することが出来る
今日までの掲載枚数は321枚、
このうち2008年度のみ取り出して掲載された写真の一覧を作成してみた
http://ono.sakura.ne.jp/cgi/photo_diary/index_2008.html
右側のサムネイルをクリックすると拡大表示される

まだ改良の余地はあるが、とりあえずはこんな方法で表示できることが判った

掲載写真一覧 その22008/04/21(月曜)

年度毎にデータを作成して表示することはすでに完成した
しかし、まだまだ改良を・・・ということで試行錯誤した結果、期間を指定して好きな範囲で見られるようにしてみた
http://ono.sakura.ne.jp/cgi/photo_diary/index.html

これだと1つのデータファイル(data.js)でいい。
中々面白いが、ちょっと苦労したね

 

撮影地などの地図表示2008/04/08(火曜)

YahooやGoogleなどで地図を表示することは周知の通りだ
これをページの撮影地情報としてリンクするようにしたらどうだろうか

下記はGoogleで先日の身延山久遠寺の位置を表示させている
http://local.google.co.jp/maps?f=d&hl=ja&geocode=&saddr=35.383347,138.425331&daddr=&mra=mi&mrsp=0&sz=15&sll=35.382052,138.427134&sspn=0.020224,0.032272&ie=UTF8&ll=35.383662,138.426104&spn=0.040307,0.057249&z=14

地図の拡大・縮小、移動などは自由に出来る

同じ場所を Yahoo で表示させたもの
http://map.yahoo.co.jp/pl?lat=35.37882798478163&lon=138.42831464574806&sc=3&mode=map&type=scroll

どちらの地図を使うかは好みの問題だろう
実際には
<A href="地図のアドレス">撮影地地図</A>
と書き込んでやればいい
国内に限らず全世界を網羅しているので海外旅行の場所説明には最適化もしれない

「地図の表示」解説2008/04/09(水曜)

URLの求め方等、私の雑記帳に解説した
http://ono.sakura.ne.jp/sonota/zatuki/homepage/map_disp/index.html

 

BBSを新設2008/04/01(火曜)

■ 私の雑記帳Q&A
http://ono.sakura.ne.jp/cgi/joyfulyy_zatuki/index.html
私の雑記帳に掲載している内容についてのQ&Aである
メールでは質問・回答の関係が大変読みづらいので、掲示板形式にした

 

写真ページの表示2008/04/01(火曜)

今まで写真表示のページは左側のようにツールバー、アドレスなど通常の形式で表示していた
<A href="http://www.yy.xx.ne.jp" target="_blank">
の形式で表示していた

これを次のように変更した
ウインドウのパラメータを設定する
win_op +="toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,";
ff : はアドレス
window.open(ff , "" , win_op)

この方式でオープンすると右側のように表示される
表示画面は任意の大きさで表示されるが、右上の「□」をクリックすると簡単にすっきりした全画面表示となる


 

IPアドレス2008/03/15(土曜)

通信回線をBフレッツにするときプロバイダーを決めなくてはならない。
いろいろと検討して、固定IPアドレスを無料で提供しているのが魅力となって某プロバイダーに加入した
この目的は「自宅サーバー」の開設だった。
この技術は私にはまだまだ遠い先の事だ。サーバー、セキュリティー等々勉強しなくてはならないことがいっぱいだ

あれやこれやで・・・月日が過ぎて最近プロバイダーが固定IPアドレスを有料化することになった
Bフレッツの通信回線料だけでも結構の負担になっている
これ以上増えては・・・と「自宅サーバー」の夢はいったん棚の上に載せて固定IPアドレスを解約した
「自宅サーバー」・・・いつのことになるか、夢だけは持ち続けるとしよう

現状ではローカルIPアドレスになって特に問題となることはない
むしろセキュリティー上は安心かもしれない
IPアドレスは下記のページから確認することが出来る
http://www.cman.jp/network/support/go_access.cgi

2008/03/16(日曜)

上記のアドレスをクリックすると自分のIPアドレスを確認できる
同時にどんなブラウザで閲覧しているか、モニターサイズは・・・等々の情報も確認することが出来る
しかし個人を特定するような情報はいっさい発信していないことが判る。(ただし固定IPアドレスで登録している場合は別)

つまりホームページを閲覧するとこれだけの情報を相手に提供していると言うことである
この情報を元にいろいろとデータ収集するのが「アクセス解析」である
ホームページを作成する側には大変重要な情報である。

 

リンク情報の整理2008/02/27(水曜)

現在「リンク情報」では99ページを紹介している
たまたまこの「リンク情報」ではどのページが何回アクセスされているかを参考に取得している。ランキングである
2007/12/04〜2008/02/26 までの66日間のアクセスページは61ページ、延べ235カウントだった
この中で最大値は54件、しかし1件もアクセスされないページが多々あった
そこで、今後も恐らくアクセスされないだろうと考えて、これらのページを削除した

リンク切れ2008/02/27(水曜)

私のホームページのアドレスを変更して、半年経過する
しかし未だにアドレスが修正されていないページが多々見受けられた
つまり「リンク」のページをチェックしていないと言うことだろう・・・
アクセス数が0件で修正されていないページも削除の対象とした

ホームページのアドレスを変更すると言うことはデメリットの方が多いと・・・つくづく感じた
「光回線」にしてプロバイダーを変更したのでしようがないが・・・
でもメールアドレスも変えたので今まで100件/日以上来ていた迷惑メールは0になった。
これは最高に快適なことだ。


[直接移動] [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 >