フォトノート*blog

お互いの片腕として一緒に仕事をしていた弟が急病で倒れてから10日、最新医療技術のお陰と幸運で持ち直し、年明けには本格的なリハビリを始める算段となりました。身内にとっては明るい兆しを感じながらの年越しとなります。
共有テンプレートとプラグインをそれぞれ一つずつアップした矢先の事で、皆さまには大変御心配と御不便・御迷惑をお掛けしました。加えてこの10日間は仕事がメチャ立て込んで、それを何とかこなすのが精一杯の状態でした。

いつも見ていただいてる方、たまに覗いてくださった方、今日始めて来てこれを読んでしまった方（笑）、そんな訳で慌しく暮れてしまった2007年ですが、大変お世話になりました。いろいろお力添えをいただき、感謝しております。2008年もどうぞよろしくお願いいたします。

ちょっと事情があり、少しの間更新が出来ません。
ボクは元気ですが、周りでちょっと厄介な問題が起きまして…(--)
プラグインやテンプレートを申請したばかりなのに残念です。
うまく使ってやってください。

メリークリスマス！

2008/03/07
IEでの画像オンマウス時の表示を、他のブラウザと揃えました。　詳しくはこちらへ

エントリ内にある画像をクリックすると、原寸大でレイヤー表示するFc2用共有プラグインです。
作動確認はWin（IE6・IE7・FX2・OP9・safari3）と Mac（safari3）でしてあります。
Fc2用共有テンプレート『p_space』には標準で組み込まれていますので、そのテンプレートをお使いの場合はプラグインとして設定しないで下さい。

以下に設定箇所の説明を書いておきます。

1.　画像レイヤーの背景色
原寸表示した画像の周りの色になります。
先頭に「#」（シャープ）を付けた6桁の16進数でRGB値を指定します。
こう書くとかえって難しそうですが、CSSなどと同じ方法です。
#000000の黒から#ffffffの白まで好きな色を指定できます。

2.　不透明度を指定(0-100)
上で指定した背景の不透明度を指定します。
0から100までの半角数字で指定します。
見え方は元の指定色やblogデザインの色に左右されますので、色々試して適正値を見つけてください。

3.　画像に装飾用のスタイルを指定
原寸表示した画像の周りに枠線などの装飾を施せます。
スタイルシートの指定と同じ方法で指定します。

4.　画像が有るカラムのID名を記入
このプラグインはHTML側を一切編集しないで使えるように、デフォルトではページ上の全てのリンクを精査します。その中から必要なリンクだけを選ぶようになっているのですが、あらかじめその範囲を指定することで、余計な精査をしないようになります。エントリーを含む場所のID名を記入するとその場所しか探しません。プラグインなどにある無数のリンクを精査対象から外す事を目的としています。
しかし、HTMLの構造が理解できていない方はそのままにしておいて下さって結構です。
記入しなくても、現在のパソコンの能力なら、体感できるほどの違いはありません。

2008/03/17
コメント投稿欄にタイトルを記入出来るように変更。IEでの画像オンマウス時の表示を、他のブラウザと揃えた。　詳しくはこちらへ

2008/02/03
色違い（ホワイトバージョン）をアップしました。　詳しくはこちらへ

2008/01/15
修正版をアップしました。　詳しくはこちららへ


Fc2用共有テンプレート『p_space』をお使いいただき、誠にありがとうございます。このテンプレートは、エントリー内の画像をサムネイル表示する事で、表紙をギャラリー風に見せております。多くの写真でも出来るだけ速く描画出来るように考えて書かれています。

画像表示の速さを考えると、その都合上どうしてもインラインでjavascriptを埋め込まないとならなく、既存のテンプレートに後付のjavascriptでは間に合わないので新規製作となりました。新規作成までの簡単な経緯は テンプレートを作成 のエントリーにありますので御参考に。

その為に、お使いになる上で幾つか留意していただきたい点があります。このページにはその情報が載っていますので、お使いになる前にご一読くださいませ。
名前はphoto_spaceにしようと考えていたのですが、長いのでp_spaceとしました。

原寸画像をレイヤー表示するpictlayerも標準で組み込んであります。このテンプレートをお使いの場合は、共有プラグイン『Pictlayer』は使用しないで下さい。

カスタマイズはfc2の規約内で御自由にどうぞ。デザイン的には単純な部類ですので、どんどんカッコ良く仕上げていただければ、作者も嬉しいです。(^^)
また、アダルトサイト以外でしたら使用制限も設けません。
解説はHTMLとCSSの基本が解ってる方を対象に書いてあります。このことまで書き出すと切りが無いので、どうか御了承くださいませ。


お使いになる上で、重要な事を書き添えておきます。

1.　画像の表示・非表示について

表紙に載せたくない画像はclass="nds"とクラス指定してください。
class="emoji"も載りません。管理画面から挿入した絵文字には、あらかじめこのクラスが指定されているはずです。
また表紙に表示される画像の数は、blog環境設定内の記事(ページ別)件数によって決まります。ここで設定した件数分の記事から画像を抜き出し表示します。サムネイルは個別ページへのリンクも兼ねてますので、画像が無くても一記事分は表示されます。
追記部分の画像を表示させたくない場合は、テンプレートの編集が必要です。（下記FAQ参照）

2.　拍手・ブックマーク画像について

環境設定で、ボタンの位置を追記リンクの前に指定すると、表紙に拍手・ブックマーク画像が表紙に表示されてしまいます。回避するには追記リンクの後を選択してください。
また、ランキングなどのバナー画像を記事内に入れますと表示されてしまいます。テンプレートに記入すれば表示されません。

3.　プラグインの配置について

プラグインはユーザーによって設定がまちまちで、使用数も分かりませんし、凝ったブログパーツなどをお使いの方もあるでしょう。なのでデフォルトでは第一から第三まで、左から並列に並んでいます。第一プラグインの中の各プラグインはeach1、第二プラグインの中はeach2、第三プラグインの中はeach3とそれぞれクラス分けされています。配置にはこのことを踏まえてスタイルシートを編集して頂ければ宜しいかと思います。
参考までに、現在の自分のスタイルシートは以下のようになってます。
.each1, .each2, .each3 {
float: left;
position: relative;
width: 47%;
margin-left: 5px;
overflow: hidden;
}

簡易FAQ / 頂いた質問(コメント)へのリンク

• アクセス解析の挿入場所
• 初期状態で表紙に画像が表示されない 又は nbsを別の文字に変更する方法
• 追記部分の画像を表紙に載せない方法
• 縦横比4:3の画像に合わせたサムネイル枠
• more（追記）部分をクリックして表示するようにしたい

初冬の嬬恋高原はバラキ湖周辺にて。
高原キャベツの産地として有名な所で、湖周辺は草地とキャンプ場が広がっています。
なだらかな丘に、流れる雲に合わせて影も移動します。




全面結氷前の湖面が面白い模様に凍っていました。




四阿山（アズマヤサン）が新雪に輝いて、いつもより高そうに見えた。

表紙に写真のサムネイルを並べるレイアウトのテンプレ。
blogでよくあるタイプは、普通の表示が終了してからjavascriptを使って体裁を整えますね。でもこれだと、一度全てのアイテム（画像も含む）を読み込んでから作動開始するので、どうしても表示が遅くなりがちです。運が悪いと数キロの小さな画像が引っかかってページ読み込みが完了されず、延々と待たされる事もあります。プログパーツの中には外部サーバと交信する物も少なくないので、余計にリスクが高くなります。　

そんな理由で一時使用を止めていたのですが、少し前に思いつきました。それならサーバから送られてくるデータをブラウザが表示する前にjavascriptに取り込んでしまえば、ブラウザは画像を読み込みにいかないはず？そしてそれをjavascriptから出力すれば、時間のかかる画像描写が一回で済むから、最終的に大幅な時間短縮になるのではないだろうか。

思いつきは正解で、多少紆余曲折はありましたが、だいたい形に出来たので本日からここで試験運用してみます。ページを全部読み込んでからレイアウトし直すタイプに比べて、体感的にも結構早く感じると思います。


2004/12　Ricohのコンデジにて

インラインでjavascriptを使うとなるとテンプレートから書き直さなくてはならないので、好い機会なので一から新たに引き直しました。一通りテストはしてみましたが、まだ細かいところで不具合が出るかも知れません。なにか有りましたらご報告いただけると幸いです。

今回珍しく絵文字を使ったのは、表紙には絵文字などが表示されない機能を試す為です。自分はほとんど使いませんが、汎用性を考えると、表紙にずらずら絵文字が表示されたらう〜〜〜んですよね。(^^;
もう一つ、下の画像も表紙には出てないはずです。任意の画像を表紙から外す機能も付けてみました。写真ブログといっても、全てがギャラリー対象では無いですからね。


今日の夕方、事務所からの眺めでした。携帯カメラにて。(^^)

昨日アップと同じ美ヶ原での撮影です。
真横からの光に霧氷が反射していました。
昼間撮れば純白の霧氷も、色温度とプリズム効果で虹色に。

ちょっとした思い付きから、ただ今テンプレートを一から作成中です。
やはりカスタマイズと違い、なにかと時間を取られるものですね。
返信コメント＆御訪問が遅れております。m(_,_)m

初冬の頃の美ヶ原のなだらかな山並み。
ポツポツと残る樹が寂しげです。
長い間繰り返されてきた夜明けの、この日の夜明け。
最近撮影に出ていないので、過去画像から選択して載せました。

Macには、Windowsのスタートアップに相当するボタンが有りません。その為マニュアルでは、ドックと呼ばれるタクスバーの様なものにセットされてるアイコンをクリックしろと書いてあります。そこに無い（全部は登録できない）ものは、ファインダー（Winのエクスプローラーに相当）を使って開けと言う事らしいです。
長くWindowsを使ってきた身には、これは相当不便でなりません。Winキーをポンと押せば、ズラッと立ち上がってくるプログラム一覧からの起動は便利だったなぁと、懐かしくなるほどです。

そんな不満を抱えながら毎日使っていたら、たまたま別の用件で見たヘルプの中に、｢スポットライト｣というアプリケーションの事が出ていました。デスクトップの右上に常に有るのは知っていましたが、検索用の何かと思って大して気にしていませんでした。
ところがその使い方を知ってビックリ。スポットライトの小さな窓に文字を打ち込むと、一文字ごとに頭文字が一致するアプリケーションを一覧に表示してくれるのです。しかもよく使うものは上に表示されるようで、大抵のものは直ぐに選択できます。いや、こんな使い方があったとは。

例えば、今はそのスポットライトにCtrl+Sキーを割り当てているので、次にMと打てばたちどころにmailが立ち上がります。Ctrl+S→Sとすればsafariが、という感じです。やっぱやるね、Mac!　アイムラミネ！




以前軽井沢で撮ったものですが、スポットライトのような光に反応して撮った写真です。
編集でモノクロ変換。

そろそろ冬季通行止めが多くなってきましたね。
峠を越えればすぐなのに、遠回りで行かないとならない事も多くなります。
これは工事用のトンネルなので、普段から一般者は通行禁止なのですが、可愛いシャッターが降りていました。(^^)

覆いかぶさるようにやって来た冬将軍。
今年はどんな冬になることでしょうか。

焦るばかりでなかなかポジションが決まらない。
そんな時は落日がやけに速く感じられる。

pictlayerをプラグイン形式で使えるようにしてみました。
ただいまプラグインカテゴリ３に入れてテスト中。

色々いじってたら時間が無くなってしまった。
取り合えず1枚アップしておきます。
コメントレス等、少しお待ちください〜

今年も暮れの大根干しが始まりました。
首都圏一帯に出荷されるたくあん用の大根です。
大根だけでなく乾燥した晴天が続くこの時期を利用して、いろんな物が干されています。
遅れた紅葉が、大根干しに彩を添えていました〜(^^)

LeopardでPHPのエントリーで紹介したように、OSXにバンドルされてるPHPの作動は確認できましたが、これにはGDライブラリ（画像を扱う拡張モジュール）が入っていません。アップロードした画像からサムネイルを作成したり、カウンター用に数字画像を出力したり、GDを使う場面は結構多いのでこれは困ります。MySQLなどのデータベースも組み込まれていないようです。

そこで少し調べてみたら、バンドルされてるPHPにGDライブラリ（等を）を追加するのは難しそうなので、別ディレクトリに新しくインストールしそれを使う方が良さそうだと判断しました。PHPマニュアルに紹介されてるコンパイル済み PHP パッケージの内、http://www.entropy.ch/software/macosx/php/へ行ってみたら、そこのフォーラムで有用な情報「Installing on Leopard」を得る事が出来ました。16~17p辺りをご覧ください。

そこに紹介されてたファイルを書かれていたようにインストールしたら、問題なく使えるようになりました。ボクもそうですが、ソースからビルドやコンパイルなんて出来ない人間には、このようにパッケージングされた配布物はとても助かります。ありがとう。

注意が必要なのは、バンドルされるPHPを有効にするために編集したhttpd.confを元に戻しておく事。そうでないと、良からぬ事が起きると警告されてます。その後新しいPHPを有効にするよう、一行加えるのを忘れてはいけません。そうして設定が終わってからapacheの再起動も忘れてはいけません。（笑）




GDが有効になった証。
こういうのを簡単に出来るようにしてくれてる皆様、ほんとにありがとうございます。


* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *　
<?php
header('Content-Type: image/png');
$im = imagecreate(450,30);
$back = imagecolorallocate($im,0,0,0);
$fgcolor = imagecolorallocate($im,255,255,255);
$str = "My Mac is black macbook. his name is macro.(^^;";
imagestring($im,5,10,5,$str,$fgcolor);
imagepng($im);
?>
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *


簡単なpngファイルを出力するコードです。
これを実行すると以下のような画像がブラウザに表示されます。
GDちゃんと動いてますね。(^^)

西上州を流れる神流川（かんながわ）。
山間部の道は、川沿いに通ってる事が多いので、所々止まっては下をのぞき込んで見てみます。
この時は不思議な赤紫色をした岩が目にとまりました。
何か名のある場所かとも思いましたが、近くにそれらしい看板などは見当たりません。
紺色の水との取り合わせが美しい渓谷でした。