ogasawaraのブログ https://ameblo.jp/ogasawara-123/ ブログの説明を入力します。 ja 1/7 　
　昨日の時点ではバリデーションで使う事しか予定していなかったが、調べてみると入力補助以外にもレイアウトをレスポンシブにするものとか、SNS連携とかのものが多く見つけれた。
　
　そこでもっとたくさん利用することにした予定では
・フォーム入力補助(日付など)、デザイン
・レイアウト修正
・コールバック処理

　を考えていて、利用できそうなものは取り入れて少しでも使いやすくしていきたい。
]]> https://ameblo.jp/ogasawara-123/entry-11744879297.html Tue, 07 Jan 2014 08:51:02 +0900 1/6 とりあえず一つ動かしてみないと、ほかにも補助系のプラグインががあるのでちょっと困ってる。


　htmlは自分で書いた部分は主観が入ってしまい、うまくいっていない箇所が多い、見栄えもまだ悪い。サイト構成とかを他サイトからヒントを得ようと思ったが、自分では理解できない部分が多かった。
　用意したネットで調べてようやく何の意味があるのか分かる、というのが大半だった。


　他のサイトのソースを見てみると自分で書いたソースがどれだけ汚いかわかる。
　htmlで書いた中にphpで長文を書いていたり、タグの使い方だったり,,,,修正しようとするとどこかほかの箇所が崩れたり、おかしくなったりしてしまう。ソースを書きながら整理する事も覚えよう。 ]]> https://ameblo.jp/ogasawara-123/entry-11744236477.html Mon, 06 Jan 2014 10:52:11 +0900 1/1
とりあえず、ローカルでもできるcssとかを帰るまでに完成させようと思う。

土日の予定分はサーバにあげてないだけなので手元にソースがある

スマホで調べものはやりづらいのでcssの参考本を買おうかな... ]]> https://ameblo.jp/ogasawara-123/entry-11741310795.html Wed, 01 Jan 2014 12:38:00 +0900 12/27
ユーザ名とメールアドレスはどちらかが違ければ登録できるようにしようと思います。



同じ画面でバリデーションを付けようと正規表現について調べていたが、
"/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/"
こんな感じのが見つかった。
書いてある内容の
「\._-」とか最後の「$/」とかがサイトによって微妙に違ってたりしてた。

正規表現を完全に理解できてからバリデーションを付けようと思う。


今週は土日で
・入力から完了までの間に確認画面を入れる
・入力項目のデータ型チェック、バリデーションを入れる
・正規表現


そろそろ画面の方も気にして作っていかないと使いやすさ、見やすさともに悪いのでhtml,cssを整える! ]]> https://ameblo.jp/ogasawara-123/entry-11737205710.html Fri, 27 Dec 2013 10:12:42 +0900 12/26進捗 アカウント削除画面を作った。

パスワードを2回入力するようにして、一致判定のエラーを出すようにした。
削除は削除フラグをtrueにすることで削除されている見せることにした。



グラフは棒グラフに変更した。
折れ線グラフの場合、登録件数が1件の時などにグラフにできなかったりがあったので変更しました。

今週は土日で
・入力から完了までの間に確認画面を入れる
・入力項目のデータ型チェック、バリデーションを入れる
・グラフの期間範囲選択機能(月ごと、年ごと)


]]> https://ameblo.jp/ogasawara-123/entry-11736846678.html Thu, 26 Dec 2013 17:13:10 +0900 グラフ 　そこで、グラフを棒グラフに変更しようと思います。

参考

現在は日ごとに表示していますが、月ごととかも考えねばならない
]]> https://ameblo.jp/ogasawara-123/entry-11735885707.html Wed, 25 Dec 2013 03:31:28 +0900 12/24進捗 ・アカウント作成、ログアウトを実装
・お金管理一覧の編集、削除機能の改修
・全体のテスト、問題点の把握


全体のテストをしていたら自分の更新ミスで、お金管理の機能が先祖がえりしていたのでその改修をした。他の箇所はなかったが注意していきたい。

アカウント登録にはユーザ名、メールアドレス、パスワードの3つで登録するようにした。
アカウント作成に関しては同じアカウントの重複をしないための処理を考えないといけない...
また、アカウントの更新、削除も実装しないといけないと作り終わってから気づいた。

　グラフは一つにまとめる、カテゴリのグラフを作る等、表示する予定なものがそろっていないのでコンテンツに表示していない

今週の予定
・ユーザ情報更新、削除機能
・入力フォームでの必須項目エラー
・アカウント情報が重複しないようにする
・グラフ

木曜までに作る ]]> https://ameblo.jp/ogasawara-123/entry-11735206415.html Tue, 24 Dec 2013 08:48:09 +0900 12/20　進捗
ログイン情報はセッションを使い、情報を保持するようにしています。

ユーザごとにすることによって修正箇所が少しあらわになった
・一覧のIDがテーブルのIDと同じ
・データがないときにグラフを表示しようとするとエラーが出る


ほとんどのファイルがBOM付きのUTF-8で保存されていたため、2つ前の投稿のエラーが何度か起きたが修正できた。


グラフはまだ不安があるのでサイドリンクには出していない...


アウトプット
ログイン
グラフ

2つ目のアカウント
user/test@email

次は
・トップ画面に何か表示
・グラフ見直し
・テストデータのバリデーションを増やす

・入力チェック
・エラーコメント
・バリデーション
・レイアウト

データ型や機能をテストして、おかしな動作をしないように実装したい


サクラ







火曜日までの課題
・ユーザ登録
・ログアウト
・パスワード発行
・一覧にソートをつける
・グラフ改修
・使いやすさ
・エラーコメント
・バリデーション

毎日ブログを書く
]]> https://ameblo.jp/ogasawara-123/entry-11732942013.html Fri, 20 Dec 2013 15:53:57 +0900 リダイレクト処理 全ての画面でログイン情報をセッションに記録して、セッションが切れたらログイン画面にリダイレクトするようにした。
セッションに入れる、取り出すができる様になったと考えていいのだろうか...

処理は下記の通り。

session_start();
if(!isset($_SESSION['id']))
{
header("location: ./login.php");
exit();
}
?>

コードの最初に書かないと前回のブログと同じエラーが発生するため、最初にログイン判定をするようにしています。
ちなみに　$_SESSION['id']　にはユーザIDが入るようにしています
]]> https://ameblo.jp/ogasawara-123/entry-11732144042.html Thu, 19 Dec 2013 09:50:24 +0900 12/16 進捗
進捗
・グラフは収入、支出を動的に出力するように修正した
グラフ

・ログインはセッションに記録、取り出しをできる様にした
※アカウントは現在一つしかなく
ユーザ名、パスワードはogasawara/ogasawara@gmail　となっています。
ログイン


反省点
・ログイン画面はテキストボックスとボタンだけの分かりづらい画面なので修正していきたい
・ログインデータを取れなかった時にリダイレクトできていないのでその部分を直す
・グラフに関しては動的化はしたが、何も入力していない日の想定など配慮が欠けていた


今週の予定
・ログイン情報取得の失敗時にログイン画面にリダイレクトするようにする
・ログイン後にユーザー情報をトップ画面に表示するようにする
・レイアウトを少しずつ整える

今回、「headers already sent」というエラーに初めて遭遇した。
ソースの「<?php session_start(); ?>」の箇所で起きていたが原因を調べてみると、
ファイルの文字コードがBOM付きのUTF-8で保存されていたのが原因だった。
ソースを書く以前に保存形式にも気を配らないとな。。。。。 ]]> https://ameblo.jp/ogasawara-123/entry-11730285720.html Mon, 16 Dec 2013 13:09:43 +0900