オット君は見た！ » ソフト関係 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 サイトのリニューアル　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 Windows7の怪 http://otto-kun.kurionesan.com/2009/11/03/windows7%e3%81%ae%e6%80%aa/ http://otto-kun.kurionesan.com/2009/11/03/windows7%e3%81%ae%e6%80%aa/#comments Tue, 03 Nov 2009 03:38:17 +0000 オット君 http://otto-kun.kurionesan.com/?p=395 テンキーは滅多に使わないので気がつかなかったのだが正常に動かない！NumlockをOFFの時はきちんと動くのにONにすると数字の入力ができず、ファンクションキーのような動きをするのだ！
いろいろ調べてみてもそんな情報は載ってない。ためしにスクリーンキーボードを立ち上げてみた。スクリーンキーボードはテンキーが有効になっていない。これが原因かな、なんて思いテンキーをONにしてみる。するとテンキーは通常動作するようになった。原因はこれか！と勝手に思いこみＰＣをシャットダウン。
もう一度ＰＣを立ち上げるとやっぱりテンキーがおかしい。スクリーンキーボードを開いてみてもテンキーは有効になっている。コンピュータの簡単操作センターを開いて下のほうを見るとマウスを使いやすくしますという項目がある。これをいじってみたらテンキーが復活！どうやらこの設定をいい加減にいじったのとその使い方に問題があったようだ。
どうも最近は取り説を読まないためのポカミスが多いような気がする。今までの経験で処理できないようないろいろな機能が埋め込まれているせいだ。これからはちゃんと取り説を読まなくっちゃ！

]]> http://otto-kun.kurionesan.com/2009/11/03/windows7%e3%81%ae%e6%80%aa/feed/ 0 P5QPROでRAID0 http://otto-kun.kurionesan.com/2009/07/25/p5qpro%e3%81%a7raid0/ http://otto-kun.kurionesan.com/2009/07/25/p5qpro%e3%81%a7raid0/#comments Sat, 25 Jul 2009 03:28:07 +0000 オット君 http://otto-kun.kurionesan.com/?p=379 今まで使っていたパソコンが調子悪くなったので新しくしてみた。
買ったパーツはこんなもんかな
CPU：CORE2Due E8400
mem:A-DATA DDR2 Dual Kit 2GB×2　4GB　
Mother:ASUS P5Q PRO
Video:RADEON HD4350
HDD:seagate 370GB ×2
そのほかに電源とかＯＳ
最高スペックを望むととんでもなく値段が高くなるので以前のパソコンの倍くらいで動いてくれればということでこんなパーツを買ったのだ。
OSはWindows7へのアップグレード権つきのVISTだ。
確かに以前よりは早くなったがVISTがいまいち面白くないのでWindows7のRC版も試してみたがそれほど面白いとも思わないし、保障されているアプリケーションはまだ少ないのでちょっとけ遊んでおしまいにした。
今回、一番やりたかったことはRAIDでHDDを動かしたかったのだスピードのアップと復旧を考えるとRAID５にしたかったがHDDが2台しか手に入らなかったのでRAID0でVISTをセットアップした。
早速FDBENCHでHDDのスピードを測定。
P5Q-RAID0
上段がRAID0のbennchで下が通常のHDDのスピードだ。倍までは行かないけどそれに近い数字が出ている。とりあえずは大満足なのだがRAIDO0はHDDがクラッシュしたときには復旧は困難だ。こまめにバックアップを取っておこう！
確かにパソコンは早くなったが以前と比較してどうかと聞かれると新しい環境に慣れたせいで以前のスピードが思い出せない。いまではなんか遅いなーなんで感じている。あきれたものだ！（笑）

]]> http://otto-kun.kurionesan.com/2009/07/25/p5qpro%e3%81%a7raid0/feed/ 0 WordPress http://otto-kun.kurionesan.com/2009/03/12/wordpress/ http://otto-kun.kurionesan.com/2009/03/12/wordpress/#comments Thu, 12 Mar 2009 13:06:50 +0000 オット君 http://www.kurionesan.com/otto-kun/wordpress/?p=106
wordpress-logo.jpg

最近、ソフトで遊んでいたら、どうも世の中のブログソフトが変化しているのに気がついた。今注目なのがWordPressらしい。早速調べてみるとPHPで書いてあり、オープンソースで面白そう。 WordPressの日本語サイトでは次のように書いてある。
「WordPress (ワードプレス) は、オープンソースのブログ／CMS プラットフォームです。セマンティック Web、コードやデザインの美しさ、Web 標準、ユーザビリティなどを意識して開発されており、無料でダウンロードして使うことができます。」
色々試してみたがまだ、問題もあるようだがプラグインやテーマなどかなりの数があり、面白そうなソフトです。いまはMovabletypeを使っているがまじめに乗換えを検討中！日本でも乗り換えが多発中のようです。
友達のブログはWordpressをセットアップしてみました。いじり応えがありそうなので自分のブログも変更してこれで遊んでみようかと計画中です。

]]> http://otto-kun.kurionesan.com/2009/03/12/wordpress/feed/ 1 ひきこもり http://otto-kun.kurionesan.com/2009/03/07/%e3%81%b2%e3%81%8d%e3%81%93%e3%82%82%e3%82%8a/ http://otto-kun.kurionesan.com/2009/03/07/%e3%81%b2%e3%81%8d%e3%81%93%e3%82%82%e3%82%8a/#comments Sat, 07 Mar 2009 14:26:48 +0000 オット君 http://www.kurionesan.com/otto-kun/wordpress/?p=105 今日は休日、いいお天気なのに引き篭り状態だ！
花粉症がひどくなってきたのだ。雨が上がった次の日は花粉の飛散が激しいらしく花粉症の症状がひどくなる。と言うわけで引き篭りなのだ。
でも、やらなければならないことは沢山ある。
友達に会社のWebSiteを作ってあげるなんて安請け合いをしてしまったので久しぶりにSite作りを始めた。最初にやるのはどんなデザインにするのかだけどなかなかいい案が浮かばないので自分のサイトのCSSを改造して適用することにした。
当然、非同期通信（AJAX）を使いたいので今まで使っているJavascriptを使うつもりでいたがNetで調べてみると世の中は随分変わってた。いま、一番ホットなのはJqueryというScriptのようだ。
Jqueryの本家はここhttp://jquery.com/
jquery入門ならここhttp://www.openspc2.org/JavaScript/Ajax/jQuery_study/ver1.2.6/index.html
調べてみると使い方も簡単でいろいろな使い方が出来る。試して見ると快適だったので早速採用！！
Addinも豊富なのでアコーディオンメニューと有名なLightboxのJqurey用のScriptも入れた。
とりあえず、暫定公開がこのページだ。まだ、時間がかかりそうな予感が？(笑）
江澤木材店、エザモクドットコムです。
久々にHTMLやCSS、JavaScriptを使った。明日は天気が悪いはずだから、PHPでＥｄｉｔｏｒを作るかFCKEditorを導入するかを決めることにする。
今日はここまで！！

]]> http://otto-kun.kurionesan.com/2009/03/07/%e3%81%b2%e3%81%8d%e3%81%93%e3%82%82%e3%82%8a/feed/ 0 ハードディスクのクローン http://otto-kun.kurionesan.com/2009/02/28/%e3%83%8f%e3%83%bc%e3%83%89%e3%83%87%e3%82%a3%e3%82%b9%e3%82%af%e3%81%ae%e3%82%af%e3%83%ad%e3%83%bc%e3%83%b3/ http://otto-kun.kurionesan.com/2009/02/28/%e3%83%8f%e3%83%bc%e3%83%89%e3%83%87%e3%82%a3%e3%82%b9%e3%82%af%e3%81%ae%e3%82%af%e3%83%ad%e3%83%bc%e3%83%b3/#comments Sat, 28 Feb 2009 00:28:59 +0000 オット君 http://www.kurionesan.com/otto-kun/wordpress/?p=104 我が家の奥さんが使ってるパソコンの様子がおかしい？？　時々、HDDを認識しなかったり、パソコン全体の動作が凄く遅い。HDDがそろそろ寿命か？　買って一年くらいでHDDがクラッシュしてメーカで一回交換してもらってるのだが６年前の機種なのでどうする？新しいの買っちゃうか？なんてね。
HDDを入れ替えて、再セットアップはいやだな～と思って、いろいろネットで調べるとＨＤＤのクローンを作るフリーのソフトがあるようだ。内臓のHDDはＳｅａｇａｔｅの120GBytesだったのでクローン作成ソフトはSeageteのDiscWizardを使うことにした。当然新しいＨＤＤはＳｅａｇａｔｅ社製。運良く160GBytesのHDDが4980円で売っていたので即購入。最近はIDEインターフェースＨＤＤは少なくなってるので容量は気にしなかった。
このソフトの使い方は2種類ある。
ひとつ目はパソコンに直接セットアップし、それを起動し、クローンを作成する方法。
ふたつ目はセットしたパソコンでＣＤかＤＶＤでブータブルメディアを作成し、このディスクで全ての作業をやるやり方だ。
このソフトは日本語表示でわかりやすいし、丁寧な取り説もダウンロードできる。
興味のある方はここをクリックしてください。
ターゲットの調子の悪いＨＤＤにいろいろセットするのは嫌だったので当然ディスクを作成した。
ここまでは簡単に進行し、それほど時間もかからないはずだったのだが大きな落とし穴が！
DiscWizard.jpg


作業手順
１．パソコンをばらして、ＨＤＤを増設する。
２．ＨＤＤをパソコンが認識しているかを確認する。
ここで問題が発生。HDDを認識しない！何をやってもひとつのIDEポートには一個のデバイスしか認識しないのだ。こうなるとHDD2台、ＤＶＤドライブが同時に使えない！パソコン仕様ではないと思うがここで一時間くらいの格闘をしてしまった。
しょうがないのでHDDを2台繋いでパソコンを起動し、ネットの接続。Seagateからソフトをダウンロードし、このパソコンセットアップした。
ここからはソフトを走らせれば後は自動でクローンを作成してくれる。当然時間はかかるが。
全てが終わったら、古いHDDを撤去し、再起動！動作を確認すると使用環境は全く前のままでスピードが速くなり快適な環境になった。買った当時よりも（笑）メモリも増設してあるし、HDDも速くなってるのであたりまえだ。
こうして、調子悪かったパソコンが快適なパソコンに生まれ変わった！新しいパソコンを買わなくてもよくなり、めでたし！めでたし！

]]> http://otto-kun.kurionesan.com/2009/02/28/%e3%83%8f%e3%83%bc%e3%83%89%e3%83%87%e3%82%a3%e3%82%b9%e3%82%af%e3%81%ae%e3%82%af%e3%83%ad%e3%83%bc%e3%83%b3/feed/ 0