情シス - 雑多メモ

基本は情シス、たまに開発を担当

Subversion リポジトリ作成～初期設定メモ

Subversion Apache

～前書き～
Apache-2.4 + mod_dav_svn 構成
SVNクライアント(TortoiseSVN)からhttpアクセス
httpd.conf : <Location /svnTest>
SVNParentPath : /svn/svn_Test

 
■リポジトリの作成

$ cd <httpd.confのSVNParentPathで指定したパス>
$ svnadmin create <リポジトリ名>
$ chown -R apache:apache <リポジトリ名>

■trunk, branches, tagsの作成

$ cd /tmp  <--どこでもOK
$ svn co file:///svn/svn_Test/<リポジトリ名> <リポジトリ名> --no-auth-cache
$ cd <リポジトリ名>  <--/tmp/<リポジトリ名>
$ svn mkdir trunk branches tags
$ svn commit -m "Initial Commit" --username admin --password <adminのパスワード> --no-auth-cache
$ svn list file:///svn/svn_Test/<リポジトリ名>
$ cd ..
$ rm -rf /tmp/<リポジトリ名>

 
■SVNディレクトリのlsを調べる

$ svn ls http://<SVNサーバIP>/svnTest/<リポジトリ名>/trunk

 

■既存リポジトリ領域からチェックアウトする

$ cd <作業領域など>
$ svn co http://<SVNサーバIP>/svnTest/<リポジトリ名>/trunk <リポジトリ名>

jQuery はじめに

jQuery JavaScript

jQuery入門

JQueryを始めるための覚書きです。

①jQueryを使用したいページのHEADタグ内に、jQueryを呼び込むためのタグを記載する

パターン：1
　　jQueryのダウンロードページから入手し、srcディレクトリ等に配置

<head>
　～
<script type="text/javascript" src="js/jquery.js"></script>
　～
</head>

パターン：2
　　CDNを利用

<head>
　～
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js"></script>
　～
</head>

※当然インターネット接続していないと使えない

　補足：jQuery には圧縮版の Minified と、非圧縮版の Uncompressed があって、一般的には読み込みの早い圧縮版を使います。圧縮版は改行などが排除されていて、ファイル名が jquery-1.6.4.min.js のように min がついてるのがそうです。数字はバージョンを表しています。


②コードを記載する場所
　jQueryのコードは、HEDAタグ内の、jQuery本体のコードの後ろに記載すること
　※CSSを読み込む場合は、CSSのほうが上になるように

　というわけで、こんな感じの順序にする

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>


③jQueryの基本文法

$(function(){
    $("A").B(C)
});

　　A：セレクタ　・・・divタグ等、class要素を指定するところ
　　B：メソッド　・・・Aの要素に対して処理を加える部分
　　C：パラメタ

　　「AをBする」


④サンプル

例：クリックするとhoge1の指定箇所が消えるサンプル
【HTML】

<div class="hoge1">クリックすると消えます</div>

【CSS】

.hoge1{
    color:#00FF00;
}

【JS】

$(function(){
    $(".hoge1").click(function(){
        $(this).hide()
    });
});