# UI/UX の記事一覧
![パーソナライズされた UI を自動生成する EC サイトをGPT-4でSSRして構築してみた](https://devio2023-media.developers.io/wp-content/uploads/2023/04/eyecatch_openai_1200x630.png)
パーソナライズされた UI を自動生成する EC サイトをGPT-4でSSRして構築してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkinjo-shuya.jpeg&w=256&q=75)
![ChatGPTを活用して合格!UX検定基礎試験の攻略法](https://devio2023-media.developers.io/wp-content/uploads/2024/01/d43c66bf7c9bc93c82b440e48ab531f7.png)
ChatGPTを活用して合格!UX検定基礎試験の攻略法
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![UI画面生成AI「Uizard」でデザイナーいらず?業務の最前線で使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2023/07/4c85c234076325c638e2c305400f29d6-1.jpg)
UI画面生成AI「Uizard」でデザイナーいらず?業務の最前線で使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![「Chat GPT × UI/UX」新たなUI/UXをもたらす対話型AIの導入事例](https://devio2023-media.developers.io/wp-content/uploads/2023/05/1f1dff9e9305e9985b48f55d68bbe85f.png)
「Chat GPT × UI/UX」新たなUI/UXをもたらす対話型AIの導入事例
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkotaki-kazumasa.png&w=256&q=75)
![デザインと開発プロセス](https://devio2023-media.developers.io/wp-content/uploads/2023/05/eyec5.png)
デザインと開発プロセス
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fomine-takenori.png&w=256&q=75)
![誰でもわかるUXデザイン](https://devio2023-media.developers.io/wp-content/uploads/2023/04/uxdesign-0413.jpg)
誰でもわかるUXデザイン
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkataoka-ryuichi.jpeg&w=256&q=75)
![ChatGPT上で性格の違うキャラクターにインタビューをしたら個性的だった](https://devio2023-media.developers.io/wp-content/uploads/2023/03/chatgptint.png)
ChatGPT上で性格の違うキャラクターにインタビューをしたら個性的だった
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![ChatGPTと作ったユーザーストーリーマッピングが結構使えるかも](https://devio2023-media.developers.io/wp-content/uploads/2023/03/chatgptusm-1.png)
ChatGPTと作ったユーザーストーリーマッピングが結構使えるかも
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![『みんなではじめるデザイン批評』〜批評は作っているものをもっと良くしたいと思う全ての人のもの〜](https://devio2023-media.developers.io/wp-content/uploads/2023/03/Book_series_2.png)
『みんなではじめるデザイン批評』〜批評は作っているものをもっと良くしたいと思う全ての人のもの〜
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkubo-sayaka.png&w=256&q=75)
![UXライティングやマイクロコピーを学んだ話](https://devio2023-media.developers.io/wp-content/uploads/2023/01/microcopy0.png)
UXライティングやマイクロコピーを学んだ話
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fiso.png&w=256&q=75)
![良きインタビュアーになりたいので5つのポイントに気をつけたい](https://devio2023-media.developers.io/wp-content/uploads/2022/12/inta.png)
良きインタビュアーになりたいので5つのポイントに気をつけたい
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![目指せUXジェネラリスト!UX検定基礎を受験してみました](https://devio2023-media.developers.io/wp-content/uploads/2022/12/ux_certificate_eyecatch.jpg)
目指せUXジェネラリスト!UX検定基礎を受験してみました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fiso.png&w=256&q=75)
![ユーザー体験をデザインしてみての「つまずき」](https://devio2023-media.developers.io/wp-content/uploads/2022/11/exdesign.png)
ユーザー体験をデザインしてみての「つまずき」
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![【書評】「ザ・ダーク パターン」そのデザイン顧客の信頼を失ってませんか?](https://devio2023-media.developers.io/wp-content/uploads/2022/08/THE_DARK_PATTERN.jpg)
【書評】「ザ・ダーク パターン」そのデザイン顧客の信頼を失ってませんか?
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fhirano-fumio.png&w=256&q=75)
![Amazon UX ヘッドからNorth Starビジョンの話を聞いてきた](https://devio2023-media.developers.io/wp-content/uploads/2022/07/North-Star.jpg)
Amazon UX ヘッドからNorth Starビジョンの話を聞いてきた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fiso.png&w=256&q=75)
![Google UXデザイン コース2 の感想と課題作成](https://devio2023-media.developers.io/wp-content/uploads/2021/09/google_UX-design_report2_cover2-1.png)
Google UXデザイン コース2 の感想と課題作成
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fiso.png&w=256&q=75)
![GoogleのUXデザインを学びはじめました](https://devio2023-media.developers.io/wp-content/uploads/2021/08/e0a2aaa785559b2bf76ef5ba89b795a1-1.jpg)
GoogleのUXデザインを学びはじめました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fiso.png&w=256&q=75)
![全国1700以上の自治体のワクチン接種予約方法について調べてみたら課題が見えてきた](https://devio2023-media.developers.io/wp-content/uploads/2021/05/local-government-reservation2.jpg)
全国1700以上の自治体のワクチン接種予約方法について調べてみたら課題が見えてきた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fakari7.jpeg&w=256&q=75)
![バレンシアガの新作を見ようとしたら3Dゲームの中で街を徘徊したり剣を抜いたりすることに](https://devio2023-media.developers.io/wp-content/uploads/2020/12/eyecatch_balenciaga.jpeg)
バレンシアガの新作を見ようとしたら3Dゲームの中で街を徘徊したり剣を抜いたりすることに
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fukai-ryoji.jpeg&w=256&q=75)
![ダイバーシティを実現するアクセシビリティの基礎と実践 #devio2020 #a11y](https://devio2023-media.developers.io/wp-content/uploads/2020/06/devio_2020_connect.png)
ダイバーシティを実現するアクセシビリティの基礎と実践 #devio2020 #a11y
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmochida-toru.jpeg&w=256&q=75)
![「ハイトラフィック運用 〜スループットの向上を目指して〜」という話をしました #devio2020](https://devio2023-media.developers.io/wp-content/uploads/2020/06/848c8d9b6e4887cb9c9c6cb87b9a2cd4-1.png)
「ハイトラフィック運用 〜スループットの向上を目指して〜」という話をしました #devio2020
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ffukazawa-shun.jpeg&w=256&q=75)
![UX MILK Fest 2019に参加してきました #uxmilk_fest](https://devio2023-media.developers.io/wp-content/uploads/2019/09/DevIO_fumiko_vol3_eyeCatching.png)
UX MILK Fest 2019に参加してきました #uxmilk_fest
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ffumiko.jpeg&w=256&q=75)
![「UX DAYS TOKYO 2019 ユーザーオンボーディング・コンパスをデザイン」ワークショップレポート](https://devio2023-media.developers.io/wp-content/uploads/2019/04/uxdays_user-on-boarding_1200x630.jpeg)
「UX DAYS TOKYO 2019 ユーザーオンボーディング・コンパスをデザイン」ワークショップレポート
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ffujita-kanami.jpeg&w=256&q=75)
![コントラスト比が低いUIは20人に1人以上に影響! 対策をまとめてみた](https://devio2023-media.developers.io/wp-content/uploads/2019/02/design.png)
コントラスト比が低いUIは20人に1人以上に影響! 対策をまとめてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmochida-toru.jpeg&w=256&q=75)
![デザイナーが沖縄での2週間のリモートワークを通して学んだリアルなUX](https://devio2023-media.developers.io/wp-content/uploads/2018/04/ou_thumb.png)
デザイナーが沖縄での2週間のリモートワークを通して学んだリアルなUX
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ffujisawa-exp.jpeg&w=256&q=75)
![[iOS][Swift4.0] After Effectsのアニメーションを手軽に入れられるlottie-ios](https://devio2023-media.developers.io/wp-content/uploads/2015/01/ios_ui.png)
[iOS][Swift4.0] After Effectsのアニメーションを手軽に入れられるlottie-ios
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsaito-minori.jpeg&w=256&q=75)
![[iOS][Swift3.0] UIViewControllerのトランジションを手軽にカスタマイズできるJelly](https://devio2023-media.developers.io/wp-content/uploads/2015/01/ios_ui.png)
[iOS][Swift3.0] UIViewControllerのトランジションを手軽にカスタマイズできるJelly
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsaito-minori.jpeg&w=256&q=75)
![[iOS][Swift3.0] ボタンのシンボルをアニメーションさせるDynamicButton](https://devio2023-media.developers.io/wp-content/uploads/2015/01/ios_ui.png)
[iOS][Swift3.0] ボタンのシンボルをアニメーションさせるDynamicButton
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsaito-minori.jpeg&w=256&q=75)
![[iOS][Swift3.0] リストとグリットの表示切り替えが楽になるDisplaySwitcher](https://devio2023-media.developers.io/wp-content/uploads/2015/01/ios_ui.png)
[iOS][Swift3.0] リストとグリットの表示切り替えが楽になるDisplaySwitcher
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsaito-minori.jpeg&w=256&q=75)
![[iOS][Swift3.0] 色にまつわる便利機能を備えたChameleon](https://devio2023-media.developers.io/wp-content/uploads/2015/01/ios_ui.png)
[iOS][Swift3.0] 色にまつわる便利機能を備えたChameleon
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsaito-minori.jpeg&w=256&q=75)
![[iOS][Swift3.0] 階層が深くなっても大丈夫なナビゲーションを実現するNavigationStack](https://devio2023-media.developers.io/wp-content/uploads/2015/01/ios_ui.png)
[iOS][Swift3.0] 階層が深くなっても大丈夫なナビゲーションを実現するNavigationStack
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsaito-minori.jpeg&w=256&q=75)