ブログ

豆蔵エンジニアの技術ブログ

  • |ブログ|7 min read
    #リモートワーク環境#summer2023

    豆蔵社員のリモートワーク環境ご紹介 その12 シンプル イズ ベスト

    この記事は夏のリレー連載2023第3日目の記事です。 はじめに # はじめまして。エンジニアリングソリューション事業部に所属する森本です。ロボットや組み込み機器向けのソフトウェア開発を主に行っています。開発の拠点は八王子にありますがコロナの流行もあり2020年の春頃からリモートワーク(プロジェクトや個人によってまちまち)をしています。 組み込みソフトウェア開発の特性上、動作には実機が必要となります...

    記事を読む
  • |ブログ|2 min read
    #Hackathon#summer2023

    社内Hackathonやってます!

    この記事は夏のリレー連載2023第2日目の記事です。 Hackathonって聞くと、どういうイベントを想像しますか? 何かお題があって、みんなでお題に沿った開発をしているところを思い浮かべるでしょうか? この記事で触れるHackathonは、みなさんが想像するHackathonとはずいぶんとイメージが異なると思いますので、紹介したいと思います。 何するの? # タイムテーブルはこんな具合です。 ①13:00 ~ Google Meetに集合します...

    記事を読む
  • |ブログ|7 min read
    #java#summer2023

    RefactorFirstで倒すべき神クラスを探せ!

    この記事は夏のリレー連載2023初日の記事です。 大きなクラスや複雑なクラスを見つけるとリファクタリングしたくなりますよね。ただ、そんなリファクタリングしたくなるようなイケてないクラスがいくつもあった場合、みなさんはどのように優先度付けしますか?そんな時に費用対効果の面からリファクタンリグすべきクラスを抽出し優先度付けを行ってくれるRefactorFirstを今回は紹介します...

    記事を読む
  • |ブログ|8 min read
    #Appium#テスト

    AppiumとAndroidエミュレータでスマートフォンのクロスブラウザテスト環境を構築する

    はじめに # スマートフォン対応の Web アプリの場合は、 エンドユーザがスマホでブラウザを起動してアクセスするのが最も一般的な利用形態となっており、スマホ端末とブラウザの組み合わせのバリエーションを考慮した動作確認が必須となっています...

    記事を読む
  • |ブログ|7 min read
    #typescript

    TypeScript v5.2で導入されるusing宣言とDecorator Metadataを使ってみる

    少し前にTypeScript v5.2のベータバージョンがリリースされました。 Announcing TypeScript 5.2 Beta いくつか注目機能の導入がありましたので、試してみた結果をご紹介します。 --> Caution今回紹介するものは、現時点ではJavaScriptランタイム環境でサポートが追いついていないものがほとんどです。 このため、ここでのサンプルソースコードはCoreJSでPolyfillしたものを使っています...

    記事を読む
  • |ブログ|1 min read
    #event#announce

    告知 -「夏のリレー連載2023」

    夏のリレー連載企画 # 梅雨明けも近いですね。デベロッパーの皆さんは暑さに負けず業務やスキルアップに励んでおられることと思います。 さて、豆蔵デベロッパーサイトでは昨年冬のアドベントカレンダーに続いて「夏のリレー連載2023」と題してリレー形式で記事をお届けしていくことになりました。 夏のリレー連載2023 | 豆蔵デベロッパーサイト アドベントカレンダーの時と同様、初投稿の人多めです。さらに今回はエンジニア職だけでなく営業職の人も投稿します...

    記事を読む
  • |ブログ|3 min read
    #AWS

    AWS IAM Identity Centerのロールから別のロールにCLIでスイッチして操作する

    こんにちは、庄司です。 複数の AWS アカウントがある環境では管理アカウント (Management Account) に AWS IAM Identity Center (旧 AWS SSO) をセットアップして各アカウントを使用していることが多いと思います。 私も個人的に利用している管理アカウントに「Google Workspace を AWS IAM Identity Center の外部 ID プロバイダとして使用する方法」を参考にセットアップしました...

    記事を読む
  • |ブログ|5 min read
    #AWS#CI/CD#GitHub

    GitHub Actions を AWS CodeBuild で実行する

    代表的なCI/CDサービスの1つになったGitHub Actionsですが、その大きな強みの1つにエコシステムの充実度があげられます。 GitHub マーケットプレイスを覗くと、数多くのActionsが公開されており、様々なツール・サービスとの統合が簡単にできるようになっています。 AWSにもCodeBuildやCodePipeline、CodeDeployといったCI/CDのマネージドサービスがあります。 これらはAWSが提供するサービスだけに、AWSリソースと高度に統合されてます...

    記事を読む
  • |ブログ|9 min read
    #vscode#Codespaces

    自作 VS Code 拡張を3年ぶりにアップデートして浦島太郎になった話

    はじめに # 先日の「VS Code でユーザー定義スニペットを作って使う」の記事の最後に、筆者が VS Code 拡張を Marketplace に公開していると書きました。この拡張は個人的に毎日使っているのですが、最後の更新が3年前なので、Dependabot のセキュリティアラートがかなり溜まっていたのと、Codespaces ではなぜか動かないという現象があり、アップデートしなくては思っていました。 というわけで、VS Code 拡張をアップデートした話です...

    記事を読む
  • |ブログ|2 min read
    #BookReview#prospring

    「プロになるためのSpring入門」を読んだ

    こんにちは、庄司です。 今日は七夕ですね、皆さんはどんな願い事をしましたか? 話は変わりますが、私は 2005 年前後から Spring Framework を使った Web アプリケーションの設計、開発に携わってきています。Spring は進化拡大を続けていて、支援するさまざまな現場で、どこから説明すればいいのだろうと悩む場面も多くあります。 そうした中で、今回「プロになるためのSpring入門」のレビュー機会を与えられたことはとてもありがたいことです...

    記事を読む
  • |ブログ|7 min read
    #nuxt#vue

    Nuxt版のServer Componentsでサーバー環境限定でレンダリングする

    Server Componentsと言えば、React[1]やNext.jsのApp Router[2]を思い浮かべる方が多いと思います。 特に、Next.jsのApp RouterはデフォルトでServer Componentsが適用されるので、今後目にするケースが増えていくことと思います。 Server Componentsは文字通りサーバー環境のみでレンダリングされるコンポーネント技術です。 これによる制約もありますが、パフォーマンスや効率性が大きく改善されます...

    記事を読む
  • |ブログ|2 min read
    #retrospective

    豆蔵デベロッパーサイト 2023年4-6月のサマリー

    記事数・執筆者数 # 4-6月は39本の記事が公開されトータルの記事数は425になりました。5月の連休などもありますが、公開ペースが下がって執筆者も1名増にとどまりました。 ランディングページ・連載の動向 # モデリング # システム開発におけるモデリングの活用・ノウハウを紹介するランディングページを追加しました。弊社が得意とする UML やモデリングにまつわる記事を集めていく予定です...

    記事を読む
  • |ブログ|11 min read
    #Google Apps Script#AWS#認証/認可#Security

    Google Apps ScriptからAWSにアクセスするための署名の実装

    こんにちは、庄司です。 Google Forms や Google Sheets 等の Google アプリケーションを活用していて、例えば Google Sheets に入力された特定の範囲のデータを AWS の S3 にアップロードしたいと思いました。 単純に考えると AWS SDK for JavaScript の利用が真っ先に思い浮かびますが、残念ながらこれは使用できません。Google Apps Script の実行環境は Node.js とは異なる独自のものだからです...

    記事を読む
  • |ブログ|5 min read
    #GitHub#CI/CD

    Actions permissions に GitHub Actions ワークフローに必要な最小限のパーミッションを教えてもらう

    Actions Permissions # GitHub Actions のセキュリティのためのツール actions-permissions が public beta として公開されました...

    記事を読む
  • |ブログ|5 min read
    #Fresh#Deno

    Fresh 1.2 へアップグレード - island の新機能など

    Fresh 1.2 リリース # Deno の Web フレームワーク Fresh 1.2 がリリースされました。 Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more Preact のメンテナの人がフルタイムの Fresh メンテナとして Deno にジョインしたことで開発スピードが上がることが期待されています...

    記事を読む
  • |ブログ|15 min read
    #GitHub#Codespaces#java#vscode

    GitHub CodespacesによるJavaのチーム開発環境の作り方

    GitHub CodespacesでJavaのチーム開発環境を整備してみたところ、想像の斜め上を行く便利さでした。このデベロッパーサイトでもCodespacesを何回か紹介してきましたが、今回は複数人で使う開発環境としてCodespacesを使うとどのような点がよいのか、そしてそれをどうセットアップするかなど、個人でなく複数人で使う場合の側面からCodespacesを紹介したいと思います...

    記事を読む
  • |ブログ|5 min read
    #品質保証#QA

    品質保証者の憂鬱「計測できないものは制御できないは本当か?」

    前回の投稿から1か月以上も期間があいてしまいました。 少し時間が取れるようになってきたので、今回もソフトウェア品質について少し語っていきたいと思います。 「計測できないものは制御できない」 # ソフトウェア開発業界に限らず、何らかの開発作業に従事している人であれば次の言葉を聞いたことがあるのではないでしょうか。 計測できないものは制御できない この言葉は1982年にトム・デマルコ氏によって語られました...

    記事を読む
  • |ブログ|3 min read
    #vscode

    VS Code でユーザー定義スニペットを作って使う

    VS Code のスニペット # VS Code ではプログラミング言語毎にビルトインのスニペットが利用できます。例えば、JavaScript を書いていて foreach と入力するとforeach を使う構文のテンプレートが挿入され、array や element のようなプレースホルダをタブキーで移動しながら書き換えることで素早くコードを書くことができます。(この例では GitHub Copilot のサジェストも出てしまっていますが...

    記事を読む
  • |ブログ|8 min read
    #orbstack#docker#container

    OrbStack - macOS 専用の高速軽量なコンテナ & Linux VM 環境

    OrbStack とは # OrbStack は macOS 専用の高速で軽量なコンテナ環境と Linux VM 環境です。 OrbStack · Fast, light, simple Docker & Linux on macOS 以下のような特徴が謳われています。 超高速: 2秒で起動し、最適化されたネットワークとディスク、Rosetta による x86 エミュレーション 超軽量: CPU とディスク使用率が低く、少ないメモリで動作...

    記事を読む
  • |ブログ|7 min read
    #tresjs#vue

    TresJS - Three.js を Vue components として利用する

    TresJS とは # TresJS は Vue.js のアプリで Three.js を用いたシーンのレンダリングを行うためのライブラリです。Vue の構文で宣言的にシーンを記述できます。 TresJS | The solution for 3D on VueJS Three.js は ブラウザで手軽に 3D グラフィックスを扱える優れたライブラリです。シーンのオブジェクトグラフを構築しそのオブジェクトグラフをレンダラーに渡して描画するという命令型のプログラミングスタイルです...

    記事を読む

豆蔵では共に高め合う仲間を募集しています!

recruit

具体的な採用情報はこちらからご覧いただけます。