Git Product home page Git Product logo

blog-app's Introduction

blog-app

blog-app's People

Contributors

kimkim0814 avatar prismistim avatar

Watchers

 avatar  avatar

blog-app's Issues

投稿一覧画面の作成

概要

  • 投稿一覧画面を作成する
  • UIKitのListかCardを使用する

表示する情報

  • タイトル
  • 投稿ユーザー
  • 投稿日

余力あれば

  • 更新日
  • タグ
  • リード文

デザイン案

案1

  • リストで表示する
  • 縦一列

案2

  • カードを3列ほどに並べて表示する
  • グリッドのようなスタイル

ログイン機能の作成

概要

  • ログイン(ユーザー認証)機能を作成する
  • パスワードはMD5で変換し、DBのデータと照合する

タスク

  • フォームデータの取得
  • ユーザーの存在確認
  • パスワードの照合
  • 結果の返却
    • エラーでアラート表示
    • 成功で画面遷移

ログイン画面の作成

概要

  • ログイン画面をデザインする
  • コントローラも作成する

表示

  • ロゴもしくはサイトタイトル
  • 入力フォーム
    • ユーザー名 (もしくはメールアドレス)
    • パスワード
    • ログインボタン

タスク

  • コントローラの作成 (ビューを返す)
  • フォームのデザイン

投稿取得機能の作成

概要

  • 投稿をDBから取得できるようにコントローラとモデルを作成する
  • 複数取得と単一取得を作成する
  • ビューができている場合はデータを流す
  • 単一取得は後々作る投稿詳細画面で使う

タスク

コントローラ

  • 複数取得機能の作成
  • 単一取得機能の作成

モデル

  • 投稿取得機能の作成
    • 複数でも単一でも使えるようにする

ユーザーモデルの作成

概要

  • ユーザーを管理するモデルを作成する
  • user テーブルをDBに追加する

user テーブルのカラム (案)

名前 属性
id int(11) PRIMARY KEY, AUTO INCREMENT
name varchar(20) NOT NULL
email varchar(100) NOT NULL
password varchar(100, MD5) NOT NULL
created timestamp CURRENT TIMESTAMP

タスク

  • テーブルの作成
  • ユーザー取得機能の作成
  • ユーザー作成機能の作成
  • ユーザー情報更新機能の作成
  • ユーザー削除機能の作成

CI3のDBマイグレーションテスト

概要

  • DBのマイグレーションとかをやったことないのでやってみる
  • とりあえず、コードからDBの設定を呼び出せるようにする

タスク

  • マイグレーションコード作成
  • テスト

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.