
カテゴリー: 技術情報


Vue.jsで動的に追加された要素に対してイベントハンドラをバインドする方法
はじめに Vue.jsで動的に追加された要素に対してイベントハンドラをバインドする方法をご紹介します。 良くない例 以下、ポップアップを表示するためのjQueryプラグインMagnific Popupを使ったサンプルです。 See the Pen sample1 by cr-jojima (@cr-・・・続きを読む →
CloudWatch の費用が高い!そんな時に確認するべきポイントと手順を紹介します。
はじめに 所属しているプロジェクトにて CloudWatch の費用が高い!という話題になりました。 CloudWatch ログは、一定期間経ったら削除しているのになぜだろう?ログのストレージ量とは別の何かかかな?という状況でした。 ということで、この時に確認した CloudWatch のどのサービ・・・続きを読む →
CSSだけでサイドバーを固定する
サイドバーをCSSだけでスクロールせず、画面内に固定させる方法です。 環境 HTML5 Bootstrap4.5.3 実装方法 position: sticky を利用します。 下記はサンプルです。 <!-- HTML --> <div class="container-fluid・・・続きを読む →
SortableJSでリスト内の要素をボタン押下で移動させたい
はじめに リスト間で要素をドラッグ&ドロップで移動できるUIを作る際に、 SortableJSというライブラリを使うと簡単に実現できそうだったため、 導入してみました。 SortableJSのデモサイト ドラッグ&ドロップでの移動はすぐに組み込めましたが、 ボタン押下で全要素を移動させるのに使えそう・・・続きを読む →
その大量アクセス、本当にGooglebot?UAをGooglebot になりすましたアクセスであるかを確認する方法
はじめに UAを Googlebot になりすまして短時間でサイトに大量アクセスし、CPUやメモリに高負荷をかけるケースも昨今少なくありません。 大量アクセスしているものが、本当に Googlebot などの本物の Googleクローラであるか、それとも不正になりすましたものであるかを確認する方法を・・・続きを読む →
Windows 10 から Windows 11 にアップグレードしてみました
はじめに 10月5日にWindows 11の正式版がリリースされました。メインPCをいきなりアップグレードするのは怖いですが、サブPCなら使用しているセキュリティソフトの対応だけ確認出来ればアップグレードしても良いかと考えていました。 その後、使用しているセキュリティソフトのWindows 11対応・・・続きを読む →
Androidのcamera2 apiで撮影した画像が回転してしまうのを戻す方法
Androidアプリ開発でcamera2 apiを使用し静止画撮影機能を実装しました。 googleのサンプルであるgooglesamples / android-Camera2Basicを参考にしました。 その中問題が1点出てきました。 端末によって画像が90℃回転して保存されるという問題です。 ・・・続きを読む →
Android + Roomで複数テーブル間のトランザクションを張る
Androidの実装でSQLite + Roomを利用する際、複数テーブル間でトランザクションを張ることがあったのでその備忘録です。 環境 Kotlin 1.5.10 Room 2.3.0 実装方法 AppDataBase.runInTransactionブロック内で更新処理を行うことで実現できます・・・続きを読む →
Python + TensorFlow で機械学習環境を構築してネコちゃんとワンちゃんの写真分類を動かしてみよう
はじめに Python機械学習について興味あるけど何から手をつけて良いかわからないという人も少なくないのではと思います。まさに今の自分がそうです。 学習のためにもまずは Jupyter Notebookを利用してPython機械学習の実行環境を構築してみます。 さらに機械学習ライブラリである Ten・・・続きを読む →
Create React Appで作成したプロジェクトをLaravelに組み込む
はじめに Create React Appで作成したプロジェクトをLaravelに組み込んでみたかったので、今回チャレンジしてみました。 環境 WSL2(Ubuntu 20.04.2 LTS) Laravel 8.52.0 Node.js 10.19.0 npm 6.14.4 Yarn 1.22.1・・・続きを読む →
Springの@RequestParamのデフォルト値設定をKotlinで利用する際の注意点
Kotlinに慣れてきたころに引っかかったことの備忘録となります。 状況 Springのリクエストパラメータのbarに、Kotlinのデフォルト引数機能を設定したものの意図したように動作しませんでした。 @GetMapping("/") fun foo( @RequestParam(value="b・・・続きを読む →
ラズパイで外部からエアコンの電源を入れてみる その2
はじめに 前回からの続きです。前回はRaspberry Piでリモコンの赤外線信号を受信して学習するところまで進めました。 今回は、学習したリモコンの赤外線信号をRaspberry Piから送信してエアコンを操作します。 ※前回と同様、配線を間違えるとRaspberry Piが壊れる可能性があります・・・続きを読む →
AMIの取得手順
AMIとは、Amazon Machine Image の略で、AWS EC2のサービスの1つで、OSやボリューム、アプリケーションサーバ等を含んだテンプレートのことです。 EC2のインスタンスを立ち上げる際、Amazon Linux 2 等のマシンイメージを選択しますが、これらもAWS側で用意されて・・・続きを読む →