以下のように3つのSNSサービスにリンクするアプリケーションを実装していく。 各リンクは以下のページへリンクしている。 1 2 3 https://www.facebook.com/ https://twitter.com/ https://www.instagram.com/ 実装は以下のステップで進めていく。 railsの新…

Hamlを導入 まずは、HTMLをより効率的に書けるようになるビューのテンプレートエンジンを導入する Hamlとは Hamlとは、HTMLよりも簡単に書くためのビューテンプレートエンジン。公式サイトによると「マークアップは美しくあるべき」という原則に基づいて開発…

BEM BEMとは、多くの開発者が取り入れているCSS設計。BEMは、厳格なクラスの命名規則が特徴。BEMはBlock、Element、Modifierの頭文字を取ったもので、ページを構成する要素をBlock、Element、Modifierのどれかに当てはめてクラスを命名する。 CSS設計 CSS設…

Sassとは SassとはCSSの機能を拡張した言語。Sassを利用することで、CSSを効率的に書けるようになる。SassはCSSに非常に似ているが異なる言語である。CSSを簡潔に書けるだけではなく、CSSの中で変数を使ったり、計算を行うことなどができる。 Sassファイル S…

ChatSpaceの機能を洗い出す ChatSpaceを使ってみて、どのような機能があるか洗い出す。先に必要な機能を把握してからデータベース設計をする。 例）Pictweetの場合 ユーザー管理機能 ツイート機能 コメント機能 必要なテーブルを考える 機能ごとに必要なテー…

正規化はなぜ必要なのか 以下のような生徒とその生徒が受ける授業を管理するためのテーブルがあったとする。 id student homeroom class1 class2 class3 0 田中太郎 2-4 国語 英語 数学 1 鈴木次郎 3-5 英語 物理 数学 テーブルの問題点 このテーブルには問…

テーブルとエンティティ エンティティとは現実世界の概念をデータベースで扱うデータとした場合の呼び名。エンティティをデータベースのオブジェクトに変換するとテーブルになる。つまり、「エンティティ = テーブル」と考えてほとんど差し支えない。 成績管…

データベース設計とは データベースの設計とは、作成するサービスやシステムに必要な情報をどのようにデータベースで管理するかを決める作業である。データベース設計をしっかりと行うことで、サービスが複雑になった場合でもより効率的かつ簡易的にデータの…

データの結合 例えば、ユーザーのフルネームの一覧を取得したいとする。フルネームは"family_name"と"first_name"から成るので、以下のようなSQLを書くことが出来る。 1 2 SELECT family_name, first_name FROM users すると実行結果は以下のように表示され…

データの準備 テーブルにあるデータの検索のために、まずはデータの入ったデータベースを用意する必要がある。 今回はこちらでデータの入ったプロジェクトを用意してあるので、以下の手順からデータの入ったデータベースを作成する。 現在mysqlに接続してい…

ターミナルを再起動した場合は以下のコマンドからデータベースを選択した場面まで進む。 ・mysqlに接続 1 mysql -u root ・データベースを選択 1 USE sqltest; データを登録してみる まず、データの操作として最も基本的なのは、データの登録である。 データ…

mysqlへ接続してみる SQLを実行するために、まずはデータベースへ接続をする必要がある。 データベースを扱うために、mysqlというデータベース管理システムを使用していた。またこれまではmysqlを扱うために、SequelProというアプリケーションからデータベー…

SQL SQL（Structured Query Language）はリレーショナルデータベース（RDB）の操作を行うための言語。 リレーショナルデータベースとは、データをテーブルという表形式の構造で管理するデータベースのことで、Webアプリケーションを作成する際は一般的にリレ…

form_forとform_withの間には細かな違いはあるものの、使用感が大きく異なることはない。 自動でパスを選択してくれて、HTTPメソッドを指定する必要が無いこと コントローラーから渡された、ActiveRecordを継承するモデルのインスタンスが利用できること inp…

Rails 記法 ハッシュの記法 aタグ→link_to imageタグ→image_tag %button→button_tag パスの指定 考え方 インスタンス変数生成のコードをメソッド化 すべての操作はリソースに対するCRUD操作にまとめる DB関係 外部キーの設定 外部キーをreferences型にする …

ブランチを作成せず、masterブランチ上でコードを書いてしまった 新たにブランチを作成し、これまで書いたコードを新しいブランチに移す。コードを書いている途中にブランチを作成する際は、書いているコードを作成したブランチに引き継ぐか、0からコードを…

1. 事前準備 git-app というアプリケーションを作成し、作業を進めていく。 アプリケーションを新たに立ち上げる git-app というアプリケーションを新たに作成 以下の手順で操作をしていく。 ターミナル 1 2 3 4 $ pwd #現在のディレクトリがprojectsである…

GitHub Desktopをインストール GitHub Desktop GitHubが提供しているデスクトップ用のアプリケーション。本来はコンソールで実施する作業を、グラフィカルに表現してくれるので、GitHubを利用した開発をより容易にしてくれる。これらのツールはGUI（グラフィ…