Backbone.jsでwebアプリを作ってみる(導入編)

備忘録（随時メモする）

1：導入方法

Backbone.js 特にgithubにサンプルフォルダがあるわけでもないので、 jQueryのように公式サイトのダウンロードから右クリックで保存

2:HTMLに貼り付け

使う箇所でjQueryのように読み込み (underscore,jqueryも)

 ＜script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
 ＜script src="js/underscore-min.js">
 ＜script src="js/backbone-min.js">
 ＜script>
 //処理用の・・・
＜/script>

サーバーサイドエンジニアはサーバー管理者じゃない

燃え盛ってる。

データ復旧荒療治

・障害発生時前までのデータに戻った場合

ログ系 php 障害発生時からバック後までのデータ取得(シリアルid以外) 新たにインサート

2015年版：ガラケーサイトのWEBデザインを爆速で終わらせるための注意点

ここにメモ もしガラケーサイトに対応しなければならないときに。

デザイン時の注意点 もしあまりにもガラケーのデザインにこだわりたいなら。

・tableはやばい tableはベベルとエンボスのようなborderが消えない機種があるので注意。 文字を最大で使っておられる方にいたっては１行ごとに改行になったりするので横並びあきらめたい。

・リンク注意 最新機種kのような奇跡の指(マウスカーソル)は出ません。(kはフルブラウザ搭載で普通のサイトが見れるから対応考えなくていい) リンク時に汚くなるのを避けたいのなら ・ボタンは長方形(or正方形)でつくる。 ・使いたい画像の下にテキストリンクを添える

・透過を使いたいときは背景色を添える 背景色を添えることで良い感じの雰囲気に （リンクにしてはいけない）

コーディング時の注意点

大前提 ・ドキュメントタイプはXHTML1.0 ・文字コードはSJIS。 ・絵文字対応するならばSJIS-WIN

これからはじめるなら。 先人たちの偉大な知恵をお借りする。 ・コーディングファイル(HTML) ・コーディングファイル(PHP) ・絵文字プラグイン

忘れないでおきたい

一番大事なのは伝えられることだと思う。 見やすくするためのデザインをすべきだと思うので、 画像をふんだんに使ったり複雑なレイアウトを駆使するのではなく、 文字サイズを特大・最小にしても読みやすいデザインや、 情報量が多いときにはタブで分けてコンパクトにしたり、 ローディングのgifを少しストレスが軽減するようなものにするなど、 UI/UXをきちんと考えないといけない。

GoogleスプレッドシートをDBのように運用したい[SELECT編]

データってほんとにデータベースで管理しなきゃいけないんだろうか。 いちいちテーブルつくるのめんどくさい。コネクトするのめんどくさい。 安いレンサバで済ませられないし管理もめんどくさいしWEB制作程度でほんとにDB使わなきゃいけないのか模索するブログ。

その１：csvを読み込んでpg_fetch_assocライクに使う

//文字化け防止
setlocale(LC_ALL,'ja_JP');
setlocale(LC_ALL, 'ja_JP.UTF-8');
setlocale(LC_ALL, 'ja_JP.EUC-JP'); //このへんはもうやけクソ
setlocale(LC_ALL, 'ja_JP.Shift_JIS');　 //このへんはもうやけクソ


//csvを読み込み
$csv_name="ファイル名.csv";

//読み取り
$handle=fopen($csv_name,"r");


$count=0;

while ($row = fgetcsv($handle,1024, ",")) {
    
    if($count==0){
        $column=$row;
    }else{
        foreach($row as $key=>$val){
            $rows[$count][$column[$key]]=$val;
        }
    }
    $count++;
}

にすると

echo $rows[行数]['カラム名'];

で使える

２：csvを読み込んでpg_fetch_rowライクに使う

上記のオレンジ色の部分をこっちに変更

while ($row = fgetcsv($handle,1024, ",")) {
    

        foreach($row as $key=>$val){
            $rows[$count]=$val;
        }

    $count++;
}

更新管理どうしよう。

URLからサムネイル取得できるプラグインがすごく便利

wordpressのプラグインでなんとかっていうプラグインがあるのですが、 wordpressじゃなくても使える模様

使い方はimgタグ以下のURLを吐き出すだけ

＜img src="http://s.wordpress.com/mshots/v1/ここにURL?w=300"＞

DBからデータをとりだしてグリッドレイアウトで表示する（レスポンシブ対応)

  
{$row['title']}

{$url}
{$view}Views


HTML;
}

// MySQLに対する処理
$close_flag = mysql_close($link);


?>

【php】変数名を変数名でつけたいとき。

変数名を任意の変数名と合わせて使いたいとき、

jsだとシンプルにいけるもののphpの場合↓

一度{}でくくってから$変数名を使うとうまくいく模様です。

${'変数名１' . $変数名２}

例)連番でidつけたときの処理方法  （的策かはわからない）

$hogeは件数

 for ($i = 0; $i <= $hoge; $i++) {  

${'img_' . $i}  

}   

ちなみに

$$変数名は

${$変数名}

ってなる模様（ふーん） 

hetemlでのzendframework2インストール&アプリ作成その3

データベース接続方法。 hetemlでインストール時にはdb作成していないのでまずはdb作成orテーブル作成から。

Cannot modify header information と出たときの対処方法

Cannot modify header information

と出たときは大体 下記のようなリダイレクト

header('location: index.php');

のファイルにechoとか出力系ぶち込んでるとなる気がするのですが、 今回原因不明であせっていたところ、

<?php

が

　　　<?php

こう隙間開いていたのが原因でした。 スペースでもタブでもだめでした。

あーびっくりした。