管理画面開発にCSSテンプレートを使うのはもうやめよう

2024/02/23 23 users CSSテンプレート 管理画面開発 ローコード リソース 背景

対象読者 CSSテンプレートで管理画面開発をしようとしている方 とにかく早く管理画面を作りたい方 管理画面開発の進め方で悩んでいる方 この記事の背景 私はローコードで管理画面を構築できる『クエリア』を作っています。 私自身もエンジニアなので、世の中のエンジニアには、メインのプロダクト開発に100%のリソースを... 続きを読む

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

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

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

サービスの管理画面を継続的に改善するためのReact Hook FormとZod活用術 - Mirrativ Tech Blog

2023/11/21 38 users React Hook Mui Zod サービス Form

こんにちは！ミラティブのフロントエンドエンジニア どじねこ です。 今回は、ミラティブを支える社内向けの管理システムにおいて、機能開発の体験を改善する取り組みを「MUI と Zod、React Hook Form の活用術」としてご紹介させていただきます。 前提 ミラティブでは、他の多くの Web サービスと同様に配信者さんの登... 続きを読む

WordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSS・「WebCrumbs」

2023/11/03 27 users React OSS Reactベース React製 拡張

WebCrumbs WebCrumbsはWordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSSです。プロジェクトを「ReactのためのWordPress」と位置付けており、Reactアプリの為の業界標準ソリューションを目指しているそうです。 WPライク、というようにReactベースのWebサイトを直感的な管理画面で簡単に作成、管理、拡張... 続きを読む

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

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

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

クローズしたサービスの管理画面を静的サイトにする - クックパッド開発者ブログ

2023/09/01 15 users 静的サイト クックパッド開発者ブログ サービス ウェブアプリ

こんにちは、技術部の石川です。 ある日、社内の各種アプリケーションを眺めている中で、とあるクローズしたサービスの管理画面を担っていたウェブアプリが今も動いていると気付きました。簡単にヒアリングしたところ、サービス自体はクローズしたものの、保有していたデータが次のチャレンジに生かせるため管理画面だけ... 続きを読む

工数を理由に管理画面のテストを雑にするのはよくない - | ＾ω＾ |

2023/08/30 7 users テスト 工数 同僚 操作 理由

という話を同僚としていた。いい話だからブログに書いてと言われたので、無茶苦茶久しぶりに記事を書いた。 通常のユーザーが利用できる面はどういった操作が行われるかわからない以上、テストはしっかり書くべきという意識が強いと思う。実際それは間違っていないし、考えうる限りのケースをテストするべきだと思う。 ... 続きを読む

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

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

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

管理画面等でNext.jsをBetter Reactとして使う | フューチャー技術ブログ

2023/05/30 6 users Next.js フューチャー技術ブログ 用途 タイ ウェブ画面

最近、Next.jsが複雑になりすぎて、単なるウェブ画面を作る用途にはNext.jsは重すぎるので別のものが良いとか、Vercel統合のための機能が多いんでしょ、みたいな感想を見かけることが増えた気がします。特に管理画面とか社内システムとかですね。B2Cでも設定画面系とかは当てはまるかもしれません。 ホンダ時代に、タイ... 続きを読む

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

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

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

Next.js と React-admin を使って簡単な管理画面を作成するチュートリアルをやってみた | DevelopersIO

2022/11/08 5 users DevelopersIO チュートリアル Next.js

Next.js 初心者が React-admin を使って管理画面作成に挑戦しています。今回は React-admin 公式ドキュメントにある、Next.js Integration のチュートリアルをやってみました。 はじめに こんにちは、筧(@TakaakiKakei)です。 最近、Next.js と React-admin を使って管理画面作成に挑戦しています。 今回は、React-admin... 続きを読む

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

2022/11/04 52 users Flutter GameWith TechWith kyam

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

ヤプリのフロントエンドにおけるテスト戦略について話しました #Yappli Tech Conference 2022 - Yappli Tech Blog

2022/10/18 10 users ヤプリ フロントエンド テスト戦略 フロントエン 平川

皆さんこんにちは。プロダクト開発本部・フロントエンドチームの平川です。 Yappli Tech Conference 2022で 「フロントエンドにおけるテスト戦略」というテーマで登壇しました。 アーカイブ動画 youtu.be スライド 発表概要 ヤプリのフロントエンドは管理画面であるCMSを開発しています。 歴史的経緯もありフロントエン... 続きを読む

WordPressの管理画面を使いやすくする簡単カスタマイズ18選 | knowledge / baigie

2022/04/19 9 users CMS Knowledge baigie 導線 階層

WordPressは機能として実装できないものはないのではないか、と思えるくらい自由度が高く多機能なCMSです。一方で多機能であるが故に管理画面のメニューも多く、サイトによっては使っていない機能なのに導線が残っていたり、設定画面に到達するまで階層が深かったり、操作が複雑だとユーザーに使いにくい管理画面だと思... 続きを読む

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... 続きを読む

管理画面からBigQueryを使ってサクセスする - Hatena Developer Blog

2021/12/07 7 users BigQuery ハッピーホリデー cockscomb 閲覧

ハッピーホリデー！id:cockscombです！！この記事ははてなエンジニアAdvent Calendarの8日目のエントリです。 サービス開発をしていると、限られた管理者のみがアクセスできる画面、つまり「管理画面」を作る必要に迫られます。管理画面では、データベースに登録されたさまざまな情報を検索、閲覧、編集できます。もちろ... 続きを読む

NFTマーケットプレイス「ユニマ」の技術スタックを紹介します - Mobile Factory Tech Blog

2021/11/30 12 users NFTマーケットプレイス 技術スタック NFT 売買 以下

こんにちは。ブロックチェーンチームのソフトウェアエンジニアの id:odan3240 です。 ブロックチェーンチームでは NFT を販売するためのUniqysマーケットプレイス(以下、ユニマ)と、その NFT を販売するための管理画面(以下、管理画面)を開発しています。ユニマはブロックチェーン上の NFT を日本円で売買可能なマーケッ... 続きを読む

Web制作における『WordPressができる』という言葉について

2021/11/11 21 users WordPress Web制作 言葉 デフォルト 結論

最初に結論 ツイートの通り、Web制作における『WordPressができる』っていうのは究極的に言うと素の管理画面でできることを把握していることであると思う。 なぜそう思うのか WordPressもしっかり進化しているので、カスタマイザーやブロックエディタでできることも増えていたりする。 デフォルトの機能でWeb制作に必要... 続きを読む

Chrome拡張機能でGCPの本番プロジェクトを意識しやすくする - 虎の穴開発室ブログ

2021/11/09 8 users GCP GoogleCloudPlatform インフラ

はじめに 虎の穴ラボが開発に携わるクリエイター支援プラットフォーム Fantia では、インフラとしてGoogleCloudPlatform(以下、GCP)を利用しています。 運用フローの中で一部、管理画面を通した操作が必要になる場面があり、注意を配らなくてはならない時があります。 GCPはとても綺麗なUIで構築されていてスッキリして... 続きを読む

TypeScript の型を用いたコンポーネントの責務の明確化 - Timee Product Team Blog

2021/10/27 16 users TypeScript コンポーネント タイミー 責務 ＴＯＢ

はじめまして！フロントエンドエンジニアの樫福 @cashfooooou です。 タイミーでは Next.js × TypeScript で toB 向け管理画面を作成しています。 この記事は、toB向けの管理画面の開発時に筆者が気づいたコンポーネント間の責務の明確化の必要性と、 TypeScript の型を用いて責務の分割をサポートする方法の紹介してい... 続きを読む

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

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

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

Goのサーバーの管理画面をFlutter Webで作ってみるための調査 | フューチャー技術ブログ

2021/05/12 5 users サーバー Flutter Web フューチャー技術ブログ

Dart/Flutter連載の3本目はFlutter Webを紹介します。 Flutter 2になって、Web向けに出力する機能もStableになりました。 Flutter for Webは標準のHTMLにするHTMLレンダラーと、CanvasKitレンダラーと2種類あります。後者はSkiaという2DグラフィックスのライブラリをWebAssembly化したものを使います。Skiaはウェブ向け... 続きを読む

JVN#97370614: マガジンガーＺ におけるクロスサイトスクリプティングの脆弱性

2021/03/25 27 users CGI クロスサイトスクリプティング スクリプト http

CGI Script Market が提供するマガジンガーＺ <http://cgiscriptmarket.com/magazinegerZ/> は、ウェブサイトにメールマガジン配信機能を提供する CGI スクリプトです。 マガジンガーＺ には、管理画面にログインした管理者のウェブブラウザ上で、意図しないスクリプトが実行される格納型クロスサイトスクリプティング (... 続きを読む

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

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

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