プリンキピア

第11章Webアプリケーション開発

Review Questions復習問題

Exercises 1–5練習問題 1–5
1. What is MVC? a. the primary design pattern used for SPA applications b. a software architecture pattern that separates a system’s presentation, business logic, and data c. a software pattern for loose coupling and high cohesion d. stands for Multi-Vector Chain, a principal technology used in Web 3.0 blockchain applications
1. MVCとは何か。a. SPAアプリケーションに使う主要なデザインパターン b. システムの表示、ビジネスロジック、データを分離するソフトウェアアーキテクチャパターン c. 疎結合と高い凝集度のためのソフトウェアパターン d. Web 3.0のブロックチェーンアプリケーションに使う主要技術、Multi-Vector Chainの略
2. What is a web application framework? a. software designed to aid in developing web applications b. software that restricts the boundaries and edges of the network for the application c. software that provides cybersecurity for web applications d. software that increases the performance of a web application when networking traffic is heavy
2. Webアプリケーションフレームワークとは何か。a. Webアプリケーションの開発を支援するよう設計されたソフトウェア b. アプリケーションのためにネットワークの境界や端を制限するソフトウェア c. Webアプリケーションにサイバーセキュリティを提供するソフトウェア d. ネットワークの通信量が多いときに、Webアプリケーションの性能を高めるソフトウェア
3. What is a native application framework? a. software designed to support development and execution targeted toward a specific platform (e.g., Android, iOS) b. program for writing assembly language for a given device c. software tools created by a company that also creates the targeted device d. software designed for responsive Web 2.0 SPA applications
3. ネイティブアプリケーションフレームワークとは何か。a. AndroidやiOSなど、特定のプラットフォームを対象にした開発と実行を支えるソフトウェア b. 特定の端末用のアセンブリ言語を書くプログラム c. 対象となる端末も作っている企業が開発したソフトウェアツール d. レスポンシブなWeb 2.0のSPAアプリケーション向けのソフトウェア
4. List examples of web and native application frameworks.
4. Webアプリケーションフレームワークとネイティブアプリケーションフレームワークの例を挙げなさい。
5. Why is it difficult to implement server-side rendering using MVC?
5. MVCを使ったサーバー側レンダリングの実装は、なぜ難しいのか。
Exercises 6–10練習問題 6–10
6. What is a responsive web application? a. a web application that runs very quickly b. the web application runs as an SPA c. a web application that changes the look and feel based on the user’s credentials d. a web application that is effective regardless of a user’s device constraints, such as screen size or orientation
6. レスポンシブWebアプリケーションとは何か。a. 非常に高速に動作するWebアプリケーション b. SPAとして動作するWebアプリケーション c. 利用者の認証情報に基づいて、見た目と操作感を変えるWebアプリケーション d. 画面サイズや向きなどの利用者の端末の制約にかかわらず、有効に動作するWebアプリケーション
7. What is jQuery? a. a web application framework like Angular b. the official name for JavaScript c. an open-source JavaScript library used for browser-based functionality d. a Java-based implementation for server-side rendering
7. jQueryとは何か。a. AngularのようなWebアプリケーションフレームワーク b. JavaScriptの正式名称 c. ブラウザー内の機能に使う、オープンソースのJavaScriptライブラリ d. サーバー側レンダリングのための、Javaを基盤とする実装
8. What is the difference between the first and current generations of web frameworks? a. The names were changed; however, they have no differences. b. Current web frameworks require blockchain, while previous generations did not. c. First-generation web frameworks only used HTML and CSS, while current versions use JavaScript. d. Current generation web frameworks adhere to updated web standards and resolve issues with the initial implementations.
8. 初代と現行世代のWebフレームワークには、どのような違いがあるか。a. 名前は変わったが、違いはない。 b. 現行世代にはブロックチェーンが必要だが、以前の世代には必要なかった。 c. 初代はHTMLとCSSだけを使い、現行版はJavaScriptを使う。 d. 現行世代は、更新されたWeb標準に従い、初期実装の問題を解決している。
9. What are the differences between Web 2.0 and Web 3.0 applications?
9. Web 2.0アプリケーションとWeb 3.0アプリケーションの違いは何か。
10. What is Bootstrap? a. a Python-based web application development framework b. a tool to control response outputs and convert complex data into content, such as JSON c. an open-source, responsive web application framework d. a high-level directory used to contain the directories and files necessary to run a Django web application
10. Bootstrapとは何か。a. Pythonを基盤とするWebアプリケーション開発フレームワーク b. 応答の出力を制御し、複雑なデータをJSONなどの内容へ変換するツール c. オープンソースのレスポンシブWebアプリケーションフレームワーク d. Django Webアプリケーションの実行に必要なディレクトリとファイルを収める、上位のディレクトリ
Exercises 11–15練習問題 11–15
11. Using Bootstrap and Django, what should you do to define the Todo model?
11. BootstrapとDjangoを使い、Todoモデルを定義するには、何をすべきか。
a. create serializers b. use the default Django admin interface to perform CRUD operations on the database c. enter category names and click the Post button d. install Bootstrap
a. シリアライザーを作成する。 b. Djangoの標準管理インターフェースを使い、データベースに対するCRUD操作を行う。 c. カテゴリー名を入力し、Postボタンをクリックする。 d. Bootstrapをインストールする。
12. Why is the View function important? a. The View function enables users to create user interfaces. b. The View function creates a Django project, which is needed to contain directories and files. c. The View function is required to generate the todo/ directory. d. The View function is needed to interact with the database to both create and delete todo items.
12. なぜView関数が重要なのか。a. 利用者インターフェースを作れるようにするため。 b. ディレクトリとファイルを収めるために必要なDjangoプロジェクトを作るため。 c. todo/ディレクトリを生成するために必要だから。 d. データベースとやり取りし、todo項目の作成と削除の両方を行うために必要だから。
13. When a Mongoose schema is defined for the todos model, what happens? a. A todos collection is created in the MongoDB database. b. The REST APIs are built in the MongoDB database. c. A todos collection is created in the Express web server. d. The REST APIs are created in the Express web server.
13. todosモデルのMongooseスキーマを定義すると、何が起こるか。a. MongoDBデータベースにtodosコレクションが作られる。 b. MongoDBデータベースにREST APIが構築される。 c. Express Webサーバーにtodosコレクションが作られる。 d. Express WebサーバーにREST APIが作られる。
14. What does the controller do? a. The controller contains code that configures the MongoDB database and Mongoose. b. The controller contains code that builds the REST APIs. c. The controller contains code that creates the React components. d. The controller contains code that calls the Mongoose CRUD functions to interact with the MongoDB database.
14. Controllerは何をするか。a. MongoDBデータベースとMongooseを設定するコードを含む。 b. REST APIを構築するコードを含む。 c. Reactコンポーネントを作成するコードを含む。 d. MongoDBデータベースとやり取りするため、MongooseのCRUD関数を呼び出すコードを含む。
15. What is Postman? a. the port that runs the Express web server b. an API platform testing tool c. the database connection URL to the Mongo DB database d. the connection that allows the CRUD functions to interact with the Express web server
15. Postmanとは何か。a. Express Webサーバーを動かすポート b. APIプラットフォームのテストツール c. Mongo DBデータベースへの接続URL d. CRUD関数がExpress Webサーバーとやり取りするための接続
Exercises 16–20練習問題 16–20
16. What is the purpose of Axios? a. Axios runs the Express web server. b. Axios is used by the Node application to fetch data by making requests to a given endpoint. c. Axios runs the MongoDB database. d. Axios is used by the React application to fetch data by making requests to a given endpoint.
16. Axiosの目的は何か。a. Express Webサーバーを動かす。 b. Nodeアプリケーションが、指定されたエンドポイントへ要求を送ってデータを取得するために使う。 c. MongoDBデータベースを動かす。 d. Reactアプリケーションが、指定されたエンドポイントへ要求を送ってデータを取得するために使う。
17. When using Bootstrap with React and Django to update the Todo web application, what will the React application use to fetch data by making requests to a given endpoint? a. Node b. Axios c. Postman d. Django API
17. Bootstrap・React・Djangoを使ってTodo Webアプリケーションを更新する際、Reactアプリケーションは、指定されたエンドポイントへ要求を送ってデータを取得するために何を使うか。a. Node b. Axios c. Postman d. Django API
18. What is needed to configure the Django application so it is allowed to accept in-browser requests that come from React? a. CORS b. Node c. Axios d. Proxy
18. Reactから送られるブラウザー内の要求を、Djangoアプリケーションが受け入れられるよう設定するには、何が必要か。a. CORS b. Node c. Axios d. プロキシ
19. When using Bootstrap with React and Django to build the Todo web application, how are API requests tunneled from the React application to http://localhost:8000 (http://localhost:8000), where they can be received and handled by the Django application? a. through an Express web server b. through Node c. through Postman d. through a proxy
19. Bootstrap・React・DjangoでTodo Webアプリケーションを作るとき、Djangoアプリケーションが受信・処理できるよう、ReactからのAPIリクエストをhttp://localhost:8000（http://localhost:8000）へ通すのは、どの方法か。a. Express Webサーバーを通す b. Nodeを通す c. Postmanを通す d. プロキシを通す
20. To develop a Todo application for Apple platforms, what IDE should you use? a. Android Studio b. Django project c. Xcode d. Axios
20. Appleのプラットフォーム向けにTodoアプリケーションを開発するには、どのIDEを使うべきか。a. Android Studio b. Djangoプロジェクト c. Xcode d. Axios
Exercises 21–25練習問題 21–25
21. What is a Metro bundler? a. a JavaScript bundler that bundles code into a single JavaScript file b. a Django bundler that bundles code into a single Django file c. an Express web bundler that bundles code into a single Express web file d. a Postman bundler that bundles code into a single Postman file
21. Metroバンドラーとは何か。a. コードを1つのJavaScriptファイルにまとめる、JavaScriptバンドラー b. コードを1つのDjangoファイルにまとめる、Djangoバンドラー c. コードを1つのExpress Webファイルにまとめる、Express Webバンドラー d. コードを1つのPostmanファイルにまとめる、Postmanバンドラー
22. What must you run to connect the front-end app with the back-end app to create the mobile Todo application? a. React Native app b. Node app c. Express web server d. Mongo DB
22. モバイルのTodoアプリケーションを作る際、フロントエンドアプリとバックエンドアプリを接続するには、何を動かす必要があるか。a. React Nativeアプリ b. Nodeアプリ c. Express Webサーバー d. Mongo DB
23. What are smart contracts? a. agreements between Bootstrap and the Ethereum blockchain to share information b. secure digital agreements that enable applications to be used on mobile devices, as well as computers c. agreements between React and Node to share information d. secure digital agreements that enable users to transact directly with each other via the Web
23. スマートコントラクトとは何か。a. 情報を共有するための、BootstrapとEthereumブロックチェーンの間の合意 b. コンピューターだけでなくモバイル端末でもアプリケーションを使えるようにする、安全なデジタルの合意 c. 情報を共有するための、ReactとNodeの間の合意 d. 利用者同士がWebを通じて直接取引できるようにする、安全なデジタルの合意
24. When building a Todo Ethereum blockchain Web 3.0 application, what is the purpose of Ganache? a. Ganache enables Truffle and Solidity to interact. b. Ganache serves as the personal blockchain for development. c. Ganache is a tool to develop smart contracts. d. Ganache creates the front-end React components.
24. Ethereumブロックチェーンを使うTodo Web 3.0アプリケーションを作る際、Ganacheの目的は何か。a. TruffleとSolidityがやり取りできるようにする。 b. 開発用の個人ブロックチェーンとして働く。 c. スマートコントラクト開発のツールとして働く。 d. フロントエンドのReactコンポーネントを作る。
25. What does the Ethereum blockchain do? a. creates a secure peer-to-peer network through the use of smart contracts b. provides the high-level, object-oriented language needed to implement smart contracts c. connects React to the MetaMask plug-in to create smart contracts d. creates a migration script to deploy smart contracts to Ganache
25. Ethereumブロックチェーンは何をするか。a. スマートコントラクトを使い、安全なピアツーピアネットワークを作る。 b. スマートコントラクトの実装に必要な、高水準のオブジェクト指向言語を提供する。 c. スマートコントラクトを作るため、ReactをMetaMaskプラグインへ接続する。 d. Ganacheへスマートコントラクトを配置するマイグレーションスクリプトを作る。