diff --git a/missann/web-client/web/index.html b/missann/web-client/web/index.html
index fe26c81..20252d7 100644
--- a/missann/web-client/web/index.html
+++ b/missann/web-client/web/index.html
@@ -48,6 +48,8 @@
           <h4 class="modal-title" id="myModalLabel">投稿</h4>
         </div>
         <div class="modal-body">
+          ユーザ名
+          <p><input type="TEXT" class="form-control message-username" rows="3"></p>
           コメント
           <p><textarea class="form-control message-body" rows="3"></textarea></p>
         </div>
diff --git a/missann/web-client/web/js/message.js b/missann/web-client/web/js/message.js
index 6f95249..86049c3 100644
--- a/missann/web-client/web/js/message.js
+++ b/missann/web-client/web/js/message.js
@@ -10,13 +10,14 @@ function reloadMessages() {
 /**
  * メッセージの投稿
  */
-function sendMessage(body) {
+function sendMessage(username, body) {
     var success = function() {
+        $(".message-username").val("");
         $(".message-body").val("");
         reloadMessages();
     };
     var error   = function() { console.log("error") };
-    postMessage(body, success, error);
+    postMessage(username, body, success, error);
 }
 
 /**
@@ -70,12 +71,12 @@ function getMessages(success, error) {
 /**
  * APIリクエストコメント投稿
  */
-function postMessage(body, success, error) {
+function postMessage(username, body, success, error) {
     var postMessageUri = "http://localhost:8888/messages";
     return $.ajax({
         type: "post",
         url: postMessageUri,
-        data: JSON.stringify({"username":"名前はまだない", "body":body}), 
+        data: JSON.stringify({"username":username,"body":body}), 
         dataType: "json",
         })
     .done(function(data) { success() })
diff --git a/missann/web-client/web/js/web-client.js b/missann/web-client/web/js/web-client.js
index 353c117..8410116 100644
--- a/missann/web-client/web/js/web-client.js
+++ b/missann/web-client/web/js/web-client.js
@@ -11,7 +11,8 @@ $(document).ready(function () {
 $(".post-message").bind("click", function() {
     $("#myModal").modal("hide");
     var body = $(".message-body").val();
-    sendMessage(body);
+    var username = $(".message-username").val();
+    sendMessage(username, body);
 });
 
 /**