Uni-Q blog

うにきゅう ぶろぐ

とりあえず AngularJS いっぽめ

同僚のエンジニアさんが仕事の合間に AngularJS を教えてくれまして、自分でも調べながら〜なんですが、復習がてらメモメモ。

AngularJS とは

  • MVWフレームワーク
  • Model-View-Whatever と言われることが多いみたい。
  • View はテンプレートだと思ってもいいかも?

とりあえず、一歩目的なhtmlを作ってみる。

AngularJS をダウンロード

AngularJS — Superheroic JavaScript MVW Framework の「Download AngularJS 1」から min.js をダウンロードします

html作る

index.html 作ります。

<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
  <script src="js/angular.min.js"></script>
  <title>test angular</title>
</head>
<body>
  hoge
</body>
</html>

<html ng-app> って書いてあげます。
ng-app 以下で anglar 動かしちゃうわよー…的な。
View で宣言して、どーのこーのすると、 Model に 何か作っちゃう感じなのかなあ…とかとか。 (まだよく分からない)

AngularJS は VMW だとかメモ

jsフォルダの中に angular.min.js を入れてあげます。

作ったhtml見てエラー出てないか確認

なんとなくサーバーたちあげます。復習では python でやった。

$ cd project/test-ang/
$ python -m SimpleHTTPServer 8000

URLあくせす。

http://127.0.0.1:8000/

コンソールにエラー出てないのでOK。

ちょっと計算とかさせてみる

<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
  <script src="js/angular.min.js"></script>
  <title>test angular</title>
</head>
<body>
  <p>{{'コーヒー' + '牛乳' }} おいしいです</p>
  <p>1 + 2 = {{ 1 + 2 }}</p>
</body>
</html>

ちゃんと

1 + 2 = 3 

って表示されました!

今回はここまで。

if 文の練習…反対を出したい時

if( x != A || y != B ){
  z = C;
}

これの反対を作ろうとしたんですが、、「ふぁ!?!?」って混乱してしまって、
結局エンジニアさんに教えてもらいました。
情けないのでメモします。><


お題(isn't or isn't)

if( x != A || y != B ){
  z = C;
}

例えるなら
「みかん が好きじゃない」または「りんご が好きじゃない」人は【おっぱい大きい】

反対が欲しい、
つまり、 【おっぱい大きくない】 という結果を出したい場合。

パターン1(isn't and is)

if( x != A && y = B ){
  z = C;
}

つまり 「みかん が好きじゃない」且つ「りんご が好き」な人は【おっぱい大きい】

パターン2(is and isn't)

if( x = A && y != B ){
  z = C;
}

つまり 「みかん が好き」且つ「りんごが好きじゃない」人は【おっぱい大きい】

パターン3(isn't and isn't)

if( x != A && y != B ){
  z = C;
}

つまり 「みかん が好きじゃない」且つ「りんご が好きじゃない」人は【おっぱいは大きい】

パターン4(is and is)

if( x = A && y = B ){
  z != C;
}

つまり 「みかん が好き」且つ「りんご が好き」人は【おっぱい大きくない】


やったあ、【おっぱい大きくない】でたよおおお。。。

試しまくってやっと。。。

この考え方に慣れなくては。。。><


photo by RayMorris1

時代を感じるイラストが描かれた父母への手紙


子供の頃からイラスト描くのが好きな1973年生まれです。

実家で見つけたので晒してみる。
f:id:uniq:20151007201834j:image
お父さんの誕生日に描いたらしい。
なぜかCHA-CHA-CHAの歌詞が。
お父さんに「バージン気分CHA,CHA…」ってどういうことっすかね???
自分の誕生日プレゼント(ステレオ)を催促してます。

f:id:uniq:20151007202114j:image
こちらは父の日に送ったカード。
「カードでゆるしてチョンマゲ」だそうです。
やはり自分の誕生日プレゼントを催促するのを忘れない。

f:id:uniq:20151007202330j:image
父の日のカード。唐草模様で古風を演出。
「おじゃる」が意味不明。

f:id:uniq:20151007202515j:image
これは、お母さんの誕生日カードに描いたイラスト。
なぜかキャプテン翼。
腐に目覚めつつある頃かもしれない。
「清光」っていうのは、とうらぶではありません。弟の名前です。

とりあえず、こんなところで。

だいぶ前にメンタルな面談をしてきたので、そのメモ

2014年の冬くらいのメモですが。。。
忘れちゃいそうだし、たまに振り返っておきたいのでメモメモ。

--以下当時のメモ--

今は自分以外の人間を軸として考えちゃって、まいってしまってる。
まずは自分をしっかりもって、相手に振り回されないようすること。
怒りたかったら勝手に怒ってればー、ぐらいの気持ち。
そういった相手に気を使ったコミュニケーションをしても、疲れるし、相手はもしかしたら甘えでそういう態度を続けてるのかもしれない。
怒ってこようが、「それはno」「そういう言い方じゃなくて、こういう言い方がいいなあ」と言う。
それについて更に相手が怒ってきたとしても、そんなん知らんがなー、「ちゃんと言えた自分エライなー」と褒めておく。
あと丁寧語よりも軽めに言った方がいいかもしれない。
とはいえ、今はマイッてる状態なので、まずは正面から受けつけないこと。込み入った話になりそうなら、「大事な話なのであとでしっかり時間とりたい」等と言って、間をおく。「貴方の意見は聞きましたよ」としっかり伝える。

--以上、メモおわり--

お友達に指摘されたのだけど、私は自分のせいにしがちみたいで、どうしたものかなー。。。うーん、だって自分の実力不足なんだもん!
あと他人のせい?にするのが好きじゃないってのもあり。

最近、様々な方に救われてる気がして…本当にありがたいことだな〜…と、皆様に感謝です。m( )m