「Study Stack」のサイトコンセプト

サイトコンセプト

  • プログラミング学習の履修教材を登録して、積み上げを自信に!

ターゲットユーザー

  • プログラミング学習初心者~中級者

サイトの特長

  • 検索ボックスにISBN番号を入力すると、Web APIで書籍情報を取得し、結果を返す
  • 取得結果を確認し、リセットか登録を選択する。ただし、登録済みの書籍は重複登録不可。
  • 履修教材として登録が完了すると、履修書籍LISTに掲載される
  • 履修書籍LISTの機能は、登録削除と、フィルターによるカテゴリー抽出。カテゴリーは登録時にタイトルより自動的に取得している
  • ISBN検索機能は誰にでも開放されているが、履修教材として登録したり削除できるのはログインユーザーのみ。

技術仕様

  • PHP、SQL、JavaScript、HTML、CSS3
  • SASS、BEM

制作期間

  • 20日
    • 要件定義:2日
    • デザイン・ワイヤーフレーム:2日
    • コーディング:10日
    • デプロイ・修正:6日

セキュリティ向上の工夫

  • データベース接続情報用のファイルを本番環境と開発環境用に切り分け、デプロイと修正を同一フォルダで実施。
  • データベース接続情報はレンタルサーバーの非公開領域に格納し、ブラウザからのアクセスを不可に。
  • ログイン・ログアウト機能を実装し、第三者による書籍情報登録を不可に。
  • セッションとトークンを利用したCSRF対策を実装。
  • 入力値に対し、サニタイズとバリデートを実行。