Monicle Developers

モニクル開発チームのブログまとめです。

Articles

Yukiya Nakagawa

ポートフォリオをVoidで作り直したので、Voidの来歴と中身を整理する

Yukiya Nakagawa

クロスプラットフォーム開発が解決するコスト、解決しないコスト

Node.jsで動くのにDenoで動かないJavaScript

Yukiya Nakagawa

プチ書評：「Cloudflare Workers実践ガイド」にはエッジコンピューティングの魅力が詰まっている

Wasmコンポーネントで始めるブラウザ実装

Wasmtimeのオプションを設定ファイルで管理する

事故に遭ったとき，どうするか

hacusk.hatenablog.com

コアモジュールからWasmコンポーネントを作成したい

2025年後半スクラムチームふりかえりと感想

コザと僕の私的な出会い

CloudflareでNext.js(OpenNext)を運用してVercelに移行した話

Shusaku Tomihisa

Windows PCとVibe CodingでiPhoneアプリを公開した話

大雪20251212-14

hacusk.hatenablog.com

「感覚的には分かる」と理解した気になっていた

React Server ComponentsだけでForm実装する

NAHAマラソンを完走した話。出会いと今まで。

フルリモートで働き始めて1年経った

hacusk.hatenablog.com

Yukiya Nakagawa

「お前のTodoリストが長続きしないのをツールのせいにしているお前に送るお前の落ち度7選」をClaudeに書いてもらった

Todoリストの運用の失敗とその対策

Cloud Run + IAP 環境下で Grafana MCP を使うためのプロキシ実装

Yukiya Nakagawa

ベストバイ2025

TSのパターンマッチ

Yukiya Nakagawa

CTOになった1年をふわっと振り返る

Yukiya Nakagawa

おいでよHUB Echigo Beer PUB CoCoLo新潟店🍻

2025年にオフライン参加したIT勉強会・イベント

gabu.hatenablog.com

続・易しいアセンブリ

Python in Excelで散布図行列に相関行列をつける

papasensei365.com

GoのWASI 0.1をWASI 0.2に変換して実行する

KomeKaigi 2025 登壇者募集！

Yukiya Nakagawa

macOSのシェル設定をzsh以外にしている場合にCursor Agentにzsh以外を使わせる方法

Cursorをおじさんにする方法だヨ✨

Yukiya Nakagawa

TypeScriptのexhaustiveness checkをsatisfiesで簡単に書く

Shusaku Tomihisa

OpenHands GitHub Issue Resolverを使って（ほぼ）無料でAIエンジニアに開発を依頼できる環境を作ってみる

Sentry と Grafana Cloud の連携を試してみた

【2025年版】MacBook 初期設定（セットアップ）

禅と暮らす一週間。体験記最終日 2024年秋

禅と暮らす一週間。体験記六日目 2024年秋

禅と暮らす一週間。体験記五日目 2024年秋

禅と暮らす一週間。体験記四日目 2024年秋

禅と暮らす一週間。体験記三日目 2024年秋

禅と暮らす一週間。体験記二日目 2024年秋

激動の2024年を振り返る

hacusk.hatenablog.com

禅と暮らす一週間。体験記初日 2024年秋

函館本線沿線勉強会という技術コミュニティを立ち上げましたという話

hacusk.hatenablog.com

excelize-wasmでもっと簡単にWasmでExcelファイルを生成する

Wasmを扱うローカルコミュニティを作りました

Homebrew + Colima + Docker 環境で docker build --check したい

Shusaku Tomihisa

抽選ツールをv0を使って作ってみた

禅と暮らす一週間。一日一食断食と仏教体験レポート修行概要編 2024年秋

Makoto Ishihara

Google Cloud StorageへのResumable Upload(再開可能アップロード)の実装手順

Niigata5分Techを立ち上げて1年経ちました

Takayuki Kaneda

Sublime Mergeでキーバインディングを追加する方法

TinyGoでRaspberryPi Picoに入門してみた

JetBrains製品を画面共有すると描画が重くなる問題とその解決方法

Cursor ComposerとCopilot Editsのよしなに力の比較

Cloud RunからCloud SQLへIAM データベース認証で接続する

ExcelでVBAを使わないでドラクエ3のパズルを作ってみた

papasensei365.com

君もイカしたNeovimで開発してみなイカ？

TypeScriptのコードをRustで書き直した話

【思い出】モニクルエンジニアの2024年振り返りと感想

[小ネタ]Slack Platform（Deno）で作成したインシデント対応botにリマインダー機能を追加した

Yukiya Nakagawa

経済メディアのお仕事をしていた近況報告

Grazieさわってみた

SREチームのロードマップを作った話

Deno 2.1でWasmをimportできるようになったらしい

2024年記憶に残ったインシデント2選

禅と暮らす一週間。一日一食断食と仏教体験レポート準備編 2024年秋

Yukiya Nakagawa

開発合宿と技術同人誌即売会への企業出展にシナジーを見出した話

Go1.24からWasmで使える型が緩和される話

スタートアップと人生、とある39歳エンジニアのリアル

gabu.hatenablog.com

スクラム理解度クイズやってみた！

fix: Invalid Tier (db-f1-micro) for (ENTERPRISE_PLUS) Edition

MUIのStack APIでspacingが効かなくて困った話

US配列のmacで入力ソースを切り替える

【2024年版】モニクルは何をしている会社なのか

gabu.hatenablog.com

JSの配列要素にアクセスするときは添字指定をやめてatメソッドを使おう

Denoの@std/logが便利だった

【Reactエンジニアの挑戦】React Nativeでアプリ作ってみた！

今更Railsのautoloadingとeager loadingを理解する

Megumi Shimabukuro

Google Cloud Professional Developer 認定資格について調べてみるぞ！

Slack Platform（Deno）を活用したインシデント対応標準化の取り組み

インラインSVGのReactコンポーネントを撲滅したらファイルサイズが94%削減された

Shusaku Tomihisa

Gmailのセーフブラウジング保護強化機能を有効にして、メールのセキュリティを向上させる

Yukiya Nakagawa

Cloudflare Meetup NiigataとRemix Tokyo Meetupで登壇してきました

在籍３年目突入エントリ

久しぶりの投稿（リハビリ＆テスト）

papasensei365.com

IDとパスワードを使わずにCloud SQLに接続したい

函館本線沿線勉強会 ~HNSAdev~ の第1回を開催しました

hacusk.hatenablog.com

【urql・キャッシュ無効化】新規作成したデータが一覧画面に反映されない？

RIP 2024年こそ corepack を使おうとしたら終わった

ウェブエンジニアでもWasmを使いたい! アフタートーク

フロントエンドカンファレンス北海道2024、ありがとうございました #frontendo

hacusk.hatenablog.com

自分が親になってから母にしてもらったことをよく思い出すようになった

gabu.hatenablog.com

Yukiya Nakagawa

React NativeのSwift Package Manager対応の展望

TechRAMEN 2024 Conferenceにスタッフとして参加しました

hacusk.hatenablog.com

Rails の非同期処理を Sidekiq から Cloud Tasks にリプレイスして Cloud Run のコストが6分の1になった話

【React/MUI/CSS】複数行かつ溢れたら3 点リーダーを付けれるコンポーネントを作ろう！

OSC 2024 Hokkaidoに当日スタッフとして参加しました

hacusk.hatenablog.com

【GraphQL】boolean以外のvariableの値に応じてfieldを呼ぶか決めたい(できないっぽい)

Yukiya Nakagawa

Cloudflareスタックをモリモリ使ってアバター画像生成サービスを作った話

【TS】毎回忘れる||と??の違い

【TS】enumの値のunion型が欲しい！

Rails で Minitest を使って悲観的ロック（排他制御）をテストする方法

mise + RubyMine 設定メモ（2024年7月時点）

Yukiya Nakagawa

解像度とフォーマット対応状況の両方に配慮してWebP画像やAVIF画像を扱う

モニクルにジョインして4年が経ちました

Yukiya Nakagawa

Remix on Cloudflare Pagesで、@vercel/ogを使ってOGP画像を生成する

Node.jsのモジュールタイプごとの読み込み方法

Shusaku Tomihisa

Bun+HonoX+D1+Prisma を動かしてみた

Shusaku Tomihisa

TAP(一時アクセスパス)を用いたWindows PC設定をやってみた

TSは型推論が楽しい

モニクルのSREチーム形成期を振り返って

2024年03月の台湾ワーケーション記録

Megumi Shimabukuro

GraphQL のデータソースに microCMS を使う

Yukiya Nakagawa

VSCodeでGitHub Copilotがサジェストするたびに音が出る挙動を止める

ライムリゾート箱根はいいぞ

認定スクラムマスター研修に参加して印象に残ったこと

BigQueryのクエリ利用量に上限を設定しよう！TerraformによるGoogle Cloudクォータ管理

Next.js(AppRouter)でDynamicFunctionを使ってもCacheHitさせる

PHPConferenceHokkaido2024にスタッフ参加しました

hacusk.hatenablog.com

Denoの静的サイトジェネレータ`Lume`の紹介

Amazon Connectの電話番号移行：アカウント間でスムーズに進めるためのポイント

ローカル開発環境で検証時に使用するTSライブラリ作成テンプレ作った

Shusaku Tomihisa

ChatGPT/LangChainによるチャットシステム構築［実践］入門を読みました

MDNでHTMLを体系的に学んでみた備忘録

そのままでは動かない Vercel 公式サンプル Node.js Serverless Functions を動かす

Shusaku Tomihisa

機材をレンタルして会社の全社イベント配信をやった話

Cloudflare Workers プロジェクト作成から GitHub Actions 自動デプロイまで最速でやる

【非推奨】2024年こそ corepack を使おう

ES2024に入る予定の機能を眺めてみた

Yukiya Nakagawa

クリスマス料理に疲れたら無水白菜カレー

Yukiya Nakagawa

塩フライドチキンでメリークリスマス

ブラウザ上で`go run ./main.go`するために(経過報告)

Web+DB な業務システムも Cloudflare Workers で動かしたい！Connection pooler 比較

アドベントカレンダーやってよかったー

gabu.hatenablog.com

Yukiya Nakagawa

納豆カルボナーラはワンパンで作れる

JiraとScrapboxとFigJamの使い分けTips

Yukiya Nakagawa

アウトプットまとめ2023

【試練】RailsアプリをReact+GraphQLに置き換える！

DartとWebAssembly

[Excel]画像をセルに埋め込められるようになったので何ができるか調べた

papasensei365.com

Niigata5分Techを立ち上げた話

Yukiya Nakagawa

モニクル社のzp-チャンネルを振り返る2023

Shusaku Tomihisa

競プロやろうぜ！ - 競技プログラミングの概要と始め方

GoとWebAssembly

Yukiya Nakagawa

バズレシピに慣れてきた頃に見始めた料理系YouTubeチャンネル

VercelのログをCloud Loggingに送りたい!! with Cloudflare Workers

Yukiya Nakagawa

プログラミングを始めてからこれまでどこにフォーカスしてきたか振り返ってみる

Cloud Runの不要なリビジョンを削除するGitHub Actions

Megumi Shimabukuro

立ち上げ初期のチームとモブプログラミング

君もイカしたTerminal環境で開発してみなイカ？(wezterm, zsh, starship, neovim)

Yukiya Nakagawa

トキブルワリーはいいぞ

Biomeはいいぞ

家族からのリクエスト No.1 バズレシピ 2023年版

gabu.hatenablog.com

Yukiya Nakagawa

3分投資診断の思い出

エンジニア10人を超えて複数チームになった開発組織でCTOとして最近やっていること

gabu.hatenablog.com

Yukiya Nakagawa

至高を越えたボロネーゼは自分へのご褒美として作る最高のご馳走

Shusaku Tomihisa

noteはじめました

Yukiya Nakagawa

書評：これからはじめるReact実践入門

【React Hook Form×Zod×MUI】複数選択+オートコンプリート+型安全なフォームを作ろう！

Google Cloudの障害情報をプロジェクト単位でキャッチしたい!! Personalized Service Healthを使ってみた

会社の開発合宿に行ってきました

【React Hook Form × Zod × MUI】フォームを作ろう！

Yukiya Nakagawa

JavaScriptとDIについての雑文

モニクル初の開発合宿を開催しました！

gabu.hatenablog.com

9ヶ月かけて全ての API を REST から GraphQL にリプレースした話

gabu.hatenablog.com

Shuttleを使ってRustアプリケーションをデプロイする

Prisma 5がリリースされたよ

Yukiya Nakagawa

Ajaxから始まった一つの時代の終わり

【TS ver4.9以降】satisfies Operator とは？

Megumi Shimabukuro

Datadog APM を触ってみるぞ

【React】 useEffectの中で前回のstateの値を取得したい！

【TS】呪文：undefined as unknown as numberとは？

TerraformでCloud SQL（PostgreSQL）のマシンタイプを選ぶ時の注意点

Megumi Shimabukuro

Cloud Traceでボトルネックを追ってみるぞ

Megumi Shimabukuro

Cloud Runの請求対象時間についてあらためて調べてみたぞ

Next.jsのMiddlewareで認証が必要なCloud Runと通信できるようにする

ISMSを取得した話（運用編）

ISMSを取得した話（準備編）

create-react-appを使わないReact、さようならWebpackこんにちはVite

create-react-appを使わないReactにFlat configなESLint入れる

Next.jsでCSP対応をしました

【2023年版】モニクルは何をしている会社なのか

gabu.hatenablog.com

Fragment Masking で Fragment Colocation を強制する

GraphQLクライアントがリクエストするURLにoperationNameを付けると便利です

Megumi Shimabukuro

NestJS + Prisma のアプリケーションを Github Actions でGCP環境にデプロイするぞ

Yukiya Nakagawa

docker/build-push-action@v3 + GCP のデプロイエラーを何とかした覚書

create-react-appを使わないReactのTypeScript化

Yukiya Nakagawa

Streaming APIに対応したRemix 1.11のリリースノートを流し読む

なんとなくわかるインフラ構築〜Terraform編

create-react-appを使わないReact環境構築

2022年ふりかえり

gabu.hatenablog.com

Yukiya Nakagawa

ビアリー IPA STYLEを一番のヤツで作った至高のビール煮で飲む

Yukiya Nakagawa

米消滅鶏キャベツ

Yukiya Nakagawa

至高のポパイ

Yukiya Nakagawa

ねぎ塩ツナ油飯

Megumi Shimabukuro

FigmaデザインからReactコンポーネントを生成するツール clapyを試してみた

Yukiya Nakagawa

ストラパッツァータ

Yukiya Nakagawa

30分で作る本格的な鶏醤油ラーメン

Yukiya Nakagawa

虚無ペペロンチーノ

Megumi Shimabukuro

NestJSとPrismaのイメージをCloudRunにデプロイしたらクラッシュしてコンテナが起動しなくなったので調べたこと

Lighthouse + Laravel Sanctumのテンプレ構築手順

Megumi Shimabukuro

NestJSでGraphQLとPrismaとPassportの素振り

新潟の DERTA さんで登壇してきました（新潟は最高でした）

gabu.hatenablog.com

GraphQLクエリをCDNキャッシュに載せたい

とある新潟の（ソフトウェア）エンジニアのキャリア

Megumi Shimabukuro

Create Figma Plugin を使って Figma Plugin 開発に入門してみるぞ

Megumi Shimabukuro

Terraformを使ってインフラと触れ合いたいぞ

「リファラルごはん」を「カジュアルごはん」にリネームしました

gabu.hatenablog.com

Yukiya Nakagawa

React Router v6.4はClient Side Remix

LIFFを利用して、LINE公式アカウントの友だち追加流入経路を取得する

Megumi Shimabukuro

CDK for TerraformでSpotifyのPlaylistを作ってみるぞ

GraphQL の Persisted Queries について

Rails エンジニアが NestJS に入門する：ルーティング編

転職しました。

とあるスタートアップのフルリモート開発組織3年間のふりかえり

gabu.hatenablog.com

Megumi Shimabukuro

あらためてGraphiQLをさわってみるぞ

Fresh - DenoのWebフレームワークを触ってみた特徴と所感

Yukiya Nakagawa

技術記事を書くときに心がけているたった一つのこと

しんどくないテックブログの運営Tips

データベースに接続中のセッションがあってもrails db:resetを成功させる

Yukiya Nakagawa

GitHub Copilotをたぶん最低限の挙動で使うための設定

なんとなくわかるインフラ構築〜AWS編

Megumi Shimabukuro

urqlをさわってみるぞ

技術ブログまとめサイトに wada-blog が上位独占してしまったので Deno Fresh で直した話

Rails エンジニアが Prisma に入門する：本番デプロイ(Vercel+Supabase)編

Megumi Shimabukuro

Supabaseのローカル開発環境でGraphQLを動かしてみるぞ

新しい Mac を手に入れたらまずやること [Brewfile編]

Yukiya Nakagawa

React Router v6のOutletとReact.lazyの組み合わせが便利

Yukiya Nakagawa

VercelのMiddlewareを使って非Next.jsプロジェクトにBasic認証をかける

Yukiya Nakagawa

covid19の自宅療養中にあって嬉しかったもの

なんとなくわかるインフラ構築〜物理インフラ編

ベロシティを測ることの意味と見方の考察

ベンチャーの情シスも悪くないよ？

Rails エンジニアが Prisma に入門する：開発フロー編

Megumi Shimabukuro

テクニカルライティングについて学ぶぞ

Rails: with_lock のブロックはトランザクション内で呼ばれる

Megumi Shimabukuro

あらためてデコレーターを学ぶぞ

RubyMineやPhpStormをCLIから起動する時に使っているスクリプト

Yukiya Nakagawa

開発チームの技術ブログまとめサイトを作って定期デプロイを設定した

Rails エンジニアが Prisma に入門する：Getting Started 編

SPFレコードをフラット化してルックアップ数制限を乗り越える

Ruby の return に注意しながら next と break をうまく使い分ける

Yukiya Nakagawa

times_nkznが上手いことフルリモートの雑談を創出した結果、zp-nkznが生まれた話

Megumi Shimabukuro

オンボーディングでのペアプロがすごくよかった話

Rails エンジニアが NestJS に入門する：プロジェクト作成編

全社員にマイクとカメラを支給することになった話

リファラルごはん始めました。デリパクールはいいぞ

Shopifyの通知テンプレートで配送先住所、請求先住所に様をつける

Megumi Shimabukuro

RTK-Queryで無限ローディングを実装してみた

yarn addした時にバージョンを固定する(yarn1, yarn2-3)

Yukiya Nakagawa

2021年を振り返る

popIn Aladdin Connectorで音ズレが発生したので改善した話

papasensei365.com

[Excel]A1セルに1つだけ式を入れてアニメーションを作る

papasensei365.com

URLなどをコピーするChrome拡張機能のcocopyがかゆいところに手が届いて最高

普段使いのLinuxで常用しているツール一覧

リンク集を簡単に共有する「Jump」を作りました

jqでURIエンコードする

テキストをシャッフルしてくれる「テキストシャッフル君」を作りました

Excelで入力規則を指定したのにエラーメッセージが表示されない原因と対策

papasensei365.com

Power Automate Desktop WebページでJavaScript関数を実行するアクションに引数を渡すのがなかなかに面倒だった話

papasensei365.com

Power Automate Desktop WebのUI要素を文字列で探す

papasensei365.com

Yukiya Nakagawa

@expo/vector-iconsのアイコン名を型安全に扱う

Yukiya Nakagawa

React DOMとReact Nativeの違い（2018）

Recreating Tetris in Excel Without Using VBA

papasensei365.com

†┏┛墓┗┓†

hacusk.hatenablog.com

自己紹介

WUGの聖地巡礼に仙台に行ってきた

hacusk.hatenablog.com

ツイートでわかる！やってはいけないチーム開発のGit

hacusk.hatenablog.com

車のりかえました

hacusk.hatenablog.com

ドコモ光で小型ONUを導入した話 (2019/11/02追記)

hacusk.hatenablog.com

輿水幸子とドライブするときに聴きたいアイマス曲ランキングトップ3

hacusk.hatenablog.com

業務用ルーターのすゝめ

hacusk.hatenablog.com

iPhoneXSにして2週間ぐらいたった

hacusk.hatenablog.com

MacにSource Han Code Pro JP（源ノ角ゴシック）を導入する

hacusk.hatenablog.com

Ubuntu16.04でSwiftの実行環境を作る

hacusk.hatenablog.com

ファイターズ優勝パレード行った（写真多め）

hacusk.hatenablog.com

札幌行った

hacusk.hatenablog.com

kazoo04氏の本を読んだ

hacusk.hatenablog.com

ブログ始めました。

hacusk.hatenablog.com

ひさしぶりにつ部Android勉強会をやりました＆部長交代のお知らせ

gabu.hatenablog.com

Android NDK専用本「Android NDK ネイティブプログラミング」の第2版が出ましたよ！

gabu.hatenablog.com

ちょっと早いけど今年をふりかえってみる

gabu.hatenablog.com

「Android SDK開発のレシピ」が第2版になりました。

gabu.hatenablog.com

最小限のJavaも一緒に解説するAndroid入門本を書きました。

gabu.hatenablog.com

Android 2.xでAction Barが使えるActionBarSherlockの使い方

gabu.hatenablog.com

高専カンファ in 岐阜 #kosenconf でニーソしてきました！

gabu.hatenablog.com

画像圧縮ツール ImageOptim がすごい！iPhoneアプリのサイズ問題など

gabu.hatenablog.com

MIT版App Inventorをローカルで動かしてみた。動いたよ！

gabu.hatenablog.com

きっと不便を便利にするためにコードを書き始めた僕たちへ

gabu.hatenablog.com

Googleの中の人が作ったAndroidアプリioschedを参考にしよう！（とりあえずビルドまで）

gabu.hatenablog.com

Titanium+CoffeeScript+Guard+Vim環境できたよー！

gabu.hatenablog.com

東海GTUG復活しました！

gabu.hatenablog.com

App Inventorをインストールする方法

gabu.hatenablog.com

App InventorのURLが新しくなったそうです（MIT移管の続報）

gabu.hatenablog.com

オープンソースカンファレンス2011 Nagoyaで「App Inventor入門」という講演をしました。

gabu.hatenablog.com