javascriptで時刻表示のタイムゾーンがおかしくなる場合の確認事項(Moment.js使用)

npm install --save moment-timezoneをしてある前提です。 Timezoneを明示的に指定するには import * as moment from 'moment-timezone'; moment.tz.setDefault('Asia/Tokyo'); のようにしますが、ここで datetime = moment().format('YYYY-MM-DDTHH:MM'); …

Ionicでルーティング先のURLを直接叩くと404になる問題の解決方法

Ionic v4向けの記事です。 IonicでTab型のアプリを作る場合 ionic serve でプレビューしているときは http://localhost:8100/tabs/tab1 と直接URL指定してもTab1の内容が表示されるのですが、 ionic buildしてwwwディレクトリをデプロイした場合は404になっ…

Goa(v2)でjwt認証

GoaでJWT認証できるAPIを作ろうとこちらのリンクを参考にしたのですがそれでもハマりポイントがあったのでメモ goaで作ったAPIサーバにJWT認証を追加する | Fusic Tech Blog jwtキーを発行するURIにBasic認証をかけ、認証が成功するとキーを発行するようにし…

Chrome (>=75)でimg,iframeの遅延ロードができるようになった

画像の遅延ローディングと言えば今まで大量の画像をスクロールして見る時、 表示速度を落とさないためにはJavascriptなどを使って今ブラウザ画面内に 入る範囲の画像だけをロードするなど苦労された方も多いのではないでしょうか? それがこれだけで実現でき…

goa v2で一番単純なBasicAuthを実装するまで

design.goにBasicAuthSecurityを追加します。 package design // The convention consists of naming the design // package "design" import ( . "github.com/goadesign/goa/design/apidsl" ) var _ = API("area", func() { // API defines the microservic…

いつのまにかにfont-awesomeのアイコンではなくprimeiconsになっていた

PrimeNG 7.1.0でのお話です。 今までPrimeNGでは例えばメニューのアイコンを置きたい場合 label: 'New', icon: 'fa fa-plus', command: (event) => { みたいにしてfont awesomeのアイコンを使用するのが主流でしたが、いつのまにかにprimeiconsでまかなえる…

プロジェクトを作成し、ngModelを使おうとして早速エラーが出たとき

新しく作ったプロジェクトで早速あたりのコンポーネントを使用して、[(ngModel)]="hogehoge"などとした時に早速ブラウザのコンソールに “Can't bind to 'ngModel' since it isn't a known property of 'input' ” error というエラーが出たという方 app.modul…

まっさらなプロジェクトなのにng newでエラーが出た

2019/3/30時点、angular 6.0.3でのお話です。 新しいサービスを作ろうと angular-cliを心機一転アップデートして npm uninstall -g @angular/cli npm cache varify npm install -g @angular/cli プロジェクト作って ng new hogehoge-portal とりあえず起動!…

Goのリポジトリに簡単に移動する方法(Windows)

WindowsにGo言語(ツール含め)をインストールする方法 - 流しのエンジニアひろゆきのブログ ↑以前のブログでインストールしたpeco+ghqですが使い方を忘れてました。 ghqはGoのプロジェクト一覧を出力することができ、pecoはその一覧を↑↓キーで選択すること…

design.goファイル分割

公式ドキュメント通りのファイル構成というかdesign.goの書き方にするとdesign.goが肥大化するため、ファイルを分割しました。 大きく3つに分割してます。 design package design // The convention consists of naming the design // package "design" impo…

消費税のコスパ

消費税の増税がいよいよ今月頭に迫ってきました。 そして話題になるのが軽減税率ですね。 生活必需品関連は8%にすると。そして食品もイートインなら10%、テイクアウトなら8%とか実に馬鹿らしい。そこに新聞もまんまと入ろうとしていて何が必需品だと思いまし…

goaでAPIを作ってみる

goaを作ってAPIの入り口まで作ってみます。DBまでつないで本格的に作るのは後日。。。 まずは公式サイトにならってgo getでgoaを入手 go get -u github.com/goadesign/goa/... 後は自分のプロジェクト内でdesign/design.goを作成し編集します。 変数名などを…

WindowsにGo言語(ツール含め)をインストールする方法

前提条件 これは2019/3/27時点での実行結果です。 Goのバージョンは1.12.1です。 みんなのGo言語はチュートリアルを一通り見た後に本格的な開発に備えて環境を整えていくには最適な感じがしますが、一番最初のGoや周辺ツール(ghqなど)をインストールする手…

Google Mapのアイコンの色を変える方法

Google Maps API for Javascriptでマーカーを打つとき、マーカーによって色を変えたいときがあると思います。 アイコン自体を変えたいならicon属性で画像を指定してやればいいのですが、普段なら赤いアイコンを青くしたい場合はどうするんだろうか。。。 と…

GoogleMapのInfoWindowのクリックイベントを取得する方法

GoogleMapのマーカーをクリックしたときのウィンドウ(InfoWindow)内にボタンを配置した場合、 普通のボタンのように(click)=onClick()みたいにしてもコンポーネント内の要素ではなくなるためonClick()関数が呼ばれません。 そこでちょっと無理やりですが以…