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

LAMP環境上に簡単なWeb掲示板を設置してみます。

LAMP環境上に設置したWeb掲示板をカスタマイズしていきます。

LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。

Web掲示板を、さらにカスタマイズしていきます。

LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。

PHPとデータベースのMySQLを使って掲示板サイトを作成します。 環境構築をすることなく、ウェブブラウザだけで、すぐに学習を開始することができます。

ここでは、掲示板の土台となるWebページをHTMLで作ります。それから、paizaラーニングで、Webページを作成する練習もしてみましょう。

ここでは、1行掲示板のデータベースを準備してみたいと思います。そのために、MySQLの管理ツールであるphpMyAdmin(ピーエイチピーマイアドミン)の操作について紹介します。

ここでは、PHPで、データベースのデータを取得します。そのために、PHPでデータベースに接続する方法を学習しましょう。

ここでは、掲示板の投稿フォームを作ります。そのために、フォームの仕組みと作り方を学習しましょう。今回は、メッセージをサーバーで受信するところまでやってみます。

ここでは、投稿フォームから受信したデータをデータベースに書き込んでみます。そのために、データベースにデータを書き込む方法を学習しましょう。

ここまで作ってきた機能をひとつにまとめて、いったん掲示板を完成させます。Webアプリケーションとして形になると、それなりの手ごたえがあるでしょう。

ここからは応用編として、1行掲示板に機能を追加したり、見た目を整えたりと、さらにパワーアップさせてみます。このチャプターでは、投稿の削除機能を追加しましょう。

ここでは、1行掲示板に投稿者の名前を追加します。そのために、投稿フォームと発言リストに名前の欄が必要になります。また、投稿された名前の情報を挿入するために、データベースも修正しましょう。

ここでは、掲示板の見た目を整えます。そのために、HTMLフレームワークのBootstrapを使って、投稿フォームとテーブルのデザインを変更してみましょう。

ここでは、Ruby on Railsを使って、簡単なWeb掲示板を作ります。

このチャプターでは、Rails の設計方針について学習すると共に、データベースとの連携の概要を理解します。

ここでは、Rails の動作確認に欠かせない Rails コンソールの基本的な使い方を学習します。 Rails コンソールを使うと、Rails アプリの環境を有効にした状態で、Ruby コードをひとつずつ実行することができます。

ここでは、Rails のデータベースを操作する ActiveRecord について学習します。ActiveRecord は、データベースのテーブルを Ruby のオブジェクトに割り当てる機能です。

ここでは Rails のマイグレーションについて学習します。 マイグレーションは Rails で自動生成した設定内容をデータベースに反映させます。

ここでは、モデルのデータをビューに表示する時、ActiveRecord のメソッドをどのように記述するか学習します。そのために、モデルに追加したカラムを ビューに表示させてみましょう。

ここでは、本レッスンの概略について学習します。

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

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

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

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

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

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

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

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

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

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

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

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

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

このレッスンでは、Scaffoldで作成した1行掲示板に、deviseを使ってユーザー認証機能を追加します。まずは、どのような機能を作るのか整理しましょう。

ここでは、前回のレッスンで作成したユーザー認証機能を利用して、1行掲示板へのアクセスを制御します。誰でも記事を表示できて、登録したユーザーだけが新しい記事を投稿・編集できるようにしましょう。

ここでは、ユーザーの情報を掲示板に利用します。ここでは、投稿一覧にユーザーのメールアドレスを表示しましょう。

ここでは、記事を投稿したユーザーの名前を表示するため、deviseのUserモデルに名前のカラムを追加します。それに合わせて、ユーザーの登録フォームを変更しましょう。

ここでは、Userモデルにある名前のカラムをデータベースに保存できるようにします。

ここでは、1行掲示板のナビゲーションと投稿一覧に、Userモデルのnameカラムを表示しましょう。

ここでは、1行掲示板の投稿を、ログインしたユーザーの名前で保存できるようにします。すでに、ログインした時だけ投稿できるようになっているので、現在のログインユーザーで投稿できるようにしましょう。

ここでは、投稿したユーザーだけが自分の記事を編集・削除できるようにしましょう。そのために、contollerで、user_idが一致した時だけ、アクションを実行させます。

ここでは先ほどの続きとして、使わないアクションを呼び出すリンクを非表示にします。

ここでは、本レッスンの概略について学習します。そして、ServletとJSP、フォームの基本についておさらいします。

ここでは、JavaでWebフォームを作る方法を学習します。そのために、ServletとJSPを使って、HTMLの投稿フォームを表示させてみましょう。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ここでは、PHPを利用したフォーム処理とデータ転送について学習するため、フォームの基本についておさらいします。

ここでは、PHPのテンプレートを使って、簡単な投稿フォームを作ってみましょう。

ここでは、WebサーバーとWebブラウザのデータ転送方式であるGETメソッドとPOSTメソッドについて学習します。そして、フォームから送信したデータをサーバー側で処理してみましょう。

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

PHPを使ったWebアプリケーションの具体例として、簡単な1行掲示板を作成します。先ほどに続いて、投稿内容を受け取って表示する機能を作成してみましょう。

ここでは、数回に渡って、PHPを使ったWebアプリケーションの具体例として、簡単な1行掲示板を作成します。いよいよ、投稿をファイルに保存する機能を作成してみましょう。

ここでは、MVT(Model・View・Template)というDjangoの機能構成について理解します。また、Djangoでデータベースを操作するため、どのような機能が利用できるか学習します。

ここでは、Django の動作確認に欠かせないDjangoシェルの基本的な使い方を学習します。 Djangoシェルを使うと、Djangoアプリの環境を有効にしたまま、Djangoの機能をコマンドで操作できるんですよ。

ここでは、掲示板アプリケーションのデータベースに投稿者の名前を表すカラムを追加します。そして、Djangoのマイグレーションについて、さらに理解を深めます。

ここでは、モデルに追加したカラムをテンプレートで表示します。そして、データベースのデータをテンプレートで表示する時、モデルのカラムをどのように記述するか学習しましょう。

ここでは、Djangoのルーティングに、新しいルートを追加します。そして、ルーティングの動作についてさらに理解を深めましょう。

ここでは、掲示板アプリケーションに記事を書き込みする機能を追加します。フォームを使わずに、固定テキストをデータベースに格納してみましょう。

ここでは、掲示板アプリケーションで、記事を削除する機能を作ります。 ルートで「delete」にアクセスした時、該当の記事を削除する機能を実装してみましょう。

ここでは、Djangoでテンプレートとフォームを使う概要を学習します。そして、掲示板アプリケーションに、どのように利用するのか確認します。

ここでは、Djangoで複数のテンプレートを利用する場合、その共通部分をまとめる方法について学習します。共通部分をまとめると、Webデザインの作成やメンテナンスを効率よく進めることができます。

ここでは、Djangoで作る掲示板アプリケーションに、HTMLテンプレートのBootstrapを適用します。Bootstrapを利用すると、Webアプリケーションのデザインを簡単にレベルアップさせることができます。

ここでは、Bootstrapを利用して掲示板アプリケーションの見栄えを整えます。Bootstrapには、テーブルタグやボタンに見栄えの良いスタイルが用意してあります。これを利用すれば、アプリケーションのデザインを簡単にレベルアップできます。

ここでは、掲示板アプリケーションに検索機能を追加します。そのため、投稿の一覧画面に検索フォームを追加します。そして、Djangoでフォームを使うための基本的な操作を理解しましょう。

ここでは、Djangoのユーザー管理機能の概要を理解すると共に、Lunchmapアプリにどのような機能を追加するのか確認します。

ここでは、Lunchmapアプリに組み込んだユーザー管理機能を実際に体験します。サインアップ画面やログイン画面を実際に操作して、どのような機能を作るのかイメージをつかみましょう。

ここでは、Djangoのログイン・ログアウト画面を用意します。Djangoには、あらかじめログインとログアウトなどユーザー管理用のビューが用意してあります。ここに、独自のテンプレートを追加することで、ログイン・ログアウト画面を利用できます。

ここでは、Djangoのログイン・ログアウト画面を用意します。先ほどの続きとして、独自のテンプレートを追加して、ログイン・ログアウト画面を利用できるようにしましょう。

ここでは、ユーザー登録のサインアップ画面を作る準備をします。そのために、アカウント管理アプリケーションを作成して、それから、この画面を呼び出すルートを設定します。

ここでは、DjangoのLunchmapアプリケーションにユーザー登録のサインアップ画面を追加します。先ほど作ったAccountsアプリケーションに、ビューとテンプレートを追加して、ユーザー情報を登録できるようにしましょう。

ここでは、これまで作ってきたLunchmapアプリにアクセス制御を追加します。ログインしているユーザーだけが、情報を投稿・編集・削除できるようにします。

ここでは、Lunchmapアプリにさらにアクセス制御を追加して、ログインしている時だけ、投稿・編集・削除リンクを表示します。そして、ユーザーには、利用できるリンクだけを表示するようプログラムを変更します。

ここでは、新しいお店を追加する場合、自動的にログインユーザー名で情報を登録します。これまでは、投稿者名を自由に変更できましたが、今回は、ログインしているユーザー名で自動的に格納するようにしましょう。

ここでは、モデル・ビュー・コントローラというLaravelの機能構成について理解します。また、Laravelでデータベースを操作する時、どのような機能が利用できるか学習しましょう。

ここでは、Laravelの動作確認に欠かせないartisan tinkerについて、基本的な使い方を学習します。対話型コンソールのartisan tinkerを使うと、Laravelアプリの環境を有効にしたまま、Laravelの機能をコマンドで操作できます。

ここでは、掲示板アプリケーションのデータベースに、投稿者の名前を表すカラムを追加します。そして、Laravelのマイグレーションについて、さらに理解を深めます。

ここでは、モデルに追加したカラムをビューで表示します。そして、データベースのデータをビューで表示する時、モデルのカラムをどのように記述するか学習しましょう。

ここでは、Laravelのルーティングに、新しいルートを追加します。そして、ルーティングの動作について、さらに理解を深めましょう。

ここでは、掲示板アプリケーションに記事を書き込みする機能を追加します。フォームを使わずに、固定テキストや更新日時をデータベースに格納してみましょう。

ここでは、掲示板アプリケーションで、記事を削除する機能を作ります。 deleteメソッドでアクセスした時、該当の記事を削除する機能を実装してみましょう。

ここでは、Laravelでビューとフォームを使う概要を学習します。そして、掲示板アプリケーションに、どのように利用するのか確認します。

ここでは、Laravelで複数のページを利用する場合、その共通部分をまとめる方法について学習します。共通部分をまとめると、Webデザインの作成やメンテナンスを効率よく進めることができます。

ここでは、Laravelで作る1行掲示板に、HTMLテンプレートのBootstrapを適用します。Bootstrapを利用すると、Webアプリケーションのデザインを簡単にレベルアップさせることができます。

ここでは、Bootstrapを利用して掲示板アプリケーションの見栄えを整えます。Bootstrapには、テーブルタグやボタンに見栄えの良いスタイルが用意してあります。これを利用すれば、アプリケーションのデザインを簡単にレベルアップできます。

ここでは、1行掲示板に検索機能を追加します。そのため、記事の一覧画面に検索フォームを追加します。そして、Laravelでフォームを使うための基本的な操作を理解しましょう。

ここでは、1行掲示板に検索機能を追加します。そのため、フォームから受け取った値で、該当する投稿だけを表示するよう、コントローラを修正します。

ここからは、1行掲示板に投稿機能を作成していきます。まずは、掲示板に必要な機能を再確認し、そのためのルーティングを設定しましょう。

ここでは、1行掲示板の新規投稿フォームを作成します。前回のレッスンで、新規投稿を格納するcreateメソッドを作成してあるので、それに投稿フォームを組み合わせます。

ここでは、先ほどのチャプターの続きとして、新規投稿フォームのビューを作成します。そして、新規投稿の保存機能を完成させましょう。

ここでは、1行掲示板に、既存の投稿を修正する機能を追加します。まずは、編集フォームに既存の投稿を読み込みましょう。

ここでは、1行掲示板に、修正した投稿を保存する機能を追加します。そのために、修正内容を保存する機能を作成しましょう。

ここでは、オススメのお店を投稿できる「ランチマップ」アプリの機能を整理します。

ここでは、Laravelのアプリケーションディレクトリを用意します。また、アプリケーションのデータベースを準備しましょう。

ここでは、Lunchmapアプリのモデルとコントローラを用意します。そして、先ほどのチャプターで作成したデータベースに、お店情報とカテゴリ情報を格納するテーブルを作成するため、マイグレーションを実行します。

ここでは、先ほど作ったデータベースで、お店とカテゴリのテーブルを関連付けます。さらに、アプリケーションのサンプルデータを投入しましょう。

ここでは、Lunchmapアプリのお店一覧ページを作ります。ルーティングとコントローラ、ビューを記述して、登録しておいたサンプルデータを一覧表示しましょう。

ここでは、Lunchmapアプリの共通テンプレートを追加します。HTMLフレームワークのBootstrapを導入して、ナビゲーションバーを追加します。

ここでは、Lunchmapアプリでお店情報の詳細ページを作ります。また、お店一覧ページをBootstrapとテーブルタグで見栄えを整えます。

ここでは、お店情報を登録する投稿フォームを作ります。この投稿フォームでは、プルダウンリストでカテゴリを選択できるようにします。

ここでは、新規投稿フォームの内容を保存する機能を作ります。さらに、このフォームを呼び出すよう、一覧ページからリンクします。

ここでは、お店情報を編集するフォームを作ります。このフォームでは、既存のお店情報を読み込んで、変更できるようにします。

ここでは、編集フォームの内容を保存する機能を作ります。先ほど作成した編集フォームの内容で、データベースを更新します。

ここでは、Lunchmapアプリの削除機能を作成します。登録したお店情報を削除できるようにしましょう。

ここでは、住所に合わせた地図をLunchmapアプリに表示します。そのため、詳細ページにGoogleマップを組み込みます。

ここでは、Laravelのユーザー管理機能の概要について理解するとともに、Lunchmapアプリにどのような機能を追加するのか確認します。

ここでは、Laravelのディレクトリを新しく用意して、ユーザー管理機能を利用できるようにします。まずは、ユーザー管理用のルートやビューを追加しましょう。

ここでは、Laravelのアプリケーションに、ユーザー管理用のテーブルを用意します。すでに、ユーザー管理用のルートやビューを追加したので、マイグレートして、ユーザー情報を管理できるようにしましょう。

ここでは、Laravelアプリケーションのユーザー管理機能を実際に体験します。ユーザー登録やログイン画面を実際に操作して、どのような機能ができたのか把握しましょう。

ここからは、Lunchmapアプリにユーザー管理機能を組み込んでいきます。まずは、ユーザー管理用のルートとビューを追加して、ユーザー登録とログイン機能を有効にしましょう。

ここでは、Lunchmapアプリにアクセス制御を追加します。そして、ログインしている時だけ、お店情報を投稿・更新・削除できるようにしましょう。

ここでは、lunchmapアプリのお店情報にユーザー情報を追加します。そのために、shopsテーブルにuser_idカラムを追加して、usersテーブルと関連付けます。

ここでは、自分で投稿したお店情報だけ、更新・削除できるようにします。そのために、新規投稿時に、user_idカラムを保存します。