AngularJs難しいけど、ログ出力したら少しわかりやすくなった話

JavaScript

2017.06.30

どうもコウタロウです。

今日はタイトルについて。

いや〜、やっぱAngularJs難しいな〜。

特に、今やってるのがAngular-Gantt

常駐先のプロジェクトでなんとこのAngular-Gantt使ってるんですね。

有識者がいるわけでなく、今回の業務アプリケーションでガントチャート使いたいとのことからこのライブラリを導入。

私は導入が決まって、モックとして動いているのをアプリとして組み立てています。

とにかく情報がなく、既存機能以外の要望に関しては一から作成するという難しさ。

既存機能はガントタスクをドラッグして移動するだけですが、クリック選択で移動したい箇所に再度クリックすることで動かしたい場所に動かすなど。。。

正直そんなにAngularJsも経験がないのにハードルが高すぎる

既存のドラッグ以外にクリック用の機能（関数）も作成したんですけど、なぜかドラッグして動かしている最中にクリック用の関数も勝手に動く！？

結果的にはドラッグした時に、クリックされているのでまあ、動いて当たり前なんだけどハマった。。。

試行錯誤しながら毎日コード書いてたんだけど、ふと閃いた！！

「そっか、ログ出力してコンソール見ればわかりやすいんじゃね！」

それぞれの関数の最初と最後、他にも気になる箇所の変数を”console.log()”で出力しまくった。

そしたら、「へぇ～、なるほど、なるほど」と１つずつ不明点が解消されていく！

JavaScriptでログ出力なんて考えもしなかったけど、Javaとかのプログラムと一緒だもんね。

わからなければログ出力すればわからないこともなくなるよ！！

※ちなみにAngularJsはログ機能も備えてるみたい

“console.log”よりもこの方が見やすいしいいね！

あと、コレも知らなかったんだけど、圧縮版のJSじゃなく、開発時は通常のJSを使えばいいっていうのも知らなかったよ。

どうですか？

もし私と同じくAngular難しくてあまり好きじゃないあなた！！

試しにログ出力して下さい。

きっと好きになるよ！！