<!DOCTYPE html>
<html lang='en' ng-app='CodeApp' ng-class='{embed: embed, spa: spa}' xmlns:fb='http://ogp.me/ns/fb#' xmlns:og='http://ogp.me/ns#'>
<head>
<base href='/'>
<meta charset='utf-8'>
<meta content='IE=Edge,chrome=1' http-equiv='X-UA-Compatible'>
<meta content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'>
<meta content='UOKWL9FDreUe8Z9juyL7NBjLaTNPluL1n3Zw7n9HLLI' name='google-site-verification'>
<meta content='Online editor and compiler' property='og:title'>
<meta content='website' property='og:type'>
<meta content='Paiza.IO is online editor and compiler. Java, Ruby, Python, PHP, Perl, Swift, JavaScript... You can use for learning programming, scraping web sites, or writing batch' property='og:description'>
<meta content='https://paiza.IO/' property='og:url'>
<meta content='https://paiza.io/assets/movie_title-ef079979571b825ee642d979b6d4131cfd0ab5d900b0c48d7d70de5ba3ad6e91.png' property='og:image'>
<meta content='!' name='fragment'>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
<title ng-bind-template='{{longTitle?longTitle:(  (title?title+&#39; | &#39;:&#39;&#39;)+&#39;Online editor and compiler&#39;  )}}'>
Online PHP/Java/C++... editor and compiler | paiza.IO
</title>
<meta content='{{description ? description : &#39;Paiza.IO is online editor and compiler. Java, Ruby, Python, PHP, Perl, Swift, JavaScript... You can use for learning programming, scraping web sites, or writing batch&#39;}}' name='description'>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="XQ0tqt3WoBF55324anQlq-MvlRaiGzJ2Wr2L5pBMxWKAyQ5NQ6l1s98U8RZkbmey2if7HTpAiG7TJ6_t3K-GUA" />
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script>
<![endif]-->
<!-- = stylesheet_link_tag "http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" -->
<!-- = stylesheet_link_tag "http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" -->
<link rel="stylesheet" href="/assets/application-bf7940690fac29503b06579b30262c1f445eadfd4eee93ee051009c0b20fa374.css" media="all" />
<link rel="stylesheet" href="/packs/stylesheets/projects.css.927d43a998ee7b3f.css" media="all" />
<!-- Load jQuery before AngularJS to use jQuery with AngularJS -->
<script src="/assets/jquery-3158ee616193dde0b605a15cb9ca832f9de674111b7cf4393353432ab8fa272d.js"></script>
<!-- AngularJS modules -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-messages.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-cookies.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-resource.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-route.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-sanitize.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-touch.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.2.15/angular-locale_en-us.js"></script>
<script src="/assets/locale/en-us-c1fd26595e325832f2aa44784018f9a74c77992faf1a2222351c3c30cec27f7b.js"></script>
<script src="/assets/ng-infinite-scroll-6463e50a6928ea5a6cf08a99bdb7d46de2b92c844af8716e48bb9369eb2aba27.js"></script>
<script src="/assets/angularLocalStorage-4dbe26e682114b6f10350aa53dd3051673c44c6db282be878b9fc1e8408a6982.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-utils/0.1.1/angular-ui-utils.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.css" media="screen" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.theme.css" media="screen" />
<script src="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.js"></script>
<!-- = javascript_include_tag "http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.js" -->
<!-- = javascript_include_tag "ui-bootstrap-tpls-0.11.0.js" -->
<script src="/assets/ui-bootstrap-tpls-2.3.2-d38e84d8924afb304b5565409ff5c81cc0346f5fb5ac06417241c5ebbdc344b9.js"></script>
<!-- = javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js" -->
<!-- = javascript_include_tag "//cdn.jsdelivr.net/ace/1.1.6/min/ace.js" -->
<!-- = javascript_include_tag "//cdn.jsdelivr.net/ace/1.1.6/min/ext-language_tools.js" -->
<!-- = javascript_include_tag "/js/ace-20151029/ace.js" -->
<!-- = javascript_include_tag "/js/ace-20151029/ext-language_tools.js" -->
<!-- = javascript_include_tag "/js/ace-20160316/ace.js" -->
<!-- = javascript_include_tag "/js/ace-20160316/ext-language_tools.js" -->
<script src="/js/ace-20250902/ace.js"></script>
<script src="/js/ace-20250902/ext-language_tools.js"></script>
<script src="/js/ui-ace.js"></script>
<link rel="stylesheet" href="/assets/split-pane-60b62299e214b46e794e7ce5d50f10e81f9fba0a6185f899d0c342277f08b8e1.css" media="screen" />
<script src="/assets/split-pane-eb36324e2121578771374d82f28346a47ef750898e19b1bb926884589e177635.js"></script>
<script src="/assets/angular-split-pane-1d6774710272ab905a73a0ba7d54f3ff9b28c29a6ab930072ac8ab0fd858b7fb.js"></script>
<script src="/assets/jquery.terminal-0.8.8-340181ab8471e4e97839d969d551176d124e0bc6de5e8d6aa5ac3e369911f4e0.js"></script>
<link rel="stylesheet" href="/assets/jquery.terminal-ec5cdb532ada782cea70060dfd67b836062c69d1c8a96f25355dcd974c7e48b6.css" media="screen" />
<script src="/assets/loading-bar-0c0ec6777323682ec89af2b870a8a25ee06a995fea25e6bdb62642692c1f3efc.js"></script>
<link rel="stylesheet" href="/assets/loading-bar-370a28467ff554737934a977775b7dd54d887f35081fa9afaa3d9946ca2442c9.css" media="screen" />
<!-- = stylesheet_link_tag "http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" -->
<!-- = javascript_include_tag "http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" -->
<!-- = javascript_include_tag "http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" -->
<!-- = javascript_include_tag "//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5417a9d527daa381" -->
<script src="/assets/application-f113ef3c2961600eca5f7d4bfe47d022ee03235943f44012a3bd4f8bc18a8dfd.js"></script>
<script src="/js/togetherjs-min.js"></script>
<!-- = javascript_include_tag "/js/togetherjs.js" -->
<script src="//cdnjs.cloudflare.com/ajax/libs/sweetalert/0.4.2/sweet-alert.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/sweetalert/0.4.2/sweet-alert.css" media="screen" />
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="/assets/angular-busy-081dc1e2cd20622d58d4984177375149c59877a5fd40be2e0925ad9d079025c0.js"></script>
<link rel="stylesheet" href="/assets/angular-busy-9662bb08ca8b234afca0d00975f4626a0417328e2156b0f0506f7dc46eb6d5a5.css" media="screen" />


<link href='https://paiza.io/projects/p53Lr4DELpOALReuZF8oUw' rel='canonical'>
<script>
  window.addEventListener('popstate', (event) => {
    if (event.state && event.state.forceReload) window.location.reload();
  });
</script>
<script>
  window.current_user = null
  if(window.current_user){
    window.current_user.providers = null
    window.current_user.policy = null
  }
  console.log("current_user=", current_user)
  window.app_locale = "en-us"
  window.app_locale_short = "en"
</script>
<script>
  window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
  d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
  _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
  $.src="//v2.zopim.com/?2yZ9OOc1wcz7iOrjG11V1OWGAM1aPwh7";z.t=+new Date;$.
  type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
  
  $zopim(function() {
    $zopim.livechat.setLanguage(window.app_locale.substr(0,2));
    if(current_user){
      $zopim.livechat.setName(current_user.username);
      $zopim.livechat.setEmail(current_user.email);
    }
  });
</script>
<script>
  // hotjar (https://www.hotjar.com)
  // <!-- Hotjar Tracking Code for http://paiza.io/ -->
  (function(h,o,t,j,a,r){
  h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  h._hjSettings={hjid:273669,hjsv:5};
  a=o.getElementsByTagName('head')[0];
  r=o.createElement('script');r.async=1;
  r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  a.appendChild(r);
  })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<meta data-csrf='C1CVE9xVfc3IK4LkmM9GozywEQOMx-ajksDBLfC1RlrWlLb0Qiqob27YDkqW1QS6Bbh_CBScXLsbWuUmvFYFaA' id='csrf' ng-controller='CsrfCtrl'>
<style>
  .ng-cloak { display: none !important; }
</style>
</head>
<body class='ng-cloak' ng-class='{embed: embed, spa: spa}' ng-cloak='true'>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJQKTWM"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id='fb-root'></div>
<script>
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=632950816819414&version=v2.0";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class='navbar navbar-default navbar-static-top' ng-class='{spa: spa}' ng-hide='embed'>
<div class='ribbon'>
<a href='#'>
Beta
</a>
</div>
<div class='container'>
<button class='navbar-toggle' data-target='.navbar-responsive-collapse' data-toggle='collapse' type='button'>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class='navbar-brand' ng-href='{{languageId&amp;&amp;app_locale==&#39;en-us&#39;?&#39;/&#39;+app_locale_short+&#39;/languages/&#39;+languageId:&#39;/&#39;+app_locale_short+&#39;/&#39;}}' style='display: block; padding: 0 15px;'>
<span style='display: inline-block; height: 100%; vertical-align:middle;'></span>
<span ng-if='!(languageId&amp;&amp;app_locale==&#39;en-us&#39;)'>
<img alt='paiza.IO' height='32' src='/assets/paizaio_logo_s-08544590fe1c9523d9e0d27585f0e85ef5d6b76c76ceb702cfec36c072183cbb.png' style='vertical-align:middle; padding:0; display: inline-block;' width='132'>
</span>
<span ng-if='languageId&amp;&amp;app_locale==&#39;en-us&#39;'>
<img alt='paiza.IO' height='16' src='/assets/paizaio_logo_s-08544590fe1c9523d9e0d27585f0e85ef5d6b76c76ceb702cfec36c072183cbb.png' style='vertical-align:middle; padding:0; display: inline-block;' width='66'>
{{languageTitle}}
</span>
</a>
<div class='navbar-collapse collapse navbar-responsive-collapse'>
<ul class='nav navbar-nav' ng-controller='NavController'>
<li ng-class='{active: isActive(&#39;/projects/new&#39;)}'>
<a ng-href='/{{app_locale_short}}/projects/new?language={{languageId}}' ng-if='languageId'>
<b ng-if='app_locale != &quot;en-us&quot;'>
{{'navbar.newcode'|i18n}}
</b>
<b ng-if='app_locale == &quot;en-us&quot;'>
{{'navbar.new'|i18n}}
{{'navbar.code'|i18n}}
</b>
</a>
<a ng-href='/{{app_locale_short}}/projects/new' ng-if='!languageId'>
<b>
{{'navbar.newcode'|i18n}}
</b>
</a>
</li>
<li ng-class='{active: isActive(&#39;/projects&#39;)}' ng-if='app_locale == &quot;en-us&quot;'>
<a ng-href='/projects?language={{languageId}}' ng-if='languageId'>
{{'navbar.recent'|i18n}}
{{'navbar.code'|i18n}}
</a>
<a ng-href='/projects' ng-if='!languageId'>
{{'navbar.recentcode'|i18n}}
</a>
</li>
<li ng-class='{active: isActive(&#39;/projects&#39;)}' ng-if='app_locale != &quot;en-us&quot;'>
<a ng-href='/projects'>
{{'navbar.recentcode'|i18n}}
</a>
</li>
<li>
<a href='https://paiza.cloud/' target='_blank'>
{{'navbar.paizacloud'|i18n}}
</a>
</li>
<li>
<a href='https://paiza.jp/works/' ng-if='app_locale == &quot;ja-jp&quot;' target='_blank'>
プログラミング学習
</a>
</li>
</ul>
<ul class='nav navbar-nav navbar-right'>
<li>
<span class='dropdown' on-toggle='toggled(open)'>
<p class='navbar-text'>
<a class='navbar-link dropdown-toggle'>
English
<span class='caret'></span>
</a>
</p>
<ul class='dropdown-menu'>
<li>
<a onclick='javascript:location.href = location.href.split(/[?]/)[0] + &#39;?locale=&#39; + &#39;en-us&#39;' target='_top'>
English
</a>
</li>
<li>
<a onclick='javascript:location.href = location.href.split(/[?]/)[0] + &#39;?locale=&#39; + &#39;ja-jp&#39;' target='_top'>
日本語
</a>
</li>
<li>
<a onclick='javascript:location.href = location.href.split(/[?]/)[0] + &#39;?locale=&#39; + &#39;es-es&#39;' target='_top'>
Spanish
</a>
</li>
</ul>
</span>
</li>
<li>
<button class='btn btn-primary navbar-btn' data-target='#signUpModal' data-toggle='modal' style='{vertical-align:center;}'>Sign Up</button>
</li>
<li class='divider-vertical'></li>
<li style='vertical-align:middle;'>
<button class='btn btn-primary navbar-btn' data-target='#signInModal' data-toggle='modal' style='vertical-align:middle;'>Sign In</button>
</li>
<li>
<span class='dropdown' on-toggle='toggled(open)'>
<p class='navbar-text'>
<a class='navbar-link dropdown-toggle'>
<i class='glyphicon-question-sign glyphicon'></i>
</a>
</p>
<ul class='dropdown-menu'>
<li>
<a href='/help'>
Help
</a>
<a href='/feedback/index'>
Feedback/Contact
</a>
</li>
</ul>
</span>
</li>
</ul>
</div>
</div>
</div>
<div aria-hidden='true' aria-labelledby='myModalLabel' class='modal fade' id='signUpModal' role='dialog' tabindex='-1'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<button class='close' data-dismiss='modal' type='button'>
<span aria-hidden='true'>×</span>
<span class='sr-only'>Close</span>
</button>
<h4 class='modal-title' id='myModalLabel'>
Sign Up
</h4>
</div>
<div class='modal-body'>
<a class='btn btn-lg btn-primary' href='/users/auth/github' target='_self'>
<img height='32' src='/assets/github/Octocat-9841568a2b51cc8da7d298e022c5482ebafb787f8f513006f975cf9191572a99.png' width='32'>
GitHub
Sign In
</a>
<hr>
<a class='btn btn-sm btn-primary' href='/users/auth/google_oauth2' target='_self'>
<img height='16' src='/assets/google/btn_google_light_normal_ios@3x-11f620a457b502f2e1195bb7b0e39a31e4c7a66ab16940df9c527bc27b9284ee.png' width='16'>
Google
Sign In
</a>
<hr>
<form class="new_user" id="new_user" name="signup_form" action="/users" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" /><input type="hidden" name="authenticity_token" value="S6do95TmXK4tkyVaazoRKvJOZb9rzI6W5YbLGd4UyHeWY0sQCpmJDItgqfRlIFMzy0YLtPOXNI5sHO8SkveLRQ" autocomplete="off" />
<div class='control-group mb5'>
<label class="control-label" for="user_username">Username</label>
<div class='controls'>
<input autofocus="autofocus" class="text_area" required="required" minlength="3" ng-model="username" type="text" name="user[username]" id="user_username" />
<span class='text-danger' ng-messages='signup_form[&#39;user[username]&#39;].$error'>
<span ng-message='required'>{{'validation.required'|i18n}}</span>
<span ng-message='minlength'>{{'validation.username.minlength'|i18n}}</span>
</span>
<span class='text-success' ng-show='signup_form[&#39;user[username]&#39;].$valid'>OK</span>
</div>
</div>
<div class='control-group mb5'>
<label class="control-label" for="user_email">E-mail</label>
<div class='controls'>
<input class="text_area" ng-model="email" required="required" type="email" value="" name="user[email]" id="user_email" />
<span class='text-danger' ng-messages='signup_form[&#39;user[email]&#39;].$error'>
<span ng-message='required'>{{'validation.required'|i18n}}</span>
<span ng-message='email'>{{'validation.email.email'|i18n}}</span>
</span>
<span class='text-success' ng-show='signup_form[&#39;user[email]&#39;].$valid'>OK</span>
</div>
</div>
<div class='control-group mb5'>
<label class="control-label" for="user_password">Password</label>
<div class='controls'>
<input autocomplete="off" class="text_area" ng-model="password" minlength="8" required="required" password-validator="true" type="password" name="user[password]" id="user_password" />
<span class='text-danger' ng-messages='signup_form[&#39;user[password]&#39;].$error'>
<span ng-message='required'>{{'validation.required'|i18n}}</span>
<span ng-message='minlength'>{{'validation.password.minlength'|i18n}}</span>
<span ng-message='passwordValidator'>{{'validation.password.pattern'|i18n}}</span>
</span>
<span class='text-success' ng-show='signup_form[&#39;user[password]&#39;].$valid'>OK</span>
</div>
</div>
<div class='mb15'>
<label for="user_password_confirmation">Password confirmation</label>
<br>
<input autocomplete="off" ng-model="password_confirmation" minlength="8" required="required" ui-validate="&#39;password.length&gt;0 &amp;&amp; $value==password&#39;" ui-validate-watch="&#39;password&#39;" type="password" name="user[password_confirmation]" id="user_password_confirmation" />
<span class='text-danger' ng-messages='signup_form[&#39;user[password_confirmation]&#39;].$error'>
<span ng-message='required'>{{'validation.required'|i18n}}</span>
<span ng-message='validator'>{{'validation.password_confirmation.validator'|i18n}}</span>
</span>
<span class='text-success' ng-show='signup_form[&#39;user[password_confirmation]&#39;].$valid'>OK</span>
</div>
<div><input type="submit" name="commit" value="Sign Up" class="btn btn-primary" ng-disabled="signup_form.$invalid" data-disable-with="Sign Up" /></div>
</form><a target="_blank" href="/users/password/new">Forgot your password?</a>
<br>
<a target="_blank" href="/users/confirmation/new">Didn&#39;t receive confirmation instructions?</a>
<br>

<hr>
<div style='font-size: x-small'>

</div>
</hr>

</div>
</div>
</div>
</div>
<div aria-hidden='true' aria-labelledby='myModalLabel' class='modal fade' id='signInModal' role='dialog' tabindex='-1'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<button class='close' data-dismiss='modal' type='button'>
<span aria-hidden='true'>×</span>
<span class='sr-only'>Close</span>
</button>
<h4 class='modal-title' id='myModalLabel'>
Sign In
</h4>
</div>
<div class='modal-body'>
<a class="btn btn-lg btn-primary" rel="nofollow" data-method="post" href="/users/auth/github"><img height='32' src='/assets/github/Octocat-9841568a2b51cc8da7d298e022c5482ebafb787f8f513006f975cf9191572a99.png' width='32'>
GitHub
Sign In
</a><hr>
<a class="btn btn-sm btn-primary" rel="nofollow" data-method="post" href="/users/auth/google_oauth2"><img height='16' src='/assets/google/btn_google_light_normal_ios@3x-11f620a457b502f2e1195bb7b0e39a31e4c7a66ab16940df9c527bc27b9284ee.png' width='16'>
Google
Sign In
</a><hr>
<form class="new_user" id="new_user" name="signin_form" action="/users/sign_in" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" /><input type="hidden" name="authenticity_token" value="NJAPfUMymXiG7agyfxzVARyqfaJNEExiWQ0QomV-CLfpVCya3U1M2iAeJJxxBpcYJaITqdVL9nrQlzSpKZ1LhQ" autocomplete="off" /><div class='control-group'>
<label class="control-label" for="user_email">E-mail</label>
<div class='controls'>
<input autofocus="autofocus" class="text_area" ng-model="email" required="required" type="email" value="" name="user[email]" id="user_email" />
<span class='text-danger' ng-show='signin_form[&#39;user[email]&#39;].$error.required'>{{'validation.required'|i18n}}</span>
<span class='text-danger' ng-show='signin_form[&#39;user[email]&#39;].$error.email'>{{'validation.email.email'|i18n}}</span>
<span class='text-success' ng-show='signin_form[&#39;user[email]&#39;].$valid'>OK</span>
</div>
</div>
<div class='control-group'>
<label class="control-label" for="user_password">Password</label>
<div class='controls'>
<input autocomplete="off" class="text_area" minlength="8" required="required" ng-model="password" type="password" name="user[password]" id="user_password" />
<span class='text-danger' ng-show='signin_form[&#39;user[password]&#39;].$error.required'>{{'validation.required'|i18n}}</span>
<span class='text-danger' ng-show='signin_form[&#39;user[password]&#39;].$error.minlength'>{{'validation.password.minlength'|i18n}}</span>
<span class='text-success' ng-show='signin_form[&#39;user[password]&#39;].$valid'>OK</span>
</div>
</div>
<div>
<input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
<label for="user_remember_me">Remember me</label>
</div>
<div><input type="submit" name="commit" value="Sign In" class="btn btn-primary" data-disable-with="Sign In" /></div>
</form><a target="_blank" href="/users/password/new">Forgot your password?</a>
<br>
<a target="_blank" href="/users/confirmation/new">Didn&#39;t receive confirmation instructions?</a>
<br>

<hr>
<div style='font-size: x-small'>

</div>
</hr>

</div>
</div>
</div>
</div>

<div autoscroll='true' class='main' ng-class='{spa: spa}' ng-view='true'></div>
<div ng-show='noview'>

</div>
<div class='paizacloud-advertisement'>
<div class='img-wrapper'>
<a href='https://paiza.cloud/ja/' target='_blank'>
<img alt='PaizaCloud' height='65' src='https://paiza.cloud/public/images/banner/bnr_960x125_en.png'>
</a>
</div>
</div>
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-42027263-3', 'auto');
    ga('require', 'displayfeatures');
    if(current_user){
      ga('set', 'userId', 'uid-' + current_user.id);
      ga('set', 'userName', current_user.username);
      ga('set', 'dimension1', 'uid-' + current_user.id);
      ga('set', 'dimension2', 'LoggedIn');
    }else{
      ga('set', 'dimension2', 'NotLoggedIn');
    }
    // ga('send', 'pageview');
</script>
<script>
  var http_referer = null;
  console.log('HTTP_REFERER=', http_referer);
  if(http_referer && current_user){
    var parser = document.createElement('a')
    parser.href = http_referer;
    var pathname = parser.pathname;
    if(pathname.match(new RegExp("^(/users/auth/[a-z]+/callback|/users/confirmation)"))){
      ga('send', 'pageview', {page: pathname});
    }
  }
</script>
<script>
  var notice = null;
  console.log('notice=', notice);
  if(notice){
    ga('send', 'pageview', {page: '/notice/' + notice})
    ga('send', 'event', {
      eventCategory: 'notice',
      eventAction: 'show',
      eventLabel: notice,
    });
  }
</script>
<script>
  window.twttr = (function (d, s, id) {
    var t, js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src= "https://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js, fjs);
    return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
  }(document, "script", "twitter-wjs"));
</script>
</body>
</html>
