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 5, 2026 13:54
    2 commits to main
  2. @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
  3. @ryota-murakami 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

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

    Updated Mar 5

  5. @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
  6. @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
  7. @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…
  8. @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
  9. @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
  10. @ryota-murakami ryota-murakami created a branch in laststance/gitbox · March 5, 2026 00:41
  11. @ryota-murakami 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.2k 2 issues need help Updated Mar 5

  12. @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
  13. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:12
    📐 Layout: Scattered/Freeform（散在/フリーフォーム） #58
    ## 散在/フリーフォームレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 意図的に不規則な配置。クリエイティブ系サイトやポートフォリオで使われる。 ### 学習ポイント - `absolute` + 任意の座標での配置 - `rotate` での傾き付与 - ランダ…
  14. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Hierarchical（階層） #57
    ## 階層レイアウト **カテゴリ:** 特殊 **難易度:** 応用 ### 概要 ツリーのようなネストされた構造。ファイルブラウザや組織図。 ### 学習ポイント - ネストした `ul`/`li` でのツリー構造 - `pl-*` でのインデント制御 - 展開/折りたたみのCSS実装（`…
  15. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Canvas（キャンバス） #56
    ## キャンバスレイアウト **カテゴリ:** 特殊 **難易度:** 設計 ### 概要 自由形式の描画/配置エリア。ホワイトボードやデザインツール的なUI。 ### 学習ポイント - `relative` コンテナ + `absolute` 子要素での自由配置 - ドラッグ＆ドロップの基盤…
  16. @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…
  17. @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`）の実装 - …
  18. @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-*…
  19. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Form-Based（フォームベース） #52
    ## フォームベースレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 さまざまな入力レイアウトを持つフォーム。登録画面や設定画面。 ### 学習ポイント - ラベル+入力の配置パターン（横並び / 縦積み） - Grid を使ったフォームフィールドの整列 - セ…
  20. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Comparison（比較） #51
    ## 比較レイアウト **カテゴリ:** データ表示 **難易度:** 応用 ### 概要 並べた機能比較レイアウト。料金プランやスペック比較に使われる。 ### 学習ポイント - テーブル vs Grid での比較表現 - 固定列ヘッダー + スクロール - ハイライト列（おすすめプラン）の…
  21. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Catalog（カタログ） #50
    ## カタログレイアウト **カテゴリ:** データ表示 **難易度:** 実践 ### 概要 フィルタリング付きの製品/アイテムグリッド。ECサイトの定番。 ### 学習ポイント - サイドバーフィルター + グリッド表示の組み合わせ - Grid/Flexでの商品カード配置 - フィルター…
  22. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Timeline（タイムライン） #49
    ## タイムラインレイアウト **カテゴリ:** データ表示 **難易度:** 応用 ### 概要 時系列のコンテンツ表示。経歴やプロジェクト履歴に使われる。 ### 学習ポイント - 中央線 + 左右交互配置の実現 - `before`/`after` 疑似要素での装飾線 - ドットやアイコ…
  23. @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` の活用 - リサイ…
  24. @ryota-murakami ryota-murakami opened an issue in ryota-murakami/next-play · March 4, 2026 13:11
    📐 Layout: Tabbed（タブ） #47
    ## タブレイアウト **カテゴリ:** データ表示 **難易度:** 基礎 ### 概要 タブで整理されたコンテンツ切り替えレイアウト。 ### 学習ポイント - タブヘッダーの配置（flex, border-bottom） - アクティブタブのスタイリング - コンテンツパネルの表示/非表…
  25. @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…
  26. @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` でのスライ…
  27. @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` での画面分割 -…