今話題のチャットボットを作ってみた ～スマホ・ＰＣ同時対応のチャットUIを爆速で～ - Qiita
概要 JavaScriptでチャットボットのUIを爆速で作るためのガイドです。 スマートフォン および PCブラウザ に両対応 scriptタグを1つ入れるだけで既存のコンテンツをジャマしないチャットUI 【作ったチャットボットデモこちらです】 2024年3月更新 : LLM(大規模言語モデル) を用いてトークンを逐次生成するストリーミングチャットを構築したいときは 本稿の手法よりも (株)Qualiteg 提供の ChatStream のほうがオススメです 対象読者 Java Scriptが書ける人(初心者でもOK) node.js環境がある人(npmまたはyarnが使える) チャットボットに興味がある人 できること 以下のデモのようなPCブラウザとスマホに両対応したチャットボットUIを作ります スマホの場合は画面にフィットしたチャットUI、PCブラウザの場合はフローティングする小窓にチ
Tik Tokをアジアで大流行させた3つの戦略（上） - 中華IT最新事情
Tik Tokが中国、日本、タイ、ベトナムで大流行している。音楽に合わせて、口パクでダンスしている15秒ムービーを投稿する動画SNS。流行をしたのは偶然ではなく、UI/UX、グローカルなど3つの戦略があったからだと接招が解説した。 アジア圏で大流行しているTik Tok Tik Tokは15秒動画のSNS。音楽に合わせて口パクとダンスをすることで動画が簡単に作れ、中国だけでなく、アジア地域で大流行している。日本でも、JC JK流行語大賞2017のアプリ部門の３位にTik Tokが選ばれている。 特に中国国内では爆発的といってもいいほどの流行で、現在、1日の起動回数は1.5億回。これはスマホ決済「アリペイ」の起動回数とほぼ同じだという。 さらに、2017年8月に海外版がリリースされると、瞬く間に広がり、150以上の国でダウンロードされ、ユーザー数はすでに1億人を超えている。Sensor To
今さら聞けないマテリアルデザインとは？5分でわかる解説 | SONICMOOV LAB
2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
スマホUI考便乗（データドリブンによる解決編） - ku-sukeのブログ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict まだ解決編が本家で出てないのですが、最終的には意思決定の勝負になると思うので、そのアプローチの例。 命題：クソアプリのUI上の問題をどうにかしてマシにしたい さて、問題点は次のとおりです。 ユーザから使いにくいというレビューが書き込まれる 継続率が悪く、ダウンロードしてもすぐアンインストールされる メンテコストの増大で開発スピードが落ちる コードベースが膨れ上がりバグの見落としが増える ということで、なんとなくUIもコードもスッキリさせたいというのが正解っぽい感じします。それでも、ユーザの声や偉い人の言いなりで追加していったようなチームが果たして自信満々に「機能を削りましょう」と信じて進めるでしょうか。なにか武器がほしいところです。 そこで出てくるのが外部コンサルタントです。権威ある
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホのUIに快適で、実用的な数多くのアニメーションを実装できるswiftのライブラリ -Hero