Angular
今回も https://github.com/codediodeio/angular-firestarter/tree/master/src/app/uploads を参考にしていますサンプルとして既にあるのですが ファイルアップベースにfirebase functionを動かしたりしたいので １から作って理解したいと思いやっています
AngularはSPA(Single Page Application)なので初回以外は ページ遷移のイベントがとらないとアナリティクスに反映されない Angularだけじゃなく他のSPAでも多分同じの Googleタグマネージャーの設定を記載する
Google Cloud Functions and Firebaseを使って 自動翻訳する機能ができるみたいですが www.youtube.comおお・・・すごいという所で止まっており Angularでどうやってやるねん！！所が理解できなかったのですが やっとサンプルも見つかったんで再現してみた …
単純にテンプレートにadsenseタグを書いたら実行されなかった angularのコンパイル時に消えているらしいのでモジュールをいれて対応する 1・モジュールのインストール 2・index.htmlにadsenseのjsを追加 3・NgModuleに追加 4・テンプレートの修正
現在、angularを使ってリアルタイムDBのfirebaseに チャットシステムを作って遊ぶということをやっています (facebook認証はできないですが）機能 ・SNSのログイン ・メールアドレスでのログイン ・chat機能 ・ToDO機能ある程度できた！！ github.com実際の…
angularのサンプルソースを作った時にスマフォで確認できるサーバーがない事に気がついた httpsが使えるFirebaseのhostingを使う事にしました （1Gまでは無料、5Gで20円ぐらい）下記のURLでnode.jsをインストール masalib.hatenablog.com開発環境の権限系で…
技術的な備忘録です 自分の開発環境はvagrant（virtualbox）でおこなっており 普通のmacやwindowsではなくcentos上に作っていますそのため、forwarded_portにportを設定しています config.vm.network "private_network", ip: "192.168.33.10" config.vm.netw…
Windows10にnode.jsをいれてangularをいれました 開発用のマシンを起動するコマンド ng serveこちらは超絶便利で、ソースを修正すると自動的にコンパイルしてくれて かつブラウザを自動ロードしてくれますこの自動機能がなぜかWindows10だとうまくきません …
angularとは直接関係ないのですが Tag for Atomをインストールしています https://atom.io/packages/tagangularは独自タグ（セレクター）をもちいて、HTMLのテンプレートや挿入を おこなっています。その為、独自タグをいれる必要があるのですが そんな時に…
Angular(バージョン２以降)の勉強、その１5です前回がstyleだったので今回はclassの指定です あと、ngForOfというリストのループで使用する list処理で使うので覚えておきたいです公式のreferenceはこちらngClass Angular DocsngForOf Angular Docs TypeScri…
Angular(バージョン２以降)の勉強、その１４です styleを指定することで切り替えれる機能ですngIfみたいにhtmlを触れるディレクティブを勉強します今回はランダムで切り替えるようにしているのですが 今後は、行数やステータスで切り替わるようにできるみたい…
Angular(バージョン２以降)の勉強、その１３です Angularっぽい記載がでてきました DOMを操作するngIf（関数？ディレクティブ？）です これもformでよく使うと思うので覚えたいと思います TypeScript側（/app/servers/servers.component.ts）親子関係の親の…
Angular(バージョン２以降)の勉強、その１２です 前回でクリックイベントができたので 今回はインプットイベントになります formの部分で使うので大事です template側（/app/servers/servers.component.html） TypeScript側（/app/servers/servers.component…
Angular(バージョン２以降)の勉強、その１１です クリックイベントを起こすのを記載します 普通のjavascriptだと「onclick=xxxx」と記載しますが Angularだと「(click)="xxxxx"」と記載しますTypeScript側（/app/servers/servers.component.ts）親子関係の親…
Angular(バージョン２以降)の勉強、その１０です 当たり前だけどhtmlのプロパティーも触れます その部分について記載します
Angular(バージョン２以降)の勉強、その９です tyepscriptの変数をhtmlのテンプレートというかHMTLに反映させる 講義ではデータバイディングみたいに記載してあった
Angular(バージョン２以降)の勉強、その８です 前回に続き使用用途よくわからないが もしかして使う可能性があるのでメモとして残します 独自タグじゃなくてdivタグをセレクターとして使う
備忘録メモのその７です CLIで自動的に作ってくれるテンプレートとcssファイルがあるのですが それを使わない方法を記載します個人的には良くないと思うけど ファイルを読み込ませるのに時間かかるから？？ それを省略するためにやっているのかな？？
Angular(バージョン２以降)の勉強、その６です CLIで自動的に作ってくれる機能があるみたいなので そちらをやってみたいと思います
Angular(バージョン２以降)の勉強、その５です componentはAngularでは重要な単位です今時のWEBデザインならヘッダー、メイン、サイドメニュー、フッターみたいな形になっています参考URL UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベ…
Angular(バージョン２以降)の勉強、その４です１００％の理解していないけど２０〜３０％の理解で進めています今回は「自動的に作ってコンパイルについて」みたいな所を記載します （ふわぁとしていてすいません）
Angular(バージョン２以降)の勉強、その３ですbootstrapをいれるみたい 理由はわからずに兎にも角にもいれてみました
Angular(バージョン２以降)の勉強、その２ですAngular(バージョン２以降)ははTypeScriptで記述しますTypeScriptとは、Microsoftが作った新しい言語です
Angular(バージョン２以降)の勉強、その１ですあまりにも仕事が忙しすぎて ストレスがたまりなんか勉強したくなって衝動買いをしてしまった （１２００円ぐらいいいよね！！みたいなノリで）https://www.udemy.com/the-complete-guide-to-angular-2/この講義…
