予習のまとめ

一応、迷わずeclipseをダウンロード（簡略）

Wed, 06 Aug 2014 19:14:39 +0900

今さらですが、eclipseをダウンロードするときに何となく迷うので、念のため書いときます。

毎回マシンが変わるごとに同じような準備しなきゃいけないし。。

ダウンロードする内容は↓

Pleiades All in One （いろいろセットで入っているから便利）で言語はphp

http://mergedoc.sourceforge.jp/ にアクセス

↓

eclipse 4.3 kepler を選択　（最新版があればそっちでも）

↓

64bit（Full Edition）行　の php 列　Downｌoadボタンクリック

※ダウンロードするＰＣのbit数だけ確認

↓

ダウンロード後、Cドライブ直下で解答して、フォルダ名「Pleiades」にしとく

↓

xamppのパスが設定されてないので、xamppフォルダの中のsetup_xampp.batを実行する

↓

xampp-control.exeを実行して、ApacheとMySqlをstartしておｋ

（スカイプとか使ってると、ポートがかぶってエラーを起こすので、かぶらないようにするか、スカイプ切るかして対応）

※細かい設定が別途必要になってくるかもしれないけど、とりあえずこれでおｋ

＝＝＝　ここからは、あんま関係ないけど、入れてて便利なもの　＝＝＝

ffftp　or winscp

さくらエディタ

WinMerge

Tera Term

FireFoxアドオン

measureit（ｈｔｍｌ/ｃｓｓ系）

color picker（ｈｔｍｌ/ｃｓｓ系）

chromeアドオン

advanced rest client（api系）

javascript 文字列を整数にする

Sun, 27 Oct 2013 21:02:06 +0900

「01」という値が渡ってきて表示するときにゼロをとりたいと思うときって結構ある。　そんなときは parseInt関数を使う。

$(document).ready( function(){
var i = '01';
alert(parseInt(i));
});

javascript: bodyが読み込まれたらテキストボックスにフォーカスをあてる

Mon, 19 Aug 2013 01:30:25 +0900

で、bodyが読み込まれたらテキストボックスにフォーカスをあてる。

ログイン画面等の入力誘導に便利？

とりあえず、やってみたから軽いメモ。

function my(){
ドキュメント.フォーム名.テキスト名.focus();
}
ドキュメント.ボディ.オンロード=my;

ブラウザに変な広告が毎回表示する件

Sun, 18 Aug 2013 16:26:16 +0900

ここで、プログラムと全く関係ない記事を。。

ブラウザを開くと毎回変な広告が横やら下やらに表示される。。

かなりうっとうしいし、困っている人もいるかと思うので記載。

ブラウザ別アドオン確認方法↓　（変なアドオンが入っていたら削除。）

■IE
ツール→アドオンの管理→ 検索プロバイダ

■Mozilla Firefox
ブラウザのアドレスバーに「about:addons」と入力して移動。

■Google chrome
ブラウザのアドレスバーに「chrome://extensions/」と入力して移動。

jQueryでフローティングウィンドウ。

Sun, 07 Jul 2013 22:26:37 +0900

jQueryでフローティングウィンドウを、ちょっとだけカスタマイズしてみた。

理想
・周りは暗くする
・後ろの制御不可にする
・閉じるボタンをつける

【css】
#floatWindow{
display:none;
position:absolute;
top:100px;
left:100px;
z-index: 100000;
border-radius:5px;
}
#floatWindow a.close{
position:absolute;
right:20px;
top:1px;
}
#floatWindow a.close img{
border:none;
}
#floatWindow dl{
width:100%;
height:100%;
background:#fff;
margin:0;
}
#floatWindow dl dt{
height:25px;
line-height:25px;
text-indent:1em;
color:white;
font-weight:bold;
cursor:move;
background:red;
}
#floatWindow dl dd{
margin:0;
padding:2em;
line-height:1.5;
text-indent:1em;
}

#layer {
position: absolute;
z-index: 2;
background: #000000;
top: 0px;
left: 0px;
filter: alpha(opacity=60);
opacity: 0.6;
display: none;
}

【script】
$(function(){
$("a.open").click(function(){
var width = $(document).width();
var height = $(document).height();
$('#layer').width(width)
.height(height)
.show()
.fadeTo('fast', 0.4);
$("#floatWindow").fadeIn("fast");
return false;
})

$("#floatWindow a.close").click(function(){
$("#floatWindow").fadeOut("fast");
$("#layer").fadeOut("fast");

return false;
})
$("#floatWindow dl dt").mousedown(function(e){

$("#floatWindow")
.data("clickPointX" , e.pageX - $("#floatWindow").offset().left)
.data("clickPointY" , e.pageY - $("#floatWindow").offset().top);

$(document).mousemove(function(e){
$("#floatWindow").css({
top:e.pageY - $("#floatWindow").data("clickPointY")+"px",
left:e.pageX - $("#floatWindow").data("clickPointX")+"px"
})
})

}).mouseup(function(){
$(document).unbind("mousemove")

})
})

【html】
<br /><div id="floatWindow"><a href="sample2.html" class="close">閉じる</a><dl><dt>jQueryによるフローティングウィンドウの作成</dt><dd></dd></dl></div>

使えそうなピクトグラムのURL。

Wed, 03 Jul 2013 23:51:06 +0900

【URL】
http://www.defaulticon.com/

3D-Z-Axis-Rotation.png 更新
search.png　検索
copy.png　コピー

delete.png　削除
trash-empty.png　削除

edit-document.png　新規登録
help.png　ヘルプ
login.png　ログイン
logout.png　ログアウト
calendar-alt-1.png　カレンダー

jQueryでモーダルウィンドウ。

Tue, 02 Jul 2013 23:32:08 +0900

次、そのまま使うときのために記載しとく。
jqueryを読ませて。宣言を忘れずに。。。
cssだけ適当にいじれば使えるはず。

【URL】
http://kwski.net/jquery/787/

jQueryでメニューの表示・非表示

Tue, 02 Jul 2013 00:21:22 +0900

使える、jQueryでアコーディオンメニュー。
そのままいけるやつ。

//css部分

dl.accordion dt::before {
content: '';
position: relative;
float: right;
border: 8px solid transparent;
border-top-color: #000;
width: 0;
height: 0;
top: 5px;
right: 0px;
}

dl.accordion dt.open::before {
content: '';
position: relative;
float: right;
border: 8px solid transparent;
border-bottom-color: #000;
width: 0;
height: 0;
top: -5px;
right: 0px;
}

// JavaScript 部分
$(function() {
$(".accordion dd").css("display","none");
$(".accordion dt").click(function(){
$(this).toggleClass("open").next().slideToggle("fast");
});
});

文言を表示: テストテストテストテストテストテストテストテストテストテストテスト

jQueryが読み込まれていることの確認。

Fri, 28 Jun 2013 17:51:41 +0900

jQueryの宣言の仕方がわからなかったり、javascriptでうまくいかず、エラーがでてきて…

ほんとにjQuery読み込まれてるのかよって時に、

if(typeof jQuery != "undefined"){ //jQueryの読み込み確認
$(function(){
alert('jQuery is ready.')
});
}

便利。

MySQLで、大量データをCSVファイルからインサートする。

Wed, 26 Jun 2013 11:21:39 +0900

MySQLで、大量データをCSVファイルからインサートする。

これは早いし、便利だったのでメモ。

コマンドラインで、以下を記述↓

use DB名;

LOAD DATA LOCAL INFILE "C:/パス/○○○○.CSV" INTO TABLE テーブル名
FIELDS TERMINATED BY ','
ENCLOSED BY '"'
LINES TERMINATED BY '\n'
(user_id, @dmy, user_name, @dmy, @dmy, user_age, user_pref, @dmy, @dmy, @dmy, @dmy);

【CSVの内容によって下記を変更】※上から順に
ロードするファイルのパスとインサートしたいテーブルを設定
フィールドの区切り記号
フィールド内のテキスト区切り記号
レコードの区切り記号
どこのフィールドに値を入れるかを設定（@dmyは無視される。それ以外はフィールド名）