読者です 読者をやめる 読者になる 読者になる

Renya's Dialy

かつて大学生で専門学校生で社畜だった私の日々の日記やメモ。

AngularJSを触ってみた その1

AngularJSとは?

AngularJSとはGoogleコミュニティーによって開発されているオープンソースJavaScriptフレームワークですん。 ブラウザ上で動作するWebアプリケーションにMVCを取り入れることを目的にしています。

なのでこれを使うとすげー簡単にwebアプリがつくれるよ! って感じです。

早速さわりますん

まずAngularJS公式サイトからダウンロードです。

そしたらHTMLをおなじディレクトリに作って

<!doctype html>
<html ng-app>
  <head>
    <script src="angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

って感じにhtmlを書いてバーン


Hello {{your}}!

といった感じになるかとおもわれますん。 簡単にインタラクティブ?動的なものは作れましたね!
ついでにヒントも出せちゃってやったね!
とまぁそんな感じです。 とりあえず基礎はこんな感じですね。 続きはゆっくり勉強しながら書いていきますねー

ということで

ではでは