Git
・最初の内容は自宅PCの中
・プッシュしたファイルの把握
$ git log
//変更内容を確認
$ git log -p
Command Line
・ファイルの作成
$ touch
//ファイルの中身を確認する
$ cat
//フォルダを作成する
フォルダをディレクトリと呼ぶ。
$ mkdir
//移動するには
$ cd(change directory) ディレクトリ名
//自分の位置を確認するために
$ pwd
//その階層のすべてを見るには
$ ls (listの略)
//一つ上に進むには
$ cd..
・ファイルの移動や削除
$ mv 移動させたいファイル名 移動先のディレクトリ
//ファイル名を変更するのにも使える
$ mv 元の名前 変更後の名前
//ファイルノコピー
$ cp コピーしたいファイル 新しい名前
$ cp -r ディレクトリも可能になる
//ファイルの削除
$ rm ファイル名
SQL
・データベースからデータの取得
ー大文字小文字を区別しない
//複数呼び出すときは
,とか。全部は*とつかいます
SELECT カラム名
FROM テーブル名; ←セミコロンを忘れないようにね。
//横この情報:レコードを取得するには
where category = "欲しい項目"
where name = "完全に一致するものだけ"
//"%これで挟む%"ことによってなんでも認識 ワイルドカード
where name LIKE "%ここに入ってるものを含むをゲット%"
where name LIKE "プリン%" これは前方にプリンが入っているのを検索
where Not "以降の条件を満たさないものを持ってくる"
//内容が入っていない NULL
where price is Null
where price is not Null;
//条件を二つ使う場合
where A
and B;
・取得したデータの並び替え
Order by カラム名 並べ方;
//並べ方の種類
asc
desc
//制限の仕方
Limit ;
Php
・最初の行動
”;”セミコロンで区切ること。エラーでちゃうよ!
<?php echo "<h2> 初級</h2>"; ?>
html
<h2>初級</h2>
・変数
<?php
$name= "Bob";
echo $name;
・if文
$x = 20;
if($x > 10){
echo "おっきいね!";
}
・真偽の話
if(true){
echo "この中が必ず実行される";
}
if(false){
}else{
echo "ここが実行される";
}
他にもelseifというものがある。
・論理式
AかつB
if( A && B )
AまたはB
if( A || B)
Cの真偽を否定する
if(!(C))
・switch構文だよ!
breakがないとこの中の工程すべてをおこなってしまう。
switch($coin){
case 0:
echo "表";
break;
case 1:
echo"裏";
break;
defalut:
echo "エラー!";
break;
}
・配列ボックス
$names = array("A","B","C");
Aをだすためには
echo $names[0]
後ろに付け足すときは
$names[] = "D";
AをEにかえる。
$names[0] = "E"
$names = array(
"name" => "わんこ",
"bus" => "せいぶ"
);
echo $names["name"]
//追加するには
$names["level"] = "beginner";
・配列構文
$date = array("東京","大阪","京都");
foreach($date as $value){
echo $value;
}
$colors = array(
"Apple" => "Red",
"Banana" => "yellow",
"Grape" => "Purple"
);
foreach($colors as $key => $value){
echo $key.':'.$value;
}
・繰り返し構文
for($i = 1; $i <= 100;$i ++){
echo $i;
}
改行をおこなう
echo $i.'<br>';
・繰り返し構文2
$i = 1;
while($i <= 100){
echo $i;
$i ++;
}
・便利なコマンド
break;
continue;
・
$length= 7;
$area =$length * $length;
echo $area;
?>
・上書きされてしまう
$sum=5
$sum=8
・1の時だけ省略して書ける
++
-- など
・連携連結
$lesson = "PHP";
echo $lesson."PHP";
・連結の省略形
$lesson .=”はなび”;
・変数展開
echo "私は、{$lesson}見た。";
私は、はなびを見た。
・関数
strlen("Progate"); 文字数を返す。
count();要素の数を返す。
rand(1,4);1~4のランダムな整数を返す。
・関数作成
function printCircleArea(下に使う変数){
echo 繰り返したい内容;
}
・呼び出す関数
関数();
・戻り値
function getSum($sum1,$sum2){
return $sum1 + $sum2;
}
・formの準備
<form action="URL" method="postかget">
\\ここにフォームの内容をかいていく。
<input type="text" name="email">
<textarea name="content">
</textarea>
</form>
・↑の入れられた情報は
echo $_POST["email"];
echo $_POST["content"];
・ボタン作成
<input type="submit" value="送信(ここにボタンの上の名前が出る)">
・セレクトボタン
<select name="総称して呼び出すために必要なこと">
<option>並べたいことをここにいれていくよ</option>
<option></option>
<option></option>
</select>
・繰り返しと
for( $i = 1; $i < 4;$i ++){
echo " <option value = "{$}i" >{$i}</option>";
}
$_SERVER['REMOTE_ADDR']
現在ページをみているユーザーのIP アドレス
$_SERVER['HTTP_USER_AGENT']
ページにアクセスしているユーザーエージェント
今回利用したのは$_SERVERに含まれる2つの値のみですが、その他にも様々な情報がこのスーパーグローバル変数にはあります。
$_SERVER['REQUEST_METHOD']
リクエストメソッド名で‘GET’、 ‘POST’など
Sass
html
<div id="header">
<ul>
<li>羅列する内容</li>
</ul>
</div>
直感的に構造をかける
.header{
width: 100%;
ul{
padding: 10px;
li{
font-size: 10px;
}
}
}
・hoverをより簡単に
html
<div>
<h1>タイトル<h1>
</div>
Sass
div:hover{
background-color: red;
}
・ボタンのお話
html
<div>
<span>ボタン</span>
</div>
Sass
span: active{
position: relative;
top: 7px;
box-shadow: none;
}
li{
font-size: 10px;
&:hover{
background-color: red;
}
}
・色がこうなるマウス
:hover{
opacity: 1;
}
・特定のとこだけ操作
<ul>
<li>1</li>
<li class="second">2</li>
<li>3</li>
</ul>
li {
font-size: 14px;
}
lii.second{
color: red;
}
Sassなら
&.second{
color: red;
}
jQuery
$("何を”).どうするのか(引数);
//隠してみよう
$("何を") .hide(引数);
//action
fadeOut ⇔ fadeIn
slideUp ⇔ slideDown
//引数
("slow")
//実例
$(function() {
// 以下で、hideメソッドを用いて<h1>要素を隠してください
$("h1").hide();
});
・classとidの違い
class 複数
id 一回
/*引用の仕方が違う*/
# id
.class
・行動を起こしたときに発動するよ
$("").イベント名(function(){
});
・クリックの有無でイベントがおこる
html
<div id="hide-text">説明を隠す</div>
<p id="text">ボタンをクリックすると現れます</p>
$("#hide-text").click(function(){
$("#text").hide();
});
//実例
$(function(){
// 「#hide-text」要素に対するclickイベントを作成してください
$("#hide-text").click(function(){
$("#text").slideUp();
});
});
$("何を").css("プロパティ名","値");
・hover動作
$("何を").hover(
function(){
//マウスを乗せたとき
}.
function(){
//マウスを外した時
}
);