マテリアルデザイン：Angular Animationsでリストにモーションをつける
マテリアルデザインとは、現実世界のルール(奥行きや、影など、質量)を取り入れることで、直感的な操作を実現しているデザインです。 具体的には、紙の物質的な特性を画面に置き換えています。 そのため、アプリの動作は、 ・めくる…
続きを読む →月別: 2017年11月
Arduinoで作るワイヤレス土壌湿度監視システム：Fastifyサーバー編
前回、Arduinoで作るワイヤレス土壌湿度監視システム：センサー編でArduino Unoを使って電池で動く土壌湿度センサーを作成したので、そのセンサー情報を受け取るサーバーを作成したいと思います。 方針 Raspbe…
続きを読む →Arduinoで作るワイヤレス土壌湿度監視システム：センサー編
以前Raspberry Piで土壌湿度を計測して記録、通知をしてくれるシステムを作成したのですが、常に観葉植物が電源につながっているため配線が掃除の邪魔になったり、土壌水分センサーが錆びて計測結果がおかしくなったりと色々…
続きを読む →軽量化したWEBフォントでWEBサイトをおしゃれにする
WEBサイトを作る際、フォントを変えるとグッと雰囲気がおしゃれになるのでWEBフォント導入したい。 でも、日本語のWEBフォントはとても重たく、フォントを読み込んでから適用されるまでに数秒かかることもしばしば。 そんな理…
続きを読む →AngularでSwiperを利用したコンポーネントを作成する
tanana no webにスライダーを導入するにあたり、AngularでSwiperを使えるようにしようと思います。 1年以上前にもAngularでSwiperを使用する機会があったのですが、今回もその時と同じくコンポ…
続きを読む →Raspberry Pi 3で観葉植物の水分量を計測するシステムを作る。
以前、Raspberry Piを使ってみたいという思いから観葉植物の水分量を計測するシステムを作ったので、忘れないようにメモ。 作成したシステムの要件は以下の3つ。 通知 水の状況をチェックして少なくなったらメール送信 …
続きを読む →WordPress × Angular Universal StarterでWEBアプリっぽいブログを作成する。
最近プライベートでプロダクトを作ったり、イベントに参加したりすることが多いので、何か形に残そうと思いブログを作成することにしました。 ただ普通に、WordPressでブログを作成しても面白くないので、Angularを使っ…
続きを読む →