! こちらの記事は、アルサーガーパートナーズアドベントカレンダーの12日目の参加記事です。 他の記事は下記リンクをご参照ください。 https://qiita.com/advent-calendar/2023/arsaga はじめに アルサーガパートナーズ株式会社でサーバーサイドエンジニアをしております、おーせと申します。 最近では、FastAPIを用いてバックエンドAPIの開発をメインに行なっております。 今回は、実務で発生したエラーとその解決策、セッション管理の重要性についてまとめますので、同じ境遇の方の参考になりましたら幸いです。 ! 本記事で掲載しているコードは実務で実際に

React Three Fiberを使ってオーディオビジュアライザーを作りたかった みなさんThreejsはご存じですか？　ご存知ですね。 フロントエンドで3D表現をするためのライブラリです。 そして、それが命令的に記述するライブラリであることもご存じですか？　ご存知ですね。 Trhee.jsというのは通常、命令的に記述します。良し悪しはともかく、Reactとは思想が異なりますね。 Reactは命令的に記述しますか？　宣言的に記述しますね。そういうことです。 ReactでThree.jsを宣言的に書くためのライブラリ、React Three Fiberならそれができます。 https

こちらの記事は、アルサーガーパートナーズアドベントカレンダーの10日目の参加記事です。 他の記事は下記リンクをご参照ください。 https://qiita.com/advent-calendar/2023/arsaga はじめに はじめまして。 アルサーガパートナーズ株式会社でサーバーサイドエンジニアをしております、たっしーと申します。 以前携わった開発でタイトルの内容についての実装することがあり、要件としてはシンプルな内容ですが想像以上に時間を溶かしてしまったことがありました。 先輩方のアドバイスを受けつつ最終的には実現することができましたが、今後、私以外の誰かの助けになればと思い

はじめに 何となくでも触れてしまうのがデザインツールの良いところですが、何となくでは何だかわからない独自の機能こそ、そのデザインツールの強みだったり注意が必要な大事な部分だったりします。 今回はデザイナーからFigmaを渡された時にエンジニアの皆さんが見る時のポイントから、編集者権限を渡されて簡単な文言の修正なども行うことを想定したポイントを、特に直感的に触るだけでは気が付かないような部分について、下記の順番で触れていきたいと思います。 【実装者向け】デザインを実装するのに必要な情報を確認するのに役立つTIPS ・Dev Modeでデザインに必要な情報を取得する ・取得したいコン

Swift Concurrencyとは？ ざっくり、 非同期と並行処理を、大きくしたのこいつらでやる Async/Await。 非同期処理を同期処理と同じような方法でより読みやすく、より正確にかけるようにした構文 Task プログラムの一部として非同期で実行できる作業の単位。 すべての非同期コードは何らかのタスクの一部として実行されます。 Actor 非同期処理で起こりやすい、データ競合を防いでくれます。 そもそも非同期って今までどうやってたっけ？ 今までは↓ コールバックによる非同期 func callbackFetchThumbnail(for id: String, com

これを作ります（音あり推奨） https://www.youtube.com/watch?v=K8HNfdtxZnQ はじめに どうも！ アルサーガパートナーズでiOSエンジニアをしているウルトラ深瀬です！ 今回はUnityで作ったアプリをビューとしてAndroidネイティブアプリに組み込む際に必要になる、Kotlin、JetpackComposeとの連携あれこれを解説していきます！ ARシューティングゲーム部分はあくまでも上記を楽しく学ぶ為の題材なのでおまけ程度です。 また、今回程度の内容であればUnityオンリー、もしくはネイティブでARCoreを使うのでも良いですが、Uni

はじめに エンジニアになって数ヶ月、コーディングだけでなく、基本設計や詳細設計など幅広く携わっています。 当たり前ですが、仕事で扱うWebサービスというのは、事前学習中に作ったポートフォリオとはデータベースの膨大さもドメイン知識の複雑さも桁違いです。 特にWeb APIの設計は大規模サービスの方向性を決める重要な指針であり、根拠に基づいたアプローチが必要だと感じています。 そこで、「なんとなく設計しているけど、これで本当にいいのかな...」という不安や疑問を解決するため、自分なりのWeb API設計ノウハウをまとめてみようと思います！ 前提知識 本題の前に、今回考えていくWeb

はじめまして。 アルサーガパートナーズ株式会社でサーバーサイドエンジニアをしております、yokoiと申します。 今回はとあるPJにてNext.jsを使用したSSR構成を採用することがあったため、SSRデプロイに関するノウハウをまとめるため、筆を取らせていただきました。 はじめに 今回の記事では主にSSRデプロイに際してハマった部分に焦点を当てて解説していきたいと思います。 そのため注意事項になりますが、下記の項目は割愛させていただきますのでご容赦ください🙇‍♂️ PJの詳しいインフラ構成 SSR構成を採用するメリット・デメリット デプロイに関連するコードの全文及び実装方法 Lara

DropdownButtonでタイトルを実装する方法について解説します！ こんな感じのイメージ。 【北海道・東北】 　北海道 　青森県 　岩手県 　宮城県 　秋田県 　山形県 　福島県 【関東】 　茨城県 　栃木県 　群馬県 　埼玉県 　千葉県 　東京都 　神奈川県 　山梨県 　長野県 【】の部分がタイトルでここは選択不可。 他都道府県は選択可能の項目として実装します！ 各要素分け 都道府県（日本語・英語）クラスを持ち、 ○都道府県の表示クラス → PrefectureButtonItem : Prefecture ○タイトル項目表示クラス　　　→ TitleItem

まだ何もな

はじめに 11月1日に入社するまで1ヶ月間有休消化があったので ChatGPT 4ユーザーがChatGPTを使って色々やっていたよー、の話。 👀 10月の会話履歴を見てみる そんなに会話が続いていない内容は削除していますが20個近くおしゃべりしていました。 ※ 下が10月1日、上が10月31日の時系列順です 1️⃣ 画像の読み取り ChatGPT 4のユーザーは画像を読み込ませることが可能になったので試しに愛犬の画像を読みこませて犬種を当ててもらいました。 (今回は割愛していますが全身写っている画像を送っています) 我が犬はトイプードルなので当たってます。すごい。 可愛い

はじめに CI/CD（継続的インテグレーションと継続的デリバリー）は、ソフトウェア開発プロジェクトにおいて品質向上と効率化を実現するための不可欠な要素となっています。GitHub Actions は、GitHub リポジトリ内で CI/CD パイプラインを簡単に設定できるツールで、本記事ではその導入と設定について解説します。 GitHub Actions を採用するメリット 簡単なセットアップ GitHub Actions は GitHub リポジトリとシームレスに統合されており、設定は YAML ファイルで定義するだけでワークフローを簡単にセットアップできます。複雑な環境設

はじめに エンジニア歴１年未満の新米がデータベースについて勉強したので、初心者なりにまとめてみました！技術記事を書くのは初めてなので、間違えているところがあれば教えていただけると助かります🙇‍♀️ 前提知識 データベースについて データベースとは、情報を効率的に保存・検索・管理するための構造化されたデータの集まりのことをいいます。 分かりやすく例えると、図書館のようなものです。図書館では、大量の本を論理的に整理し、カタログ化して保存していて、新しく本を追加したり古い本を削除したり、利用者が必要な本を探したりできるようになっています。データベースでも同様に、新しいデータを保存し

今回はflutter_animateというライブラリを使用し、アニメーションを実装するために勉強した内容を共有します。 flutter_animateとは？ https://pub.dev/packages/flutter_animate Flutterアプリケーションでさまざまなアニメーションエフェクトを簡単に実装できるライブラリです。 フェード、スケール、スライド、フリップ、ブラー、シェイク、シマー、シャドウ、クロスフェードなどのエフェクトがライブラリの中で事前に構築されています。 例えばフェードインをwidgetに実装したい場合は、下記のように１行追加するだけでOKです！ .a

やりたいこと FlutterのAPI通信をRetrofitを使用して行いたい！ 過去にRetrofitのみでAPI連携の学習をしていたけど、今回はfreezedとdioを使用した方法で学習しました！ プログラミング初心者の自分用に用語も一緒にまとめているので要所要所で少し脱線してしまっているかもです… ! RetrofitはHTTPリクエストを投げて、レスポンスを受け取る処理（API通信）を簡単に実装することができるFlutterのライブラリです 1. インストール 今回はRetrofitが推奨しているライブラリ+freezedとdioを使用します。 pubspec.yamlは

QCDとはなにか 製造工程における以下の要素を指す。 Quality（品質） Cost（コスト） Delivery（納期） 想定される状況 顧客から「2ヶ月後に絶対リリースしたい。重要度『中』以上のバグはない状態で、コストがかかるから御社のQAはアサインしないでください。不具合はこっちでチェックします」といった全盛りリクエストを受ける状況はままある。そうしたい気持ちはわかるが、ここで「やりましょう」と承諾してしまうと、ご想像通りの結果になってしまう。この状況から自分、あるいはチームを守る必要がある。 本記事で『CR（ちょっと理想論）[1]』という表題を付けたのは、今回ここで書

はじめに 本記事は、経験の浅いエンジニアを対象とした記事になります。 今回は、概念モデリングについての紹介です。 下記観点からの理解につながれば幸いです。 What 概念モデリングってなに？ When 概念モデリングは、どのタイミングでやるのか Why なぜ概念モデリングをやるのか How 概念モデリングのやり方（概念モデリングをやってみよう！） 目次 章 タイトル 概要 1 概念モデリングってなに？ 概念モデリングの基本的な考え方について紹介します。 2 概念モデリングは、どのタイミングでやるのか? アプリケーション開発のどの段階で、実施するのか紹

はじめに React は、コンポーネントベースのライブラリとして非常に人気があります。React 16.8 以降、関数コンポーネント内で状態を管理するための新しいツール、React Hooks が導入されました。この記事では、React Hooks の基本から応用まで、関数コンポーネントを効果的に活用する方法を詳しく解説します。 useState useState は、React コンポーネント内で状態を追跡・更新するためのフックです。useState は、2 つの要素を返します。 状態変数（State Variable）: これは現在の状態の値を保持します。例えば、カウンタ

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

開発中、謎のエラーに悩まされる初心者Flutterエンジニアさん集合〜！！ 今回はVScodeをなんとなく使用している私のような人間に向けた記事です。 当たり前すぎてなのか？誰からも教わることのなかったブレイクポイントの使い方を最近覚えたんですが、まじで便利すぎて感動しました…。 ブレイクポイントというのは、画面の左端に出てくる赤丸のことです。 気がついたら押し間違いで表示されてる赤丸の正体はブレイクポイントでした VSCodeにはデバッグ機能が組み込まれており、ブレイクポイントを使用してコードの特定の位置でプログラムの実行を一時停止させることができます。 エラーの原因はこの辺かな〜？