Go Straightforward Web Application Development.

I'm Ryota Murakami who lives in Tokyo. Currently working as a freelance React/Node/TypeScript developer. Here is my independent OSS organization.

Personal photo showcasing development work
Creative coding project snapshot
Technology workspace environment
Software engineering collaboration
Programming achievement highlight

GitHub Activity

  1. @ryota-murakami ryota-murakami pushed to laststance/gitbox · March 6, 2026 14:07
    1 commit to main
    • @ryota-murakami a436cc8
      fix(e2e): add toPass polling and explicit timeouts to all maintenance…
  2. @ryota-murakami ryota-murakami pushed to laststance/gitbox · March 6, 2026 13:47
    1 commit to main
    • @ryota-murakami 7197086
      fix(e2e): add toPass polling before navigation in mobile viewport test
  3. @ryota-murakami ryota-murakami pushed to laststance/gitbox · March 6, 2026 13:27
    2 commits to main
    • @ryota-murakami 7d037f8
      fix: update dependencies to enhance stability and performance improve…
    • @ryota-murakami 1218483
      fix(ci): increase E2E toPass timeouts and downgrade ESLint to 9.x
  4. @ryota-murakami ryota-murakami created a branch in laststance/chakrawind · March 6, 2026 12:34
  5. @ryota-murakami ryota-murakami pushed to laststance/gitbox · March 5, 2026 13:54
    2 commits to main
  6. @ryota-murakami ryota-murakami pushed to laststance/skills · March 5, 2026 13:21
    1 commit to main
    • @ryota-murakami 0085d89
      feat(skills): add deep-trace and english-conversation skills
  7. @ryota-murakami ryota-murakami starred BrowserMCP/mcp · March 4, 2026 23:53

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

    TypeScript 6k Updated Apr 24, 2025

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

    Updated Mar 5

  9. @ryota-murakami ryota-murakami pushed to laststance/gitbox · March 5, 2026 04:54
    1 commit to main
    • @ryota-murakami f431a36
      refactor: ban direct localStorage and migrate to Redux persistence (#162
  10. @ryota-murakami 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
  11. @ryota-murakami ryota-murakami pushed to laststance/gitbox · March 5, 2026 04:02
    1 commit to feat/ban-localsorage
    • @ryota-murakami fe00b61
      feat: introduce destr for safe JSON parsing and ban JSON.parse via ES…
  12. @ryota-murakami ryota-murakami pushed to laststance/gitbox · March 5, 2026 02:51
    1 commit to feat/ban-localsorage
    • @ryota-murakami 312d491
      fix: resolve CodeRabbit review findings and TypeCheck CI failure
  13. @ryota-murakami 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
  14. @ryota-murakami ryota-murakami created a branch in laststance/gitbox · March 5, 2026 00:41
  15. @ryota-murakami ryota-murakami starred manaflow-ai/cmux · March 4, 2026 14:43

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

    Swift 4.4k 2 issues need help Updated Mar 7

  16. @ryota-murakami ryota-murakami pushed to laststance/laststance.io · March 4, 2026 21:34
    1 commit to main
    • @ryota-murakami 61e991e
      fix(tailwind): resolve design token import path
  17. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:12
    📐 Layout: Scattered/Freeform(散在/フリーフォーム) #58
    ## 散在/フリーフォームレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 意図的に不規則な配置。クリエイティブ系サイトやポートフォリオで使われる。 ### 学習ポイント - `absolute` + 任意の座標での配置 - `rotate` での傾き付与 - ランダ…
  18. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Hierarchical(階層) #57
    ## 階層レイアウト **カテゴリ:** 特殊 **難易度:** 応用 ### 概要 ツリーのようなネストされた構造。ファイルブラウザや組織図。 ### 学習ポイント - ネストした `ul`/`li` でのツリー構造 - `pl-*` でのインデント制御 - 展開/折りたたみのCSS実装(`…
  19. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Canvas(キャンバス) #56
    ## キャンバスレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 自由形式の描画/配置エリア。ホワイトボードやデザインツール的なUI。 ### 学習ポイント - `relative` コンテナ + `absolute` 子要素での自由配置 - ドラッグ&ドロップの基盤…
  20. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Circular(サーキュラー) #55
    ## サーキュラーレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 放射状および円形の配置。ダッシュボードやインフォグラフィックで使われる。 ### 学習ポイント - `rotate` + `translate` での円形配置 - CSS `transform-ori…
  21. @ryota-murakami 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`)の実装 - …
  22. @ryota-murakami 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-*…
  23. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Form-Based(フォームベース) #52
    ## フォームベースレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 さまざまな入力レイアウトを持つフォーム。登録画面や設定画面。 ### 学習ポイント - ラベル+入力の配置パターン(横並び / 縦積み) - Grid を使ったフォームフィールドの整列 - セ…
  24. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Comparison(比較) #51
    ## 比較レイアウト **カテゴリ:** データ表示 **難易度:** 応用 ### 概要 並べた機能比較レイアウト。料金プランやスペック比較に使われる。 ### 学習ポイント - テーブル vs Grid での比較表現 - 固定列ヘッダー + スクロール - ハイライト列(おすすめプラン)の…
  25. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Catalog(カタログ) #50
    ## カタログレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 フィルタリング付きの製品/アイテムグリッド。ECサイトの定番。 ### 学習ポイント - サイドバーフィルター + グリッド表示の組み合わせ - Grid/Flexでの商品カード配置 - フィルター…
  26. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Timeline(タイムライン) #49
    ## タイムラインレイアウト **カテゴリ:** データ表示 **難易度:** 応用 ### 概要 時系列のコンテンツ表示。経歴やプロジェクト履歴に使われる。 ### 学習ポイント - 中央線 + 左右交互配置の実現 - `before`/`after` 疑似要素での装飾線 - ドットやアイコ…
  27. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Multi-Panel(マルチパネル) #48
    ## マルチパネルレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 ダッシュボードスタイルの複数パネルレイアウト。管理画面の定番。 ### 学習ポイント - CSS Gridでの複雑なパネル配置 - `grid-template-areas` の活用 - リサイ…
  28. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Tabbed(タブ) #47
    ## タブレイアウト **カテゴリ:** データ表示 **難易度:** 基礎 ### 概要 タブで整理されたコンテンツ切り替えレイアウト。 ### 学習ポイント - タブヘッダーの配置(flex, border-bottom) - アクティブタブのスタイリング - コンテンツパネルの表示/非表…
  29. @ryota-murakami 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…
  30. @ryota-murakami 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` でのスライ…
  31. @ryota-murakami 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` での画面分割 -…
  32. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10
    📐 Layout: Ribbon(リボン) #43
    ## リボンレイアウト **カテゴリ:** コンテナ/フロー **難易度:** 応用 ### 概要 さまざまな高さの水平バンドが縦に並ぶレイアウト。LPやマーケティングページでよく使われる。 ### 学習ポイント - 全幅バンド(`w-full`)内にコンテンツ幅を制限する構造 - 背景色の切…
  33. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10
    📐 Layout: Stack(スタック) #42
    ## スタックレイアウト **カテゴリ:** コンテナ/フロー **難易度:** 基礎 ### 概要 一貫したギャップを持つ垂直スタッキング。最もシンプルだが最も重要なパターン。 ### 学習ポイント - `flex flex-col gap-*` でのスタッキング - `space-y-*`…
  34. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10
    📐 Layout: Parallax(パララックス) #41
    ## パララックスレイアウト **カテゴリ:** スクロール/フロー **難易度:** 応用 ### 概要 マルチレイヤーのスクロールエフェクト。背景と前景が異なる速度で動く。 ### 学習ポイント - `background-attachment: fixed` でのシンプルなパララックス …
  35. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10
    📐 Layout: Infinite Scroll(無限スクロール) #40
    ## 無限スクロールレイアウト **カテゴリ:** スクロール/フロー **難易度:** 実践 ### 概要 スクロールに応じてコンテンツが継続的に読み込まれるレイアウト。 ### 学習ポイント - Intersection Observer APIの活用 - スクロール位置の検知とデータフェ…
  36. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:10
    📐 Layout: Card-Based(カードベース) #39
    ## カードベースレイアウト **カテゴリ:** スクロール/フロー **難易度:** 基礎 ### 概要 コンテンツをカードコンテナに整理して並べるレイアウト。 ### 学習ポイント - カードコンポーネントの構造(shadow, rounded, padding) - Grid/Flexで…
  37. @ryota-murakami 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…
  38. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09
    📐 Layout: Non-Grid(ノングリッド) #37
    ## ノングリッドレイアウト **カテゴリ:** グリッドベース **難易度:** 応用 ### 概要 有機的で自由に流れる配置。グリッドに頼らないレイアウト。 ### 学習ポイント - `float` や `position: absolute/relative` の活用 - `shape-…
  39. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09
    📐 Layout: Broken Grid(ブロークングリッド) #36
    ## ブロークングリッドレイアウト **カテゴリ:** グリッドベース **難易度:** 応用 ### 概要 視覚的な興味を引くために意図的にオフセットされたアイテム配置。 ### 学習ポイント - Grid + `translate` / negative margin での意図的なずらし …
  40. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09
    📐 Layout: Masonry(メイソンリー) #35
    ## メイソンリーレイアウト **カテゴリ:** グリッドベース **難易度:** 応用 ### 概要 Pinterestスタイルのずらしたグリッド。高さの異なるアイテムが隙間なく並ぶ。 ### 学習ポイント - CSS `columns` を使ったMasonry風レイアウト - CSS Gr…
  41. @ryota-murakami 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` / …
  42. @ryota-murakami 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…
  43. @ryota-murakami 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]` での比…
  44. @ryota-murakami 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…
  45. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09
    📐 Layout: 2-Column(2カラム) #30
    ## 2カラムレイアウト **カテゴリ:** カラムベース **難易度:** 基礎 ### 概要 サイドバー+メインコンテンツの従来の2セクションレイアウト。 ### 学習ポイント - `flex` or `grid` での2カラム実現 - サイドバーの固定幅 vs メインの可変幅 - レスポ…
  46. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:09
    📐 Layout: Single Column(シングルカラム) #29
    ## シングルカラムレイアウト **カテゴリ:** カラムベース **難易度:** 基礎 ### 概要 縦方向のコンテンツフロー。記事やブログに最適なレイアウト。 ### 学習ポイント - TailwindCSSでの `max-w-*` + `mx-auto` によるセンタリング - レスポン…
  47. @ryota-murakami ryota-murakami starred sferik/x-cli · March 3, 2026 16:10

    A command-line power tool for Twitter.

    Ruby 5.4k Updated Mar 4

  48. @ryota-murakami ryota-murakami pushed to ryota-murakami/next-play · March 3, 2026 23:44
    1 commit to main
    • @ryota-murakami 84e0be4
      feat: update layout structure in Home and Dashboard components for im…
  49. @ryota-murakami ryota-murakami pushed to ryota-murakami/next-play · March 3, 2026 22:41
    1 commit to main
    • @ryota-murakami 0951ffe
      feat: add Center component for flexible child alignment within a div
  50. @ryota-murakami ryota-murakami pushed to laststance/skills-desktop · March 3, 2026 22:03
    1 commit to main
    • @ryota-murakami 5e538ed
      fix(website): update download URLs to v0.5.1
  51. @ryota-murakami ryota-murakami released v0.5.1 of laststance/skills-desktop · March 3, 2026 14:02

    What's Changed

    • feat(skills): Add delete button for local (non-symlink) skills in agent view
      • Local skills now show a trash icon on hover, matching symlinked skills behavior
      • Confirmation dialog wit…
    Read more
  52. @ryota-murakami ryota-murakami pushed to laststance/skills-desktop · March 3, 2026 21:50
    1 commit to main
    • @ryota-murakami 12189c3
      feat(skills): add delete button for local (non-symlink) skills in age…
  53. @ryota-murakami ryota-murakami pushed to ryota-murakami/next-play · March 3, 2026 19:57
    2 commits to main
    • @ryota-murakami 93cdded
      feat: add Box and Flex components for flexible layout options
    • @ryota-murakami cb6ac27
      feat: enhance layout with Grid component and update Prettier configur…
    • 1 more commit »
  54. @ryota-murakami ryota-murakami pushed to ryota-murakami/next-play · March 3, 2026 17:50
    2 commits to main
    • @ryota-murakami 9b6d3ac
      feat: enhance UI styling and add buttons for improved navigation
    • @ryota-murakami 21a9890
      feat: simplify footer component and introduce Grid component for layo…
  55. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:14
    🔴 #15 Drag & Drop List - 並び替え、アニメーション #28
    ## Drag & Drop List Component ### 実装ポイント - ドラッグハンドル付きリスト - 並び替えアニメーション(スムーズな位置交換) - ドラッグ中のプレビュー(ゴースト要素) - ドロップゾーンハイライト - 複数リスト間の移動(カンバン風) - タッチデバイス…
  56. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:14
    🔴 #14 Command Palette - ⌘K、ファジー検索 #27
    ## Command Palette Component ### 実装ポイント - ⌘K (Ctrl+K) グローバルショートカットで起動 - ファジー検索(部分一致、スコアリング) - グループ分け(Actions / Pages / Settings...) - ネストナビゲーション(サブ…
  57. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:13
    🔴 #13 Data Table - ソート、フィルタ、ページネーション #26
    ## Data Table Component ### 実装ポイント - カラムヘッダークリックでソート(asc/desc/none) - カラムフィルター(テキスト、セレクト、数値範囲) - ページネーション(ページサイズ変更可) - 行選択(単一/複数、チェックボックス) - カラムリサイ…
  58. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:13
    🔴 #12 Date Picker - カレンダーUI、範囲選択 #25
    ## Date Picker Component ### 実装ポイント - カレンダーグリッド表示(月ビュー) - 月/年ナビゲーション - 単一日付選択 - 範囲選択(start〜end、ホバーでプレビュー) - 今日ハイライト - 無効日付(min/max、特定日除外) - Input連携…
  59. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:13
    🔴 #11 Combobox / Autocomplete - フィルタリング、非同期検索 #24
    ## Combobox / Autocomplete Component ### 実装ポイント - テキスト入力 + ドロップダウンリスト - リアルタイムフィルタリング(クライアント側) - 非同期検索(debounce + loading状態) - 複数選択モード(タグ表示) - ハイライ…
  60. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:13
    🟡 #10 Dropdown Menu - ネスト、キーボードナビゲーション #23
    ## Dropdown Menu Component ### 実装ポイント - トリガークリックで開閉 - メニューアイテム(アイコン + テキスト + ショートカットキー表示) - Separator / Group / Label - サブメニュー(ネスト、ホバーで展開) - Checkb…
  61. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:13
    🟡 #9 Toast / Notification - スタック表示、自動消去 #22
    ## Toast / Notification Component ### 実装ポイント - 位置: top-right / top-center / bottom-right etc. - スタック表示(複数Toast) - 自動消去(タイマー + プログレスバー) - スワイプで削除 - …
  62. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:12
    🟡 #8 Dialog / Modal - オーバーレイ、フォーカストラップ #21
    ## Dialog / Modal Component ### 実装ポイント - オーバーレイ(背景暗転 + クリックで閉じる) - フォーカストラップ(Tab循環) - ESCで閉じる - 開閉アニメーション(fade + scale) - スクロールロック(body scroll防止) -…
  63. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:12
    🟡 #7 Accordion - 開閉アニメーション #20
    ## Accordion Component ### 実装ポイント - 単一展開(type="single")/ 複数展開(type="multiple") - スムーズな高さアニメーション(CSS transition or framer-motion) - デフォルト展開指定 - Chev…
  64. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 3, 2026 02:12
    🟡 #6 Tabs - アニメーション付きインジケーター #19
    ## Tabs Component ### 実装ポイント - タブ切り替え with アニメーション付きアクティブインジケーター(スライド) - Controlled / Uncontrolled モード - 水平 / 垂直レイアウト - Disabled タブ - アイコン + テキスト タ…