効果的な管理画面を デザインをするために 避けるべき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時に、不正ログインされたユ... 続きを読む

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 においては、それにより実際に以下のような問題が発生しました。 ユーザの追加/削除や権限管... 続きを読む

次世代の管理画面を作るフロントエンドの取り組み - 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は、ショップの情報発信に... 続きを読む

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

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

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

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

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

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

ログインをもっと快適に オープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」 | DesignDevelop

2018/03/06 158 users ログインページ DesignDevelop CSS 参考

ログインをもっと快適に オープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」 会員登録ページや管理画面へのアクセスに使用するログインページ。シンプルなものが一般的ですが、こだわりを見せることでサイトのクオリティは高まります。今回はそんな時に参考にしたい、オープンソースのログインフォーム10選「10 Open S... 続きを読む

Vue.js で始めるシングルページアプリケーションの開発 - HDE BLOG

2018/03/05 580 users Vue.js HDE BLOG 開発 ウェブアプリケーション

2018 - 03 - 05 Vue.js で始めるシングルページアプリケーションの開発 Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力... 続きを読む

もう管理画面のフロントコードを書く必要はありません、そう Viron ならね。 - Qiita

2018/02/01 632 users Qiita Swagger Viron OpenApi 大小

管理画面のフロントエンドコードを書く時代は終わりました。 Viron があれば、OpenApi(Swagger)でAPI定義を行い、実装するだけで管理画面が完成します。 概要 Viron は、複数の管理画面を管理できるよう設計された、管理ツールマネージメントコンソールです。 APIサーバーとOAS2.0 jsonファイルを作成するだけで、管理画面が一つ完成します。 経緯 私の会社では、大小さまざま... 続きを読む

Gunosy管理画面を支えるRails技術 - Gunosy Tech Blog

2017/12/25 165 users Gunosy Tech Blog Rails Gunosy

2017 - 12 - 25 Gunosy管理画面を支えるRails技術 Rails 広告技術部の toshimaru です。この記事はGunosy Advent Calendarの24日目の記事です。 qiita.com はじめに Gunosyではいくつかの管理画面においてRuby on Rails（以降Rails）を利用しています。具体的には下記の管理画面においてRailsが利用されています。... 続きを読む

パソコンをロックせずに放置する人をしつける12個のいたずら - フォトシンス エンジニアブログ

2017/12/03 607 users フォトシンス Photosynth AKERUN API 習慣

2017 - 12 - 03 パソコンをロックせずに放置する人をしつける12個のいたずら Akerun Advent Calendar 3日目 〜セキュリティ意識の改善〜。 はじめまして！ Akerunの API や管理画面を主に開発しているエンジニアのuchidaです。 みなさんはパソコンから離れるとき、ロックする習慣はついているでしょうか？ Photosynth では「社内でもパソコンから離れ... 続きを読む

WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ | NxWorld

2017/11/21 227 users スキル クライアント 全部 普段 NxWorld

個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し... 続きを読む