「掲示版」が学べる動画一覧

ウェブブラウザからデータを投稿して、それをサーバ上のデータベースに保存し、投稿結果を閲覧できる、掲示板サイトの作り方について学べるチャプターです。

チャプター一覧
(5:42)
LAMP環境上に設置したWeb掲示板をカスタマイズしていきます。
(4:54)
LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。
(5:44)
LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。
(5:34)
PHPとデータベースのMySQLを使って掲示板サイトを作成します。 環境構築をすることなく、ウェブブラウザだけで、すぐに学習を開始することができます。
(4:05)
ここでは、掲示板の土台となるWebページをHTMLで作ります。それから、paizaラーニングで、Webページを作成する練習もしてみましょう。
(5:04)
ここでは、1行掲示板のデータベースを準備してみたいと思います。そのために、MySQLの管理ツールであるphpMyAdmin(ピーエイチピーマイアドミン)の操作について紹介します。
(6:03)
ここでは、PHPで、データベースのデータを取得します。そのために、PHPでデータベースに接続する方法を学習しましょう。
(6:29)
ここでは、掲示板の投稿フォームを作ります。そのために、フォームの仕組みと作り方を学習しましょう。今回は、メッセージをサーバーで受信するところまでやってみます。
(4:54)
ここでは、投稿フォームから受信したデータをデータベースに書き込んでみます。そのために、データベースにデータを書き込む方法を学習しましょう。
(6:21)
ここまで作ってきた機能をひとつにまとめて、いったん掲示板を完成させます。Webアプリケーションとして形になると、それなりの手ごたえがあるでしょう。
(4:39)
ここからは応用編として、1行掲示板に機能を追加したり、見た目を整えたりと、さらにパワーアップさせてみます。このチャプターでは、投稿の削除機能を追加しましょう。
(6:17)
ここでは、1行掲示板に投稿者の名前を追加します。そのために、投稿フォームと発言リストに名前の欄が必要になります。また、投稿された名前の情報を挿入するために、データベースも修正しましょう。
(5:03)
ここでは、掲示板の見た目を整えます。そのために、HTMLフレームワークのBootstrapを使って、投稿フォームとテーブルのデザインを変更してみましょう。
(4:37)
ここでは、Ruby on Railsを使って、簡単なWeb掲示板を作ります。
(4:46)
このチャプターでは、Rails の設計方針について学習すると共に、データベースとの連携の概要を理解します。
(5:05)
ここでは、Rails の動作確認に欠かせない Rails コンソールの基本的な使い方を学習します。 Rails コンソールを使うと、Rails アプリの環境を有効にした状態で、Ruby コードをひとつずつ実行することができます。
(3:26)
ここでは、Rails のデータベースを操作する ActiveRecord について学習します。ActiveRecord は、データベースのテーブルを Ruby のオブジェクトに割り当てる機能です。
(4:34)
ここでは Rails のマイグレーションについて学習します。 マイグレーションは Rails で自動生成した設定内容をデータベースに反映させます。
(4:58)
ここでは、モデルのデータをビューに表示する時、ActiveRecord のメソッドをどのように記述するか学習します。そのために、モデルに追加したカラムを ビューに表示させてみましょう。
(3:24)
ここでは、本レッスンの概略について学習します。
(4:53)
ここでは、WebサーバーとWebブラウザのデータ転送方式であるGETメソッドとPOSTメソッドについて学習します。そのために、Sinatraで簡単な投稿フォームを作ってみましょう。
(5:10)
ここでは、先ほどのチャプターの続きとして、Sinatraでフォームを作って、受信したデータを表示します。そして、フォームのルーティングについて学習します。
(4:15)
ここでは、Sinatraのフォームを使う場合のデータの共有について学習したいと思います。そのために、beforeメソッドを使って、メソッド間でデータと処理を共有してみましょう。
(5:45)
ここでは、Sinatraを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 まずは、投稿内容を記録したファイルから、データを表示してみましょう。
(5:11)
ここでは、先ほどに続いて、Sinatraを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 いよいよ、投稿をファイルに保存する機能を作成してみましょう。
(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」でアクセスしたら、新しいメモを編集フォームで表示して、保存ボタンでデータベースに保存しましょう。
(1:14)
このレッスンでは、Scaffoldで作成した1行掲示板に、deviseを使ってユーザー認証機能を追加します。まずは、どのような機能を作るのか整理しましょう。
(5:03)
ここでは、前回のレッスンで作成したユーザー認証機能を利用して、1行掲示板へのアクセスを制御します。誰でも記事を表示できて、登録したユーザーだけが新しい記事を投稿・編集できるようにしましょう。
(4:56)
ここでは、ユーザーの情報を掲示板に利用します。ここでは、投稿一覧にユーザーのメールアドレスを表示しましょう。
(4:03)
ここでは、記事を投稿したユーザーの名前を表示するため、deviseのUserモデルに名前のカラムを追加します。それに合わせて、ユーザーの登録フォームを変更しましょう。
(3:28)
ここでは、Userモデルにある名前のカラムをデータベースに保存できるようにします。
(2:48)
ここでは、1行掲示板のナビゲーションと投稿一覧に、Userモデルのnameカラムを表示しましょう。
(3:08)
ここでは、1行掲示板の投稿を、ログインしたユーザーの名前で保存できるようにします。すでに、ログインした時だけ投稿できるようになっているので、現在のログインユーザーで投稿できるようにしましょう。
(3:16)
ここでは、投稿したユーザーだけが自分の記事を編集・削除できるようにしましょう。そのために、contollerで、user_idが一致した時だけ、アクションを実行させます。
(3:43)
ここでは先ほどの続きとして、使わないアクションを呼び出すリンクを非表示にします。
(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:25)
ここでは、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 まずは、投稿内容を記録したファイルから、データを読み込んでみましょう。
(4:20)
ここでは、先ほどの続きとして、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 今回は、投稿内容を記録したファイルから、データを表示してみましょう。
(5:30)
ここでは、先ほどに続いて、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。 いよいよ、投稿をファイルに保存する機能を作成してみましょう。
(3:55)
ここでは、先ほどに続いて、Javaを使ったWebアプリケーションの例として、簡単な1行掲示板を作成します。今回は、投稿した内容を確認する画面を作成してみましょう。
(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行掲示板を作成します。いよいよ、投稿をファイルに保存する機能を作成してみましょう。
(3:29)
無料公開中 PHP
ここでは、PHPを利用したフォーム処理とデータ転送について学習するため、フォームの基本についておさらいします。
(3:13)
無料公開中 PHP
ここでは、PHPのテンプレートを使って、簡単な投稿フォームを作ってみましょう。
(6:56)
PHP
ここでは、WebサーバーとWebブラウザのデータ転送方式であるGETメソッドとPOSTメソッドについて学習します。そして、フォームから送信したデータをサーバー側で処理してみましょう。
(5:01)
PHP
ここでは、数回に渡って、PHPを使ったWebアプリケーションの具体例として、簡単な1行掲示板を作成します。まずは、投稿内容を記録したテキストファイルから、データを表示してみましょう。
(3:07)
PHP
PHPを使ったWebアプリケーションの具体例として、簡単な1行掲示板を作成します。先ほどに続いて、投稿内容を受け取って表示する機能を作成してみましょう。
(5:06)
PHP
ここでは、数回に渡って、PHPを使ったWebアプリケーションの具体例として、簡単な1行掲示板を作成します。いよいよ、投稿をファイルに保存する機能を作成してみましょう。
(3:28)
無料公開中 Python Django
ここでは、MVT(Model・View・Template)というDjangoの機能構成について理解します。また、Djangoでデータベースを操作するため、どのような機能が利用できるか学習します。
(5:44)
無料公開中 Python Django
ここでは、Django の動作確認に欠かせないDjangoシェルの基本的な使い方を学習します。 Djangoシェルを使うと、Djangoアプリの環境を有効にしたまま、Djangoの機能をコマンドで操作できるんですよ。
(6:55)
ここでは、掲示板アプリケーションのデータベースに投稿者の名前を表すカラムを追加します。そして、Djangoのマイグレーションについて、さらに理解を深めます。
(5:20)
ここでは、モデルに追加したカラムをテンプレートで表示します。そして、データベースのデータをテンプレートで表示する時、モデルのカラムをどのように記述するか学習しましょう。
(5:42)
ここでは、Djangoのルーティングに、新しいルートを追加します。そして、ルーティングの動作についてさらに理解を深めましょう。
(4:06)
ここでは、掲示板アプリケーションに記事を書き込みする機能を追加します。フォームを使わずに、固定テキストをデータベースに格納してみましょう。
(4:31)
ここでは、掲示板アプリケーションで、記事を削除する機能を作ります。 ルートで「delete」にアクセスした時、該当の記事を削除する機能を実装してみましょう。
ページの先頭へ戻る