オライリー・ジャパンから２０２０年６月に発売の書籍『行動を変えるデザイン - 心理学と行動経済学をプロダクトデザインに活用する』。 行動を変えるプロダクトをつくる人のために、豊富で実践的な事例・概念フレームワークを用いながら、行動変容を理解し、変えたい行動について探索し、プロダクトをデザインし、改善する方法を示しています。

ウェブ音声 API (Web Speech API) で、音声データをウェブアプリに組み入れることができます。 ウェブ音声 API は、SpeechSynthesis （音声合成、Text-to-Speech）と SpeechRecognition （非同期音声認識、Asynchronous Speech Recognition）の 2 つの部分から成り立っています。 ウェブ音声 API は、ウェブアプリが音声データを扱えるようにします。 この API には 2 つの構成要素があります。 音声認識は SpeechRecognition インターフェイス経由でアクセスされます。これは、音声入力（通常は端末の既定の音声認識サービス）から音声の文脈を認識し、適切に応答する機能を提供します。 通常は、インターフェイスのコンストラクターを使用して新しい SpeechRecognition オブジェク

イベントは、コードの実行に影響を与える可能性のある「興味深い変化」をコードに通知するために発行されます。これは、マウス操作やウィンドウのサイズ変更などのユーザー操作や、環境の変化 (バッテリー残量の低下や OS のメディアイベントなど)、その他の原因によって発行されます。 それぞれのイベントは、 Event インターフェイスに基づいたオブジェクトで表現され、何が起こったかについての情報を提供するために、追加のカスタムフィールドや関数を持つことがあります。各イベントのドキュメントには、関連するイベントインターフェイスへのリンクや、その他の関連情報を含む表が (上部付近に) あります。イベントの種類の一覧は、イベント > Event を基にしたインターフェイスにあります。 この記事では、興味のありそうな主なイベントの種類 (アニメーション、クリップボード、ワーカーなど) と、それらの種類のイベ

History インターフェイスは何もプロパティを継承していません。 length 読取専用 現在読み込まれているページを含むセッション履歴の要素数を表す Integer を返します。たとえば、新しいタブで読み込まれたページのこのプロパティは 1 を返します。 scrollRestoration ウェブアプリケーションが履歴の操作で既定のスクロール位置の復元を明示的に設定できるようにします。このプロパティは auto または manual を指定することができます。 state 読取専用 履歴スタックの最上位にある状態を表す any の値を返します。これは popstate イベントを待たずに状態を確認する方法です。 History インターフェイスは何もメソッドを継承していません。 back() これは非同期メソッドであり、ユーザーがブラウザーの戻るボタンをクリックしたときと同じく、セッ

標準組み込みオブジェクトFunctionコンストラクターFunction() コンストラクターインスタンスメソッドFunction.prototype.apply()Function.prototype.bind()Function.prototype.call()Function.prototype[@@hasInstance]()Function.prototype.toString()インスタンスプロパティFunction.arguments Non-standard 非推奨 Function.caller Non-standard 非推奨 Function.displayName Non-standard Function.lengthFunction.nameFunction: prototype継承Object/Function静的メソッドFunction.prototype.

TOP 連載一覧 TOKYO INTERNET 古川健介『TOKYO INTERNET』第4回 なぜTwitterは日本における最強の投稿サービスなのかを考察してみる【毎月第2水曜配信】 今朝のメルマガは古川健介さんの連載『TOKYO INTERNET』の第4回をお届けします。 今やTwitterは日本でのみユーザー数が伸びているSNSとなっていますが、その理由を「日本における投稿サービスのアーキテクチャの変遷」から考えます。（※本記事は12/20まで全編無料で読めます！） ▼プロフィール 古川健介（ふるかわ・けんすけ） 1981年6月2日生まれ。2000年に学生コミュニティであるミルクカフェを立ち上げ、月間1000万pvの大手サイトに成長させる。2004年、レンタル掲示板を運営する株式会社メディアクリップの代表取締役社長に就任。翌年、株式会社ライブドアにしたらばJBBSを事業譲渡後、同社

Gyazoが配信するスクリーンショット画像にContent-DPR ヘッダーを付与するようにする変更を先日行いました。新しくアップロードされた画像に関しては一律でこのHTTPヘッダーが付与されるようになっています。 % curl -I https://i.gyazo.com/a113d75559f81cfbdddfec35354b78b0.png | grep content % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 0 106k 0 0 0 0 0 0 --:--:-- 0:00:03 --:--:-- 0 content-type: image/png content-length: 108629 content-dpr: 2.0

CSS Tutorials CSS basics CSS first steps CSS first steps overview What is CSS? Getting started with CSS How CSS is structured How CSS works Assessment: Styling a biography page CSS building blocks CSS building blocks overview CSS selectors Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators Cascade, specificity, and inheritance Cascade layers The box mo

「チャットを開始する」をクリックすると、 同じようにクリックした誰か一人との チャットが開始します。 チャットの内容は公開されません。 見知らぬ誰かと何を話すかは皆さんの自由です。

「この文字に注目してください」食器の裏側に隠された“謎のサイン”の意味を、老舗磁器ブランド「ロイヤル コペンハーゲン」に聞いてみた

プログレッシブウェブアプリ (Progressive web apps, PWA) は、ウェブプラットフォーム技術を使用して構築されたアプリですが、プラットフォーム専用のアプリのような使い勝手を提供します。 PWA はウェブサイトのように、単一のコードベースから複数のプラットフォームや端末で動作することができます。プラットフォーム専用のアプリのように、端末にインストールし、オフラインやバックグラウンドで処理し、端末や他にもインストールされているアプリと統合することができます。 これらのガイドでは、PWA のさまざまな側面について概念的に説明しています。PWAでどのようなことができるかを理解し、それを実現する方法を理解するのに十分なポインターを提供するためのものです。 プログレッシブウェブアプリとは PWA の紹介、従来のウェブサイトやプラットフォーム専用のアプリとの比較、主な機能の輪郭線。

Mastodon が急に話題になってきた。 しかし、その哲学についてはあまり理解されていないように感じる。 Mastodon や GNU Social は、単なる「ポスト twitter 」ではない。 この記事では、 twitter の根本的な問題や、それに対する Mastodon 等の思想を解説する。 キーワードだけ先に書いておこう。 federation (連合) decentralization (脱中央集権) オープン (オープンソース、オープンな仕様) 長い文章を読みたくない人のためのまとめ でも、できれば本文も読んでほしいです。 Mastodon や GNU Social などでは、どこか信頼できる運営者のインスタンス(サーバ)にひとつアカウントを作って、そこから他のインスタンスのアカウントをフォローすることができます。 (インスタンスはグループのような意味を持つものではなく、

テクノロジーとノウハウで チャットUXを最大化する LINE・WEBチャット・LINE WORKSに対応。 Chatbot・APIなどの技術力とシナリオ設計力で、LTV向上とコスト削減に貢献します。