Goalist Developers Blog

TypeScript

ngx-datatableでソートしつつ特定の行を固定する!

angularでデータグリッド表示するのにngx-datatable使ってます github.com フロント側でのソート機能がついていますが、こんな感じで合計行まで動いてしまうのですよね 突っ込んだデータの合計行だけは一番下に固定したいという望みを叶えるべく ゴリラ的な…

Observableでクリックイベントを制御してドロップダウンメニューを作ってみる【Angular】

こんにちは。ゴーリスト開発の飯尾です。 AngularでWebアプリを作ったりしています。 世の賢人によるイルなコンポーネントだと微妙に機能が多すぎたり足りなかったりで 結局自作のワックコンポーネント生産したりしますよね。 作りたいもの Airbnbや一休の検…

Angularで転職用ウェブアプリのフロント開発を開始!

皆さん、 お疲れ様です! コードで遊ぶのが好きなティンカーです! 最近コトリンの勉強をしつつ充実してる感もありますけども、やっぱりウェブでの開発もしたいと思って(現在本業)、Angularで簡単なアプリを作ってみようかと思います! 本日のグロサリー:…

Angular5にアップデートしてHttpモジュールを変更するゾ

こんにちは ゴーリスト開発の飯尾です Angular4.3以下から5にアップデートするとき Httpクライアントモジュールは @angular/http が非推奨になったので @angular/common/http を使うように変更しました どんなかんじに書き換えたのかまとめてみました Before…

Angular 4 から 5 にアップデートしてみた

こんにちは、ゴーリスト開発の飯尾です。 みなさんも大好きなAngular、ほんの一週間ほど前にバージョン5が出ましたね。 blog.angular.io というわけで 羽のように軽い気持ちで Angular4で作ったアプリを5に上げたら 一体どうなるのか!? 試してみます 互換…

angular-google-mapsとカスタムオーバーレイでDOMをマーカーっぽく使う

こんにちは。ゴーリスト開発のイイオです。 先輩エンジニアモリツグさんの投稿で覚えもめでたい、angular-google-mapsでカスタムオーバーレイの続編です。 developers.goalist.co.jp 今回はカスタムオーバーレイでDOMをマーカーっぽく描画する必要に迫られた…

angular-google-mapsでカスタムオーバーレイする

こんにちわ、 ゴーリスト開発のモリツグです。 AdobeがFlashのサポートを2020年に終了することを発表しましたね! 全国に50人はいるであろう私を含むFlex愛好家はついにこの時が来たかという気持ちだとおもいます。 Angularはそんな悲しみに暮れるFlex愛好家…

はじめてのAngular TODOアプリをつくる④ HTTP編

どうも、イイオです。 AngularでTODOアプリ的なものを作ってみようシリーズ、 チュートリアルでいうとこの辺りを見つつ、通信の部分やってきます。 https://angular.io/tutorial/toh-pt6 前回まで一体何をやっていたんだ?漢は過去に拘泥しない。 目標 今回…

Angular4でangular-google-mapsを使う

こんにちわ、 ゴーリスト開発のモリツグです。 Angular2もAngular4になってしばらく経ちますが、皆さん元気でしょうか。 RC5のNgModule が導入された時のような事態にはならず安心しました。 今回はAngular4の環境でangular-google-mapsの使い方を紹介したい…

はじめてのAngular TODOアプリをつくる③ ルーティング編

はじめてAngular2を触ってみた初心者のメモ書きです。 公式チュートリアルをチラ見しながらTODOアプリを作っています。 今回は第三回のルーティング編です。 前回に引き続き、appコンポーネントをドコドコ分割していきます。 やりたいこと ダッシュボードを…

はじめてのAngular TODOアプリをつくる② コンポーネントとサービス編

はじめてAngular2を触ってみた初心者のメモ書きです。 前回の投稿から、公式チュートリアルをチラ見しながらTODOアプリを作っています。 今回は、前回作ったappコンポーネントをサクサクと分割していきたいと思います。 チュートリアルで言うとこのあたりで…

はじめてのAngular TODOアプリをつくる① リスト表示編

はじめてAngular2を触ってみた初心者のメモ書きです。 今回からは、公式チュートリアルをチラ見しながらTODOアプリを作っていきたいと思います。 https://angular.io/docs/ts/latest/tutorial/angular.io 今回もAngular CLIの恩恵にあずかってまいります。 W…

はじめてのAngular やさしいテンプレートシンタックス編

はじめてAngularを触ってみた初心者のメモ書きです。 前回のブログではAngular CLIを使って環境構築を行いました。 developers.goalist.co.jp 今回はAngularのテンプレート構文を使ったデータバインドを試していきます。 目次 目次 準備 片方向データバイン…

はじめてのAngular Windowsで環境構築~とりあえず触ってみよう編

Windowsで環境構築~とりあえず触ってみよう編 このブログを書いた人 プログラミングを始めて1年弱 TypeScriptはこれから勉強します JSフレームワークだとVue.jsなら触ったことある くらいの初心者 今のところ環境 node: 6.3.0 os: win32 x64 Angular CLIを…

Angular2とJavaでPay.jpの定期課金をやってみる

こんにちわ! ゴーリスト開発のモリツグです。 Angular2で何かすることを隠れ蓑にFlexを懐かしんできた1回目と2回目でしたが、残念ながら今回はFlexを懐かしむ要素がありません。 今回は以下のような方に向けた内容になります。 ・Angular2とJavaでクレジッ…

Angular2でFlexのViewStackを作ってみる

全国のFlexファンの皆様、お久しぶりです! ゴーリスト開発の盛次(モリツグ)です。 前回のAngular2とFlexを比較してみたの影響で全国に90人はいると思われるFlex愛好者たちがAngular2に目覚めてくれたことだと思います。 今日は以下のような方に向けた内容に…

FlexとAngular2を比較してみた

はじめまして!ゴーリスト開発の盛次(モリツグ)です。 最近社内でAngular2の勉強会を行った時に以下のようなやり取りがありました。 盛次:「Angular2とFlexってどことなく似てるから凄くいい」 鈴木:「良く分からないんで比較してブログ書いてください」 …