【挫折させないWebアプリ講座6】ユーザー管理の第一歩、HTMLからデータを受け取ろう【挫折させないWebアプリ講座6】ユーザー管理の第一歩、HTMLからデータを受け取ろうコードを書きたい皆さん。お待たせしました今日からコーディング編がスタートしますよ。初めにこちらで用意した簡単なサンプルプログラムをCloud9上に作っていきましょう。Webアプリはユーザーからもらうデータを使って動いています。Webアプリを作るにはまずユーザーからデータを受け取る処理が必要ですね。その処理はHTMLの知識も必要となるので、まとめて解説しましょう。HTMLはタグ(↓こんなのです)によって様々な挙動を示すように設計されてます。HTMLの中にはformタグなるものがあります。これはサーバーへデータを送るフォームを作るタグで、たとえばTwitterへログインする時もこのフォームからメールアドレスとパスワードが送られて、データベースのものと一致するか確認されているんです。実際にフォームから名前を送ってPHPで受け取るプログラムを作っていきましょう。YUMA僕は根性論なんて言わないので、サンプルコードをコピペして使ってくださいね。こちらが完成形のHTMLです。これを解説していきますね。formタグに囲われた部分がフォームになるので、まずはフォームタグを書きましょう。formの後にあるaction=""はデータが送信された後の遷移ページを示しています。今回のプログラムは別のページに移動するわけではないので、空でOK。その後のmethod="post"はデータの送信方法を選んでいます。postとgetがあるんですが、今回はややこしいので説明しません。postを使えば問題ないので、気にせずいきましょう。次のinputタグが入力画面になります。type="text"というのは文字列を意味していて、日本語の名前なんかも送信できるタイプになってます。次のnameは重要だからよく読んでくださいね。これは送信されるデータの名前を自分で決められるのです、PHPで受け取るときに使うので、覚えておきましょう。ここまでがフォームの見える部分の解説でした。サイトに貼り付けてください。class="wp-embedded-content"></iframe>埋め込むにはこのコードをコピーしてサイトに貼り付けてください。