Go Straightforward Web Application Development.

GitHub Activity

1. ryota-murakami pushed to laststance/Engage · March 9, 2026 13:17

   1 commit to main

   • 8bbc862

     perf: optimize task toggle with optimistic updates and Zustand selectors

2. ryota-murakami pushed to laststance/Engage · March 9, 2026 13:01

   1 commit to main

   • 63e6b9d

     fix: patch parseAspectRatio crash in react-native-css-interop@0.2.1

3. ryota-murakami pushed to laststance/nsx · March 9, 2026 03:52

   2 commits to main

   • 692f657

     chore: update package version to enhance compatibility with dependencies

   • 3da5844

     chore: update packageManager version for improved dependency management

4. ryota-murakami pushed to laststance/skills · March 7, 2026 10:17

   2 commits to main

   • 3a0a8da

     refactor: replace Chrome MCP / Playwright MCP with agent-browser

   • 387b7b2

     docs(task,troubleshoot): add agent-browser OAuth authentication guide

5. ryota-murakami pushed to laststance/gitbox · March 6, 2026 14:07

   1 commit to main

   • a436cc8

     fix(e2e): add toPass polling and explicit timeouts to all maintenance…

6. ryota-murakami pushed to laststance/gitbox · March 6, 2026 13:47

   1 commit to main

   • 7197086

     fix(e2e): add toPass polling before navigation in mobile viewport test

7. ryota-murakami pushed to laststance/gitbox · March 6, 2026 13:27

   2 commits to main

   • 7d037f8

     fix: update dependencies to enhance stability and performance improve…

   • 1218483

     fix(ci): increase E2E toPass timeouts and downgrade ESLint to 9.x

8. ryota-murakami created a branch in laststance/chakrawind · March 6, 2026 12:34

   

   refs/heads/main in laststance/chakrawind

   Updated Mar 6

9. ryota-murakami pushed to laststance/gitbox · March 5, 2026 13:54

   2 commits to main

   • 3f144db

     feat: refactor KanbanBoard component and extract KanbanSkeleton into …

   • ffea744

     Merge branch 'main' of https://github.com/laststance/gitbox

10. ryota-murakami pushed to laststance/skills · March 5, 2026 13:21

    1 commit to main

    • 0085d89

      feat(skills): add deep-trace and english-conversation skills

11. ryota-murakami starred BrowserMCP/mcp · March 4, 2026 23:53

    BrowserMCP/mcp

    Browser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser

    TypeScript 6k Updated Apr 24, 2025

12. ryota-murakami deleted branch refs/heads/feat/ban-localsorage in laststance/gitbox · March 5, 2026 04:54

    laststance/gitbox

    Updated Mar 5

13. ryota-murakami pushed to laststance/gitbox · March 5, 2026 04:54

    1 commit to main

    • f431a36

      refactor: ban direct localStorage and migrate to Redux persistence (#162

14. ryota-murakami merged laststance/gitbox#162 · March 4, 2026 20:54

    refactor: ban direct localStorage and migrate to Redux persistence #162

    Summary

    • Ban direct localStorage / window.localStorage / globalThis.localStorage usage via ESLint rules (no-restricted-globals, no-restricted-prope…

    +237 -232

    7 comments
15. ryota-murakami pushed to laststance/gitbox · March 5, 2026 04:02

    1 commit to feat/ban-localsorage

    • fe00b61

      feat: introduce destr for safe JSON parsing and ban JSON.parse via ES…

16. ryota-murakami pushed to laststance/gitbox · March 5, 2026 02:51

    1 commit to feat/ban-localsorage

    • 312d491

      fix: resolve CodeRabbit review findings and TypeCheck CI failure

17. ryota-murakami opened laststance/gitbox#162 · March 4, 2026 16:42

    refactor: ban direct localStorage and migrate to Redux persistence #162

    Summary

    • Ban direct localStorage / window.localStorage / globalThis.localStorage usage via ESLint rules (no-restricted-globals, no-restricted-prope…

    +237 -232

    7 comments
18. ryota-murakami created a branch in laststance/gitbox · March 5, 2026 00:41

    

    refs/heads/feat/ban-localsorage in laststance/gitbox

    Updated Mar 5

19. ryota-murakami starred manaflow-ai/cmux · March 4, 2026 14:43

    manaflow-ai/cmux

    Ghostty-based macOS terminal with vertical tabs and notifications for AI coding agents

    Swift 4.7k 2 issues need help Updated Mar 9

20. ryota-murakami pushed to laststance/laststance.io · March 4, 2026 21:34

    1 commit to main

    • 61e991e

      fix(tailwind): resolve design token import path

21. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:12

    📐 Layout: Scattered/Freeform（散在/フリーフォーム） #58

    ## 散在/フリーフォームレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 意図的に不規則な配置。クリエイティブ系サイトやポートフォリオで使われる。 ### 学習ポイント - `absolute` + 任意の座標での配置 - `rotate` での傾き付与 - ランダ…
22. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Hierarchical（階層） #57

    ## 階層レイアウト **カテゴリ:** 特殊 **難易度:** 応用 ### 概要 ツリーのようなネストされた構造。ファイルブラウザや組織図。 ### 学習ポイント - ネストした `ul`/`li` でのツリー構造 - `pl-*` でのインデント制御 - 展開/折りたたみのCSS実装（`…
23. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Canvas（キャンバス） #56

    ## キャンバスレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 自由形式の描画/配置エリア。ホワイトボードやデザインツール的なUI。 ### 学習ポイント - `relative` コンテナ + `absolute` 子要素での自由配置 - ドラッグ＆ドロップの基盤…
24. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Circular（サーキュラー） #55

    ## サーキュラーレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 放射状および円形の配置。ダッシュボードやインフォグラフィックで使われる。 ### 学習ポイント - `rotate` + `translate` での円形配置 - CSS `transform-ori…
25. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Overlay（オーバーレイ） #54

    ## オーバーレイレイアウト **カテゴリ:** 特殊 **難易度:** 実践 ### 概要 モーダルやオーバーレイで表示されるコンテンツ。 ### 学習ポイント - `fixed inset-0` でのフルスクリーンオーバーレイ - backdrop（`bg-black/50`）の実装 - …
26. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: FAB（フローティングアクションボタン） #53

    ## FABレイアウト **カテゴリ:** 特殊 **難易度:** 応用 ### 概要 画面上に浮遊するアクションボタンのパターン。Material Designで有名。 ### 学習ポイント - `fixed` / `sticky` でのボタン配置 - `bottom-*` `right-*…
27. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Form-Based（フォームベース） #52

    ## フォームベースレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 さまざまな入力レイアウトを持つフォーム。登録画面や設定画面。 ### 学習ポイント - ラベル+入力の配置パターン（横並び / 縦積み） - Grid を使ったフォームフィールドの整列 - セ…
28. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Comparison（比較） #51

    ## 比較レイアウト **カテゴリ:** データ表示 **難易度:** 応用 ### 概要 並べた機能比較レイアウト。料金プランやスペック比較に使われる。 ### 学習ポイント - テーブル vs Grid での比較表現 - 固定列ヘッダー + スクロール - ハイライト列（おすすめプラン）の…
29. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Catalog（カタログ） #50

    ## カタログレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 フィルタリング付きの製品/アイテムグリッド。ECサイトの定番。 ### 学習ポイント - サイドバーフィルター + グリッド表示の組み合わせ - Grid/Flexでの商品カード配置 - フィルター…
30. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Timeline（タイムライン） #49

    ## タイムラインレイアウト **カテゴリ:** データ表示 **難易度:** 応用 ### 概要 時系列のコンテンツ表示。経歴やプロジェクト履歴に使われる。 ### 学習ポイント - 中央線 + 左右交互配置の実現 - `before`/`after` 疑似要素での装飾線 - ドットやアイコ…
31. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Multi-Panel（マルチパネル） #48

    ## マルチパネルレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 ダッシュボードスタイルの複数パネルレイアウト。管理画面の定番。 ### 学習ポイント - CSS Gridでの複雑なパネル配置 - `grid-template-areas` の活用 - リサイ…
32. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11

    📐 Layout: Tabbed（タブ） #47

    ## タブレイアウト **カテゴリ:** データ表示 **難易度:** 基礎 ### 概要 タブで整理されたコンテンツ切り替えレイアウト。 ### 学習ポイント - タブヘッダーの配置（flex, border-bottom） - アクティブタブのスタイリング - コンテンツパネルの表示/非表…
33. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Liquid/Responsive（リキッド/レスポンシブ） #46

    ## リキッド/レスポンシブレイアウト **カテゴリ:** コンテナ/フロー **難易度:** 基礎 ### 概要 ビューポートに適応する流動的な幅のレイアウト。レスポンシブデザインの基本。 ### 学習ポイント - `w-full` vs `max-w-*` の使い分け - Tailwind…
34. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Off-Canvas（オフキャンバス） #45

    ## オフキャンバスレイアウト **カテゴリ:** コンテナ/フロー **難易度:** 実践 ### 概要 画面外に隠れたパネルがスライドインするレイアウト。モバイルメニューの定番。 ### 学習ポイント - `translate-x-full` / `translate-x-0` でのスライ…
35. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Split Screen（スプリットスクリーン） #44

    ## スプリットスクリーンレイアウト **カテゴリ:** コンテナ/フロー **難易度:** 基礎 ### 概要 50/50または類似の固定分割。ランディングページやログイン画面でよく使われる。 ### 学習ポイント - `grid grid-cols-2 h-screen` での画面分割 -…
36. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Ribbon（リボン） #43

    ## リボンレイアウト **カテゴリ:** コンテナ/フロー **難易度:** 応用 ### 概要 さまざまな高さの水平バンドが縦に並ぶレイアウト。LPやマーケティングページでよく使われる。 ### 学習ポイント - 全幅バンド（`w-full`）内にコンテンツ幅を制限する構造 - 背景色の切…
37. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Stack（スタック） #42

    ## スタックレイアウト **カテゴリ:** コンテナ/フロー **難易度:** 基礎 ### 概要 一貫したギャップを持つ垂直スタッキング。最もシンプルだが最も重要なパターン。 ### 学習ポイント - `flex flex-col gap-*` でのスタッキング - `space-y-*`…
38. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Parallax（パララックス） #41

    ## パララックスレイアウト **カテゴリ:** スクロール/フロー **難易度:** 応用 ### 概要 マルチレイヤーのスクロールエフェクト。背景と前景が異なる速度で動く。 ### 学習ポイント - `background-attachment: fixed` でのシンプルなパララックス …
39. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Infinite Scroll（無限スクロール） #40

    ## 無限スクロールレイアウト **カテゴリ:** スクロール/フロー **難易度:** 実践 ### 概要 スクロールに応じてコンテンツが継続的に読み込まれるレイアウト。 ### 学習ポイント - Intersection Observer APIの活用 - スクロール位置の検知とデータフェ…
40. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Card-Based（カードベース） #39

    ## カードベースレイアウト **カテゴリ:** スクロール/フロー **難易度:** 基礎 ### 概要 コンテンツをカードコンテナに整理して並べるレイアウト。 ### 学習ポイント - カードコンポーネントの構造（shadow, rounded, padding） - Grid/Flexで…
41. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10

    📐 Layout: Full-Screen（フルスクリーン） #38

    ## フルスクリーンレイアウト **カテゴリ:** スクロール/フロー **難易度:** 応用 ### 概要 100vhセクションでscroll-snapを使ったページ送りレイアウト。 ### 学習ポイント - `h-screen` (100vh) でのセクション定義 - `snap-y sn…
42. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09

    📐 Layout: Non-Grid（ノングリッド） #37

    ## ノングリッドレイアウト **カテゴリ:** グリッドベース **難易度:** 応用 ### 概要 有機的で自由に流れる配置。グリッドに頼らないレイアウト。 ### 学習ポイント - `float` や `position: absolute/relative` の活用 - `shape-…
43. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09

    📐 Layout: Broken Grid（ブロークングリッド） #36

    ## ブロークングリッドレイアウト **カテゴリ:** グリッドベース **難易度:** 応用 ### 概要 視覚的な興味を引くために意図的にオフセットされたアイテム配置。 ### 学習ポイント - Grid + `translate` / negative margin での意図的なずらし …
44. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09

    📐 Layout: Masonry（メイソンリー） #35

    ## メイソンリーレイアウト **カテゴリ:** グリッドベース **難易度:** 応用 ### 概要 Pinterestスタイルのずらしたグリッド。高さの異なるアイテムが隙間なく並ぶ。 ### 学習ポイント - CSS `columns` を使ったMasonry風レイアウト - CSS Gr…
45. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09

    📐 Layout: Grid Layout（グリッドレイアウト） #34

    ## グリッドレイアウト **カテゴリ:** グリッドベース **難易度:** 基礎 ### 概要 等しいセルを持つ通常のCSS Gridレイアウト。Webの基本。 ### 学習ポイント - `grid`, `grid-cols-*`, `gap-*` の基本 - `auto-fill` / …
46. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09

    📐 Layout: Multi-Column（マルチカラム） #33

    ## マルチカラムレイアウト **カテゴリ:** カラムベース **難易度:** 応用 ### 概要 新聞スタイルのテキストカラム。CSS `columns` プロパティを使用。 ### 学習ポイント - TailwindCSSの `columns-*` ユーティリティ - `break-in…
47. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09

    📐 Layout: Left-Right（レフトライト） #32

    ## レフトライトレイアウト **カテゴリ:** カラムベース **難易度:** 基礎 ### 概要 さまざまな比率の非対称分割レイアウト。左右の比率を変えた2カラム。 ### 学習ポイント - `grid-cols-[1fr_2fr]` や `grid-cols-[2fr_1fr]` での比…
48. ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09

    📐 Layout: 3-Column（3カラム） #31

    ## 3カラムレイアウト **カテゴリ:** カラムベース **難易度:** 基礎 ### 概要 複雑なコンテンツ構成用の3セクションレイアウト。Holy Grail Layoutとも呼ばれる。 ### 学習ポイント - CSS Gridでの3カラム実現（`grid-cols-[200px_1…