アルサーガパートナーズ の技術ブログ

Next.jsとPythonの開発環境を爆速で構築する

はじめに 今回はフロントエンドにNext.js、バックエンドにPythonを採用して、Webサイトの環境構築を行いたいと思います。元々、Whisper APIとVOICEVOXによる合成音声を使用した会話アプリを開発したかったのですがですが、環境構築の段階でかなりのボリュームになった為、一旦記事として共有します。 モノレポについて モノレポとはWebアプリの全てのコード(Webバックエンド

Flutter初心者VScodeのブレイクポイントが便利すぎて感動した話

開発中、謎のエラーに悩まされる初心者Flutterエンジニアさん集合〜!! 今回はVScodeをなんとなく使用している私のような人間に向けた記事です。 当たり前すぎてなのか?誰からも教わることのなかったブレイクポイントの使い方を最近覚えたんですが、まじで便利すぎて感動しました…。 ブレイクポイントというのは、画面の左端に出てくる赤丸のことです。 気がつい

Arduinoで赤外線送信機を作る

はじめに 以前赤外線受信機を作ったので今回は送信機を作りたいと思います。 以前と同じくIRRemoteライブラリを使用します。 https://github.com/Arduino-IRremote/Arduino-IRremote また送信機には赤外線LEDを使用しますが、こちらは通常のLEDとは違うため作成の際には注意が必要です。 https://www.amazon.co.jp/VKLSVAN-VS1838B-HX1838-赤外線センサー-リモコン受光部/dp/B09NPYNSN5/ref=sr_1_5?keywords=赤外線

Laravelで一万行あるCSVデータのインポートを行う方法。

始めに 今回業務でlaravelでフォームからのCSVインポート作業の実装を行いました。 そこまで容量がないCSVなら、時間がかからず実装できると思うのですが、 今回は最大で一万行あるCSVのデータをタイムアウトしないでインポートする必要があった為、 実装に一ヶ月程かかってしまいました。。 今後も同じような実装をするかもしれない為、記事にまとめてみました。 誰

はじめて設計について学習してみた。(ユースケース分析編)

はじめに 本記事は、経験の浅いエンジニアを対象とした記事になります。 今回は、ユースケース分析についての紹介です。 下記観点からの理解につながれば幸いです。 What ユースケース分析ってなに? When ユースケース分析は、どのタイミングでやるのか Why なぜユースケース分析をやるのか How ユースケース分析のやり方(ユースケース分析をやってみよう!) 目次

UIデザイナーからFlutterエンジニアになった話

初めまして! 2023年7月にUIデザイナーからアプリ(Flutter)エンジニアになったカニチャーハンです🦀 UIデザイナーとして働いていた自分がなぜアプリエンジニアになろうと思ったのか、どうやってエンジニアになったのかを記事にしました。 未経験でアプリエンジニアになるために現在勉強中の方の参考になったら嬉しいです🙇‍♀️ この記事で書きたいこと 今までのデ

JavaScriptにおけるシャローコピーとディープコピーの違い

実務においてシャローコピーとディープコピーの概念を理解していなかったため、 思った通りの挙動にならなく、苦労したのでメモとして残します。 JavaScriptにおいて、オブジェクトや配列、複合データをコピーする際の 「そのデータのどこまでの層をコピーするのか」という概念について説明します。 シャローコピー シャローコピーは、データの最上位層のみを新し

Arduinoで赤外線受信機を作る

はじめに 赤外線受信機は↓のような1個100円もしない赤外線受信モジュールを使用することで作成することができます。 https://akizukidenshi.com/catalog/g/gI-04659/ 今回はArduinoのIRRemoteというライブラリでテレビリモコンなどから送られる信号をキャッチし、LEDを光らせるような簡易的なものを作成したので解説していこうと思います。 https://github.com/Arduino-IRremote/Arduino-IRremote (IRRemo

Arduinoとモータードライバ(L293D)でDCモーターを制御する

使ったもの DCモーター L293D (モータードライバ) https://www.ti.com/product/ja-jp/L293D はじめに DCモーター自体はただ単に電源を繋げば回転します。 ただarduinoのI/Oピンをそのまま使ってのモーターを動かすことはできません。 それはDCモーターを動かすには大きな電流が必要になるのですが、ArduinoのI/Oピンはだいたい20mA~40mAほどしか流せないからです。 そこでモータードライバを

Arduinoでサーボモーターを動かす

使ったもの ・LACC200610 動作電圧: 4.2V〜6V https://osoyoo.store/products/micro-servo-sg90-blue-for-arduino-v2-0-robot-carmodel-lacc200610?variant=31648847560815 サーボモーターの仕組み説明 https://akizukidenshi.com/download/ds/towerpro/SG90_a.pdf (今回使ったものはSG90と仕様はほぼ同じらしいのでSG90の資料) サーボモーターの角度はPWMで制御します。 PMW Period: パ

WWDC23で追加されたSwiftUIのObservationについて

Observableについて Observationは、プロパティの変更を追跡するためのSwiftの新機能です。 使い方としては@Observableを追加するだけで、データモデルの変更にUIが反応するようになります。 (Xcode 15 beta) import Observation @Observable class FoodTruckModel { var orders: [Order] = [] var donuts = Donut.all } このように@Observableマクロを使用して、特定のプロパティの変更を監視します。 UI更新ロジック、Obs

社内ハッカソンでRaspberry Piとディープラーニングを活用した顔認証を作ったので制作過程を共有する

はじめに 先日、私が所属する、アルサーガパートナーズ株式会社で社内ハッカソンが開催されました。その時に作成した成果物と作成工程を共有したいと思います。 成果物の概要 Raspberry Piとを使用して、特定の人物がRaspberry Pi用のカメラに映し出されたら、電圧ブザーが鳴るシステムを作りました。顔の認識はOpneCVで行い、特定の人物を判定する処理はTensorflowとKerasを

TensorflowとKerasで体験するディープラーニング チュートリアル

はじめに 本記事では、Tensorflowが提供しているディープラーニングのチュートリアルを通して、ディープラーニングがどのように動作するのか、その仕組みについて解説していきます。 https://www.tensorflow.org/tutorials/quickstart/beginner?hl=ja チュートリアルでは、ディープラーニングの処理に必要なモデルの構築、ニューラルネットワークの構築、活性化関数、過学習、最適化、

キャッシュさせない!!という設定の話

こんばんは。 今日も簡単なセキュリティ関連の記事を作成してみようと思います。 今日は、「キャッシュをさせない!!」という要件を求められた時にやる事 というテーマです。 あまり「脆弱性とかどうでも良い!!キャッシュさせるのだ!!」 という要件は聞いた事はありませんが、一応そういう要件があったと仮定します。 キャッシュをしていると何が悪いのか

Next.js13 + TypeScript + jestでコンポーネントの単体テストをする

環境 ライブラリ バージョン next 13.4.2 react 18.2.0 react-dom 18.2.0 typescript 5.1.6 jest 29.6.2 jest-environment-jsdom 29.6.2 @testing-library/jest-dom 5.17.0 @testing-library/react 14.0.0 @testing-library/user-event 14.4.3 手順 1. Next.jsの環境構築 公式を参照し、TypeScriptベースで構築してください。 h