2017-01-01から1年間の記事一覧
Angularを使ったWebアプリを作り際も、CSSのアニメーションしか使わない場合が多かったのですが、Angular Routerと連携したアニメーションや複数の要素に対するアニメーションなどを実現するためにAngular Animationsを使ってみることにしました。 そもそも…
AngluarCLIでComponentを作成する際にVue.jsの単一ファイルコンポーネントっぽく、1Component1ファイルとする方法を紹介します。 やってみる コマンド実行時のオプションで指定 コンポーネント作成(デフォルト) $ ng g c <コンポーネント名> コンポーネント…
JavaScriptでフロントエンドの開発やNode.jsでの開発をしている時、npm パッケージの中を覗きたいことがあると思います。 そんな時、Visual Studio Codeのプラグイン Search node_modulesを入れておくと素早くnpmパッケージ内のファイルにアクセスすることが…
Angularで画像プレビューを行う際に、画像のExif(Orientation)情報を見て自動で向きを回転させる方法です。 JavaScript-Load-Imageという便利なライブラリと、Reactでの使い方を紹介したありがたいブログ記事があったので、かなり簡単に実装することができま…
Serverlessをしばらく触ってこなかったので、気づかなかったのですが、v1.21.0からsls createの際に指定する公式テンプレートにaws-nodejs-typescriptと言うものが追加されたようです。(結構前ですね...) 以前から、プラグインとして、serverless-webpackと…
Angularでブラウザから読み込んだローカルのテキストファイルを表示する方法です。 HTML5のFile APIの基本的な使い方が分かれば簡単な内容ですが、メモ程度に残しておきます。 早速、実装していきたいと思います。 以下で紹介する内容は、angluar-cliでng ne…
画像読み込みに失敗(404エラーなど)した場合に代替えイメージを表示する方法です。 コンポーネント内で対応する方法 簡単な方法としては、次のような方法があります。 VIew <img src="imageUrl" (error)="onImageLoadingError"> ViewModel export class TestComponent { imageUrl = 'https://www.gstatic.com/we…
Angular Materialで次のようなTabsを使ったUIを実装する方法です。 今回実現したのはこんな感じの動きです。 動きを見て分かるように、URLの変化に合わせてアクティブなtabと内容が変更されます。 以下のStackOverflowにあるサンプルコードを参考に、router…
pHATシリーズはRaspberry PiのGPIOに接続して、機能拡張ができるというもの。 今回買った、Unicorn pHATは 8x4のRGB LEDが乗ったものです。 スイッチサイエンスでRaspberry Pi Zeroを買うついでにノリで買ってしまったので、セットアップして動かしてみまし…
公式ドキュメントを進めてみた記録。 Python Documentation contents — Python 3.6.1 ドキュメント 初めの章はイントロダクション的な感じだったので、ざっと目を通してスキップ。 2. Python インタプリタを使う 2.1. インタプリタを起動する 起動する $ pyt…
MacでPythonを始めようと思ったときにやったこと この記事は、以下の記事を参考にやった作業をまとめたメモです(環境構築しただけです)。 http://qiita.com/spyc/items/73d1295f8b3dde3b49ca 次の職場ではPythonをガッツリ使うことになりそうなので、公式ド…
社内勉強会で「Node.jsを使って社内で使える便利ツールを作ろう」というテーマで簡単なWebアプリケーションの作成を行っている。 Express+MongoDB+ejs(ほぼjQuery)で最低限の機能を実装したモノは出来上がったものの、ユーザー認証機能が未実装のままだった…
Kindleの本体代金分の本を買ったほうが得なんじゃないかという謎の衝動にかられ、ほしいものリストにある本を片っ端からカートにツッコミ、大体Kindle本体代金分ぐらいになったら発注するという謎のイベントを2,3回繰り返していた。 ただ、このイベントでは…
案の定、ブログ始めましたポストです。 ブログを始めるにあたり、自分的に問題だったことを挙げてみる回です。 ※「◯◯問題」とか「◯◯おじさん」 みたいの大好きです。 どのブログサービス使うか問題 2017年にもなり、レンタルサーバーやVPCを借りて自分でブロ…
