5月 2009 : ほるめすメモ帳inBlogger

ホーム > アーカイブ > 5月 2009

2009年5月31日日曜日

広告の無いホスティング環境が欲しい

先日書いたPHP ページ内画像一括zip圧縮DLで、インラインフレームで埋め込んだページは「land.to」というホスティング(レンタルサーバ)サービスを利用しています。
PHPもCGIもMySQLも使える無料のホスティングサービスであることから、授業でも多用しています。

が、land.toではあくどいほどのドデカイ広告がページ上下に付加されます。
まぁ、無料ホスティングサービスなので当然っちゃ当然なのですが。
去年の夏ぐらいまでは、管理者だけのページに使用可能の広告付加を除外する方法もあったのですが、現在の新規登録者はそれを付加しても効果がありません。
要するに、全ページ広告付きまくり。
これじゃあ、先日のあれみたいな一発モノは全くありがたみが無い状態です。まだ表示が大きいページなら気にはならないのですが。

と言うことで、少し探してみたいと思います。
目標は今後のことも考えて、「無料・広告無し・PHP使用可・CGI使用可・MySQL使用可」を条件とします。
・・・ないかなー、そんなにおいしいホスティングサービス。

スーパーマリオの帽子届きました

ようやく届きました、半年以上かけての発送です。
企画としてはクラブニンテンドーのものです。
クラブニンテンドーは、任天堂のゲームを買った時に付いているシリアルナンバーを元にポイントを発行し、そのポイントに応じてグッズと交換出来るというシステムです。
「スーパーマリオの帽子」は、貯めたポイントと交換するのではなく、ランクに応じてもらえるグッズです。
ランクとは、定められた年度内に貯めたポイントに沿って「一般」「ゴールド」「プラチナ」と与えられるもので、「スーパーマリオの帽子」は2008年度のプラチナ会員へのプレゼントグッズというわけです。


あまりつらつらと説明してもあれなので、以下に「スーパーマリオの帽子」の画像をば。


届いた箱の中にはきちんとビニールに包まれて入っていました。
いつものよくある添え状も同封です。


帽子の取り扱い注意書も入っていました。
帽子としての実用性はほぼ無いようです。
iPhoneから撮ったのでボケてますね、ピントが合わせられないというかマクロ機能がないので仕方ないです。


取り出して手で持ってみました。
ビニールに包まれている時は「浅い帽子だなぁ」と思いましたが、実際に手に持ってみるとそうでもないです。
でも、被ってみたらやっぱり浅かったです。
頭が大きいからなのか小さめに作ってあるからなのか分かりませんが、頭にぴっちりフィットしますね。


帽子コレクションにかぶせてみました。
やはり一つだけ浮いてます、当然ですが。

実際にかぶる機会は少ないので、ビニールに入れたまま飾っておくことにします。
帽子の材質上、そのままにしておくとホコリが集まりそうですし。

2009年5月29日金曜日

PHP ページ内画像一括zip圧縮DL

お友達の胡瓜メモ帳: phpでURLから画像を一括ダウンロード・改とほぼ同じですが、こちらも授業で作成したのでメモ。
これだけの作業がグッとされると気分が良いですし、まるごとダウンロードって言うのがなかなかおいしい気がします。
まぁ、取るつもりの無かったものまで付加されますが。

作成するにあたっての参考ページは以下です。
PHP で zip 圧縮
ここにあるように、「phpMyAdmin」内のzip圧縮用ライブラリとダウンロードライブラリを使用しています。


こちらが現物です。
未対応です&#12290;
IEの場合は自動でテキストボックスまで移動されますが、他のブラウザでは広告が表示されると思います。
そのままどうぞスクロールしてみてください。
画像を一括ダウンロードしたいサイトのアドレスをそのままテキストボックスへ入れて「送信」すると、少しレスポンスは悪いですが「img[年月日_時分秒].zip」がダウンロードできます。
解凍するとサイトにある画像が全部入っているはずです。


以下はソースになりますので、見たい人だけどうぞ。
▼続きを読む/たたむ
今回は3つに分かれています。
「zip/lib.php」は説明対象外として、「view.php」「tozip.php」が本体となります。

view.php
view source
print?
01.<?
02.header( "Content-Type: text/html; Charset=SJIS" );
03.header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
04. 
05.?>
06.<HTML>
07.<HEAD>
08.<META http-equiv="Content-type" content="text/html; charset=Shift_JIS">
09.<TITLE>ほるめすメモ帳inBlogger - ページ内画像一括zip圧縮PHP</TITLE>
10.<SCRIPT LANGUAGE="JavaScript">
11.<!--
12. function init(){
13.  window.scroll(0,150);
14. }
15.//-->
16.</SCRIPT> 
17.</HEAD>
18.<BODY onload='init();'>
19. 
20.<FORM
21. name="frm"
22. method="GET"
23. action="tozip.php"
24.>
25. <INPUT
26.  type="text"
27.  name="url"
28.  style='width:300px;'
29. ><br>
30. <INPUT
31.  type="submit"
32.  name="send"
33.  value="送信"
34. >
35.</FORM>
36.</BODY>
37.</HTML>

tozip.php
view source
print?
01.<?
02.header( "Content-Type: text/html; Charset=SJIS" );
03.header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
04. 
05.// ライブラリを参照
06.require_once('zip.lib.php');
07. 
08.if ( $_GET['send'] != '' ) {
09. 
10. // 配列準備
11. $flist = array();
12. 
13. // zip名作成
14. $zipname = date("ymd_His");
15. 
16. // クラス作成
17. $zipfile = new zipfile();
18. 
19. //$data_temp からファイルっぽいものを配列に入れる
20. preg_match_all('/(?:")?(http:\/\/[^\s"]+)/',
21.  file_get_contents($_GET['url']), $matches);
22. 
23. //重複したものを省き、名前を整える
24. $get_array = array_unique($matches[1]);
25. 
26. //処理制限時間を外す
27. set_time_limit( 0 );
28. 
29. // 画像ファイルであるフルパスだけを配列に格納していく
30. foreach ($get_array as $value){
31.  if(preg_match("/(gif|jpg|png|jpeg)$/i",$value)){
32.   array_push( $flist , $value);
33.  }
34. }
35. 
36. // 全画像フルパスをループ処理する
37. for ( $i = 0; $i < count($flist); $i++){
38. 
39.  // 画像データを展開する
40.  $handle = file_get_contents($flist[$i]);
41.   
42.  // ファイル情報として追加
43.  $zipfile -> addFile( $handle, basename($flist[$i]) );
44. 
45. }
46. 
47. // 全データを.zipファイルとして変数に代入
48. $zip_buffer = $zipfile->file();
49. 
50. header( "Content-Type: application/octet-stream" );
51. header( "Content-disposition: attachment; filename=img".$zipname.".zip" );
52. header("Content-Length: ".strlen($zip_buffer));
53.   
54. 
55. // 表示(実際にはzip生成)
56. print $zip_buffer;
57. 
58.}
59.  
60.?>

2009年5月28日木曜日

IE6以前でのエラー発生無事解決です

なぜか、と聞かれると正直わかりません。
ただ、何事も無かったかのように正常に使えているので解決メモ。


まず、前回での「Syntax error」が気になったので「showhide.js」を見てみました。
エラーでは8行目と出ていたので参照するとコメント行です。
view source
print?
01.function showHide(targetID) { //functionの宣言。受けとったIDは変数targetIDに格納。
02.        if( document.getElementById(targetID)) { //指定のIDのついたオブジェクトがあったら処理する
03.                //指定されたIDのstyle.displayがnoneなら
04.                if( document.getElementById(targetID).style.display == "none") {
05.                    //blockに変更する
06.                    document.getElementById(targetID).style.display = "block";
07.                } else { //noneでなければ、つまりblockなら
08.                    //noneにする
09.                    document.getElementById(targetID).style.display = "none";
10.                }
11.        }
12.}
JavaScriptではコメントのみの行がダメなのか？と思ったのですが、それならむしろ3行目の時点でエラーが発生しているはずです。
そもそもインラインフレームで呼び出しているものが使用出来ているので、コメントには問題が内容に思えるのですが・・・。
とりあえず怪しげなので、コメント行を全て削除してみました。

するといけたんですね、これが。
うーん、わからない。
もしコメント行手前に全角スペースが入っていたとしたら、インラインフレーム側でもエラーが発生するわけですもんね。


まぁとりあえず、きちんと動作しているようなので良しとします。
このまま使えないのは、学校でも見られないのと同等ですから。

2009年5月27日水曜日

IE6以前でのエラー発生

※追記:無事解決しました。
　　　→IE6以前でのエラー発生 無事解決です

先日の「続きを読む」風JavaScriptからIE6以前でのエラー発生について未だに解決出来ていませんが、今確認できていることをメモとして。


1, showhide.jsをロードしなければエラーが発生しない。
2, JS自体は使用出来る(インラインフレーム内では使用出来ている点より明らか)。
3, なぜか毎回ページロード時「Syntax error」が発生する。

 →JS呼び出しの記述がおかしい？
 →BloggerではこのJSが、何らかの理由で使用出来ない？

4, 他のJSは使用出来ている(SyntaxHighlighterが使用出来ているので)。
5, Seesaaのファイル置き場が悪いわけではない(3,と同じ+別サーバで試しても無理)。
 →外部サーバに.jsファイルを置いているのは問題ではない。


んー、正直何が何だかわからないです。
一番強い要因としてはやはり「Blogger」だからだとは思うのですが。
あと、一番のヒントは「Syntax error」でしょうね。
僕は「メモ帳」と言う意味で、あまり問題は無いのですが、他人が見る可能性とプログラマであることを含めて考えるとやはり解決しておくべきですし、こういう「エラー対処」も一つの勉強になり得ますので、いずれは解決しようと思います。
でも、あんまり時間をガチガチに使ってもなぁ、と思うので途中で放り投げるかも・・・。

今のところIE7以上では使用出来るので、この問題を解決するまではIE7での閲覧を推奨します。

ちなみに、IEのテストで使用しているのは「IETester」というソフトです。
My DebugBar | IETester / HomePage
ソフトの解説はまた後日。

2009年5月23日土曜日

「続きを読む」タグ生成JavaScript

一つ前の投稿で使えるようにした「続きを読む」を、すぐにブログで使用出来るように簡易リンクタグ生成JavaScriptと同じようにJSを作成しました。
完全に自分用なので、他の人が見ても全く意味が無いかもしれません。

※以前同様、今回もIEでしか使用出来ません(Sleipnirも使用可能)。
以下がソースとなります(実際には1行で処理を行います)。
view source
print?
1.javascript:
2.var date=new Date();
3.window.clipboardData.setData('Text','<a href="#" onclick="showHide(\'sh'+date.getTime()+'\');return false;">&#9660;続きを読む/たたむ</a>\n<div id="sh'+date.getTime()+'" style="display: none"></div>\n');
4.window.status='◆「続きを読む」をクリップボードへコピーしました。';
5.void(0);

軽く解説。
「続きを読む」範囲に付けるIDは、ブログページ内で被ってしまうとそこまで処理が通ってしまって困るので、絶対に被らないようにしました。
2行目で「Date」オブジェクトを作り、3行目「date.getTime()」で、被らない数字を生成します。
詳しいことは以下のリファレンスで。
getTime/JavaScriptリファレンス
あとはそのままソースを書き上げるだけです。

「続きを読む」風JavaScript

追記:どうもIE6ではJSエラーが発生するようです。
　　 現在問題調査中。
さらに追記:無事解決しました。
　　　→IE6以前でのエラー発生 無事解決です

他のブログサイトではよくある「続きを読む」機能。
あまりにも長い記事にはこの機能を用い、ページを無駄に使わない効果がありますが、実はこのBloggerには「続きを読む」機能がありません。
なので、あくまでも「続きを読む」風なJavaScriptを作成しました。

今回の処理は、簡単に言えば「消している」だけなので、画面ロード時に全て取得しています。
他のブログのような「続きを読む」機能とは(おそらく)処理が違うことを先に断っておきます。

完成品としては、以下のようになります。
インラインフレームに対応していません&#12290;

今回参考にさせていただいたサイトはこちらです。
JAVAscriptコレクション・文章を折りたたんだり表示したり

SyntaxHighlighter リンク変更の時と同じように、ほるめすメモ帳inSeesaaにhtmとjsを置いて使用しています。

以下が作成したソースです。
▼続きを読む/たたむ

まずは「showhide.js」から。
と言っても、上記参考サイトのソースをそのまま使わせてもらっているので、ソースのみ。解説も割愛します。
view source
print?
01.function showHide(targetID) { //functionの宣言。受けとったIDは変数targetIDに格納。
02.        if( document.getElementById(targetID)) { //指定のIDのついたオブジェクトがあったら処理する
03.                //指定されたIDのstyle.displayがnoneなら
04.                if( document.getElementById(targetID).style.display == "none") {
05.                    //blockに変更する
06.                    document.getElementById(targetID).style.display = "block";
07.                } else { //noneでなければ、つまりblockなら
08.                    //noneにする
09.                    document.getElementById(targetID).style.display = "none";
10.                }
11.        }
12.}

続いて、「showhide.htm」のソース。
こちらもほぼソースを書き換えていないので解説不要ですね。
view source
print?
01.<html>
02.<head>
03. <title>「続きを読む」風JavaScript</title>
04. <meta http-equiv="Content-Type" content="text/html;CHARSET=SHIFT_JIS">
05. <script language="JavaScript" src="showhide.js"></script>
06.</head>
07.<body>
08. <pre>
09. <a href="#" onclick="showHide('SH-001');return false;">&#9660;続きを読む/たたむ</a>
10. <div id="SH-001" style="display: none">
11. このように続きが表示されます。
12. 閉じる場合は再度クリックします。</div>
13. </pre>
14.</body>
15.</html>

Amazonプライムが素晴らしい

Amazon.co.jpは、GIGAZINEと同じように昔っからよく使ってるショッピングサイトです。
本来のサイトとしては、楽天市場などのようなお店の集合体ではなくむしろYahoo!ショッピングのような、ネット上の1店舗の扱いで始まりました。
今は他のショップから流れ込んではきてますけどね。

んで。
1年以上前からAmazonプライムの存在はあったのですが、使用はしてませんでした。
Amazon.co.jp: ヘルプ > 各種サービス > Amazonプライム
どういうものかというと、年会費3,900円を払っておけば、送料(1,500円以上購入でも)無料に加え、「お急ぎ便」が使用出来る様になるというもの。
この「お急ぎ便」というのが素晴らしいということです。

このサービスが始まった時は、まだ関東のみでのことだったので、指を咥えてうらやましがってました。
いつの間にか全国対象になっていて、かつ「初めの1ヶ月は無料体験」であることが試してみるきっかけとなりましたね。
東京ではどうか分かりませんが大阪の場合は、毎日16時までに注文すれば翌々日に到着します(月曜日ならば水曜日)。
しかも朝10時に届きます、佐川さん頑張りすぎです。
今まで3日掛かってたものが1日短縮されるだけでもかなり差がありますからね、これはすごい。

ただ問題としては、それほどAmazonを多用しないという点ですね。
大阪人的な考え方をすると「元が取れるかどうか」。
「お急ぎ便」は1回350円なので、12回使えば元が取れることになります。
結構いいサービスですが、使わなかったら意味ないですよね。

無料体験中に考えておかないと、自動で有料に切り替わるらしいので注意しないと・・・。

2009年5月20日水曜日

PCドライババックアップ

いつも最先端の情報を手に入れるっていうのは、生きていく上でとても役立つことだと思ってます。
とりあえず昔(って言っても2年ほど前)からPCを起動した際には、情報収集のために毎日決まって見るサイトがあります。
その一つに「GIGAZINE（ギガジン）」と言うサイトがあります。
いやもう、ホントこのサイトには何度もお世話になってますね。
コンピュータ関連だけでなく、幅広い情報が書かれているのも便利で楽しいです。

今日も眺めてると、いいソフトの紹介があったのでメモ。
Windowsのドライバを全部一気にバックアップできるフリーソフト「Driver Magician Lite」 - GIGAZINE

学生でかつMicrosoftのソフトウェアが好きに使える環境上、OSの再インストールなどは学校だけでなく家でも時々行います。
その時に面倒な事が色々とありますね、自分の好きなように使いこなせるOSになるためには。
　・ソフト以外のデータのバックアップ
　　音楽とか画像とか書類とか・・・
　・入れてあるソフトウェアのリスト/バックアップ
　・そのソフトウェアの設定のリスト/バックアップ
　・入ってるドライバのリスト/バックアップ
　・OSの細かい設定
などなど、今のPCを使えば使うほど変えたく無くなります。
その1つを解消してくれるのが上記リンクのようなのドライババックアップです。

インストールはGIGAZINEで上がってるのでそのまますればOK。
実際に使ってみましたが、ドライバを丸ごと全て取り出してくれます。
Vistaの場合は、ドライバを当てる際は自動でサブフォルダ内も参照してくれるので、このままで圧縮して置いておけばすぐ使えますね。
XPはサブフォルダを参照出来ないので、名前から判断して当てないといけないですけど。

学校でも結構ドライバ探しで苦労するので、あらかじめマシンから抽出しといたら楽になりますね。
他にもソフトがありますが、「軽い」「シンプル」「無料」という点においてはこのソフト、かなり使えるやつです。

就職活動について

本当は明日にある会社の一次面接が入っていたんですが、以前から少し体調が優れないことと新型インフルエンザの事もあるので、延期させていたく事になりました。

んで。
その一次面接の時に持って行くはずだった成績証明書を、先に送っておいたほうが良いのではという先生からのお達しがあったので書きました。
それを書く時に参考にするものを探していて、良いサイトがあったのでここにメモとして書いておきます。

リアル就職活動

まぁ、就職活動に関して、このサイトが全て真実かと言うとそれは無いと思いますが、一つの考え方というか就職活動を行う上で見ておいて損はしないですね。
特に、モチベーションを保つという点において非常に参考になることが書かれているので、ふと必要になった時に見ると良いと思いますね。

2009年5月19日火曜日

インラインフレームテスト

昨日、Seesaaブログのほうでは使用出来るのを確認しましたが、こっちではまだ確認していないのでテストです。
と言っても、普通のHTMLタグなので普通にいけるとは思うのですが。

ちなみに、以下のサイトで簡単に作る事ができます。
Web便利ツール/インラインフレーム作成ツール - TAG index Webサイト

フレーム未対応のブラウザです&#12290;

使用出来ました。

SyntaxHighlighter リンク変更

ふとブログを見返してみると、どう見てもSyntaxHighlighterが効いていないのに気付きました。
びっくりして原因を探ってみると、どうやらホスティング先のサーバが使えないようです。
一時的なものなのか、はたまたもう復活しないのかわからないのですが、そのまま放っておくのも嫌なので、ホスティングをやめてこちらでアップロードしたものを参照するようにしました。

と言っても、Bloggerは画像以外のファイルはアップロード出来ません。
なので、さっき作ったばっかりのSeesaaの領域を借りることにします。
使用していたSyntaxHighlighterのバージョンは「2.0.296」なので、以下から拝借しました。
SyntaxHighlighter for Movable Type

今はまだ必要な分しか入れていないので、必要になり次第随時入れていくようにします。

※追記
変更に伴い、以下のページを書き換えました。
ほるめすメモ帳inBlogger: SyntaxHighlighter 設定資料

※さらに追記
ホスティング先のサーバが復活したようです。

2009年5月18日月曜日

胡瓜メモ帳

1つ前の記事でSeesaaを勧めたお友達のブログです。

胡瓜メモ帳

PCゲーム「東方緋想天」のマッチングサイトを作ったり、他に今までに作ったものを載せていっているようです。
これからの発展もありそうなので、時々見ていきますね。

Seesaaブログ作ってみました

数年前のブログブーム以来、世界中に数々のブログサービスが作られました。
今までにいくつか作ったことがあります。
このBloggerもその1つで、たまたま作って自分の好きなように書き換えて、好きなように記事を書いています。

んで。
お友達が自分のまとめ用のブログを求めていたのですが、あえてBloggerは勧めずSeesaaを勧めてみました。
理由は多々ありますが、学校の先生も使っていてかつ使いやすい様に改造していることもあるので、将来性があるかなという意味合いで勧めました。

ということで、自分も使用テスト。
こんな感じになります。
ほるめすメモ帳inSeesaa

インラインフレームも使えました。
って、こっちでインラインフレーム試してないなぁ、あとでやってみよう。

平行線がありました

フツーにCSS内で見えないようにされているだけでした。
なので、そのCSSをそのままコメントアウト、その後＜hr＞挿入。

ね、簡単でしょ？
昨日の平行線作る前に気付けば良かったのになぁ、もう必要無いよあれは。
でも、なんで消されてたんだろうか。
ページ表示に関わるならわかるけど、表示したからってそんなに崩れはしないんだけど。

流行警戒宣言

なんともまぁ、来る時がきてしまいました。
大阪府の「流行警戒宣言」発令につき、大阪府下の中学校及び高校が全て休校です。
それに伴って、うちの専門学校も1週間の休校、嬉しいやら悲しいやら。

だって休校分他の休みが削れる事になるんだもんなぁ、当然。
ついでに1年生はUSJへの遠足も延期だし、踏んだり蹴ったりでしょ。

兵庫県から始まって大阪府まで伸びてきて、その流れ通りにマスクも無くなっているようです。
Amazonでももう少なくなってるんですよね、あと予備が4枚しかないです。
とりあえず、家を出る回数を極力減らすしかないですね。

2009年5月17日日曜日

簡易平行線作成

※この投稿はもう存在する意義を無くしました。
このテンプレートに変えてから＜hr＞がなぜか使えなかったので、簡易的な平行線を作成しました。
と言っても、＜hr＞を入れても全く反応が無いので、＜div＞を使って作ります。
先日の平行線と同じような感じですね。

この1つ前の記事でもテストで差し込みました。
以下のようなものになります。



以下が投稿作成時に差し込むタグです。
view source
print?
1.<div id="horizon" ></div>
そして、以下がテンプレートに書き加えたCSSです。
view source
print?
1./* 水平線 */
2.#horizon {
3.  width: 200px;
4.  height: 2px;
5.  margin-left: 1em;
6.  background-color:#204063;
7.}

本当は記事内中央に置きたかったのですが、それをするには大枠までいじらないといけないので、仕方なく「margin-left: 1em;」で置いています。
「1em」は1文字分という意味です。

水平線挿入用のJavaScriptも作らねば・・・。

GENOウイルスがヤバいらしい

現実世界では、豚から始まる新インフルエンザが広まって、学校閉鎖やマスクの完売などが起こっているみたいですが、電脳世界でもひと味違うウイルスが流行っているようです。
その名も「GENOウイルス」。その他に流れているウイルスとは違い、かなりの厄介者のようです。

詳しくは以下を参照してください。
GENOウイルスまとめ - トップページ
GENOウィルス・何をすれば良いか分からない人のまとめ - トップページ



上記サイトを参考にウイルスチェックを行いました。
このブログ及び僕のPCには感染はしていませんでした。
ただ、上記サイトを見て分かるとおり、感染してしまうとOS再インストールしか手が出せない凶悪なウイルスであるとともに、感染サイトを開くだけで感染してしまうという広域な視野を持つウイルスである以上、あまりに安心しすぎると大変な事になりそうです。
まずは自分のPCからウィルスチェックを。そしてサイトを持っている人はサイトのウイルスチェックを。

学校でも気をつけるように言うべきですね。特に僕らの部屋の授業は、大きなサイト1つが大きく関わっていますから。

2009年5月13日水曜日

Oracle Databaseに無料版があるらしい

ふと学校での他の人の話が聞こえたのを思い出したので検索してみると以下のような記事がありました。
無料で使える「Oracle Database XE」をインストール - builder by ZDNet Japan
「Express Edition」というのがなんか開発用語っぽくておいしい気分になりますが、「勉強に使う」という点ではほぼ問題はなさそうです。

上の記事に沿って進めるだけでVista上でも動きそうなのでインストールしてみます。
むしろ記事ですでにVistaを使ってるんですから、こういった記事を書く人でも「嫌が応でも」使用せざるを得ないんですかね。


僕があまりにも時代について行けていないせいで、世間で言う「Oracle」は圧倒的に11gに変貌していました。
おかげで上記事のようにダウンロードしようとしてもリンクがもう11gのものなので、素直にGoogleで検索した方が速いですね。

この検索結果のトップからダウンロード可能です。
oracle 10g express edition download - Google 検索

追記
インストール完了しました。
PC起動毎に、「OracleServiceXE」「OracleXETNSListener」のサービスが起動するので、要らない場合は手動にするといいでしょう。

2009年5月12日火曜日

VistaでMySQL

追記:「続きを読む」処理をしました。

とりあえず、きちんとインストーラからインストールしてみました。

授業ではもうすでにスキーマを作成したデータを全員で使用したので、
インストールというよりかは「配置した」状態です。が、それをそのままVistaでやろうとするとエラーを吐いた、というわけです。

今回インストールする際には以下のサイトを参考にさせていただきました。正しく言うならば、まるまるこちらと同じ事をしました。
Windows VistaにおけるMySQL

以下、スクリーンショット付インストール手順です。
▼続きを読む/たたむ


◆インストール手順
まず、今回インストールしたバージョンは「5.0」でなく「5.1」です。
なので、以下からダウンロードしてきます。
MySQL :: Select a Mirror
ファイル名は「mysql-essential-5.1.34-win32.msi」となっているはずです。

ダウンロードしてきたインストーラを実行します。

そのまま次へ。


インストール先を変更するのであれば「Custom」、そのままならば「Typical」を選択。
今回は変更無く「Typical」で進めます。


インストール先に不満がなければ次へ。


インストールが終わると、「MySQL Enterprise」の宣伝が始まります。
個人で学習用に使う分には使う必要が無いので次へ。


まだ宣伝が続きます、次へ。


ようやく宣伝とインストールが終わりました。
個別に設定していくので、「Configure the MySQL Server now」のチェックは外して終わります。


続いてセットアップに入ります。

「スタート」→「すべてのプログラム」から、「MySQL」→「MySQL Server 5.1」→「MySQL Server Instance Config Wizard」を選択。


セットアップが始まるので次へ。


ここでは設定を簡略的に済ませます。
「Standard Configuration」を選択して次へ。


「Install As Windows Service」にチェックが付いているかを確認。
その中の「Service Name」は「MySQL」を、「MySQL」のサービスを自動で起動するように設定するのであれば、「Launch the MySQL Server automatically」にチェックを入れて次へ。


ユーザ「root」の設定をするので、「Modify Security Settings」にチェックが入っていることを確認し、「New root password」「Confirm」共に「root」に使うパスワードを入力し、次へ。


各種設定が終われば終了します。



以下、使用するために必要な設定に移ります。

「C:\Program Files\MySQL\MySQL Server 5.1」の中の「my.ini」を開き、データベースのキャラクタコードを書き換えます。


画像の通り、2カ所を「sjis」に変更して保存。
書き換えた内容を反映させるために、一度コンピュータを再起動します。
再起動後に、サービス「MySQL」が起動していることを確認して下さい。


最後に、環境変数を設定します。
「コンピュータ」右クリックから「プロパティ」→左メニュー「システムの詳細設定」を選択し、「環境変数」を開きます。
下側、システム環境変数内「Path」に、「C:\Program Files\MySQL\MySQL Server 5.1\bin」を追加します。


これで設定は完了しているので、各接続方法で確認をしてみてください。
僕は授業でも「SQLの窓」を使用しています。
SQLの窓 Build C++ のダウンロードページ

2009年5月10日日曜日

簡易リンクタグ生成JavaScript

※このJavaScriptはIEでしか使用出来ません(Sleipnirも使用可能)。

ブログ記事作成する時の機能として「リンクタグを挿入」があります。
ダイアログにアドレスを入れるだけでリンクタグを入れてくれるので便利は便利なのですが、通常でターゲットを指定してくれないので自分で「target="_blank"」と入れるのが面倒です。
なので、JavaScriptで「target="_blank"」を含めたリンクタグを生成するコードを作りました。

実際には、アドレスバーにJavaScriptを打ち込み実行するカタチになります。
以下がそのコードです。
view source
print?
1.javascript:
2.window.clipboardData.setData('Text','<a href="'+document.URL+'" target="_blank">'+document.title+'</a>');
3.window.status='◆リンクタグをクリップボードへコピーしました。';
4.void(0);

このコードは4行で書かれていますが、アドレスバーに入れて実行するので、改行を除いて1行にする必要があります。
それ以前に、リンクタグを取得するたびにアドレスバーにコードを入れるのは面倒なので、ブラウザの「お気に入り」に登録します。
簡易リンクタグ生成JS
IEでは右クリックから「お気に入りに追加」で登録できます。

なお、ページ名に「'」や「"」などが入ると実行出来ない場合があります。あくまでも「簡易」ですので、ご了承下さい。

2009年5月9日土曜日

投稿日付サイズ変更

この間には平行線を綺麗にしましたが、日付が相変わらず小さいままだったのでテンプレート内を検索してサイズ変更しました。

view source
print?
01.h2.date-header {
02.  margin: 0;
03.  padding-top: 0;
04.  padding-$endSide: 0;
05.  padding-bottom: 0;
06.  padding-$startSide: 29px;
07.  text-transform: uppercase;
08.  color: $dateHeaderColor;
09.  background: url(http://www.blogblog.com/thisaway_blue/icon_date.gif) no-repeat 13px 0;
10.  font-size: 80%;
11.  font-weight: normal;
12.}
以下のように書き換えました。
view source
print?
01.h2.date-header {
02.  margin: 0;
03.  padding-top: 0;
04.  padding-$endSide: 0;
05.  padding-bottom: 0;
06.  padding-$startSide: 29px;
07.  text-transform: uppercase;
08.  color: $dateHeaderColor;
09.  background: url(http://www.blogblog.com/thisaway_blue/icon_date.gif) no-repeat 13px 0;
10.  font-size: 100%;
11.  font-weight: bold;
12.}

VistaでPHP - AN HTTPD Server

追記:「続きを読む」処理をしました。

前回はIIS7.0について書いたので、今回はAN HTTPD Server(以下HTTPD)です。
こちらは、去年度の学校の課題でFlexとPHPを触る時に必要だったので、すでに使用済です。
使用するレベルにもよると思いますが動作はしています。

前回はこちら。
ほるめすメモ帳inBlogger: VistaでPHP - IIS7.0

公式のページはこちらです。
AN HTTPD Home Page
なお、使用しているバージョンは最新の「1.42p」です。
PHPはもうインストール済のテイで進めます。

以下、スクリーンショット付設定手順です。
▼続きを読む/たたむ


◆設定方法
まずは上記リンクから本体をダウンロードしてきます。
「.zip」「.exe」どちらでも構いません。
今回は分かりやすいように、「C:」直下に「httpd」ディレクトリを作り、その中に解凍しました。
本体を解凍すると、「httpd.exe」があるので起動します。

すると、一瞬ウィンドウが出たと思ったらすぐに消えます。
起動した後にタスクトレイに収納されたので、タスクバー右にある「黄色いアイコン」をクリックするとウィンドウが表示されます。


僕の環境では、「ドキュメントルート」に「C:\inetpub\wwwroot\php」とありますが、通常はHTTPDを解凍した場所(今回は「C:\httpd」)となっていると思います。
これらを設定していきます。

HTTPDのウィンドウを開いている状態で、「オプション」から「一般」で設定を開きます。
開くと上部にタブがたくさんありますが、今回編集するのは「一般」、「表示/インデックス」の2つになります。
「エイリアス」タブに関しては、使用上設定が必要になるかもしれませんが、今回は無しです。

まずは「一般」タブから。

チェックする点は上画像の通り。
「HTTPサーバ機能」は当然必要ですし、「ドキュメントルート」はPHPを置いているディレクトを参照していないといけません。
今回は、前回に使用した場所「C:\inetpub\wwwroot\php」を使い回しています。
ポートですが、HTTPは基本的には80番になっています。変更することもできますが、例えば8080番に変更した場合は「http://127.0.0.1:8080/」のようにポートを指定して開くことになります。
「デフォルトインデックス」では、ディレクトリを指定して開いた時に基本となるファイル名です。ここでは「index.html」になっていますが、これも自由に変更可能です。
「CGIを実行する」にチェックが入っていないと、PHPは実行されずにダウンロードになってしまうので、チェックを入れて下さい。
その下のリストにPHPを実行出来るように設定します。
「拡張子」に「.php」がある場合は選択して「編集」、無い場合には「追加」を選択します。

「実行プログラム」ダイアログが表示されるので、まずは「実行する」にチェックが入っていることを確認して下さい。
続いて、以下のように入力します。
 ・拡張子
 　.php
 ・実行プログラム
 　インストールしたPHPの「php-cgi.exe」
そして、「一般パスでも実行する」にチェックを付け「OK」。
ここまでが「一般」タブの設定です。

続いて、「表示/インデックス」タブです。

ここでは、ファイルの一覧を表示する設定をします。
といっても、することは1つで「インデックスリスト(ディレクトリリスト)を表示」のチェックを入れるだけです。

以上で基本的な設定は終わっているはずなので、実際にPHPを開いてみます。
上で何度か書いているとおり、IIS7.0では「http://localhost/」でしたが、HTTPDの場合は「http://127.0.0.1/」となります。
テスト用のPHPは前回と同様の「phpinfo.php」を使用するので、「http://127.0.0.1/pfpinfo.php」で表示されたらセッティングは完了です。

2009年5月8日金曜日

VistaでPHP - IIS7.0

追記:「続きを読む」処理をしました。

今日の授業の中で、「VistaのIISでPHPが動かない」云々の話がありました。
その過程で以下の内容が生まれたのですが。
Vistaで動く簡単なWEBサーバ - SQLの窓と銀プログラマ

うちもVistaを使っています、もう1年半前からですね。
それ以前はXPを使っていましたし、学校でも使えるので両方ある程度は触れます。

で、本題のPHP。
上記事内ではIIS7.0・AN HTTPD Server共に使えないとありますが、
うちの環境では両方使用出来てます、IISに関してはまだPHPの情報しか覗いていませんが。
とりあえず、以下にIIS7.0でPHPを使用する際の設定方法を記述します。
PHPはもうインストール済のテイで進めます。

なお、OSは【Windows Vista Enterprise】ですので、
他のVistaでは出来ないかも知れません。
少なくとも【Home Basic】は、上記記事内で出来ない事は分かっています。
でも、【Business】は出来るんじゃないかなー。

以下、スクリーンショット付設定手順です。
▼続きを読む/たたむ


◆設定方法
ちなみに以下を参照しました。
記事内英語版のVistaですが、ほぼ違いはありません。
IIS7 で PHP を使う方法 ～ FastCGI - IIS/Windows サーバー徹底解説

まずはIIS7.0のセットアップです。
通常インストールした際にはIISはセットアップされてない状態なので、使えるようにします。
「コントロールパネル」の「プログラムと機能」から、左タスク「Windows の機能の有効化または無効化」を選択して「Windows の機能」を表示します。

「Internet Informention Services」→「World Wide Web サービス」→「アプリケーション開発機能」と開き、その中「CGI」にチェックを付けて「OK」を選択します。
その他の機能については、必要と思ったものをチェックして下さい。

処理が終了したら、続いて「インターネット インフォーメーション サービス(IIS) マネージャー」を開きます。
デスクトップ「スタート」→「すべてのプログラム」の中の「管理ツール」内にショートカットがあります。
左メニュー「接続」の「PC名」→「サイト」→「Default Web Site」を選択すると、中央に機能一覧が表示されます。

今回はこの中の「ディレクトリの参照」と「ハンドラ マッピング」を編集します。

先に「ハンドラ マッピング」から。
「ハンドラ マッピング」を選択し、右メニュー「操作」内の「モジュールマップの追加」を選択します。

「モジュールマップの追加」ダイアログが表示されるので、
　・要求パス
　　*.php
　・モジュール
　　FastCgiModule
　・実行可能ファイル
　　インストールしたPHPの「php-cgi.exe」
　・名前
　　自分のわかりやすい名前
を入力し、「要求の制限」を選択。
「要求の制限」ダイアログが表示されるので、「アクセス」タブ内のラジオボタンで「実行」を選択して「OK」。
「モジュールアップの追加」ダイアログに戻り、「OK」。
「モジュールアップの追加」に関しての注意が出るので、よく読み「はい」。

これで追加したものが中央一覧に表示され「有効」となりますが、このままではPHPを「実行」できないので、右メニュー「操作」内の「機能のアクセス許可の編集」を選択します。

「機能のアクセス許可の編集」ダイアログが表示されるので、チェックが外れている「実行」にチェックを付け「OK」。
これでPHPを「実行」することが出来るようになりました。

さて、この段階で、PHPファイルへ直接アドレス指定で飛べば実行は出来ますが、ディレクトリ内を表示しようとするとエラーを出されてファイルの一覧が表示出来ません。
なのでその設定をします。
機能一覧まで戻り、「ディレクトリの参照」を選択。

右メニュー「操作」内で「ディレクトリの参照は無効にされています。」と表示されているので、その下「有効にする」を選択して有効にします。
これで、ディレクトリ内のファイルをブラウザ上で一覧として表示出来るようになりました。

あとは、PHPを実行するだけです。
「Default Web Site」では、初期HTTPルートが「C:\inetpub\wwwroot」になっています。僕の場合はその直下に「php」フォルダを作り、「phpinfo.php」を作成したので、パスは「http://localhost/php/phpinfo.php」となります。

「phpinfo.php」
view source
print?
1.<?php
2. phpinfo();
3.?>

そして、「phpinfo.php」を実行して、以下の通り表示されれば完了です。

2009年5月7日木曜日

テンプレート変更

とりあえずテンプレートを変更してみました。
見てみた感じ一番記事の幅が大きそうに感じたものですね。

依然SyntaxHighlighterの中のソースは折りたたまれていますが、他の部分の長めの文章に関しては、フォントを小さくする事でまだ見やすくなったかと思います。
そもそもリンクが2行に渡って表示されるっていうのが個人的には嫌いな部分があるので、それを解消したかった部分もあります。

記事と記事の境目をもっとわかりやすくしたかったのですが、いかんせん日付が小さくなってしまって・・・
フォントと色は一括で変更できるのですが、日付の大きさまでは個別に変更できないのです。
この点も、テンプレート内書き換えでいけるのかな？

同日に書かれた記事はその日付で括られてしまうので、やはり見にくいです。
間に挿入される平行線が狙い目かと。


というわけで、平行線変更終了。
この線の正体は＜hr＞でなく＜div＞のスタイル変更でした。
なので・・・
view source
print?
1..post {
2.  margin-top: 0;
3.  margin-$endSide: 8px;
4.  margin-bottom: 14px;
5.  margin-$startSide: 21px;
6.  padding: 0;
7.  border-bottom: 3px solid #d8e7f7;
8.}
上のように書いてあるソースを以下のように書き換えました。
view source
print?
1..post {
2.  margin-top: 0;
3.  margin-$endSide: 8px;
4.  margin-bottom: 14px;
5.  margin-$startSide: 21px;
6.  padding-bottom: 10px;
7.  border-bottom: 3px solid #204063;
8.}

これで平行線の色を濃く、かつ「カテゴリ」との隙間を空けることで見やすくなりました。
ホントは色ももっと良いのに変えたいけど、生憎センスが無いもので。

あー　明日は記事ずつの日付でも探してみます。

SyntaxHighlighter 設定資料

実際テンプレート内に書き加えたソースは以下の通りです。

<head>
 
  <!-- ここから書き換え -->
  <script src='http://holmes21.up.seesaa.net/js/showhide.js' type='text/javascript'/>
  <link href='http://holmes21.up.seesaa.net/css/prestyle.css' rel='stylesheet' type='text/css'/>
 
  <link href='http://holmes21.up.seesaa.net/sh/shCore.css' rel='stylesheet' type='text/css'/>
  <link href='http://holmes21.up.seesaa.net/sh/shThemeDefault.css' rel='stylesheet' type='text/css'/>
  <script src='http://holmes21.up.seesaa.net/sh/shCore.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shLegacy.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shBrushVb.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shBrushCss.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shBrushPhp.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shBrushXml.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shBrushPlain.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shBrushJScript.js' type='text/javascript'/>
  <script src='http://holmes21.up.seesaa.net/sh/shBrushSql.js' type='text/javascript'/>
<script type='text/javascript'>
SyntaxHighlighter.config.clipboardSwf = &#39;http://holmes21.up.seesaa.net/sh/clipboard.swf&#39;;
SyntaxHighlighter.config.strings.copyToClipboardConfirmation = &#39;\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\u3000\u3000\u3000&#39;;
SyntaxHighlighter.defaults[&#39;auto-links&#39;] = false;
</script>
 
<style type='text/css'>
.syntaxhighlighter div,
.syntaxhighlighter span,
.syntaxhighlighter code {
 font-size:12px!important;
 font-family: &quot;ＭＳ Ｐゴシック&quot;!important;
}
.syntaxhighlighter {
 padding:5px!important;
 background-color:#FFFFFF!important; 
 border-style:solid!important;
 border-color:#808080!important;
 border-width:1px!important;
}
</style>
  <!-- ここまで書き換え -->
 
････</head>

SyntaxHighlighterを表示するために貼り付けるコードを作成するには、以下から変換ページを参照します。
SyntaxHighlighter2.0用 貼り付けコード作成 - SQLの窓と銀プログラマ

2009年5月6日水曜日

SyntaxHighlighter テストその2

今回は「改行の変換」を「いいえ」でやってみたいと思います。
記事内を＜pre＞タグで包むと自動整形してくれるようです。

結果的にこういったモノが出れば成功なんですが・・・。
090506_sh_test

この記事を書く際にはこちらを参照しています。
SyntaxHighlighter2.0用 貼り付けコード作成 - SQLの窓と銀プログラマ

以下SyntaxHighlighter挿入。

1.javascript:window.clipboardData.setData('Text',document.title+'\n'+document.URL);

2.void(0);


とりあえずテンプレート内に必要なモノ全て入れて試してみました。
やっと動作してくれるようになりましたね！
これだけの作業なのに神経使います・・・
ゆっくり考えれば出来ることなのに焦っちゃうっていう。
もっと論理的に考えられるようにしないといけません、精進します。

中に出てくる緑の矢印は改行を表しているんですね、初めて知りました。
というか、このテンプレート本文の幅狭いなー。
今度はこれを解消してみることにします、それか別テンプレートに変更ですね。

2009年5月5日火曜日

JavaScript テスト

今度はボタンを作ってのJavaScriptテストです。

完全に「script」タグを無視してくれます。
やっぱり無理なのかな、ちょっと調べてみます。


とりあえずわかりかけてきました。

ブログ記事のソースを開いてみてみると、
「script」タグ内に＜br /＞が混入しているのが原因のようです。
これは、ブログの「設定」→「フォーマット」の「改行の変換」が「はい」になっているためです。

ブログを書く時には当然見やすさ重視なので、改行を挟みつつ文章を書いていきますが、この設定が「はい」では、自動的に＜br /＞が挿入されるようになっています。
これを「いいえ」にするとJavaScriptは使用出来ましたが、他の記事の改行が崩れてしまうので、「はい」のままで使用します。
対処法としては、「script」の始めから締めまで1行で書ききってしまうのが考えられます。

それでも無理ですね・・・
「改行の変換」が「はい/いいえ」で何か差があるのか見てみることにします。

調べてみた結果ですが、
この記事の中身丸ごと比較対象しても＜br /＞が入っている以外全く差がありませんでした。
ということは、「はい」の状態の時に、何かいらない処理が走ってるって事なのかな－。
案外検索したら出てくるのかも、引き続き調べてみます。

SyntaxHighlighter 実装テスト

SyntaxHighlighterの実装テストです。
ソースは、ブラウザに貼り付けて実行するだけでページ名とアドレスを取得するものです。

1.javascript:window.clipboardData.setData('Text',document.title+'\n'+document.URL);

2.void(0);

どうやら使わせてはもらえないようですね。
どうも【script】タグが無効化されている模様。

追記(5/6):使えるようになりました。

2009年5月4日月曜日

おためしテスト

Googleの機能　結構あるんだなーと思いながら見てると
Bloggerというブログページを見つけたので使用テスト

どんなことできるのかねー

2009年5月31日日曜日

2009年5月29日金曜日

2009年5月28日木曜日

2009年5月27日水曜日

2009年5月23日土曜日

2009年5月20日水曜日

2009年5月19日火曜日

2009年5月18日月曜日

2009年5月17日日曜日

2009年5月13日水曜日

2009年5月12日火曜日

2009年5月10日日曜日

2009年5月9日土曜日

2009年5月8日金曜日

2009年5月7日木曜日

2009年5月6日水曜日

2009年5月5日火曜日

2009年5月4日月曜日

ブログ内検索

よく使うリンクリスト

アーカイブ

カテゴリ

RSS

購入したものリスト