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

【Nuxt.js】EC2環境でJavaScript heap out of memoryを解消するステップ

はじめに EC2環境でnpm run buildを実施したところ、以下のエラーが発生しました。このビルドエラーに対する原因を特定する方法と解消の過程について記事にしていきます。 <--- JS stacktrace ---> FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 1: 0xa24ed0 node::Abort() [node] 2: 0x966115 node::FatalError(char c

輪読会でのファシリテーターのススメ。

始めに。 少し前の話になるのですが、 社内で輪読会の企画とファシリテーターを行いました。 それがとても楽しかったので、 輪読会を行ってみたい人や、 ファシリテーターをやってみたい人の何か参考になれば良いなと思い、 記事を書いてみることにしました。 誰かの参考になれば幸いです。 輪読会の企画を行ったきっかけ。 元々輪読会というイベントに興味があ

Vueのcomputedをゆるく解説してみる

🌱 はじめに Vue.jsを使いたてでよく「結局computedってなんなん...??」「これはcomputedにした方がいい...??」と悩んでいたのでその考え方として。 公式ドキュメントを元にゆるい日本語で説明していきます。 https://ja.vuejs.org/guide/essentials/computed.html 🤔 computedって?? あるデータをウニャウニャして新しいデータを算出する。 import { reactive, computed } from 'vue' const author = reactive({ name:

フロントエンドエンジニアがDBを初めて触って学んだこと

はじめに ここ2~3ヶ月のうちにDBを触る機会が多くなってきたので、備忘録を兼ねてこれまで学んだことをアウトプットします。 SQLの実行順 SQLは以下の順序で実行されます。クエリ生成時においては、異なる順序や方法で実行することがありますが、結果的には以下の順序に従って生成されます。 FROM -- テーブル指定(最初に、FROM句で指定されたテーブルやビューが読み

Laravel Horizonの接続まとめ。

始めに 今回業務で大量のCSVファイルをインポートする際に、 ジョブとキューを使用してインポート処理を行いました。 またその際にLaravel Horizonを利用してキューを管理していました。 初めて使用したため、セットアップなどに苦戦したため、 まとめておきたいと思います。 設計 今回使用している技術は以下になります。(一部) laravel 9.44.0 PHP 8.1.8 Composer 2.4.4 MySQL 8.0.28

キーボードのキーを入れ替えて編集速度20%アップ

概要 キーボードのキーをソフト的に入れ替える行為を長年してきたので、ちょっとした提案ができればなと思いこの記事を書きました。キー配列の話だからといってDvorak配列を薦めるわけではありません。この記事ではふだんよく使う移動系のキー、たとえば矢印キー(←↓↑→)をホームポジション(HJKL)に置くことで編集作業をしやすくします。設定をすることで下

GitHub Actionsでラベルが付かなくなっていた件

😭困りごと レビューをapproveしたらラベルを付けるGitHub Actionsが作られていたが、 ある日いつもエラーになるようになってしまった YAMLはこんな感じ on: pull_request_review name: Label approved pull requests jobs: labelWhenApproved: name: Label when approved runs-on: ubuntu-latest steps: - name: Label when approved uses: pullreminde

エンジニアこそ知っておくべきデザインの基礎まとめ

前提 ! 筆者はデザイナーではありません 部内での勉強会にて取り扱ったデザインについての話です。 社内にデザイナーは居るのですが、管理画面等デザイナーが関与していない画面を作る際などに知っててよかったことをまとめました。 ここでは「デザインとは機能である」を前提としています。 「Design is not just what it looks like and feels like. Design is how it works.」 スティー

BitbucketからGithubへリポジトリを移管した話

こんばんは! 今日も少しニッチなお話です 先日、業務上Bitbucketから当社Githubにリポジトリを移管する業務がありました 初めてやる業務でもあり、少々無駄な時間を過ごしてしまったので、 今後再発させないためにも記録を残しておきたいと思います それではいきましょう! やりたい事 お客様のBitbucketのリポジトリから、当社のGithubリポジトリに移管したい Githubではプ

SlackAPI+GASでチャンネルメンバーへの指名Botを作った話

こんばんは! 今日は社内でのちょっとした活動に関して記録を残したく 少しニッチなお話です とある日の事でした マネージャー:Tips共有チャンネルを指名制にしたいんだよね〜 ※当社ではTipsを気軽に発言する(してほしい)チャンネルが設けられています 勉強になることがとても多いので、メンバーからの発信頻度を増やしたい狙いがあります この一言で私の密か

OpenAIのAPIをPython初心者でも簡単にできるJupyterで挙動確認してみよう!

はじめに 実務でFastAPIにて、OpenAIのAPI関連の実装をしている私の備忘録です。 FastAPIについては載っておりません。 読んでいただきたい方 ・ポートフォリオでAI機能つけたい方 ・OpenAIのAPI気になるけど難しいんでしょ・・・な方 ぜひ、ご自分の環境で試され、実装して欲しいです。 Pythonが初めての方でも、環境構築せずにUI上でPythonのコードを実行することができるJupyter

Webエンジニアになって1年経ったので、これまでやってきたことをまとめる。

始めに 今年の2月でWebエンジニアになって1年経ちました。 1年経ったらもっと凄いWebエンジニアになっていると思っていたのですが、 全くそんなことはなく……。 ただそれでも、この1年はこれまでの社会人生活よりも、色々なことにチャレンジしてきました。 今回はこの1年で行ってきたことをまとめてみたいと思います。 誰かの参考になりましたら幸いです。 Laravelの

問題解決のフレームワークについて社内で勉強会をした話

問題解決のフレームワーク 私はエンジニア兼DXコンサルとして現在働いていまして、エンジニアとコンサルとで頭の動かし方がだいぶ違うなと感じていました。このままでは両者の溝は深まるばかりだと思い、コンサルが使うフレームワークの中でも汎用的な「問題解決のフレームワーク」について、エンジニア向けに社内で勉強会をしました。 概略を図にすると以下の

新卒1年目でSupabaseデビューした話

はじめに 皆さんこんにちは、熊本でエンジニアをしているハラダです。新卒1年目の僕が実務で「Supabase」を使用したので、感想を共有したいと思います。 Supabaseとは? https://supabase.com/ Supabaseは、主にバックエンドの機能を提供するプラットフォームです。 オープンソースで多くのバックエンド機能を提供しており、Firebaseの代替として利用されます。 具体的には、以下

CookieのSecure属性を有効にしましょうという話

こんばんは! 引き続きセキュリティ対策についてのまとめです 本日は「CookieのSecure属性を有効にしておこう」という話です まず初めに... CookieのSecure属性とは何か これは、「HTTPS通信時のみCookieを送信する」という設定です。 この対策をしていないと、平文HTTP通信でもCookieを送信する様になっています。 これでは第三者が盗聴できる状態であることを指しますので、セ