ASCII.jp：FIXER Tech Blog

このページの本文へ

FIXER Tech Blog - Development

2026年03月16日 15時00分更新

2026年03月16日 15時00分

TECH

700行の動的フォームをリファクタリングし、保守性を劇的に向上させた

Reactで動的フォームの実装・保守に携わっている方や、コンポーネント設計やリファクタリングに関心のある方に向けて書いています。特に「なんとなく動いているけどコードが読みにくい…」と感じている方の参考になれば嬉しいです。
2026年03月13日 15時00分

TECH

React Hook Formの使い方・基礎編　useStateでの複雑なフォーム管理を卒業しよう

Reactでフォームを作るとき、まずはuseStateで管理することが多いと思います。ただ、入力項目が増えてくると「stateが増える」「onChangeが増える」「バリデーションが散らかる」など、だんだん辛くなってきます。今回は、フォームの入力値を管理し、バリデーションも簡単に行えるReact Hook Formを紹介したいと思います。
2026年01月29日 15時00分

TECH

ブログのいいねボタン、astro-notion-blog＋Cloudflare Pagesで実装する

Cloudflare KVとPages Functionsを使用して「いいねボタン」を実装してみました。当時はCloudflareに不慣れで少し苦労したので、本記事ではその実装を紹介したいと思います。
2026年01月23日 15時00分

TECH

Terraformの整合性問題とは？ 3つの原因シナリオと対処法

本ブログでは、IaCを実現するためのソフトウェアであるTerraform それを運用するうえで発生する「整合性を失った状態」という課題に焦点を当て、その課題が発生する代表的なシナリオに沿って、それらの解決策を提示することを目的とします。
2026年01月20日 15時00分

TECH

技術ブログを書きたくなったので、Cloudflare＋Next.jsで丸ごと自作してみた

この記事では、コンセプトづくりや Figma を使ったモック作成、技術選定、Next.js と Cloudflare を中心とした実装プロセスをまとめています。なお、紹介する方法は必ずしも「ベストプラクティス」ではないことをご了承ください。
2025年12月23日 15時00分

TECH

Unityのバージョン管理ツール「Plastic SCM」のすゝめ（セットアップ編）

Unityの公式バージョン管理ツールであるPlastic SCMのセットアップ紹介
2025年12月17日 15時00分

TECH

Vue.jsからReactへの移行で分かった「リアル」 ―どうすればよかったのか？

この記事は、VueやReactからNext.js（React）への移行したときに感じた「移行して初めて分かったリアル」を、できるだけ誠実にまとめたものです。
2025年10月30日 15時00分

TECH

エージェントがE2Eテストをサクッと作ってくれる、Playwright Agentsを試した

Playwright の最新バージョン 1.56 で、ついに「Playwright Agents」という強力な新機能がリリースされました！今回はこの「Playwright Agents」を実際に触ってみて、本当に使えるのか検証してみました。
2025年10月28日 15時00分

TECH

Android開発者のためのリリース完全ガイド 2025年版

Android アプリケーションの初回リリースは、開発者にとって重要なマイルストーンです。Google Play Console の仕様変更や新しいポリシー要件により、2025年現在のリリースプロセスは以前よりも複雑になっています。本記事では、Flutter／ネイティブAndroid問わず、すべてのAndroidアプリ開発者向けに最新の初回リリース手順を詳細に解説します。
2025年10月10日 15時00分

TECH

Androidの16KBページサイズ対応　Flutter開発者向けチェックリスト

16KB Page Sizeポリシーは、従来の4KBメモリページから16KBへの移行により、アプリのパフォーマンス向上を図る重要な変更です。しかし、対応が不十分な場合、アプリクラッシュや配信停止のリスクがあります。今回は現在使用しているFlutterプロジェクトを例に、16KB対応状況の確認方法と対策を詳しく解説します。
2025年10月01日 15時00分

TECH

FIXER cloud.config Tech Blog

Chrome DevTools MCPとは？ Claude Codeとの連携でWebアプリ開発体験が劇的に変わった

最近、GoogleからChrome DevTools MCPがリリースされたという話を聞いて、実際に自分のWebアプリケーションで試してみました。
2025年09月26日 15時00分

TECH

MobSF（Mobile Security Framework）でできること、動かない理由

MobSFの可変するAPIも取れているのになぜか落ちると言うのが続いていたため、脆弱性診断から、セキュリティ診断に切り替えました。なぜMobSFが動かせなかったかの調査結果と、セキュリティ診断のスクリプトを紹介します。
2025年09月05日 15時00分

TECH

3週間の自動テストが半日に！ Playwrightの使い方の基本

とあるプロジェクトのリリース前には、割と莫大な量のテストを行う必要がありました。手動チェックに時間がかかりすぎる悩みを解決してくれるのが、Playwrightってわけです。
2025年06月04日 15時00分

TECH

Next.jsで静的テスト環境を構築し、GitHub Actionsで自動化してみた

今回の記事ではNext.jsでコーディングスタイルのチェックなど、簡単な静的テストの環境構築とGitHub Actionsによる自動化をやっていきます。
2025年06月02日 10時00分

TECH

クイズ：正規表現で「0～255」のすべてにマッチするのはどれ？

正規表現は文字列のパターンマッチングにおいて強力なツールですが、正規表現に対する知識不足によって意図せず落とし穴にはまることがあります。今回は、半角数字で2桁以上の数値を含む、範囲の正規表現について考えてみましょう。
2025年05月21日 10時00分

TECH

FIXER cloud.config Tech Blog

ミニPCサーバーにFluxを導入、GitOpsで自動デプロイする方法

この記事ではFlux version 2のインストールと簡単なアプリケーションのデプロイを行います。
2025年05月12日 10時00分

TECH

FIXER cloud.config Tech Blog

アプリ開発の手戻りを防ぐ　「入力チェック（バリデーション）」の設計方法

前回は、バリデーションの基本的な役割や実装における注意ポイントについて解説しました。本記事では、これらの考え方を実際のプロジェクトで活かすための、具体的なバリデーション設計の方法に踏み込んでいきます。
2025年05月09日 10時00分

TECH

FIXER cloud.config Tech Blog

Webアプリを使いやすく！「入力チェック（バリデーション）」の正しい考え方

Webアプリケーションにおける入力チェック（バリデーション）を実装するにあたって勉強になったことをまとめました。適切なバリデーション設計はユーザー体験を大きく向上させるだけでなく、開発・保守の効率化にも繋がります。
2025年04月28日 10時00分

TECH

機械科卒・ITエンジニア就職から一年、やって良かったこと

入社から1年が経ち、4月1日には2025年度入社の新しいエンジニアたちがたくさん入社しました。この1年間で私がどんな課題に直面して、どのように解決したのか。それを自分自身で振り返るため、そして、このブログを通じて誰かの助けになればと思い、筆、もといキーボードを手に取りました。
2025年04月18日 10時00分

TECH

FIXER cloud.config Tech Bl

「SOSの出し方を知ろう」新卒入社から1年、学んだことを振り返る

24年度に入社した江藤です。新卒としてFIXERに入社し、あっという間に1年が過ぎました。1年間の振り返りと気づき・学びについてまとめてみたいと思います。
2025年03月28日 10時00分

TECH

Terraformのバージョン管理ツール、古いtfenvからtenvへの移行

Terraform のバージョン管理では、どのツールを使っていますか？私は Terraform をベータ版から利用してきた経緯もあり、長らく tfenv を愛用していましたが、つい先日 tenv に移行しました！
2025年01月29日 16時00分

TECH

gitコマンド、長いしだるいしMMS（マジ・短く・したい）

gitコマンド、長いとだるいですね。MMS。（マジ　みじかく　したい）。n番煎じですが布教・備忘録としてGitエイリアスについて書きます。最低限のコストで、少しでも効率的に書けるようになれれば幸いです。
2025年01月20日 10時00分

TECH

Chrome拡張はVue.jsで作るのがおすすめ

Chrome拡張は、ブラウザの機能を拡張する便利なツールです。通常、JavaScriptやHTML、CSSを使って作成しますが、Vue.jsを使うとコンポーネントベースで効率的に開発できます。
2025年01月15日 10時00分

TECH

Proxmox VE＋OpenMediaVaultで自宅用NASを作ってみた

本記事ではミニPCにProxmox VE 8.2をインストールして外付けHDDをパススルーし、OpenMediaVaultでNASを構築するところまでの「やってみた」系の記事になります。
2024年12月23日 10時00分

TECH

zshの初期設定がダサい…。表示内容を自分好みにカスタマイズしていく

コマンドシェルの表示内容ってこだわっていますか？僕はデフォルトは味気ないな(むしろシンプル過ぎてダサいかも...？) と思っちゃうので、カスタマイズできるものはついつい自分好みにカスタマイズしちゃいます。今日は、開発者ならほぼ毎日目にするコマンドシェルを自分好みにカスタマイズしたときの記録をシェアしたいと思います！
2024年12月11日 10時00分

TECH

業務で使えるExcel関数テクニック − 関数を使った動的な範囲指定のコツ

表計算ソフト「Microsoft Excel」、会計や事務で使用されるものと思いきや、私たちエンジニアも、データ分析ツールとして扱える素晴らしいソフトです。しかし、'=SUM()'や'=AVERAGE()'は使うけど…他の関数はよくわからない。という方、意外と多いのではないでしょうか。
2024年12月10日 10時00分

TECH

GitHubの超・超・超基本的な使い方まとめ

この記事ではGitHubの基本的な使い方について紹介していきます。
2024年11月15日 10時00分

TECH

プロンプトエンジニアリングのコツは「5W1Hを忘れずに」

初心者の私がGaiXerを使って「業務効率化をした」プロンプトを作成する挑戦をシェアしたいと思います。もしかすると、私の経験がこれからプロンプトに触れる方々の参考になるかもしれませんよ！
2024年10月25日 11時00分

TECH

ゆるく理解する自作シェル実装1：そもそもシェルってどんなもの？

シェルの再実装を行う機会があったので、その内容を忘れないようにまとめておこうと思います。シェルとはユーザーに対して、カーネルを含む様々なソフトウェアへのインターフェースを提供するプログラムです。
2024年09月25日 10時30分

TECH

MacでGitHub CLIの認証を行う方法

こんにちは、皆さん！会社によってはGitHubの認証方法としてGitHub CLIを使っているところがありますよね。残念ながら、パスワードによる認証は2021年8月13日をもってできなくなりました😭
2024年07月12日 10時00分

TECH

WSL2でのGitHubの認証をできる限り簡単に行う方法

GitHub CLIというツールを使用しWSL2でのGitHubの認証をできる限り楽に行う。
2024年05月22日 10時00分

TECH

Kubernetesのcert-managerについて簡潔にまとめておきますね

最近触った環境でcert-managerというソフトウェアを使用していて、その概要について把握するのにまあまあ時間がかかったため、あとで忘れたときの備忘録として、そして同様にソフトウェアについて把握したい方向けに簡潔にまとめておきます。
2024年03月28日 10時00分

TECH

はじめてのOSSコントリビュートで“推しからのリプ”をもらった話

約2ヶ月の間、週5で四日市事業所に通いインターン生として生成AIについての技術調査を行なっていました。その結果としてタイトルにもある通りマイクロソフトのOSSにコントリビュートすることができたので振り返っていきたいと思います。
2024年03月27日 10時00分

TECH

Github Copilot Chatをさらに便利にする3つの機能

今回は、このイベントで学んだGithub Copilot Chatをさらに便利にする機能を紹介したいと思います。
2024年03月14日 13時30分

TECH

Github Copilotで、コミットメッセージもAIに考えてもらう方法

X(旧: Twitter)でVisual Studio Code(以下、VSCと表記)とGithub Copilot(以下、Copilotと表記)を使えば、コメントを自動生成してくれるというポストを見つけ、少し興味を持ったのでメモ程度に書いています。
2024年02月22日 10時00分

TECH

え、高級言語しか触ったことないのにCPUを自作するんですか!?

今回は、RISC-Vを実装した簡単なCPU作成してみようと思います。
2024年01月16日 10時30分

TECH

サインインなしでも使える！開発者向けAI検索エンジン「Phind」をご紹介

皆さんこんにちは！今回は、現在ChatGPTを使っている皆さんに朗報となるようなAI検索エンジン「Phind」を紹介したいと思います。
2023年11月17日 10時00分

TECH

FIXER cloud.config Tech Blog

「Microsoft 365開発者プログラム」のアクティベーション方法

こんにちは！今回はM365の開発者プログラムのライセンスアクティベーション方法について解説していきます。
2023年11月01日 10時00分

TECH

Grafana TempoとLokiの連携で進化するログ解析とトレーシング

この記事はOpentelemetryシリーズの続編です。今回はGrafana TempoをLokiと連携させTrace to Logsという機能を実装していきます。
2023年09月06日 16時45分

TECH

FIXER cloud.config Tech Blog

Grafana Tempo×OpenTelemetryの導入方法

Grafana Tempoとはオープンソースの分散トレーシングバックエンドです。特徴として、Grafana、Prometheus、Lokiと相性がいい点が挙げられます。また、OpenTelemetryのプロトコルを取り込むことができます。
2023年08月09日 12時15分

TECH

FIXER Tech Blog - Development

GTM経由でカスタムディメンションを取得するTypeScript

UAが廃止されましたね。その波に乗って、GTM経由でカスタムディメンションを取得する部分を実装する機会がありましたので、備忘録として記事にしてみようと思います。
2023年08月02日 10時00分

TECH

FIXER cloud.config Tech Blog

Prometheusで辞書形式のメトリクスを持つExporterを作りたい！

PrometheusのExporterは自作することができ、先人が既に簡単な書き方の記事を挙げています。しかし、タイトルにある通り辞書型のような形式でメトリクスを保持するような方法が記載されているドキュメントは見当たらなかったので、ブログにしてみようと思いました。
2023年07月27日 10時00分

TECH

FIXER cloud.config Tech Blog

Terraform 1.5から追加されたimportブロックがすごい!!

今回はTerraformの新しい機能に触れたので書いてみました。
2023年07月21日 10時00分

TECH

FIXER cloud.config Tech Blog

Terraformを用いてAKS上にFluxを導入する方法

GitOpsは、開発者がコードをGitリポジトリにプッシュすることで自動的にインフラストラクチャーが更新される仕組みです。本記事では、Terraformを用いてAKS上にFluxを導入する手順を説明し、GitOpsのデモを行います。
2023年07月12日 10時00分

TECH

Azure OpenAIに単体テストのテストコードを生成させたい。《基本編》

今回は長文の可能性があるので前置きは無しでチーム開発で学んだことを共有させていただきます。単体テストのテストコードを生成できるプロンプトの公開と気を付けるべきことについてです。
2023年07月06日 10時00分

TECH

FIXER cloud.config Tech Blog

「Argo CD」を使ってAKSにGitOpsを導入する

皆さんこんにちは、FIXER2年目の藤野です。今回は業務の一環としてArgo CDの採用を検討する機会がありましたので、そのきっかけとフローの構成案を備忘録として記事にしてみようと思います。
2023年06月14日 10時00分

TECH

FIXER cloud.config Tech Blog

AWS Systems Managerを使いAWS PrivateLink経由でEC2にSSH接続する方法

AWS Systems Managerを使用して、AWS PrivateLink（インターフェースVPCエンドポイント）経由でプライベートサブネット内のAmazon Linux 3にSSH接続する手順をブログにしました。
2023年06月13日 11時30分

TECH

FIXER cloud.config Tech Blog

mablをAzure DevOpsのパイプラインに組み込んでテストを自動化する方法

mablでテスト実行するときに、「いちいちテスト実行を開くのも手間になって大変だな～～」となっていたので、Azure DevOpsのパイプラインを使用して、自動化する方法について書いていきたいと思います。
2023年06月12日 09時00分

TECH

FIXER cloud.config Tech Blog

AWS Systems Manager on EC2の検証環境を構築するAWS CLI v2 on PowerShell

最近、AWS Systems Manager on EC2の技術検証が増えてきたため、AWS CLI on PowerShellで検証環境の構築ができるようにしました。
2023年04月21日 10時00分

TECH

FIXER cloud.config Tech Blog

Pythonで大量のデータの高速処理入門

Pythonの動作を高速化させるための技術を紹介しました。pythonでは大量のデータを裁きたいひとは参考にしてみてください。
2023年02月23日 10時00分

TECH

FIXER cloud.config Tech Blog

Slackの表示フォントを自分好みに変更する2とおりの方法

今回はSlackのフォントが勝手に変わっていつの間にか戻っている現象が起こったので、 Slackのフォントを設定する方法について紹介します。
2023年02月10日 10時00分

TECH

FIXER cloud.config Tech Blog

100台くらいスケールする“Kubernetesもどき”を自作してみた！

この記事では、最近趣味で自作し始めてしまったコンテナオーケストレーションシステム（+分散Key Value Store）の話をします。つまるところKubernetesのようなものを自作し始めた話です。
2023年02月09日 10時00分

TECH

FIXER cloud.config Tech Blog

Azure Pipelinesでtypos-cliを爆速で実行させる方法

Rust製のソースコードのスペルチェッカーtypos-cliをAzure Pipelinesに導入しています。Azure Pipelinesでtypos-cliを爆速で実行させる方法を書きます。
2023年02月07日 13時00分

TECH

FIXER cloud.config Tech Blog

VSCodeのメニューアイテムを自分好みに並べ替える方法

VSCodeのメニューアイテムを並べかえる方法について書こうと思います。調べてみたところ、拡張機能の設定ファイルを書き換えることで、実現することができそうだと分かりました。
2023年02月03日 10時00分

TECH

FIXER cloud.config Tech Blog

楽しい！　AtCoderでゼロから始める競技プログラミング

AtCoderはある問いに対して効率の良いアルゴリズムを導きプログラミングを用いて解く競技プログラミングを世界規模で開催しているサイトです。多くのユーザーが登録しており、リアルタイムで問題を解き書く速度と正確さを競うコンテストで切磋琢磨しています。
2023年02月01日 10時00分

TECH

FIXER cloud.config Tech Blog

JavaScriptの配列操作で最強のメソッド“reduce”を知る

僕がフロントエンドを書く際に使用しているのはJavaScriptもしくはTypeScript（以下JS、TS）です。これらの言語を使用する際にAPIと通信し、配列やオブジェクトを扱う機会がよくあると思います。僕がJS、TSを触り始めてから一番最初に挫折しそうになったのは配列操作だったので、一人でも多くの人が配列を思い通りに動かせるようになればと思います。
2023年01月27日 14時00分

TECH

「シャニマス」に毎日欠かさずログインするための鬼リマインド通知設定

私は「アイドルマスターシャイニーカラーズ」の応援に力を注いでおります。シャニマスライフの中で自分が危惧していることがありまして、それはゲームのログイン忘れです。そこでシャイニーカラーズにログインしていない時に鬼リマインド通知をかけるプログラムを考えてみました。
2023年01月17日 10時00分

TECH

FIXER cloud.config Tech Blog

5分でできる？ Microsoft Bookingsでスケジュール予約・管理サイトを作ろう

Microsoft Bookingsで、とにかくスケジュール調整がとても簡単にできる予約サイトがあっという間に作れます！
2023年01月16日 15時00分

TECH

FIXER cloud.config Tech Blog

推しシナリオの“本質”をGiNZAで自然言語解析してみる

今回は自然言語処理ライブラリの「GiNZA」を使って文章を様々な方法で解析してみました。
2023年01月13日 10時00分

TECH

Drupal9のプレビューページを任意のレイアウトで表示する

Drupalのカスタムテーマを使って、プレビュー画面を任意のレイアウトで表示する方法を備忘録として残しておきます。
2023年01月10日 19時30分

TECH

FIXER cloud.config Tech Blog

null_resourceではなくazapi_resourceを使いましょう

AzureのリソースをTerraformでコード化する業務を普段行っているのですが、最近null_resourceで書かれたコードをazapi_resourceに書き換える機会が多かったためメモ代わりに共有していきたいと思います。