Angular4を使ってgoogle mapを表示する 「google map上でクリックしたときにマーカをプロットし、その位置情報をAjaxで投げてDB上に保存する」ということがしたくなりました。 google map上での操作については「Maps JavaScript API」を使用すればできるので…

Angular2にて、依存性の注入（dependency Injection）を行う AngularJSでは、引数の情報を用いてDIを行っていましたが、 Angular2ではやり方が大きく変わりました。 今回はAngular2でDIを実践しようと思います。 具体的には、app.componentに、 ボタンをクリ…

angular2のrouterを用いて、ページ遷移ができるようにする 今日は、こんな感じの簡単なroutingを実現してみたいと思います。 angular2のrouterを用いて、ページ遷移ができるようにする 0. 準備 1. app.component.htmlの編集 2. それぞれのページ用コンポーネ…

angular2で親componentから子componentへ値を受け渡す angular2で親componentから子componentへ値を受け渡す 0. 準備 1. 親コンポーネントとテンプレートに以下を記述 2. 親コンポーネントのテンプレートに、コンポーネントへ渡したい変数を書く 3. 子コンポ…

angular2で簡単にクリックイベントを実装 angularJSではng-clickというディレクティブを使ってクリックイベントを実装していました。 angular2ではどのように実装するか、実際に実装しつつ試してみたいとおもいます。 angular2で簡単にクリックイベントを実…

angular2で双方向データバインディング angularJSとangular2では、双方向データバインディングの方法が異なります。 今日はangular2を使って双方向データバインディングを実現していきましょう。 angular2で双方向データバインディング 手順 準備 FormsModul…

なんとなく使っていたフロントエンドとバックエンドと言う言葉を今一度整理してみました。 超ざっくりなので初心者向けです。 フロントエンドエンジニアについて 作るもの フロントエンドエンジニアは、主に「ユーザの目に見える部分」を作ることが多いです…

最近フリーランスエンジニアと言う言葉をあちこちで目にするようになった。 一時期私もフリーランスエンジニアとして働いていた。 自由だった。出勤時間も自由だったし、作業場所も自由だった。 そんなメリットがあったのでフリーランスエンジニアになった。…

ずっと前から、アウトプットの重要性をといている人がとても多い。 インプットだけではダメだ。アウトプットをしたほうがよい。 結構耳タコだ。 でもなぜ、アウトプットをしたほうが良いのか。 私は、「頭の中の無定形なものが、定形なものになってくる」か…

僕はこの春から、小さな会社の社内SEをしている。 もともとIT系の会社でなく、システム部門の立ち上げ役として新卒で入社。 その会社のIT系のノウハウは皆無。 上司はいない。 質問できる人もいない。 どうやって技術的なことにキャッチアップしていったら良…