daikiojm’s diary

ブログを書くときがやってきたどん!

Angularで画像読み込みに失敗した際の代替えイメージを指定するimgディレクティブを作成

画像読み込みに失敗(404エラーなど)した場合に代替えイメージを表示する方法です。 コンポーネント内で対応する方法 簡単な方法としては、次のような方法があります。 VIew <img src="imageUrl" (error)="onImageLoadingError"> ViewModel export class TestComponent { imageUrl = 'https://www.gstatic.com/we…

Angular MaterialでRouterと連携するTabを実装

Angular Materialで次のようなTabsを使ったUIを実装する方法です。 今回実現したのはこんな感じの動きです。 動きを見て分かるように、URLの変化に合わせてアクティブなtabと内容が変更されます。 以下のStackOverflowにあるサンプルコードを参考に、router…

Unicorn pHATを試してみる

pHATシリーズはRaspberry PiのGPIOに接続して、機能拡張ができるというもの。 今回買った、Unicorn pHATは 8x4のRGB LEDが乗ったものです。 スイッチサイエンスでRaspberry Pi Zeroを買うついでにノリで買ってしまったので、セットアップして動かしてみまし…

Python入門してみる(1)

公式ドキュメントを進めてみた記録。 Python Documentation contents — Python 3.6.1 ドキュメント 初めの章はイントロダクション的な感じだったので、ざっと目を通してスキップ。 2. Python インタプリタを使う 2.1. インタプリタを起動する 起動する $ pyt…

MacでPythonを始めようと思ったときにやったこと

MacでPythonを始めようと思ったときにやったこと この記事は、以下の記事を参考にやった作業をまとめたメモです(環境構築しただけです)。 http://qiita.com/spyc/items/73d1295f8b3dde3b49ca 次の職場ではPythonをガッツリ使うことになりそうなので、公式ド…

connect-mongoをサクッと試す

社内勉強会で「Node.jsを使って社内で使える便利ツールを作ろう」というテーマで簡単なWebアプリケーションの作成を行っている。 Express+MongoDB+ejs(ほぼjQuery)で最低限の機能を実装したモノは出来上がったものの、ユーザー認証機能が未実装のままだった…

Kindleを買った

Kindleの本体代金分の本を買ったほうが得なんじゃないかという謎の衝動にかられ、ほしいものリストにある本を片っ端からカートにツッコミ、大体Kindle本体代金分ぐらいになったら発注するという謎のイベントを2,3回繰り返していた。 ただ、このイベントでは…

Hugoでブログを初めたけど結局はてなブログを使い始めた

案の定、ブログ始めましたポストです。 ブログを始めるにあたり、自分的に問題だったことを挙げてみる回です。 ※「◯◯問題」とか「◯◯おじさん」 みたいの大好きです。 どのブログサービス使うか問題 2017年にもなり、レンタルサーバーやVPCを借りて自分でブロ…