Facebookアプリやページを作るとき役立つHTML/CSSフレームワーク「520 Grid System」

Facebook Tab App 向けの 520 Grid System と、Canvas App 向けの 760 Grid System を紹介しました。

管理画面は特定のブラウザだけサポートして開発コストを削減しよう

社内向け管理画面のサポートブラウザを Chrome に絞って開発コストを下げるという考え方をまとめました。

「管理画面チラ見せ♡ナイト #1」のまとめ読んで使えそうなのメモ

「管理画面チラ見せ♡ナイト #1」から、役立ちそうなライブラリと KPI 検証の考え方を抜き書きしました。

私が利用しているAIコーディング・レビューツールと使い分け（2025-10-06）

AIによる開発支援が当たり前となった現在、数多くのツールが存在します。本記事では、2025年10月6日時点での私が実践しているAIコーディングツールとレビューツールの具体的な使い分けについてご紹介します。実装のメインで活躍するOpenAI Codex CLIから、プロジェクト全体の文脈を理解するClaude Code CLI、そして多角的な視点で品質を担保するPull Request上のレビューエージェント群まで、私の現在のベストプラクティスをまとめました。

AIと共に爆速開発！AIコーディングツールが好むコードへリファクタリング

AIコーディングツールは今や開発に不可欠なパートナーです。彼らが頻繁に提案するリファクタリングには、実は開発を爆速にするヒントが隠されています。AIが好むコードを書くことが、これからのチーム開発の鍵となる理由とは？

AI時代の罠「ワークスロップ」：AIコーディング vs AIコードレビューの品質をどう担保するか？

AIコーディング支援ツールは、もはや開発現場に不可欠な存在となりつつあります。しかしその裏で、AIが生成する低品質なコードやレビューコメント、いわゆる「ワークスロップ」が新たな生産性の阻害要因として問題視され始めています。AIの恩恵を最大限に受けつつ、品質の罠に陥らないためには何が必要なのでしょうか。

[Android] FILL_PARENT は非推奨（deprecated）なので MATCH_PARENT を使う（Android2.2以降）

Android 2.2 以降で FILL_PARENT が deprecated となり、MATCH_PARENT を使うべきというメモです。

[Android] getWindowManager を fragement 内で呼び出す

Fragment 内では getActivity().getWindowManager() 経由で DisplayMetrics を取得するというメモです。

Beego アプリを Heroku で動かす初期設定

beego アプリを Heroku へデプロイするときに必要な $PORT 対応の初期設定を紹介します。

[Beego] XSRF filtering の設定方法

Beego アプリで XSRF filtering を有効化する設定と、コントローラー単位で無効化する方法を紹介します。

[JavaScript] java.lang.ArithmeticException: Non-terminating decimal expansion; no exact representable decimal result

bigdecimal.js の divide で循環小数が原因のエラーが出たときに、精度と丸めモードで解決する方法です。

[JavaScript][BigDecimal] java.lang.RuntimeException: Unknown call signature for obj = new java.math.BigDecimal: object

bigdecimal.js に非数値を渡すと `Unknown call signature` 例外が投げられるので、引数チェックしましょうという話です。

読書メモ『はじめてのUXデザイン図鑑』荻原昂彦（著）

『はじめてのUXデザイン図鑑』の体験エッセンスと事例から、UXデザインの考え方を体系的に学んだ入門記録です。

「HTML5&CSS3レッスンブック」が入門書に最適

新人研修用に『HTML5&CSS3レッスンブック』を読了。入門書として最適だと感じたので紹介します。

Google Apps Script「Exception: 1 日にサービス premium gmail を実行した回数が多すぎます。」の解決方法

Google Apps Script の premium gmail 実行回数上限エラーを、実行間隔の調整で解決する手順です。

読書メモ『人月の神話』フレデリック・P・ブルックス，Jr.（著）

『人月の神話』からブルックスの法則、外科手術チーム、マイルストーン論などのメモをまとめました。

Google データポータルの混合データは本番環境では非推奨

Google データポータルの混合データを本番で使わず、データソース側で table や view を用意する構成を推奨するメモです。

エンジニアが物流システムや在庫管理を学ぶときにオススメしたい本

エンジニアが物流システムと在庫管理を学ぶためにオススメしたい3冊を紹介します。

ブラウザでCookieを編集する拡張機能 (Chrome, Firefox)

Chrome と Firefox で Cookie を編集するのに便利な拡張機能のメモです。

Squid3 で Proxy サーバーを構築する方法

Ubuntu と Squid 3.x で HTTP Proxy サーバーを構築する手順のメモです。

[個人開発] ツイートの埋め込みコードを取得する Chrome 拡張機能を作りました

Twitter Publish 経由でツイート埋め込みコードを取得する Chrome 拡張機能を個人開発した記録です。

継続的にアプリ／Webサービスをアップデートしないと二度と開発できなくなる

放置していた iPhone アプリや Web サービスの開発環境が腐り、久しぶりの改修すらできなくなった反省メモです。

受託開発がスタートしたら最初にやるべき 108 のこと

受託開発の立ち上げ時に最初にやるべきツールセットアップと合意事項をチェックリストにまとめました。

サマータイムの仕様 ~ 夏時間, summer time, daylight saving time (DST)

サマータイム／DST の呼称の違いと、PST ⇄ PDT 切替時刻など開発者が押さえたい仕様をまとめました。

Dependency Injection (DI) を説明するための参考情報まとめ

DI と DI コンテナを説明するのに便利な参考記事のリンク集です。

direnv で環境変数を管理する方法

direnv でディレクトリ単位に環境変数を自動で切り替える手順を、インストールから allow まで一通り紹介します。

docker-compose build --no-cache でキャッシュを使わないでビルドする

docker-compose build --no-cache でビルドキャッシュを使わずに rebuild する方法のメモです。

docker-compose up --force-recreate でコンテナを再作成してから起動する

docker-compose up --force-recreate でコンテナを再作成して起動する方法と、対象を絞る Tips のメモです。

本当にあったエンジニア的に怖い話 ~ HTTP Status Code 0 と curl: (35) SSL connect error

HTTP Status Code 0 と curl: (35) SSL connect error という、エンジニア的にゾッとする 2 つの話をまとめます。

esbuild は ES5 へのトランスパイルをサポートしていない

esbuild は ES5 へのトランスパイルをサポートしていない、という調査メモです。

ESLint を Express (Node.js) プロジェクトへインストール・初期設定

Express (Node.js) プロジェクトへの ESLint インストールと初期設定を PR ベースでまとめます。

Ethereum プライベートネットワークで ether をマイニングしても eth.blockNumber 0 なのは DAG が生成完了してないのが原因

Ethereum プライベートネットで eth.blockNumber が 0 のままだったのは DAG 生成待ちが原因、という調査メモです。

[Facebook] スマートフォン用アプリ開発をするときに参考になる記事まとめ

Facebook のスマートフォンアプリ開発で参考になる公式ドキュメントを、Web／iOS／Android 別にまとめました。

[Git] commit の粒度、良い commit message について

commit の粒度は細かく、message は意味のある内容で。個人的に意識しているポイントと参考記事をまとめました。

[Node.js] husky + lint-staged で git commit 前に Lint を実行する

husky と lint-staged を npx mrm lint-staged で導入し、git pre-commit で Lint を実行する設定のメモです。

i18n 多言語化対応の管理方法 ~ Language ファイルと Template ファイルのメリット・デメリット比較

多言語化対応の Language ファイル方式と Template ファイル方式のメリット・デメリット比較のメモです。

冪等性 (べきとうせい) を理解して設計・実装するために役立つ記事まとめ

冪等性を理解して設計・実装するために役立つ日本語・英語記事のまとめリンク集です。

開発検証用端末に iPhone SE 第2世代 64GB Amazon 整備品を購入

開発検証用に、Amazon の整備品で iPhone SE 第2世代 64GB を購入した記録です。

JP_Stripes Connect 2026 のトークセッション「AIプロダクトの開発・課金のリアル」で登壇しました

2026 年 8 月 1 日、横浜の岩崎学園情報科学専門学校で開催された JP_Stripes Connect 2026 に現地参加し、トークセッション「AIプロダクトの開発・課金のリアル」に登壇しました。AI プロダクトの開発と、Stripe を中心とした従量課金・トークン課金まわりのリアルについてお話しした内容と、当日言及した URL 一覧をまとめます。

「JP_Stripes 福岡Vol.12」 登壇レポート 〜 Speculative Implementation × AI で切り拓く Stripe API 移行実践記

先日開催された「JP_Stripes 福岡Vol.12」にて、「Speculative Implementation × AI で切り拓く Stripe API 移行実践記」というタイトルで登壇しました。AIを活用してStripe APIの移行リスクを可視化し、安全かつ効率的にプロジェクトを推進した事例についてお話ししました。本記事でその内容を共有します。

[Mac] Eclipse を使った Android アプリの開発環境の構築方法

Mac に Eclipse と Android SDK をインストールして Android アプリ開発環境を構築する手順のメモです。

[Mac] 開発環境のセットアップ手順メモ

Mac に GCC・Homebrew・zsh・SSH・gitconfig をセットアップした手順のメモです。

[Mac] Mountain Lion で PHP + Apache2 の設定方法

Mountain Lion デフォルトの PHP + Apache2 を使うための設定手順と、MySQL/PostgreSQL 環境構築の参考リンクをまとめました。

Mac OS X Lion に RVM で Ruby の開発環境を構築する手順

Mac OS X Lion に RVM で Ruby 1.8.7 / 1.9.2 / 1.9.3 の開発環境を構築する手順です。

ドキュメントを Markdown で書いて docs/ 配下で管理する

仕様などのドキュメントは、ソースコードと同じ git リポジトリの docs/ 配下に Markdown で書いて管理しています。

mkcert でローカル環境用 SSL サーバ証明書を発行する

mkcert で localhost 用 SSL/TLS 証明書を発行する手順を、インストールから複数ドメイン対応までまとめました。

MongoDB Atlas を開発環境として利用する設定方法

MongoDB Atlas を開発環境として使うための Region 選択と Network Access 設定のメモです。

nanapi勉強会 vol4【nanapi x はてな】はてなとnanapiの開発フローから盗めるポイント

nanapi 勉強会 vol4 のレポートから、Wercker・Teatro・CasperJS など気になった技術をピックアップしました。

NODE_ENV は production, development, test のみを設定する方針

NODE_ENV は production, development, test の 3 種類のみに絞る方針をまとめました。

[Node.js] ファイルの存在チェック

fs.stat で view ファイルの存在チェックを行い、無ければリダイレクトするサンプルコードです。

[Node.js] cheerio で href の値を取得するサンプルコード

cheerio で href 値を取得する際は .find('a') を挟む必要があるというメモです。

JSON 配列へ変換する Node.js サンプルコード

Node.js で二次元配列から JSON 配列を動的に生成するサンプルコードです。

Node.js タイムゾーン問題を環境変数 TZ=utc で回避する 〜 production: UTC vs development: JST

本番 UTC と開発 JST のタイムゾーン差を、環境変数 TZ=utc で明示指定して吸収した記録です。

「ピアコードレビューの実践的レッスン」を取り入れてみた

「ピアコードレビューの実践的レッスン」から、開発時間の 25% を目安にレビューする考え方など実務に活かす点をまとめました。

シークレットモード, プライベートブラウズは判定できない

各ブラウザの対策で、シークレットモード・プライベートブラウズは JavaScript から判定できなくなった経緯のまとめです。

Rails 5.x + Webpacker + React.js の開発環境セットアップ

Rails 5.x + Webpacker + React.js の開発環境を、rails new から hot reload、yarn start までセットアップした手順です。

reset.css と normalize.css を比較して normalize.css を推すことにした

reset.css と normalize.css を比較し、思想の面から normalize.css を選ぶことにした理由をまとめます。

[Ruby] サンプルデータ作成が便利なGem「faker」

Ruby でテスト・サンプルデータを作るのに便利な Gem「faker」の参考リンクをまとめました。

「スクラッチ開発（scratch development）」の意味と語源

「スクラッチ開発 (scratch development)」の意味と、scratch という単語の語源を調べたメモです。

スクラム開発におけるストーリーポイントの個人的な指標

ポモドーロを起点にした、スクラム開発のストーリーポイント (フィボナッチ数) 個人的な時間換算表です。

サブドメイン間で Cookie 共有、異なるドメイン間で localStorage 共有する実装方法

サブドメイン間の Cookie 共有と、異なるドメイン間の localStorage 共有について、実装参考記事を集めたメモです。

共有ライブラリのディレクトリ名は shared と common どっちが良い？

共有ライブラリのディレクトリ名は shared と common どちらが良いかを調べたら、Linux・Rails・Capistrano ともに shared でした。

[Linux] shell でコマンドが成功するまでリトライするサンプルコード

`/bin/sh` でコマンドが成功するまでリトライするサンプルシェルコードのメモです。

Shopify アプリ、テーマ開発の参考情報リンク集

Shopify アプリ・テーマ開発の参考にしている Zenn 記事のリンク集です。

Shopify の開発環境を構築する

Shopify のアカウント作成から閲覧用パスワードの設定まで、開発環境の初期セットアップ手順をまとめました。

スプレッドシート + Google Apps Script (GAS) + QUERY 関数で SQL のように検索する

スプレッドシートを DB のように扱うため、GAS から QUERY 関数で SQL 風に検索するサンプルコードです。

[Symfony1.4][Validator] カスタムバリデータを作成する方法

Symfony 1.4 で ISBN の桁数と文字を検証するカスタムバリデータを作った記録です。

[Symfony1.4] PostValidatorで個別のフィールドにバリデーションエラーを設定する方法

Symfony 1.4 の PostValidator で個別フィールドにエラーを出す書き方を整理しました。

[Symfony1.4] テンプレートの変更：setTemplate

Symfony 1.4 の setTemplate でアクションが呼ぶテンプレートを切り替える方法を整理しました。

URL 文字列の最大長は2,000文字でバリデーション定義する方針

URL 文字列の最大長バリデーションを 2,000 文字以下で定義している方針とその根拠のまとめです。

URL リファクタリングの影響範囲と対応方針を考えてみた

URL リファクタリング時の影響範囲の洗い出しと、301 redirect などの対応方針の整理です。

ユーザーファーストの視点でプロダクト開発をし続けたい

ソフトウェアエンジニアの都合だけを優先せず、ユーザーファーストの視点で開発を進めることは、ソフトウェア開発において重要なトレードオフだと考えています。

USPS Tracking Number はリサイクルされるのでユニーク値ではない

USPS のトラッキング番号はリサイクルされるため、ユニーク値として扱うとバグの元になるという注意点です。

Webサイト高速化

Web サイト高速化に役立つ、CSS Sprite と事前レンダリングに関する参考記事のメモです。

Web サイト全体を wget コマンドで一括ダウンロードする [Linux]

wget コマンドで Web サイト全体を一括ダウンロードするためのオプション例をまとめます。