sloth255 profile

sloth255(個人開発)のポートフォリオ

実用的で使いやすいWebアプリケーションを開発しています

開発したアプリ

Own Info App

あなたのネットワーク・デバイス情報をすぐに確認・共有。スマホでもPCでも。

Live

開発者・テスター向けの環境情報チェッカー

トラブルシューティングやバグ報告で「あなたの環境の情報を教えてください」と言われたとき、情報を集めるのに時間がかかっていませんか?

Own Info Appは、スマホからでもPCからでも、必要な情報をワンページに表示し、ワンアクションでコピー・共有可能にします。

こんな時に便利:

リモートサポート時の環境確認(スマホユーザーからの問い合わせにも対応)
バグレポート作成時の情報収集
レスポンシブデザインのテスト
複数デバイスでの動作確認

主な機能

ネットワーク情報

グローバルIPアドレス、位置情報(国)、ネットワークプロバイダなど

デバイス情報

OS、ブラウザ、言語設定、画面解像度など

かんたんに共有

スマホからでもPCからでも、ワンアクションでコピー・共有

多言語対応

英語、日本語、中国語、韓国語、ドイツ語、フランス語、スペイン語、ポルトガル語に対応

技術スタック

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics

最新のブログ記事

最近の記事と更新情報

Released Own Info App — Minimal App with Next.js (SSG) × S3 × CloudFront

This article introduces "Own Info App" a multilingual web application built with Next.js 15 (SSG), deployed on S3 + CloudFront, that displays network and device information with copy/share functionality, featuring CloudFront Functions for URL rewriting, per-locale SEO optimization, and a GitHub Actions CI/CD pipeline for automated deployment.

著者: Sloth255
続きを読む

Refactoring State Management with Next.js × Zustand

LThis article describes refactoring state management in a Next.js 15 app by introducing Zustand with a slice pattern and bounded store architecture, consolidating data fetching logic from scattered components into the store layer with session persistence, TTL-based caching, and retry mechanisms to improve performance and reliability.

著者: Sloth255
続きを読む

Multilingual Architecture with Next.js App Router + Static Export

This article describes a multilingual architecture for Next.js 15 App Router with static export constraints, using React Context API for i18n and combining server-side static generation with client-side browser language detection for optimal SEO and UX. The approach generates all pages in a default language at build time while automatically redirecting users to their preferred language on the client side.

著者: Sloth255
続きを読む