ver.1.10（最終：2024.05.12）

12.18【後期】データベース構築Ⅱ

  • 本日の目標
    • 先週の続きで、「student_mst」から「news_v1_tbl」に変更する。
    • 変更しながら、プログラムの意味を理解していく。
  • 授業の進め方
      • 09:20　授業開始
      • 09:25　PHPとデータベースの連携について（サンプルページ）
      • 09:30　サンプルデータダウンロードして、WEBサーバに設置します。
        • 注意：WinSCPでサーバにアップロードする場合には、必ずZIPファイルを解凍「すべて展開」してから作業すること。
      • 10:00　自分で設置したプログラムにブラウザを使ってアクセスします。
        ➡https://tsb.well-field.co.jp/tsb2024/20241218/
      • 10:10　プログラムを変更しながら、動きを確認してみる。

       

      1. 登録ページ（dataAdd.php）のプログラムを変更してみる。
        1. HTMLを変更し、必要なテキストボックスを用意する。
        2. SQLを変更し、登録するデータを変更する。
      2. 更新ページ（dataUpd.php）のプログラムを変更してみる。
        1. HTMLを変更し、必要なテキストボックスを用意する。
        2. SQLを変更し、初期値が正しく入力されるようにする。
        3. SQLを変更し、更新するデータを変更する。
      3. （チャレンジ）テーブル一覧や入力フォームなどの見栄えを良くしてみよう！
        1. テーブル一覧のCSS例➡こちら
        2. 入力フォームのCSS例➡こちら
      4. 10:45　課題提出
    • WEBサーバへの接続情報
      ＜VPSサーバ内のデータベース接続情報＞
      アカウント：tsb24
      パスワード：tsb202404
      使用するデータベース：db2024
    授業テンプレートはこちら
    本日の課題提出はこちら

    12.18【後期】システム開発入門（選択者のみ）

    • 授業の進め方（システム開発）
      1. スケジュール
        • 13:30　授業開始（チームごとに座る）
        • 13:35　今週の日報について（リーダーは設問が異なります）
          1. 本番サイトにアップしたページのURLを提出すること。※但し、一番自信がある／頑張った1ページを貼り付けること。
          2. 自分が「どのページ」の「どの部分」を担当したのか、どんなところに拘ったのかなど、記述すること。
        • 13:40　年末年始に意識してほしいこと
          プログラミングは、勉強として学ぶだけでは身に付きにくいです。
          何か課題や成果物をあった方が、作業する意味がでてくるため、取り組みやすいと思います。
          社会人になったら勉強しようではなく、目の前の課題を一つずつ、取り組む「習慣」を身に付けましょう。
          そのためにも、年末年始に自分のページでゆっくりでもいいので、プログラミングに向き合ってみましょう！
        • 14:55　メンバーごとのタスクの確認および作業開始（Figmaはこちら）
        • 15:10　進捗の確認
        • 15:20　作業開始
        • 16:30　本日の発表（前回と異なるメンバーが発表すること）
      2. モーダルウィンドウ：サンプルページ／サンプル添付
      3. 進捗管理
        • 12月04日：（50％）ＨＴＭＬコーディング完成し、プログラム単体開発
        • 12月11日：（60％）ＨＴＭＬの軽微な修正およびプログラム単体開発
        • 12月18日：（65％）プログラム単体での機能は完成
        • 01月15日：（70％）プログラム統合し、結合テストを実施
        • 01月22日：（85％）エラーが発生したところを修正
        • 01月29日：（90％）本番環境のデータを整え、実運用に近い状況を構築
        • 02月05日：（100％）要件／仕様通りの動作をしているかの確認および修正
        • 02月12日：コンテスト予選（評価対象：動作するシステム／発表パワーポイント資料／発表内容）
        • 02月22日：A-TECH
      4. コンテストに向けて注意すること。
        • 他のチームのアイディアやプログラムをコピーする行為は禁止します。
        • システム開発の時間内にチーム作業の妨害になる行為は禁止します。
        • 授業中に携帯やパソコンなどで、授業に関係ない行為を行うことを禁止します。
      5. 本番および作業フォルダ
        ※パスワードは、各チームの開発担当にのみお伝えします。

    日報はこちら
    システム開発「FigJam」はこちら

    重要な情報

    下記の情報は、授業で使用するためのサーバおよびログインとなります。授業や自習以外に使用しないように注意してください。

    ＜VPSサーバ接続情報＞
アカウント：tsb24
パスワード：tsb202404
ホスト名（サーバ）：db.well-field.co.jp

＜VPSサーバ内のデータベース接続情報＞
アカウント：tsb24
パスワード：tsb202404
使用するデータベース：db2024
    ＜サーバ接続で使用＞
ssh -l tsb24 db.well-field.co.jp
mysql -u tsb24 -p -h localhost
use db2024;

＜便利コード＞
show databases;
show tables;
    ＜「WinSCP」を起動＞
※このソフトは、Webサーバに接続しファイルをアップロード／ダウンロードするために使用します。

アカウント：tsb24
パスワード：tsb202404
ホスト名（サーバ）：tsb.well-field.co.jp
ポート：22

    ■今後、身に付ける必要があるスキル

    • GitHub（バージョン管理）
    • AWS（インフラ）
      • Amazon EC2
      • Amazon S3
      • RDS
      • Amazon API Gateway
    • Docker（仮想化環境）
    • Figma（UI/UX）
    • VSCode（IDE：統合開発環境）
    • Notion（タスク管理）
    • mariaDB（リレーショナルデータベースMySQL派生）

     

    – Webアプリケーション –

    • PHP
      • Laravel（PHPフレームワーク）
    • Javascript
      • node.js（Javascript実行環境）
      • vue.js（Javascriptフレームワーク）
    • CSS
      • Bootstrap（フロントエンドツールキット）

      – ローカルアプリケーション –

      • Python
        • Pygame（ゲームライブラリ）
        • Raspberry Pi（端末）⇒電子工作
        • ChatGPT（AI開発）

      Microsoft365（統合システム）
      AdobeCC

      配布資料一覧

      授業テキスト