ver.1.10(最終:2023.05.29)

10.16【後期】Webアプリ開発Ⅱ/システム開発Ⅱ

  • 授業の進め方
    • 午後のシステム開発に向けて、準備を行う。
    • 完成イメージを共有できるようにイメージを可視化する。
    • スケジュール
      • 11:00 授業開始(チームごとに座る)
      • 11:10 作業タスクの書き出し(スケジュール表を参照)
      • 11:40 1・2年生が作業できるようにタスクの割り振り(Figmaはこちら
        その他、作業見本やHTMLコーディングのベースファイル作成など
  • 授業の進め方
    • 完成イメージを共有する。
      ➡仕事の進め方:まずは全体像から捉えていく。
    • リーダーからメンバーに仕事を割り振ります。
      その際に、具体的に資料を利用して、理解してから作業を進めて下さい。
      とりあえずでスタートしてしまうと、手直しが何度も入ってしまい進まなくなってしまいます。
    • スケジュール

重要な情報

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

<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

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

  • 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

    配布資料一覧

    授業テキスト