[React] 新規作成画面と編集画面の実装で気をつけていること

2024/11/28 93 users SaaS React コンポーネント コンポーネント設計 実装

SaaS の管理画面を開発していると新規作成画面と編集画面を実装することがよくあります。 これらの画面は一見似ているので共通のコンポーネントで実装できそうですが、意外と多くの違いがあります。 この記事では新規作成画面と編集画面を実装するときに気をつけていることをまとめてみます。 コンポーネント設計につい... 続きを読む

効果的な管理画面を デザインをするために 避けるべき5つの罠

2024/08/09 150 users デザイン 5つ

共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation 続きを読む

俺の管理画面 2023年冬 - KAYAC engineers' blog

2023/12/05 116 users 目線 定義 谷脇 エントリー 前提知識

面白法人カヤック技術部の谷脇です。私は元気です。 この記事は面白法人グループ Advent Calendar 2023の5日目のエントリーです。 というわけでこの記事では、現環境(私が取り組んでいる業務のこと)ベストの管理画面の技術選択について考えたことを書き連ねていきます。 前提知識 管理画面の定義 ここで読者と私の目線を... 続きを読む

Admin.jsを使って面倒な管理画面をサクッと作ろう | DevelopersIO

2023/09/15 172 users RDB DevelopersIO 一部 管理者向け

こんにちは、CX事業本部Delivery部サーバーサイドチームのmorimorkochanです。 突然ですが「あぁ〜管理画面作るのめんどくせ〜」って思うことはないですか？ 例えばRDBと接続されたRESTfulなAPIサーバーを作っていて、一部の管理者向けに管理画面を作りたいが管理画面にこだわりがない場合などなど。 そんな時に便利なの... 続きを読む

新規作成画面をなくすと考慮事項が激減して嬉しい

2023/08/27 190 users 考慮事項 新規作成画面 posts CMS New

例えば CMS の管理画面を考えます。 /posts に記事一覧画面、/posts/new に新規作成画面、 /posts/:postId に記事更新画面を置くような URL の設計はあるあるかと思います。 今回は /posts/new の画面はないほうが色々嬉しいと思った話をします。 新規作成画面があることで増える考慮事項 まず新規作成画面があると、ど... 続きを読む

「エン転職」に不正アクセス、履歴書25万人分が漏えいした可能性　リスト型攻撃で

2023/03/30 109 users エン転職 改ざん 不正アクセス リスト型攻撃 エン・ジャパン

漏えいした可能性があるのは、2000年以降にエン転職に登録した人のうち、Web上に登録した履歴書25万5765人分。すでに退会した人のデータが漏えいした可能性はないとしている他、履歴書や企業側が利用する管理画面の改ざんなども確認していないという。 問題を受け、エン・ジャパンは30日午後3時に、不正ログインされたユ... 続きを読む

社内でFlutterを採用しアプリと管理画面を開発した話 #GameWith #TechWith #Flutter - GameWith Developer Blog

2022/11/04 52 users Flutter GameWith TechWith kyam

はじめに GameWithのクライアントアプリチームでリーダーをしているkyamです。 その前は価値検証チームというところで、色々新規サービスの事業検証などを行っていました。 先月、Flutterで作成したポケGO最新攻略＆レイド招待ツールアプリをiOS・Androidアプリでそれぞれ同時リリースしました。 ポケGO最新攻略 & レイ... 続きを読む

OpenAPI Generator で API Client と型を自動生成した話 - BASEプロダクトチームブログ

2022/03/28 114 users OpenAPI Generator API client

フロントエンドエンジニアの @rry です。 自分は BASE の Sales Promotion というチームで主に新規機能開発を行っています。このチームでは主にオーナーさんの使う管理画面に新しく機能追加をしています。 そこで、管理画面で使っている API Client と型を、OpenAPI Generator を使って自動生成するようにしてみたのでそ... 続きを読む

PHPの改善 !== PHPのバージョンアップ | PR TIMES 開発者ブログ

2022/03/10 134 users PHP PR TIMES React INCLUDE 改善

ReactでリッチなUIの管理画面を開発した話こんにちは。PR TIMES の開発本部でフロントエンドエンジニアをしている鈴木雄大です。2022年2月、企業ページにプレスキット機能を追加するリリースしたので、そのお話... <? include("abc.php"); include("def.php"); include("conf.php"); include("db.php"); include("some.p... 続きを読む

frourioを使って1ヶ月で管理画面をリリースした話 - Leverages Tech Blog

2021/10/18 120 users frourio リプレイス フルスタックフレームワーク 中心

はじめに こんにちは、レバテック開発部の河村です。 私はレバテック各種メディアのリプレイスを担当しており、バックエンドを中心にフルスタック開発を行っています。 今回は管理画面のリリースで採用した、フルスタックフレームワークであるfrourioについて、frourioを採用した理由や使ってみて良かったこと、困ったこ... 続きを読む

バックエンド Web API に管理画面/管理機能を追加するアーキテクチャパターン - valid,invalid

2021/01/22 283 users クライアントサイド プレゼンテーションロジック 実装 実践

プレゼンテーションレイヤ、いわゆるフロントエンドがクライアントサイドで実装・実行されるアーキテクチャ (注 1) において、管理画面/管理機能をあとから追加する際にどのような実装パターンがあるのかを整理してみます。 注 1: Presentation Domain Separation の実践の中でも、物理的にプレゼンテーションロジックと... 続きを読む

今すぐ始められるOSS活動 - Gunosy Tech Blog

2020/08/13 479 users OSS活動 Gunosy Tech Blog Issue

はじめに Github Help Wantedでissueを選ぶ OSSのコントリビュート方法を確認する 実装 既存コードの動作確認 機能実装 プルリクを出す マージされる 最後に はじめに こんにちは。広告技術部のjohnmanjiroです。普段は広告配信のAPIや管理画面を作っています。 今回は最近自分が始めたOSS活動のやり方について紹介しよ... 続きを読む

ワイ「何でそんな小っさいコンポーネント作ってるん？ｗ」 - Qiita

2020/06/21 106 users figma Qiita 案件 ワイ WEB制作会社

とあるWeb制作会社にて ワイ「ハスケル子ちゃん」 ハスケル子「はい」 ワイ「今日なんの仕事するんやったっけ？」 ハスケル子「確か今日からは」 ハスケル子「NuxtとVuetifyを使って管理画面を作る案件が始まるんじゃなかったでしたっけ？」 ワイ「おお、せやった」 ハスケル子「もうFigmaのデザイン見ましたか？」 ワイ... 続きを読む

管理画面のUIデザインにおける20の改善ポイント | knowledge / baigie

2020/06/16 664 users 機能 デザイン 存在 どれだけ 工数

私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違... 続きを読む

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews

2019/11/20 162 users ITnews リファクタリング jQuery React 特徴

react-admin-template https://github.com/delprzemo/react-admin-template react-admin-templateの特徴 「react-admin-template」は、以下で構成されたオープンソースの管理画面です。巨大なリファクタリング/クリーニングを回避するため、コア機能のみ提供するコンセプトになっています。 ・React ・jQueryなし ・Type... 続きを読む

管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla | コリス

2019/11/18 575 users コリス スペ UIコンポーネント 商用 テンプレート

商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。 このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。 Stisla 管理画面・ダッシュボードに特化されたUIコンポーネントがほとんどすべ... 続きを読む

マイクロサービスで管理画面が乱立する問題と対策 - FiNC Tech Blog - Medium

2019/09/06 104 users medium Twitter FiNC qsona ユーザ

こんにちは、qsona (twitter) です。 マイクロサービスアーキテクチャを指向するとき、(主に社内向け)管理画面をそのままサービスごとに作っていくと、マイクロサービスの数だけ管理画面が乱立するという課題があります。FiNC においては、それにより実際に以下のような問題が発生しました。 ユーザの追加/削除や権限管... 続きを読む

管理画面に汎用的で便利すぎる機能追加はもしかすると危険かもしれない - ぷぎがぽぎ

2019/07/30 52 users ぷぎがぽぎ 機能追加

以前、PHPカンファレンスで運用しやすい気づける管理画面という発表*1しましたが、今もこの考え方を大事にしながら日々サービスの運用、開発をしています。 その中で、最近思ったことがあったのを社内kibelaにポエムってあったのですが、普通に公開できる内容だったのでここにちょっと加筆して投下しておきます。 サービ... 続きを読む

YYPHP#62「PHP5の終了について、PHP7を現場でみんなどのくらいやってる？、PHP業界のこと、VagrantでLaravel環境を作ったその先、管理画面をどうやってつくってる？、フレームワークのコードリー

2019/04/02 59 users Vagrant MVC フレームワーク オブジェクト指向 現場

YYPHP#62「PHP5の終了について、PHP7を現場でみんなどのくらいやってる？、PHP業界のこと、VagrantでLaravel環境を作ったその先、管理画面をどうやってつくってる？、フレームワークのコードリーディング、オブジェクト指向とかMVCがうまく扱えない」 これは2018年11月23日に開催したPHPerイベントYYPHP#62のイベントレ... 続きを読む

次世代の管理画面を作るフロントエンドの取り組み - BASE開発チームブログ

2019/02/06 329 users フロントエンド BASE開発チームブログ 次世代 base

フロントエンドエンジニアの松原(@simezi9)です。BASEでは現在ショップ向けの管理画面をリニューアルするプロジェクトが進んでいて、UI/UXの更新と同時に創業当時から継ぎ足して作ってきたフロントエンドの技術スタックを一新しようとしています。この記事では、具体的にそのフロントエンドの更新でどのようなことに取り... 続きを読む

ワイモバイルのWebサイトで管理画面が表示されるトラブル | 日経 xTECH（クロステック）

2018/12/23 106 users mobile ソフトバンク xTech 仮想化 URL

登録会員限定記事　現在はどなたでも閲覧可能です 携帯電話サービス「Y！mobile（ワイモバイル）」関連だとみられるURLにアクセスすると、仮想化ソフトの管理画面が表示されるトラブルが2018年12月23日午後に確認された。Y！mobileを運営するソフトバンクの広報担当者は、「トラブルがあったURLは、ショップの情報発信に... 続きを読む

「BASE」の管理画面リニューアルプロジェクトのこれまでとこれから - BASE開発チームブログ

2018/12/08 60 users base リニューアルプロジェクト 早川

この記事は、「BASE Advent Calendar 2018」の8日目の記事です。 devblog.thebase.in こんにちは、BASE Design Groupマネージャーの早川（@match0129）です。 今日は、ネットショップ作成サービス「BASE」の管理画面のリニューアルプロジェクトである「次世代管理画面」の話を少ししてみたいと思います。 次世代管理画面... 続きを読む

TypeScriptを導入する前に考慮したほうが良いこと 4項目 - タオルケット体操

2018/12/02 170 users TypeScript タオルケット体操 React ＣＴＯ

こちらは株式会社LOBの2018年アドベンドカレンダーの内容としてお送りしてます。 前回はLOBのCTOによる 大規模プロジェクトの管理画面を育てるために TypeScript + React を選んだ理由 でした。 フロントエンドの技術選定に関わる話題、ということで僕からは「なんかいまTypeScriptめっちゃ流行ってるらしいけど導入して... 続きを読む

テーマ を Gutenberg に対応させる時、最低限やっておく事 – ねんでぶろぐ

2018/10/08 60 users Gutenberg グーテンベルグ ブログ 最低限 リリース

いよいよ WordPress5.0 のリリースが近づいてきました。WordPress5.0では新しいエディタ「Gutenberg(グーテンベルク)」が搭載されます。 公開画面では「Gutenberg」で入力したコンテンツはテーマ側が対応していなくても だいたい表示するようになっています。 【Gutenberg 公開画面】 管理画面(編集画面)では、テーマ の... 続きを読む

社内管理画面を Vue + Go で作る - Gunosy Tech Blog

2018/10/05 302 users Vue Rails Gunosy GOA フロントエンド

広告技術部のUTと呼ばれている @mocyuto です。 普段は広告配信のバックエンドを主に担当しています。 今回は社内管理画面を作った話をお伝えしたいと思います。 はじめに 設計 バックエンド goa 構成 フロントエンド 構成 TypeScript Vuex Atomic Design まとめ はじめに Gunosyの管理画面ではRailsが多いですが、社内... 続きを読む