131225_01：ポートフォリオ更新

今日のポートフォリオ

1. フッターを追加したトップページモック
http://shotajamesmorikawa.com/top_mock_02.html

2. ブートストラップを使ったカルーセル
http://shotajamesmorikawa.com/bootstrap_05.html

3. ブートストラップを使った登録フォーム
http://shotajamesmorikawa.com/boot_form.html

参考サイト

label、badge、alert、panelを使おう
http://dotinstall.com/lessons/basic_twitter_bootstrap_v4/24713

Modalウィンドウを使ってみよう
http://dotinstall.com/lessons/basic_twitter_bootstrap_v4/24715

カルーセルを使ってみよう
http://dotinstall.com/lessons/basic_twitter_bootstrap_v4/24718

Twitter Bootstrap はじめに見るべき10サイトまとめ
http://www.sakc.jp/blog/archives/8439

ノンデザイナーも必見！Twitter BootStrapの特徴と導入前に確認すべきこと
http://liginc.co.jp/web/design/44244

built with bootstrap
http://builtwithbootstrap.com/

Bootswatch
Free themes for Bootstrap
テンプレート集
http://bootswatch.com/

Bootsnipp
http://bootsnipp.com/

プロフィールスニペット
http://bootsnipp.com/snippets/featured/user-detail

フッタースニペット
http://bootsnipp.com/snippets/featured/bootstrap-3-footer?codekitCB=409649175.893419

カード決済スニペット
http://bootsnipp.com/snippets/featured/credit-card-payment-form-2

管理画面テンプレート
http://wrapbootstrap.com/preview/WB00U99JJ

ひと味ちがうTwitter Bootstrapの18個の無料テンプレート&有料まとめサイト
http://morizyun.github.io/blog/twitter-bootstrap-templates/

131224：ポートフォリオ3日目【Bootstrap】

今日のWebサイト
1つ目
http://shotajamesmorikawa.com/smartlesson_02.html

ブートストラップを勉強してそれっぽい見た目をつくってみた！
ブートストラップ楽しい！

参考にしたサイト
http://schoo.jp/class/313/room#


2つ目の作品
BootstrapのGlyphiconsとボタンを使って作った

参考にしたサイト
tableのスタイリングをしよう
http://dotinstall.com/lessons/basic_twitter_bootstrap_v4/24705
formのスタイリングをしよう(1)
http://dotinstall.com/lessons/basic_twitter_bootstrap_v4/24706
Glyphiconsとボタンを使ってみよう
http://dotinstall.com/lessons/basic_twitter_bootstrap_v4/24708


3つ目の作品
Bootstrapのbreadcrumb、pagination、pagerを使ったデザイン

breadcrumb、pagination、pagerを使おう
file:///Users/s_morikawa0710/portfolio/dist/bootstrap_01.html


RailsでBootstrapを使うための勉強

参考にしたサイト
Railsでbootstrap_sassを使おう
http://qiita.com/itkrt2y/items/cb5dfdc9cc0ad01490ac


メモ
Sublime Text2 : 何もない状態でctr+ cで行をコピーできる

131224_02：ActiveAdminで管理画面の導入

deviseというgemを使って、ログイン、ユーザー登録機能を開発

Railsでログイン、ユーザー登録機能を簡単に実装できるdeviseがスゴすぎると話題
http://laugh-raku.com/archives/2913

ActiveAdminというgemを使って、管理画面を導入する

ActiveAdminで簡単にRails管理が面を作ってみるよ
http://www.absolute-keitarou.net/blog/?p=570

BetterErrorsを導入してエラーメッセージを見やすくする
http://morizyun.github.io/blog/better-error-gem-rails-ruby-rack/


htmlのひな形を１行で入力してくれる
Emmetのインストール、使い方
hayakuのインストール

Emmetインストール方法と設定
http://kirinblog.com/tool/sublimetext2-emmet.html
Sublime Text 2を立上げたら、コマンドパレットを開く
Ctrl + Shift + p

Emmetと入力してインストール
html:5と入力し、Ctr+eを押すだけでhtmlファイルのひな形をつくれる。

設定でhtmlタグに入れるlang属性をjaにする。
http://tamshow.com/199
ライブラリ/Application Support/ Sublime Text 2/Packages/Emmet/snippets.json
を編集

	{
	"variables": {
		"lang": "en",　ここを変更→　"lang": "ja",
		"locale": "en-US",　ここを変更→　"locale": "ja-JP",
		"charset": "UTF-8",
		"indentation": "\t",
		"newline": "\n"
	},

131224：rails scaffold, mysqlの使い方とか

rails scaffold
scaffoldで作成したファイルの削除
http://d.hatena.ne.jp/ar_tama/20120113/1326435969
rails destroy scaffold “name"

scaffoldで簡単にデータアクセス
http://www.opentone.co.jp/news/release/article03/article0303.html
scaffoldでユーザー情報を管理するテーブルの作成

$ rails generate scaffold user id:integer user_id:string password:string user_name:string mail_address:string
$ rake db:migrate
$ rails server

使用するデータベースの変更
mysqlの場合

$ rails new 'project name' -d mysql

131223_03：データベース構築

要件定義や設計を行う上でERD図を描くことが大事だと知った。
ERD(Entity Relationship Diagram)


真のデータベースエンジニアを目指そう！
http://www.atmarkit.co.jp/ait/articles/0603/10/news125.html
データベースエンジニアとは？
データ管理者（DA:情報システム全体のデータ資源を管理する)とデータベース管理者（DBA:期間データベースの構築と維持を行う)
f:id:sjamesm:20131223110325g:plain

両者は、データモデリングという共通のスキルを持ち、DAは業務領域に、DBAはデータベース実装に特化した高度なスキルを持つスペシャリスト。
f:id:sjamesm:20131223110340g:plain

データベースエンジニアのタスクは、大きく分けると「設計・構築」「運用設計」「保守・運用」の3つのフェイズがある。

データモデリングには概念データモデル、論理データモデル、物理データモデルの各3つのモデルがある。
f:id:sjamesm:20131223114054g:plain


30分間データモデリング 〜ER図を描こう！〜
http://www.atmarkit.co.jp/ait/articles/0604/06/news110.html

ER図を描き上げるまでのプロセス
f:id:sjamesm:20131223114416g:plain

業務ルールの把握

エンティティの抽出

エンティティとは？
人（誰が）：取引先、組織、担当者、部署、顧客、従業員など
物（何を）：商品、製品在庫、資源、成果物、倉庫など
金：価格、現金、消費税、通貨など
時間：カレンダー、工場稼働日、基準日程計画、世代管理
やりとり・活動・行為（どうする）：受注、発注、出荷、承認、値引き、出庫、入庫など
ある目的を持って同じようなデータを集め、その目的を明確に表す名前を付けたもの。



楽々ERDレッスン：「お持ち帰りご注文用紙」編
http://codezine.jp/article/detail/154
楽々ERDレッスン：「図書館の予約申込書」編
http://codezine.jp/article/detail/175
この記事は分かりやすい！

メインテーブル
予約

予約者とレッスンテーブルの追加

予約者
予約者ID
名前
ふりがな
レッスン番号

予約
予約ID
日程
予約者ID
レッスンID
連絡先番号


レッスン
レッスンID
レッスン名
先生の名前
価格
日程

create table 予約者(

予約者ID integer not null,
名前 varchar(100),
ふりがな varchar(100),
レッスン番号 integer not null
);

create table 予約(
予約ID integer not null,
日程 date,
予約者ID integer not null,
レッスンID integer not null,
連絡先番号 integer not null
);

create table レッスン(
レッスンID integer not null,
レッスン名 varchar(100),
先生の名前 varchar(100),
価格 integer,
日程 date
);

1223_02：デバッグuninitialized constant HomeController

デバッグ
uninitialized constant HomeController

http://stackoverflow.com/questions/4456967/uninitialized-constant-homecontroller

rails g controller home indexで解決。
単純にホームのコントローラーがなかった