話題のClaude「Artifacts」は対話型AIにおける「UX革命」である｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
ChatGPTのライバルサービスの一つである「Claude」が、彼らのサーバーが一時パンクするくらい話題になっている。 その理由は、運営元のAnthropicが発表した2つのリリースだ。 リリースの1つ目は新しい大規模言語モデル「Claude 3.5 Sonnet」のリリース。そしてもう一つが、今回の話題の中心である「Artifacts」機能のリリースだ。 「Claude 3.5 Sonnet」は、ほぼ全てのベンチマークでOpenAIの最新モデル「GPT-4o」を打ち負かしており、処理スピードは前モデルの「Claude 3 Opus」の2倍で、API費用は1/5程度に下がっている。 シンプルに性能、速度、費用面などの面でトップクラスの大規模言語モデルが登場したのだ。 しかし、今回Claudeが話題になっている理由は「Claude 3.5 Sonnet」というよりも、もうひとつのリリースであ
WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント｜toto｜Rabee.inc
こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう！ 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの
もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita
HTMXとは https://htmx.org/ HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応しているので、チャットアプリなどにも適している。 2023 JavaScript Rising Starsでは、 フロントエンド・フレームワーク部門で見事2位に輝いた！(一位はReact、全部門だとshadcn/ui) 似たような機能として、Ruby on RailsのHotWireがあるらしい。 2024年はHTMXがくると言われているぐらい世界で騒がれているのだが、あまり日本では流行っていない。以下はGoogle
FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
エンジニアはどのように他のアプリのUXを参考にすべきか
問題意識エンジニアのタイプを分けるとき、大雑把に「サービス志向」と「技術志向」みたいな分け方をすることが、僕の周りではよくあります。 個人的にはこの分け方は必ずしも良いものとは言えないと思います。少しエンジニアのことをサービスと距離のある人種として捉えてるように感じるからです。 技術志向だからってサービスのことを考えてないということではなく、「よりセキュアな技術を採用する」「効率的で安全なデプロイができるフローを構築する」などなど、技術向上を通じてユーザー体験をよくしよう、としているはずです。 ただ、デザインを良くしたり読み込みスピードを早くしたりなど、「目に見える範囲で改善する施策」を考え、実行しなければ、プロデューサー的な人からすれば「何やってんだろうな〜」と、エンジニアはブラックボックス的な人に見えてしまうこともあると思います。 じゃあ他のアプリをいじってみたりして、サービス勘みたい
iPhone Xを買ってよかったたった一つの理由と、そこから感じるWebの未来（えふしん） - 個人 - Yahoo!ニュース
iPhone Xのレビューを見ていると、やれノッチが邪魔だの、写真がきれいだの、ボタンがなくなって画面が大きくなっただのの主にハードウエアとしてのレビューが多い。 個人的には、これまで使っていたiPhone7 plusでも写真は十分満足していたし、animojiは残念ながら、人とのコミュニケーションには使ってないSMSだけの機能だったし、液晶の色は黄色くて別にきれいという印象はあまりない。Apple PAYが顔認証になるとローソンでsuicaを使う時に辛いんじゃないかと思って戦々恐々としてる。 （日吉の慶應義塾大学の協生館のローソンのsuicaの位置が高くて顔認証できるイメージがない） なのでiPhone Xの購入はしていたのだが、さほどワクワクすることなく、高いお金を使ったなぁと憂鬱なまま商品の到着を迎えた。 ところが実際に触ってみて、その印象は完全に変わった。 控えめに言って買ってよか
HMDT＆ニコ動アプリ開発者が語る！ Web CAT Studio「スマートフォンUXの最前線」勉強会レポート - はてなニュース
はてなでスマートフォンアプリの開発を担当している、id:ninjinkunこと浅野慧です。近年、スマホアプリは「ユーザー体験（UX）」が非常に重要と言われており、筆者もUXの勉強に勤しむ毎日です。そんな中、エンジニア＆クリエイターを支援するコミュニティ「Web CAT Studio（運営：リクルートエージェント）」が「スマートフォンUXの最前線」という勉強会を開催すると聞いて、お邪魔してきました。勉強会当日のレポートと、Web CAT Studioが積極的に勉強会を開催している理由を伺ったインタビューをお送りします。記事の終わりには、関連書籍のプレゼントのお知らせも！ （※この記事はWeb CAT Studio／株式会社リクルートエージェントの提供によるPR記事です） ▽ スマートフォンUXの最前線 : ATND 「UX」とは「ユーザー・エクスペリエンス」「ユーザー体験」の略で、簡単に言う
映画館のWeb予約システムは“エンタメ”となるか？ 立川シネマシティの施策
東京は立川にある独立系シネコン、【極上爆音上映】等で知られる“シネマシティ”の企画担当遠山がシネコンの仕事を紹介したり、映画館の未来を提案するこのコラム、第16回は“Web予約でエンタメできるか？”というテーマで。 『ガールズ＆パンツァー劇場版』で日本各地の音響の優れた映画館を回っては音響を監修され、映画興行の新たな地平を切り拓いた岩浪音響監督がまたも各地を尋ね、特別音響で上映するという新しい試みが話題のSFアニメーション『BLAME!』の上映が始まりました。 『シドニアの騎士』の二瓶勉が原作で、劇場公開初日からNetflixでの配信も開始されているという、今世界的に増えつつあるスタイルの公開でもあります。 Netflixの会員ならば映画館に行かずとも自宅で観られ、それどころか日付が変わったと同時に、劇場の初日朝イチ回よりも早く観られるわけです。良い時代になりました。しかしこれは映画館とし
「ペルソナ手法」の復習に！ペルソナについてのあれこれをQ&A形式でまとめてみる【2017年更新版】
photo credit: tsevis via photopin cc こんにちは、@h0saです。最近業務でペルソナを作っていて、ペルソナ手法について自分の知識を見直しています。 今回は「ペルソナ」について聞かれた時に説明しやすいように、「ペルソナ手法」についてのあれこれをQ&A形式でまとめてみました。 なお、このまとめはペルソナのマーケティングでの活用ではなくプロダクト開発での活用を前提に書かれています。 更新履歴 2014年8月16日：「ペルソナをつくったあとにやることは？」と「捏造ペルソナ」について追記しました。 2017年7月29日：最新の経験と知識を元に、内容を加筆修正しました。 ペルソナとは何か？ ペルソナとは、ユーザーの行動パターンを調べ、そのデータを統合して作り上げたユーザーを代表する仮想の人物のことです。一体のペルソナの背後には、多くの人間が存在します。 1999年に
ユーザーシナリオによってUXを完璧にする方法
Jerryは、ワイヤーフレームとプロトタイプ作成アプリであるUXPinのコンテンツストラテジストで、アプリ内とオンラインのコンテンツを開発しています。UXプロトタイピングの方法、ツール及びプロセスについて学びたい方は、無料のプロトタイピングガイドをダウンロードしてください。 ユーザーシナリオは、自社のペルソナが実行に移すストーリーのことです。基本的に、ユーザーシナリオは（視覚的に表現されますが）思考力を働かせることであり、自社のペルソナによって表現された特定のユーザータイプが、ある目的をある状況の下で達成するために、どのようにウェブサイトとやり取りするのかを予測します。 ユーザーシナリオは、未来のユーザーがサイト上でタスクを遂行しようとする際に、何を探し求めるかについて理解を深めさせてくれます。たとえ自社のペルソナがタスクに「失敗」したとしても、少なくとも問題点を明らかにしてその問題に立ち
ゲーム業界で使用しているエフェクト作成ツールその１。「ブレンドマジック（BlendMagic）」とは？ 【TegeYoka.com】
市販品の少ないエフェクト作成ツール ゲーム業界で使用しているツールは基本的に市販の物です。 Photoshop（フォトショップ）やIllustrator（イラストレーター）、XSI（エックスエスアイ）など、そのほとんどが高価ですが誰でも購入して使用する事が出来るツールです。 しかし、エフェクト作成ツールに限っては例外で、基本的に多くのメーカーが社内ツールを使用している様です。 私もエフェクトを作成する事がありますが、やはり社内で造られた独自のツールを使用しています。 「社内ツール」＝「会社の財産」な訳なので、他のメーカーの人間や一般人がそれを目にする機会はなかなかありません。 各種ハードメーカー（ゲーム機本体を開発・ライセンスしているメーカー）が提供するツールの中にエフェクトツールが含まれる場合もありますが、やはり一般に公開されている訳ではありません。 極希に「CGワールド」などのCG雑誌
新サービス立ち上げ時の重要指標のデザイン - クックパッド開発者ブログ
こんにちは、株式会社ビットジャーニーに出向中の出口 (@dex1t) です。ビットジャーニーでは、社内情報共有ツール Kibela*1のサービス設計やプロダクトマネジメントに責任を持ちつつ、エンジニアとして開発全般に携わっています。 今回は、新サービスの立ち上げ時にどのような考えで重要指標*2を設計し、それを実際の開発のなかでどう使っていくかという話をします。 なぜ検証をするのか そもそもなぜ新サービス立ち上げ時に、重要指標や検証といった考えが必要になるのでしょうか。それを考えるにあたって、クックパッド的なサービス開発の流れを改めて整理してみます。 企画と検証は表裏一体 サービス開発といえば、企画・開発・検証をぐるぐる回すというのが一般的だと思います。指標は検証段階で活用する道具です。企画で考えたことを確かめるのが検証段階であり、企画と検証は表裏一体です。 したがって、指標の設計をするにあ
ファイナルファンタジーVIIから学ぶチュートリアル設計
1997年の12月25日、私は最愛のメガドライブを卒業し、初代プレイステーションを手に入れました。それから数ヵ月の間、数えきれないほどの時間を史上最高のRPGであるファイナルファンタジーVII（以下FFVII）に費やしました。 それから約20年後にあたる去年、FFVIIはiPadでリリースされ、再度プレイしたときに全く新しい観点からこのゲームを再評価することとなりました。特にオンボーディング（サービスの初期導入プロセス）に関しては学ぶ点が多かったです。 FFVIIに詳しくない人向けに説明すると、このゲームは主人公クラウド・ストライフと反乱軍の仲間が、暴虐な巨大企業から星を守るために戦う一方で、力におぼれた宿敵、セフィロスを追い詰めていくストーリーです。 ノスタルジーに浸ったりながらiPad版におよそ44時間も没頭するうちに、私は10歳の頃と同じようにFFVIIを大好きになりました。しかし、
ポケモンGOは早くて1週間で熱が冷める。その理由である「何が足りていないのか」を的確に解説するアカウント現る
深津 貴之 / THE GUILD / note @fladdict ポケモンGoは世界中で数千万人ユーザーがいて、致命的な事故・トラブルの報告がまだ100件行ってないと思うので、登山、自転車、柔道、組体操とかよりも安全ではないかと推察される。 2016-07-25 08:54:31 深津 貴之 / THE GUILD / note @fladdict ポケモンGOの最大の課題は「中期ゴールの欠如」で、これが原因で1〜2週間すると一気に離脱率が高まると思われ。短期ゴールとして「目の前のポケモン捕獲」、長期ゴールとして「ポケモンコンプ」があるが、数日〜数週間サイクルの中期ゴール要素がないので、一般人はレベル10ぐらいからダレる。 2016-07-25 09:04:49 深津 貴之 / THE GUILD / note @fladdict @fladdict そんへんを、ジム争奪戦で解決したか
昔ながらの「片手間に書くJavaScript」の限界 - mizchi's blog
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita この記事は、全体的に自分の業務以外の評価基準やトレンドを知らないんだなという感じで、わざわざ付き合うと精神的に消耗する感じがした。ただ、それが彼らの本職でない以上、自分もこの結論に至るのは仕方ないと感じている部分はある。 真の問題は、自分がレガシーなJavaScriptを書いているという自覚がない人間が、ここ数年の技術トレンドから乖離したコードを書き続けることで他のエンジニアやエコシステムそのものに悪影響を及ぼしているケースが散見されている。一行書く毎にグローバル汚染するスクリプトを見せられてもメンテ出来んと言われても、はいそうですねとしか言えないし、そういう人に最近のライブラリを触らせると遅くなるというのは、画面全体を一つのMustacheテンプレートにしてBackbone.Modelのパラメー
UIデザイナー必見！ アプリの導入画面で使われる主な４つの手法
ユーザーがそのアプリの中で一番最初にふれる画面は、アイコンと同じくアプリの「第一印象」になると考えても間違いないくらい、大切な部分です。 だからこそ導入画面は、ユーザーの気持ちになって、ユーザーのことを考え、しっかりと設計しなければなりません。 今回はそんなアプリの導入画面によく使われる、４つの手法をご紹介します。 スプラッシュ まずはおそらく最も多くのアプリが採用しているスプラッシュという手法です。 ホームからアプリのアイコンをタップしたときに出る画面で、データローディングの時間稼ぎ、またはそのアプリをブランドとしてユーザーに認知させる目的で使われます。 たとえばツイッター公式クライアント。 アプリを起動したときの、この画面ですね。 みなさんご存知かと思いますが、ツイッターは少し特殊なスプラッシュで、 こんな風にどんどん鳥がせまってきて背景にコンテンツがあるという、面白いスプラッシュを導
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
サービスデザイン方法論2014 第5回：構造化シナリオ法 レポート
こんにちは、@h0saです。 HCD-Net主催の「2014年度サービスデザイン方法論 第5回：構造化シナリオ法」に参加しました。講師はHCD-Net理事の早川氏と、ホロンクリエイトの高橋氏です。 2014年度サービスデザイン方法論： 第1回 エスノグラフィ 安藤昌也氏（HCD-Net理事・千葉工大） 第2回 カスタマージャーニーマップ 長谷川敦士氏（HCD-Net理事・コンセント）・坂田一倫氏（コンセント） 第3回 発想法 山崎和彦氏（HCD-Net理事・千葉工大） 第4回 ユーザーインタビューと要求抽出 早川誠二氏（HCD-Net理事） 第5回 構造化シナリオ法 早川誠二氏（HCD-Net理事）・高橋克実氏（ホロンクリエイト）【この記事】 第6回 ペーパープロトタイピング 浅野智氏（HCD-Net理事）・坂本貴史氏（ネットイヤーグループ） 以下、振り返りとして講義とワークショップの内容
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webサービスでのUXデザイン 発表スライド
DeNA Engineering - DeNAエンジニアのポータルサイト
