🧐

基本学習 参考課題

に公開

基本学習 参考課題

以下の参考課題に対応してください。

あくまで参考ですので、できなくても問題ありません。

シンプルなWebUI、WebAPIの範囲でも理解しておくべきことは多いです。

基本確認

シンプルなWebUI関連

  • HTMLとは何ですか?
  • CSSとは何ですか?
  • JavaScriptとは何ですか?
  • HTML、CSS、JavaScriptの関係、分掌について説明してください
  • VanillaJSとは何ですか?
  • 正規表現とは何ですか?
  • バリデーションとは何ですか?
  • fetchとは何ですか?
  • ボタンの2度押しを防止したい場合、どのような方法で対応しますか?
  • index.htmlをopenコマンドで開く場合とserveコマンドで開く場合は何が違いますか?
  • 今回開発したWebUIはどのようなアーキテクチャですか?
    • MPAですか?SPAですか?CSRですか?SSRですか?

シンプルなWebAPI関連

  • APIとは何ですか?
  • WebAPIとは何ですか?
  • REST形式とは何ですか?
  • JSONとは何ですか?なぜ利用するのですか?
  • WebAPIを利用しない連携方法について教えてください
  • (HTTP)リクエストとは何ですか?
  • (HTTP)レスポンスとは何ですか?
  • (HTTP)Headerとは何ですか?
  • (HTTP)Bodyとは何ですか?
  • (HTTP)Methodとは何ですか?
  • Content-typeとは何ですか?
  • CORSおよびCORS問題とは何ですか?
  • プリフライトリクエストとは何ですか?
  • データベースとは何ですか?なぜ利用するのですか?
    • データを保存するのならCSVファイルでもいいのでは?

利用技術・ツール関連

  • Node.jsとは何ですか?
  • expressとは何ですか?
  • nodeとは何ですか?Node.jsとは違うのですか?
  • npmとは何ですか?
  • npxとは何ですか?
  • SQLiteとは何ですか?なぜSQLiteを使うのですか?
  • SQLite以外のデータベースを利用するとしたら何がお勧めですか?
  • curlとは何ですか?
  • なぜcurlではCORSエラーが発生しないのですか?

その他

PM関連

  • シンプルな基本システムの要件定義書を作成してください
  • シンプルな基本システムの設計書を作成してください
  • シンプルな基本システムのテスト計画書を作成してください
  • シンプルなシステム開発のWBSを作成してください
    • 最も工数がかかる工程は何ですか?
  • シンプルな基本システム開発の見積書を作成してください

AI関連

  • AIに指示してWebUIと同じWebUIを作成してみてください
    • できれば2回繰り返してください
  • AIに指示してWebAPIと同じWebAPIを作成してみてください
    • できれば2回繰り返してください
  • 上記を実行した後、AIにおける開発の課題を説明してください

デプロイ

  • WebUIとWebAPIを外部公開するにはどうしたらいいですか?
    • どのような手順が必要ですか?
    • どのような環境にデプロイしますか?
    • 調整・留意事項は何ですか?
bluecodeテックブログ

Discussion