「Webアプリケーション」が学べる動画一覧

インターネットなどを介して使用することができるWebアプリケーションについて学ぶことができるチャプターです。

チャプター一覧
(2:32)
ここでは、本講座の概略とWebアプリケーションフレームSinatraの特徴について学習します。




(5:07)
ここでは、Sinatraを使ってWebアプリケーションを作る準備をします。そのために、Sinatraで簡単なメッセージを出力します。




(5:22)
ここでは、Webアプリケーションのルーティングについて学習します。ルーティングは、Webアプリケーションの基礎技術のひとつで、Sinatraでも基本となる機能です。ルーティングを使うと、ブラウザからのリクエストに応じて合わせて、呼び出す処理を切り替えることができます。




(4:39)
ここでは、テンプレートを使って、もう少し複雑なWebページを表示します。そのために、Sinatraのインラインテンプレートとerbを使って、同じプログラムファイルの中にHTMLのひな型を記述します。




(4:52)
ここでは、Sinatraで、erbの書き方をいろいろと試します。 そのために、先ほどのチャプターに続いて、Sinatraのインラインテンプレートを使います。




(5:50)
ここでは、Sinatraの具体例として、RPGの行動選択メニューを作ります。ルーティングとテンプレートエンジンを使って、RPGのプレーヤーが、歩いたり、戦ったりするメニューを作りましょう。




(4:53)
ここでは、WebサーバーとWebブラウザのデータ転送方式であるGETメソッドとPOSTメソッドについて学習します。そのために、Sinatraで簡単な投稿フォームを作ってみましょう。




(5:10)
ここでは、先ほどのチャプターの続きとして、Sinatraでフォームを作って、受信したデータを表示します。そして、フォームのルーティングについて学習します。




(4:15)
ここでは、Sinatraのフォームを使う場合のデータの共有について学習したいと思います。そのために、beforeメソッドを使って、メソッド間でデータと処理を共有してみましょう。




(5:27)
ここでは、Sinatraによるフォームの具体例として、RPGの戦闘シーンを作ります。先ほどのチャプターで作ったフォームをベースにして、ドロップダウンメニューでプレイヤーを選択できるようにしましょう。




(5:45)
ここでは、Sinatraを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 まずは、投稿内容を記録したファイルから、データを表示してみましょう。




(5:11)
ここでは、先ほどに続いて、Sinatraを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 いよいよ、投稿をファイルに保存する機能を作成してみましょう。




(4:28)
ここでは、MySQLから読み込んだデータをSinatraを使って表示します。Sinatraで表示できるようになれば、Webアプリケーションを開発する時にも、データベースを扱えるようになります。




(4:11)
初歩的なSQL文を作成して、サンプルデータベースの中身を見ていきます。RubyとSinatraを使って、mydbデータベースの「players」テーブルからデータを取り出します。




(3:53)
ここでは、データベースにデータを追加・更新・削除する方法を学んでいきます。この機能を使うことで、RPGのプレイヤーに新しいメンバーを追加したり、名前を変更したり、削除したりできます。




(3:34)
ここでは、複数のテーブルを結合して扱う方法を学んでいきます。 SQLを使って、mydbデータベースの「p「players」テーブルの「job_id」と「jobs」テーブルの「id」を結合します。




(4:12)
ここでは、Sinatraでデータベースの値を表示する時の見栄えを整えます。そのために、HTMLのtableタグを使って、データを表示しましょう。




(4:17)
このチャプターでは、Sinatraを使って、簡単なWebアプリケーションを作ります。ここでは、RPGのプレイヤー一覧から、各プレイヤーの詳細情報を表示します。




(4:14)
このチャプターでは、Sinatraを使って、簡単なWebアプリケーションを作ります。前回のチャプターの続きとして、RPGのプレイヤー一覧から各プレイヤーの詳細情報を表示する画面を作ります。




(3:26)
ここでは、ActiveRecordを使って、MySQLからデータを取り出して表示してみましょう。まずは、Sinatraを使わずに、ターミナルで出力してみましょう。




(5:11)
ここでは、SinatraとActiveRecordを使って、MySQLからデータを取り出します。Siantraを使えば、Webアプリケーションも簡単に作れます。




(4:33)
ここでは、ActiveRecordを使って、サンプルデータベースの中身を見ていきます。mydbデータベースの「players」テーブルからデータを取り出して、RubyとSinatraでブラウザに表示してみましょう。




(5:01)
ここでは、ActiveRecordを使って、データベースで、データを追加・更新・削除する方法を学んでいきます。この機能を使うことで、RPGのプレイヤーに新しいメンバーを追加したり、名前を変更したり、削除したりできます。




(4:03)
ここでは、ActiveRecordでテーブルを連結してデータを取り出す方法を学習します。 サンプルデータベースで、「players」テーブルの「job_id」と「jobs」テーブルの「id」を結合します。




(3:22)
ここでは、ActiveRecordの具体例として、RPGの職業一覧を作成します。そして、特定の職業に属するプレイヤーを表示しましょう。




(5:05)
ここでは、ActiveRecordとSinatraを使って、特定の職業の詳細情報を表示するページを作ります。そして、その職業に属するプレイヤーを表示させます。




(2:48)
ここで、どのようなメモ帳アプリを開発するのか、その概要を整理します。WebアプリケーションフレームワークのSinatra(シナトラ)や、データベースを操作するActiveRecordといったライブラリを利用することで、機能の充実したWebアプリケーションを効率よく開発することができます。




(2:43)
ここでは、メモ帳アプリに必要なデータベースを準備します。phpMyAdminを使って、データベースを作成し、サンプルデータを登録しましょう。




(4:49)
ここでは、メモ帳のサンプルデータを一覧表示します。SinatraとActiveRecordを使って、データベースに接続して、テンプレートで表示してみましょう。




(3:59)
ここでは、メモ帳の詳細画面を作ります。「/show」でアクセスした時、指定されたメモの詳細情報を表示させましょう。




(5:07)
ここでは、メモの内容をMarkdownで記述できるようにします。そこで、RubyでMarkdownを扱う「redcarpet」(レッドカーペット)を使ってみましょう。




(4:59)
ここでは、メモ帳の編集画面を作ります。「/edit」でアクセスしたら、メモの内容をフォームで表示しましょう。




(5:32)
ここでは、メモ帳の保存機能と削除機能を作ります。編集フォームから「/update」でアクセスしたら、メモの内容をデータベースに保存して、詳細画面で「/destroy」でアクセスしたら、メモを削除します。




(6:13)
ここでは、新しいメモを作成する機能を作ります。一覧画面から「/new」でアクセスしたら、新しいメモを編集フォームで表示して、保存ボタンでデータベースに保存しましょう。




(2:54)
無料公開中 Servlet Java Webアプリ開発
ここでは、本レッスンの概要とJavaを使ったWebアプリケーション開発の特徴について学習します。




(4:52)
無料公開中 Servlet Java Webアプリ開発
ここでは、Javaで開発したWebアプリケーションのサーバーとなるTomcatの基本操作について学習します。




(5:54)
ここでは、サーバー上で動作する簡単なプログラムを作成します。そして、実際にJavaでプログラムを作る、基本的な手順を学習しましょう。




(6:20)
ここでは、Javaで作成したプログラムを実際に実行します。そして、Servletの配置と実行の基本操作を学習します。




(5:30)
ここでは、Webアプリケーションのルーティングについて学習します。ルーティングを使うと、ブラウザからのリクエストに応じて合わせて、呼び出す処理を切り替えることができます。




(5:07)
ここでは、Javaで、HTMLとコードを混在できるJSP(JavaServer Pages)について学習します。JSPは、Webアプリケーションで出力するHTMLのテンプレートになります。




(5:24)
ここでは、ServletからJSPを呼び出す方法を学習します。ServletとJSPを連携させることで、Webアプリケーションの制御部分と表示部分を役割分担が明確になります。




(5:44)
ここでは、JSPの色々な記述方法について学習します。そして、Servletで用意したデータをJSPで表示させましょう。




(4:24)
ここでは、ServletとJSPの具体例として、RPGの行動選択メニューを作ります。ルーティングとテンプレートエンジンを使って、RPGのプレーヤーの行動を選択するメニューを作りましょう。




(5:44)
ここでは、引き続き、ServletとJSPの具体例として、RPGの行動選択メニューを作ります。今回は、RPGのプレーヤーの「あるく」メニューを追加しましょう。




(2:12)
無料公開中 Servlet Java Webアプリ開発
ここでは、本レッスンの概略について学習します。そして、ServletとJSP、フォームの基本についておさらいします。




(4:29)
無料公開中 Servlet Java Webアプリ開発
ここでは、JavaでWebフォームを作る方法を学習します。そのために、ServletとJSPを使って、HTMLの投稿フォームを表示させてみましょう。




(3:41)
ここでは、フォームからServletを呼び出してみたいと思います。そして、WebサーバーとWebブラウザのデータ転送方式であるGETメソッドとPOSTメソッドについて学習します。




(3:47)
ここでは、先ほどの続きとして、フォームから呼び出したServletのメッセージを表示してみたいと思います。




(5:18)
ここでは、フォームの投稿内容をServletとJSPで表示します。そのために、投稿フォームの内容をServletで取り出してみましょう。




(5:24)
ここでは、Javaによるフォームの具体例として、RPGの戦闘シーンを作ります。先ほど作ったフォームをベースにして、ドロップダウンメニューでプレイヤーを選択できるようにしましょう。




(4:20)
ここでは、前回に引き続き、Javaによるフォームの具体例として、RPGの戦闘シーンを表示するプログラム作ります。




(5:25)
ここでは、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 まずは、投稿内容を記録したファイルから、データを読み込んでみましょう。




(4:20)
ここでは、先ほどの続きとして、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 今回は、投稿内容を記録したファイルから、データを表示してみましょう。




(5:30)
ここでは、先ほどに続いて、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 いよいよ、投稿をファイルに保存する機能を作成してみましょう。




(3:55)
ここでは、先ほどに続いて、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。今回は、投稿した内容を確認する画面を作成してみましょう。




(3:17)
無料公開中 Servlet Java Webアプリ開発
ここでは、Javaを使ってデータベースに接続する準備をします。サンプルデータベースやJDBCドライバを確認しましょう。




(5:19)
無料公開中 Servlet Java Webアプリ開発
ここでは、データベースに、Servletを使って接続する方法を学習します。データベースに接続する基本処理を理解しましょう。




(3:38)
ここでは、接続したデータベースのデータをServletで表示する方法を学習します。




(4:49)
ここでは、いろいろSQLを作成して、サンプルデータベースの中身を見ていきます。SQLを変えて、サンプルデータベースの「players」テーブルから色々なデータを取り出しましょう。




(5:02)
ここでは、データベースにデータを追加する方法を学んでいきます。この機能を使うことで、RPGのプレイヤーに新しいメンバーを追加できます。




(3:27)
ここでは、先ほどの続きとして、データベースの更新・削除について学習します。この機能を使うことで、RPGのプレイヤーの名前を変更したり、プレイヤーを削除したりできます。




(4:34)
ここでは、データベースとServlet - JSPの連携方法を学習します。 まずは、JSPを呼び出すServletに、データベースと接続するコードを追加してみましょう。




(4:48)
ここでは、前回に続けて、データベースとServlet - JSPの連携方法を学習します。データベースから取り出したまとまったデータをArrayListに格納して、JSPで表示する方法を理解しましょう。




(5:52)
ここでは、複数のテーブルを結合して扱う方法を学習します。SQLを使って、サンプルデータベースの「players」テーブルと「jobs」テーブルを結合します。




(4:11)
ここでは、JSPでデータベースの値を表示する時の見栄えを整えます。そのために、HTMLのtableタグを使って、データを表示してみましょう。




(5:09)
ここでは、ServletとJSP・データベースを使って、簡単なWebアプリケーションを作ります。RPGのプレイヤー一覧から、各プレイヤーの詳細情報を表示するアプリケーションを作ってみましょう。




(4:33)
ここでは、先ほどに引き続き、ServletとJSP・データベースを使って、簡単なWebアプリケーションを作ります。今回は、特定のプレイヤーの詳細情報を表示する画面を作りましょう。




(2:53)
無料公開中 Servlet Java Webアプリ開発
ここで、どのようなメモ帳アプリを開発するのか、その概要を整理します。ServletとJSPとMySQLを利用することで、機能の充実したWebアプリケーションを効率よく開発することができます。




(5:23)
無料公開中 Servlet Java Webアプリ開発
ここでは、メモ帳アプリに必要なデータベースを準備します。phpMyAdminを使って、データベースを作成し、サンプルデータを登録しましょう。また、アプリを作るためのファイルを確認します。




(5:43)
ここでは、メモ帳のサンプルデータを一覧表示するプログラムを作成します。そのために、データベースに接続して、JSPを呼び出すServletを作成しましょう。




(3:09)
ここでは、先ほどに続いて、メモ帳のサンプルデータを一覧表示するプログラムを作成します。今回は、メモ一覧を表示するJSPを作成してましょう。




(4:01)
ここでは、選択したメモを個別に表示するプログラムを作成します。まずは、「/show」でアクセスした時、指定されたメモの詳細情報を呼び出すServletを作成しましょう。




(2:57)
ここでは、先ほどに続いて、作成したメモを個別に表示するプログラムを作成します。「/show」でアクセスした時、指定されたidの詳細情報を表示するJSPを作成しましょう。




(5:00)
ここでは、メモを編集するフォームを表示するプログラムを作成します。指定のデータを読み込んで、フォームとして表示しましょう。




(5:05)
ここでは、フォームで編集したメモを保存するプログラムを作成します。「/update」で、フォームの内容をデータベースに保存しましょう。




(3:32)
ここでは、メモを削除するプログラムを作成します。メモ詳細画面で「/destroy」にアクセスしたら、指定のメモを削除します。




(3:33)
ここでは、新しいメモを作成する画面を作ります。メモ一覧から「/new」でアクセスしたら、新しいメモを編集フォームで表示します。




(3:59)
ここでは、新しいメモを保存する機能を作ります。新規メモの作成画面で、保存ボタンをクリックしたらデータベースに保存しましょう。




(2:06)
無料公開中 Python Flask
ここでは、本レッスンの概要と、PythonによるWebアプリケーションフレームFlaskの特徴について学習します。




(5:46)
無料公開中 Python Flask
ここでは、Flaskを使ってWebアプリケーションを作る準備をします。そのために、Flaskで簡単なメッセージを出力します。




(5:02)
ここでは、Webアプリケーションのルーティングについて学習します。ルーティングは、Webアプリケーションの基礎技術のひとつで、Flaskでも基本となる機能です。ルーティングを使うと、ブラウザからのリクエストに合わせて、呼び出す処理を切り替えることができます。




(5:22)
ここでは、もう少し複雑なWebページをFlaskで表示します。そのために、Jinja2テンプレートエンジンに使って、HTMLのテンプレートを呼び出します。




(5:08)
ここでは、Flaskで、テンプレートの書き方をいろいろと試します。そのために、先ほどのチャプターに続いて、Jinja2のテンプレートを使います。




(3:29)
ここでは、Flaskの具体例として、RPGの戦闘シーンプログラムを作ります。テンプレートで受け取ったリストを、ループで出力してみましょう。




(2:21)
無料公開中 Python Flask
ここでは、WebアプリケーションフレームワークのFlaskで、フォーム処理とデータ転送について学習します。そのために、本レッスンの概略と、フォームの基本についておさらいします。




(5:36)
無料公開中 Python Flask
ここでは、Flaskで簡単な投稿フォームを作ってみましょう。それから、WebサーバーとWebブラウザのデータ転送方式であるGETメソッドとPOSTメソッドについて学習します。




(4:44)
ここでは、フォームのデータを受信して表示します。そして、フォームのルーティングについて学習します。




(4:31)
ここでは、先ほどのフォームを利用して、フォームの動作を確認します。そして、フォームをGETメソッドで呼び出して、どのようにフォームとコードがデータをやり取りするか、さらに理解しましょう。




(6:21)
ここでは、Flaskによるフォームの具体例として、RPGの戦闘シーンを作ります。先ほどのチャプターで作ったフォームをベースにして、ドロップダウンメニューでプレイヤーを選択できるようにしましょう。




(6:20)
ここでは、Flaskを使ったWebアプリケーションの具体例として、簡単な1行掲示板を作成します。まずは、投稿内容を記録したテキストファイルから、データを表示してみましょう。




(5:47)
ここでは、先ほどに続いて、Flaskを使ったWebアプリケーションの具体例として、簡単な1行掲示板を作成します。いよいよ、投稿をファイルに保存する機能を作成してみましょう。




(5:30)
無料公開中 Python Flask
ここでは、PythonからSQLを実行する基本的な操作手順を学習します。




(4:35)
無料公開中 Python Flask
ここでは、MySQLから読み込んだデータをFlaskを使って表示します。Flaskで表示できるようになれば、Webアプリケーションを開発する時にも、データベースを扱えるようになります。




(4:39)
ここでは、初歩的なSQL文を作成して、サンプルデータベースの中身を見ていきます。PythonとFlaskを使って、mydbデータベースの「players」テーブルからデータを色々な方法で取り出しましょう。




(5:01)
ここでは、データベースにデータを追加・更新・削除する方法を学んでいきます。この機能を使うことで、RPGのプレイヤーに新しいメンバーを追加したり、名前を変更したり、削除したりできます。




(4:11)
ここでは、複数のテーブルを結合して扱う方法を学んでいきます。SQLを使って、mydbデータベースの「players」テーブルの「job_id」と「jobs」テーブルの「id」を結合します。




(4:47)
ここでは、Flaskでデータベースの値を表示する時の見栄えを整えます。そのために、HTMLのtableタグを使って、データを表示しましょう。




(6:59)
ここでは、Flaskを使って、簡単なWebアプリケーションを作ります。RPGのプレイヤー一覧から、各プレイヤーの詳細情報を表示しましょう。




ページの先頭へ戻る