サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
中東情勢
hirahiro56.hatenablog.com
※本稿は開発環境にnpm が入っていることを前提とする。 【Step.1】下ごしらえ 任意のフォルダを作成し、その下にpackage.json を下記の内容で配置する。 { "name": "devtodo", "version": "1.0.0", "description": "", "scripts": { "start": "http-server", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "MIT", "dependencies": { "http-server": "^0.7.4" } }本ディレクトリ直下にsrcフォルダとdistフォルダも作成しておく。 【Step.2】必要なツールを色々とインストール(npmでサクッと) 上記フォルダの下において、n
前回の記事(↓)を踏まえて、今度は投稿フォームを利用したアプリ(オウム返しアプリ)をPlay Framework で作ってみる。 Play Framework で「Hello World!!」 - hirahiro56のブログ 作るアプリの機能としては、ユーザがフォームに入力した文字列をそのまま表示するだけのオウム返しアプリで実用性は無いものであるが、今後作るチャットアプリの基礎となるものである。 それでは、このオウム返しアプリを実現するのには、どの様なものを実装すれば良いのかを考えよう。 必要なものは下記の通りである。 つまり、入出力画面2つと、それぞれのリクエスト(URL)を処理するためのコントローラ2つの合計4つのモジュールを作成する必要がある。 ・ユーザの入力を受け付けるView ・文字列を出力するView ・入力を受け付ける画面へアクセスする際のリクエスト(URL)を処理するコン
前回から引き続き、簡易認証システムシステムを開発していく。 今回は登録したユーザ情報に基づいてログインできるような機能を開発していく。 1. ログイン画面表示用URL"/login"のリクエストを処理するController の まずは、下記の通りroutesから登録しよう。 ■routes GET /login controllers.Application.login()次にコントローラ(Application.login)を実装していくが、その前にFormクラスを用意しよう。 ログイン画面ではアカウント名(username)とパスワード(password)を持つのでForm クラスは下記となる。 ここで、validate()メソッドが定義されているが、ユーザ/パスワードの組み合わせでDBを参照し、 正しいかどうかを判断してくれるようになる。 このクラスがFormのコンストラクタに渡さ
前回の記事で取りあえずは"Hello World!!"が表示された。これをベースにToDo アプリを作っていく。hirahiro56.hatenablog.com 下記のようなアプリイメージのものを開発していく。 【Step.1】index.htmlの作成 まずは、index.htmlを準備する。これはHello World の時と何にも変わらない。 <html> <head> </head> <body> <div id="app-container"></div> <script src="dist/app.js"></script> </body> </html> 【Step.2】TodoListコンポーネントの作成 アプリのルートとなるTodoListコンポーネントを作成する。このコンポーネントは全てのコンポーネントの親玉となるもので、このアプリにおいて状態を監視するべきデータであ
Play Framework の環境構築については、 id: hidemium の下記記事を参照されたい。 Play Framework(Java)の開発環境を構築する - hidemium's blog 上記手順でEclipse 上にPlay Framework のプロジェクトが作成された状態からスタートする。 何はともあれ、お決まりの「Hello World !!」アプリを作っていこう。 作成したプロジェクトのappフォルダ以下のviews => index.scala.html を 以下の様に編集しよう。 ■index.scala.html @(message: String) Hello World!! 上記コードを保存し下記URLでアクセスしてみよう。 http://localhost:9000/ これで、無事「Hello World!!」 が表示されたはずだ。 Play Fra
このページを最初にブックマークしてみませんか?
『hirahiro56.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く