ver.1.10（最終：2023.05.29）

重要な情報

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

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

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

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

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

07.24【前期】Webアプリ開発Ⅰ　第12回目（授業内容）

  • Webアプリ開発Ⅰ
    • 授業内容
      • Figmaのアカデミック登録を行います。
        参考PDFファイル（資料１　／　資料２）
      • 配布資料（20240724_ER_tablelayout　／　20240724_teacher）
      • 前期課題の制作について
        Figjamにて公開：こちらをクリック　管理ページサンプル
      • 本日の課題①

        1. システム開発のチームに分かれて席に座ってください。
        2. チームごとにテーブル名ルールを決めてください。
        3. ２のチーム名ルールをもとにグループごとで「user_mst」と「news_tbl」の２つを作成してください。
        4. チームごとに「Webサーバ」へ管理システムを設置してください。
          1. こちらのファイルをダウンロードします。
          2. 使用するデータベースを変更します。
          3. uploadsフォルダのパーティションを変更します。（newsフォルダも設定すること）
        5. チームごとに誰が、どこのファイルを変更するかを割り振ります。
        6. 自分たちが作成するシステム／サービスで扱うデータをシートを使って書き出してください。
          ⇒決まっていない場合には、先に検討しても構いません。
        7. ER図（テーブルレイアウト）を作成してみてください。
        8. ある程度出来上がったところで、先生に確認してください。
      • 前期課題
        ※テーブルは、チーム単位で作成していきます。
        ※難度によって、大きく加点します。
        ※リーダー加点（10点）

         
        30点
        ・基本の講師配布テンプレートをもとに管理画面を準備すること。
        　⇒会員管理
        　⇒お知らせ管理（画像付き）
        40点
        ・新規のテーブル作成
        ・割当られた管理画面作成
        30点
        ・画像付き

07.24【前期】システム開発Ⅱ　第12回目（授業内容）

進捗率 企画書骨子
（背景・目的・機能）		 画面イメージ
（Figmaなど）		 企画書
（パワーポイント）		 スケジュール
タスク
（スケジュール表作成）		 仕様
（要件定義書作成）
筋書
（ストーリー）		 エビデンス
（証拠）		 技術課題 資料作成
Aチーム（松本さん）  5% 20%
（独自性）		 10% 0%
Bチーム（日高さん）  25% 100％ 10% 30%
（具体的）
Cチーム（高橋さん）  25% 100% 5%
Dチーム（アキラさん）  25% 100% 10% 10%
Eチーム（宮本さん） 20% 80%
（強み）		 20%
  • システム開発Ⅱ
    • 本日の目標
      A-TECHコンテストに向けて、企画書の骨格を作成していく。
    • 授業内容

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

  • 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

    配布資料一覧

    授業テキスト