管理画面開発に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/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最新攻略 & レイ... 続きを読む

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

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

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

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制作に必要... 続きを読む

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を採用した理由や使ってみて良かったこと、困ったこ... 続きを読む

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 の実践の中でも、物理的にプレゼンテーションロジックと... 続きを読む

管理画面にGraphQL + Flutter Webを採用してみた - Gunosy Tech Blog

2020/12/02 14 users GraphQL Flutter Web

アドベントカレンダーの担当日を早めにしてさっさと終わらせてしまえば気持ちが楽だと思ったのに前日になっても書き終わっていないのは一体誰でしょう？そう、私(ふそやん@azihsoyn)です。 こちらの記事は Gunosy Advent Calendar 2020 の2日目の記事です。 昨日の記事はかとうさんの 長年稼働しているサービスの全体感... 続きを読む

ALBで特定のpathのときだけCognito認証を通す構成をaws-cdkで作る - $shibayu36->blog;

2020/09/23 17 users Alb アプリケー Cognito aws-cdk Path

管理画面の時だけ認証をかけたいみたいな要件はよくある。今回はその要件をALBで特定のpathの時だけCognito認証を通すという構成で実装してみたのでメモ。構成はaws-cdkを使った。 やりたいこと /admin/以下の場合はCognitoの認証をかけ、許可したユーザーしかアクセスできないようにする それ以外のパスではアプリケー... 続きを読む

新しくなったBootstrap 5を使用して、管理画面のUIを実装する方法を解説 | コリス

2020/09/08 10 users コリス jQuery Tutorial チュートリアル 実装

Bootstrap 5 alphaがついにリリースされましたね。 この新しいBootstrap 5では、jQueryが削除され、IEのサポートも終了し、実装の手順も少し変わりました。 Bootstrap 5で管理画面のダッシュボードを実装するチュートリアルを紹介します。 Tutorial: how to build a simple admin dashboard interface using Bootstrap 5... 続きを読む

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

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

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

React + Material-UIで管理画面を作成してみた | Developers.IO

2020/07/26 21 users React TypeScript material-ui

最近、ReactとMaterial-UIを利用した管理画面を作成する機会がありましたので、Reactアプリの作成からMaterial-UIの導入までの手順をまとめてみました。本記事は前提としてJavaScriptやTypeScriptの知識があるとより分かりやすいと思います。 成果物 次のような管理画面を作成します。 環境 項目 内容 Reactアプリを作成... 続きを読む

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

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

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

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

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

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