オット君は見た！ » Web「オット君は見た！」新着情報 http://otto-kun.kurionesan.com 鳥見などの道楽について思いのままに書いてます。 Sun, 01 Jan 2012 07:40:45 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 USB3.0 http://otto-kun.kurionesan.com/2011/10/23/usb3-0/ http://otto-kun.kurionesan.com/2011/10/23/usb3-0/#comments Sun, 23 Oct 2011 09:17:10 +0000 オット君 http://otto-kun.kurionesan.com/?p=831
写真データのバックアップを作るためにUSB3.0を導入し、玄立(KURO-DACHI/CA/U3)を使ってみました。ほんとは裸族のお立ち台が欲しかったのですが千葉のドスパラにはこれしか売ってなかったんです。(笑）
これは裸のHDD を抜き差し出来るUSB3.0のＨddケースです。
10年近く、鳥撮りをやってますのでもう、400ＧByteくらいのデータがあるんですよ。400万画素のデジカメから始まって、昨年末買ったD300Sのデータです。バックアップはあちこちにあるのですが裸のHDDにバックアップをまとめて保存しておく事にしたんですよ。

BUFFALOのカードリーダ（BSCRA51U3wh）も買っちゃいました。
アダプタなしで51種類のメディアに対応してるらしいのですが私はそんなに沢山のメディアを知りません(笑）でも、このスペックを見るとすごいでしょ！　ほんとにこのスピードに近い値が出ましたよ。







 

]]> http://otto-kun.kurionesan.com/2011/10/23/usb3-0/feed/ 0 第8回 エコ・フェスタ in 千葉 100人手作り村 http://otto-kun.kurionesan.com/2011/10/09/%e7%ac%ac8%e5%9b%9e-%e3%82%a8%e3%82%b3%e3%83%bb%e3%83%95%e3%82%a7%e3%82%b9%e3%82%bf-in-%e5%8d%83%e8%91%89-100%e4%ba%ba%e6%89%8b%e4%bd%9c%e3%82%8a%e6%9d%91/ http://otto-kun.kurionesan.com/2011/10/09/%e7%ac%ac8%e5%9b%9e-%e3%82%a8%e3%82%b3%e3%83%bb%e3%83%95%e3%82%a7%e3%82%b9%e3%82%bf-in-%e5%8d%83%e8%91%89-100%e4%ba%ba%e6%89%8b%e4%bd%9c%e3%82%8a%e6%9d%91/#comments Sun, 09 Oct 2011 08:53:46 +0000 オット君 http://otto-kun.kurionesan.com/?p=801 最初の写真の木工細工の機関車は上総木工交流会方の作品でスゴク良くできてました。次の写真は千葉三線同好会の方々です。楽しそうでしたよ。その次の二枚はチェンソーカービングです。


 

]]> http://otto-kun.kurionesan.com/2011/10/09/%e7%ac%ac8%e5%9b%9e-%e3%82%a8%e3%82%b3%e3%83%bb%e3%83%95%e3%82%a7%e3%82%b9%e3%82%bf-in-%e5%8d%83%e8%91%89-100%e4%ba%ba%e6%89%8b%e4%bd%9c%e3%82%8a%e6%9d%91/feed/ 0 サイトのリニューアル　Jquery プラグイン http://otto-kun.kurionesan.com/2011/10/05/%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%80%80jquery-%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/ http://otto-kun.kurionesan.com/2011/10/05/%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%80%80jquery-%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/#comments Wed, 05 Oct 2011 09:30:29 +0000 オット君 http://otto-kun.kurionesan.com/?p=769 プラグインとは「差し込む、差込口など」の意味を持つ英単語ですがITの分野では、ソフトウェアに機能を追加する小さなプログラムのことを指し、多くのソフトウェアには外部のプログラムを追加することで機能を拡張できるような機構を備えており、追加するソフトウェアのことをプラグイン(プラグインソフトウェア)といいます。
ここに画像に関連した沢山のプラグインが紹介されていますのでご覧ください。
http://kachibito.net/web-design/224-image-jquery-collection.html

今回使わせていただいたjqueryプラグインは次の4つです。順番に説明します。
１．背景画像スライダ　　Supersized
２．スライドダウンmenu　superfish
３．サムネール付スライドギャラリー　Galleriffic
４．回転式ギャラリ　　　　　　　　　FeatureCarousel

１．背景画像スライダ　　Supersized　http://www.buildinternet.com/project/supersized/
当サイトのTOPページhttp://を見ると背景画像がスライドしてるのが見れると思いますがこれがSupersizedプラグインです。スライドをコントロールできるわ、サムネールを表示させて好きな画像を選ぶこともできる。ものすごいすごいプラグインです。
さらに背景画像をブラウザの画面の大きさにリサイズしてくれるのでまったく背景を気にしないでほかのコンテンツ作りに集中できるんですよ(^O^)ｱﾊﾊ!!

２．スライドダウンmenu　superfish
http://users.tpg.com.au/j_birch/plugins/superfish/#examples
これはToolboxのMenuに使っています。ごく当たり前のスライドダウンメニューです。
エフェクトが面白いので使ってみました。

３．サムネール付スライドギャラリー　Galleriffic http://www.twospy.com/galleriffic/example-2.html
これはスタイルシートを触っただけで過去のTOP写真のぺージに使っています。

４．回転式ギャラリ　FeatureCarousel
http://www.bkosborne.com/jquery-feature-carousel
これは努アップ写真のギャラリで使っています。これもスタイルシートを触っただけです。

こんなとこですね。
あとはPHPを４から５にした影響で動かなくなった野鳥ＤＢを復活させたいのですが暇を見つけてプログラムを見直してみますので時間がかかりそうです。
でも、中身の充実の方がもっと必要なのですよね。
さまざまな検索条件で検索するシステムを作ってみたいのですが野鳥の学術的分類のDBだけではなく野鳥の特徴をＤＢ化できればいいのですが大変ですね。

]]> http://otto-kun.kurionesan.com/2011/10/05/%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%80%80jquery-%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/feed/ 0 サイトのリニューアル　Jquery http://otto-kun.kurionesan.com/2011/10/03/%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%80%80jquery/ http://otto-kun.kurionesan.com/2011/10/03/%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%80%80jquery/#comments Mon, 03 Oct 2011 09:23:13 +0000 オット君 http://otto-kun.kurionesan.com/?p=719 今回のリニューアルの肝はJavaScriptエンジンの変更である。
今まではPonponさんの作ったAjaxエンジン”paella.js”でXMLHttpRequestによる非同期通信を使い、PHPとの合わせ技でTOPページを表示させていました。
AjaxはWebブラウザ内で非同期通信とインターフェイスの構築などを行う技術の総称で非同期通信を利用し、通信結果に応じてダイナミックHTMLで動的にページの一部を書き換えるという事をやります。簡単に説明するとGooglMapで画面が変わらないのに地図がどんどん変わる事を誰でも体験していると思いますが、あれがAjaxです。今では誰もが普通に使ってる技術ですが当時としては古くて新しい技術で私のサイトもメニューを触るとメインコンテンツが変わるように作ってあったんですよ。
今回は短いコードで多くの処理を簡単に実行できると評判のJavaScriptライブラリであるJqueryを使いました。なぜか？というと今一番はやってるからです。(笑）

 jQueryはシンプルなコードでWebページに効果やアニメーションなどを追加でき、Ajaxによる通信も簡単に実装でき、様々な機能を実現する沢山のプラグインが公開されています。
Jqueryは「$関数でHTML内の操作したい要素を指定すると、その要素を内部に持つjQueryオブジェクトが返され、これに実行したいメソッドを指定すると、返り値として同じ要素を持つ処理済みのjQueryオブジェクトが返される。」
NETで調べるとこんな風に書いてありますが私には何の事かさっぱりわかりませんので実際にどんなコードを書くのかテストしながら実装です。JavaScriptはブラウザのエンジンで動くので特別な開発環境がなくても開発とテストができるので楽ですよ。
各p要素をtoggleさせます。
デモを表示してボタンを押してみてください。
デモ
 toggleというボタンを押すたびにp要素の表示内容がHelloとGood Byeが入れ替わります。
<script>
$(document).ready(function(){
$(“button”).click(function () {
$(“p”).toggle();
});
});
</script>
</head>
<body>
<button>Toggle</button>
<p>Hello</p>
<p style=”display: none”>Good Bye</p>
</body>
</html>
これだけのコードですよ！かんたんですね～～
これと関連したエフェクトSlidup、Sliddownを組み合わせて今回のメインメニュを作成してあります。TOPページでJquryを使っているのはメインメニュ、サブメニュ、背景画像の切り替えです。サブメニューと背景画像の切り替えはプラグインを使っていますのでこれらのプラグインについては後程、解説します。メニューからコンテントの呼び出しは通常のHTMLで書く、”<a href=”example.html”>リンクテキスト</a>”と
こんなコードを使ってAjaxしてます。
【html側の表示】
<input name=”ボタン” type=”button” value=”ローディング” onClick=”bt01()”>
<div id=”load1″></div>
【js側の表示】
function bt01(){
$(“#load1″).load(“./load.html”);
};

これのコードの意味はローディングと表示されたボタンを押すとbt01()というjsが呼び出され、この処理をおこないます。
１．load.htmlを読み込む
２．ブラウザに表示されているHTMLのload1要素にload.htmlを書き込む。
すると画面全体は変わらないのですがload1要素の内容だけが書き換わります。
このサイトではlink集やabout、道具箱はすべてこれを使っています。
一回目はこの位かな？　次回はプラグインです。

]]> http://otto-kun.kurionesan.com/2011/10/03/%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%80%80jquery/feed/ 2 Webサイトの手直しその２ http://otto-kun.kurionesan.com/2011/09/23/web%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e6%89%8b%e7%9b%b4%e3%81%97%e3%81%9d%e3%81%ae%ef%bc%92/ http://otto-kun.kurionesan.com/2011/09/23/web%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e6%89%8b%e7%9b%b4%e3%81%97%e3%81%9d%e3%81%ae%ef%bc%92/#comments Fri, 23 Sep 2011 07:46:31 +0000 オット君 http://otto-kun.kurionesan.com/?p=694 Topのスライドを２枚追加しました。

コンテンツ　過去のＴＯＰを作り直しました。

]]> http://otto-kun.kurionesan.com/2011/09/23/web%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e6%89%8b%e7%9b%b4%e3%81%97%e3%81%9d%e3%81%ae%ef%bc%92/feed/ 0 Webサイトをリニューアル http://otto-kun.kurionesan.com/2011/09/17/web%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/ http://otto-kun.kurionesan.com/2011/09/17/web%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/#comments Sat, 17 Sep 2011 07:31:26 +0000 オット君 http://otto-kun.kurionesan.com/?p=672 　久々にサイトをリニューアルした！
何年ぶりだろう？　5年か6年ぶりだと思う。
こんどのTOPは写真を中心にしてシンプルに
してみた。写真の大きさも横幅を1024Pxと
今までにない大きさだ！
最近は1000ｐｘのサイトが増えているので私の
ページもそうしてみたが見れない人がいたら、
ごめんなさいデス。

今度のページはjqueryというJavaScriptライブラリを使用してみた。
TOPの写真は4枚あり、スライドショーのようにしてある。
暇なときにでも全部の写真を眺めてください。
つぎにメニューだがこれもスライドメニューにしてみた。
MENUの上にマウスカーソルを乗っければメニューが開く。
メニューの項目の上でマウスをクリックすれば各ページに飛ぶようになっている。
メニューの項目が少なくなっているがリニューアルが間に合わないのとりあえず、いまはここまで！！

もっともこのブログが読めてる人はすでに知ってますよね。

追記2011.09.19
メニューの評判が悪かったのでTOPを作りなおしました。

]]> http://otto-kun.kurionesan.com/2011/09/17/web%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/feed/ 0 地デジ化 http://otto-kun.kurionesan.com/2011/05/07/%e5%9c%b0%e3%83%87%e3%82%b8%e5%8c%96/ http://otto-kun.kurionesan.com/2011/05/07/%e5%9c%b0%e3%83%87%e3%82%b8%e5%8c%96/#comments Sat, 07 May 2011 08:42:56 +0000 オット君 http://otto-kun.kurionesan.com/?p=623 この連休中の強風で倒れたらしい。全然、気がつかなかったのだ。(笑）すでにチデジカは終わっていたので何時、ＶＨＦのアンテナを撤去しようかな？なんて思っていたのでちょうどいいタイミングで強制撤去工事ということに！。

 

]]> http://otto-kun.kurionesan.com/2011/05/07/%e5%9c%b0%e3%83%87%e3%82%b8%e5%8c%96/feed/ 0 桜と梅 http://otto-kun.kurionesan.com/2011/02/27/%e6%a1%9c%e3%81%a8%e6%a2%85/ http://otto-kun.kurionesan.com/2011/02/27/%e6%a1%9c%e3%81%a8%e6%a2%85/#comments Sun, 27 Feb 2011 01:53:09 +0000 オット君 http://otto-kun.kurionesan.com/?p=612 白子の河津桜


途中の造園屋さんのしだれ梅

]]> http://otto-kun.kurionesan.com/2011/02/27/%e6%a1%9c%e3%81%a8%e6%a2%85/feed/ 0 謹賀新年 http://otto-kun.kurionesan.com/2010/01/01/%e8%ac%b9%e8%b3%80%e6%96%b0%e5%b9%b4/ http://otto-kun.kurionesan.com/2010/01/01/%e8%ac%b9%e8%b3%80%e6%96%b0%e5%b9%b4/#comments Fri, 01 Jan 2010 04:28:34 +0000 オット君 http://otto-kun.kurionesan.com/?p=494 tora明けましておめでとうございます。
本年もよろしくお願い申し上げます。

このブログは鳥見以外のページで特に木工を中心に書いていましたが暫く、木工はお休みか？
元気になったら再開しますが何時のことやら(笑）

]]> http://otto-kun.kurionesan.com/2010/01/01/%e8%ac%b9%e8%b3%80%e6%96%b0%e5%b9%b4/feed/ 0 200,000hit http://otto-kun.kurionesan.com/2008/03/20/200000hit/ http://otto-kun.kurionesan.com/2008/03/20/200000hit/#comments Thu, 20 Mar 2008 09:38:37 +0000 オット君 http://www.kurionesan.com/otto-kun/wordpress/?p=77

本日、200,000hit達成しました。

HPを開設して７年かな？　バードカービングの為に写真を撮り始め、写真にはまってしまい、このサイト開設したのだがバードカービングは全然やっていない。

バードウォッチング＋撮影の方が楽しいのは結果がすぐに出るからかもしれない。バードカービングは時間が掛かりなかなか結果が見れないので途中で投げ出しちゃうと言うことかな。

そういえば、荒削りが終わったかわせみがこっちを見てる！（笑）

最近はコンテンツの更新もしていないし、話題が少ないサイトになってきたが沢山の方々にアクセスして頂き、感謝です。 

でも、掲示板のカウンタは３３８，０００です。投稿してくれる皆さんのおかげですね。

見てるだけの方も投稿してくださいね。お願いします。

]]> http://otto-kun.kurionesan.com/2008/03/20/200000hit/feed/ 0