https://araisun.com/tags/web%E3%82%A2%E3%83%97%E3%83%AA/Recent content in Webアプリ on araisun.comhttps://araisun.com/fishing-english-at-miyuki-beach/eyecatch.pnghttps://araisun.com/fishing-english-at-miyuki-beach/eyecatch.pngHugojaSat, 30 May 2026 08:50:00 +0900https://araisun.com/shore-sinker-sim/Wed, 29 Apr 2026 10:20:00 +0900https://araisun.com/shore-sinker-sim/重さ、素材、水深、水の抵抗を変えながら、ナスオモリが底につくまでの違いを見比べられるWebシミュレーターを作りました。鉛、タングステン、ブラス、鉄の違いを比較し、釣り場で底を取るときの考え方を整理します。https://araisun.com/playwright-ui-test-introduction/Tue, 28 Apr 2026 21:20:00 +0900https://araisun.com/playwright-ui-test-introduction/Playwrightを初めて導入する人向けに、UIテスト自動化でできること、メリット、npmでの導入手順、最初に自動化するとよい範囲、失敗時の調べ方をまとめました。https://araisun.com/react-vite-form-app/Tue, 28 Apr 2026 21:00:00 +0900https://araisun.com/react-vite-form-app/Reactの雰囲気は分かるけれどViteが何なのか、Next.jsとどう違うのかが曖昧だったので、React + Viteで問い合わせフォームを作りながら役割の違いを整理しました。https://araisun.com/apps/web-apps/Sat, 25 Apr 2026 17:00:00 +0900https://araisun.com/apps/web-apps/公開中のWebアプリをまとめました。シェルコマンド管理アプリ Shell Stash と、地震情報を地図と時間軸で見られる Quake Radar を紹介します。https://araisun.com/quake-radar/Sun, 19 Apr 2026 13:35:00 +0900https://araisun.com/quake-radar/日本の地震情報を、地図と時間軸で視覚的に見られる Web アプリ Quake Radar を公開しました。最近の地震を俯瞰したいときや、東日本大震災・熊本地震の流れを見直したいときに使えるアプリです。https://araisun.com/amazon-receipt-js/Tue, 06 Jan 2026 11:19:00 +0900https://araisun.com/amazon-receipt-js/個人事業主・フリーランスの方は、確定申告の時期になりましたね。私はAmazonで購入することが多く、領収書を電子保存しておく必要があります。ところが、これまで使っていたChrome拡張（Amazon領収書一括印刷系）が動かなくなってしまいまhttps://araisun.com/begin-webpush/Sun, 30 Nov 2025 11:23:00 +0900https://araisun.com/begin-webpush/Web Push API（Webプッシュ）の仕組みと実装手順をまとめた調査ノートです。VAPID 鍵の生成から購読情報の管理、PHP（minishlink/web-push）を使った通知送信まで、ローカルで試せるサンプルコードつきで解説します。https://araisun.com/js-cheat/Wed, 03 Sep 2025 11:33:00 +0900https://araisun.com/js-cheat/ライブラリなしのバニラJavaScriptで、モダンな書き方をチートシート形式でまとめました。非同期処理・配列操作・オブジェクトコピー・DOM監視まで、実務で使う頻度の高い構文を用途別に整理しています。https://araisun.com/intellij-setting/Tue, 02 Sep 2025 22:02:00 +0900https://araisun.com/intellij-setting/IntelliJ IDEA / WebStorm / PhpStorm など JetBrains 系 IDE で、自分が普段使っている便利な設定を SCSS の自動コンパイル、JS の結合、フォント、Markdown の Run gutter icon の4テーマに絞ってまとめた忘備録です。https://araisun.com/jaccard-similar/Thu, 03 Apr 2025 17:41:00 +0900https://araisun.com/jaccard-similar/はじめに このブログの記事Aと記事Bがどれだけ類似しているかを検出して、関連記事を自動化したいと思った。そこで簡単に思いつく方法は、それぞれの記事のキーワードを抽出し、お互いどれだけ共通のキーワードを持っているか調べれば良さそう。 そこでJhttps://araisun.com/begin-nginx/Sat, 15 Mar 2025 18:28:00 +0900https://araisun.com/begin-nginx/Ubuntu で nginx をインストールし、起動確認、公開ディレクトリ変更、HTTPS 化、www ありなし統一まで進めるための手順をまとめました。後半では複数ドメイン、PHP、ログ確認、rewrite 管理も整理しています。https://araisun.com/begin-spring-boot/Sat, 30 Nov 2024 14:00:00 +0900https://araisun.com/begin-spring-boot/Spring Boot を使って Java の Web アプリケーションを構築する手順を解説します。IntelliJ IDEA でプロジェクトを作成し、MySQL・MyBatis によるデータ操作と Thymeleaf によるテンプレート表示まで、一連の流れをまとめました。https://araisun.com/postgresql-first-step/Thu, 04 Jul 2024 20:12:00 +0900https://araisun.com/postgresql-first-step/PostgreSQL の現場でよく使う操作を一つにまとめた実践ノートです。Rocky Linux / macOS でのインストール、LAN 越しの接続設定、pg_dump / pg_restore でのバックアップ・リストア、psql コマンドや SQL の基本までを一気に確認できます。https://araisun.com/square-terminal-api/Wed, 19 Jun 2024 17:46:00 +0900https://araisun.com/square-terminal-api/Square Terminal を自社 Android / Web アプリのカードリーダーとして使うときの、Terminal API による会計処理の流れをまとめた記事です。デバイスコード発行、ACCESS_TOKEN、device_id、idempotency_key、チェックアウトのキャンセル処理、Webhook の運用注意までを見出し単位で整理しています。https://araisun.com/mysql-first-step/Wed, 10 Jan 2024 21:47:00 +0900https://araisun.com/mysql-first-step/MySQL の CLI 初期設定、データベース操作、バックアップ・復元、結果表示の小技、データ型、SQL クエリまでを 1 ページにまとめた現場ノートです。Mac の Homebrew でセットアップする想定で、よく使うコマンドを順に追えるように整理しています。