Goalist Developers Blog

Angular

Angular6とPlayFramework2.6でWebアプリの雛形制作(リクエスト送受信)

こんにちは。 増田です。 この間Angular6とPlayFramework2.6での環境構築の資料を作成する機会に巡り合ったので、 せっかくなのでそれを流用し、その2つを使ったリクエストの送受信までの手順を記事として残しておこうかと思います。 目標としては、画面上…

VAPIDを用いたデスクトップ通知のAngular6とJavaによる実装

こんにちは。 新卒の増田です。 今回、クライアント(フロントエンド)にAngular6、サーバー(バックエンド)にPlayFramework(Java)を使ってデスクトップ通知を実装しようとした際、あまり参考になる資料がなかったのでここに残しておきます。 VAPIDやPush通知に…

JSでファイルダウンロードを実行したい場合はどうしたらいい?

JavaScriptでダウンロード実行する方法: document.location.assign(); window.open(); nativeElement.click(); の相談です。

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で WARNING in Circular dependency detected だよ〜ドラえも〜〜ん

はい。 ゴーリスト開発の飯尾です。 タイトルの通りなんですけど 別に解決してないんですけど Angular CLI を1.1.3から1.5.5にアップデートしたら アラ〜〜〜 WARNING in Circular dependency detected: src/app/services/auth.service.ts -> src/app/servic…

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

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

Angularでng2-chartsを使ってグラフを描画する

おはようございます。 ゴーリスト新卒一年目、見習い開発者のバンナイです。 このブログの背景 先日、弊社で、AngularJSを使って書かれていたWEBアプリケーションをAngular4で書き換えるというプロジェクトに携わらせてもらいました。 初めてのフロントコー…

Angular@4.1.2のCSSカプセル化について

こんにちは、ゴーリスト開発のモリツグです。 最近Angular向けのWijmo5をためしているのですが、Wijmo5の中の人はFlex愛好家だと思います。 全国に30人はいるであろうFlex愛好家が海外にも居たんだと勝手に思っています。 ブログ投稿のたびに書いてますが、A…

Macのローカルサーバーに接続して、iPhone/iPadの実機で動作確認・デバックする

開発環境のMacで立てたローカルサーバに、iPadの実機端末からアクセスしたときのメモです。 実行環境 macOS Sierra 10.12.5 iOS 10.3.2 iPadとMacが同じwifiネットワークに接続している Lightningケーブルで接続している 実機から開発環境のローカルサーバー…

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 前回まで一体何をやっていたんだ?漢は過去に拘泥しない。 目標 今回…

Angular CLIをアップデートしたメモ〜angular-cliから@angular/cliへ

こんにちは。イイオです。 この3月末からAngular CLIを使ってAngular2を触り始めた初心者です。 最近では新卒の技術研修の一環でAngularの環境構築サポートを担当しました。 自分で調べながらやってみてね〜と言ったもののあんまり説明不足でしたから 「angu…

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ってどことなく似てるから凄くいい」 鈴木:「良く分からないんで比較してブログ書いてください」 …