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

09.04【前期】Webアプリ開発Ⅰ 第14回目(授業内容)

  • Webアプリ開発Ⅰ
    • 授業内容
      • Figmaのアカデミック登録を行います。
        参考PDFファイル(資料1 / 資料2
      • 配布資料(20240724_ER_tablelayout / 20240724_teacher
      • 前期課題の制作について
        Figjamにて公開:こちらをクリック
      • 本日の課題

        1. システム開発のチームに分かれて席に座ってください。
        2. チームごとに、どのようなデータを扱うかを洗い出します。
          1. 手書きやFigmaを利用して、連番やNOなどを考えずに「具体的」なデータを記述します。
          2. Figmaでデータを見やすく記述します。
          3. それぞれのデータがどのような関係かを記述します。
          4. Excelを使用してER図(テーブルレイアウト)を作成します。
          5. テーブルクリエイト文を作成します。
        3. チームごとに誰が、管理システムのどの部分(ファイル)を作成するかを割り振ります。
      • 前期課題
        ※テーブルは、チーム単位で作成していきます。
        ※難度によって、大きく加点します。
        ※リーダー加点(10点)

         
        30点(全チーム、この部分は完成済)
        ・基本の講師配布テンプレートをもとに管理画面を準備すること。
         ⇒会員管理
         ⇒お知らせ管理(画像付き)
        40点(2週間かけて、この部分を作成する)
        ・新規のテーブル作成
        ・割当られた管理画面作成
        30点
        ・画像付き、もしくは、複数テーブルでの管理

07.31【前期】システム開発Ⅱ 第13回目(授業内容)

進捗率 企画書骨子
(背景・目的・機能)
画面イメージ
(Figmaなど)
企画書
(パワーポイント)
スケジュール
タスク
(スケジュール表作成)
仕様
(要件定義書作成)
筋書
(ストーリー)
エビデンス
(証拠)
技術課題
Aチーム(松本さん)  70% 100%
90% 80% 20% 70% 0%
Bチーム(日高さん)  60% 100% 90%
90%
10%
(パワーポイントで作成)
10% 70%
Cチーム(高橋さん)  70% 100% 100% 90% 40% 10% 100%
Dチーム(アキラさん)  55% 100% 100% 30% 70% 10% 60%
(自動翻訳)
Eチーム(宮本さん) 60% 100% 100% 40% 40% 30% 60%
(API)

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

  • 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

    配布資料一覧

    授業テキスト