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%)HTMLコーディング完成し、プログラム単体開発
        • 12月11日:(60%)HTMLの軽微な修正およびプログラム単体開発
        • 12月18日:(65%)プログラム単体での機能は完成
        • 01月15日:(70%)プログラム統合し、結合テストを実施
        • 01月22日:(85%)エラーが発生したところを修正
        • 01月29日:(90%)本番環境のデータを整え、実運用に近い状況を構築
        • 02月05日:(100%)要件/仕様通りの動作をしているかの確認および修正
        • 02月12日:コンテスト予選(評価対象:動作するシステム/発表パワーポイント資料/発表内容
        • 02月22日:A-TECH
      4. コンテストに向けて注意すること。
        • 他のチームのアイディアやプログラムをコピーする行為は禁止します。
        • システム開発の時間内にチーム作業の妨害になる行為は禁止します。
        • 授業中に携帯やパソコンなどで、授業に関係ない行為を行うことを禁止します。
      5. 本番および作業フォルダ
        ※パスワードは、各チームの開発担当にのみお伝えします。

    重要な情報

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

    <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

      配布資料一覧

      授業テキスト