モノタロウ社内デザインシステムの今までとこれから - MonotaRO Tech Blog
UIUXデザイングループのグループ長を担当させていただいている小田と申します。 一般公開はしていないのですが、モノタロウも一貫したデザインや操作性でウェブサイトを提供するためデザインシステムを作り、現状のサイトに適用しています。 今回はモノタロウのデザインシステムのお話をしたいと思います。 デザインシステムの始まり これは数年前の話です。 何年も運営しているサイトだとよくある話ですが、見た目のスタイルが分散していき、その分のコードが積み重なっていき開発の負荷になります。 また、スタイルが分散していると使っている側のユーザーも、この機能はどういう機能なのかを理解する事に時間がかかります。 サービスの品質を上げるPDCAを早く回す為に土台（図1）を整える必要性があり、スタイルを統一したデザインシステムを構築して、ページに適用していくことが目標になりました。 分散していたスタイル： 作成したボタ
はてなブログの記事にMastodonとMisskeyのシェアボタンを追加できるようにしました - はてなブログ開発ブログ
はてなブログの記事にMastodonとMisskeyのシェアボタンを追加できるようにしました。 これにより、はてなブログの記事をMastodonやMisskeyへより簡単に共有できます。 MastodonとMisskeyのシェアボタンは「デザイン設定画面 」> 「カスタマイズ」 > 「記事」 > 「ソーシャルパーツ」より設置できます。*1 開発の背景 SNSが多様化する中、MastodonやMisskeyの利用も広がっています。そうした時代の変化を考慮し、はてなブログの記事をより幅広いSNSで楽しんでいただけるよう、本機能を追加しました。どうぞご利用ください。*2 *1:デザイン設定はPC版の機能です。 *2:MisskeyシェアボタンやMisskey へのリンクは、はてなブログiOSアプリ上で正常に動作しない場合があります。ご了承ください。
AI技術を活用したWEBデザイン：ChatGPTとMidjourneyの活用例 - SO Technologies 開発者ブログ
1. はじめに こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 本記事ではWEBデザインにAI技術を活用する方法を実例をまじえて紹介します。 今回はChatGPTとMidjourneyを使います。 ChatGPT OpenAIが開発した大規模な自然言語処理AIで、文章生成や文章の理解など、様々なタスクに対応しています。 Midjourney AIを活用した画像生成ツールで、キーワードを入力することで独自の画像を生成します。アート性の高い画像を生成することができます。 2. 実例: シンプルなエラーページの作成 2.1. 作成する画面について ATOMのエラーページを題材にします。現在のデザインはこんな感じです。 くじらがチャームポイントのとてもシンプルなデザインとなってます。今回はこちらの別バージョンを作成してみたいと思います。 2.2. ChatGPTでコン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
