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

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2018. Learn moreSee full compatibilityReport feedback ウェブ音声 API (Web Speech API) で、音声データをウェブアプリに組み入れることができます。 ウェブ音声 API は、SpeechSynthesis （音声合成、Text-to-Speech）と SpeechRecognition （非同期音声認識、Asynchronous Speech Recognition）の 2 つの部分から成り立っています。 ウェブ音声 API は、ウェブアプリが音声デー

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

History インターフェイスで、ブラウザーのセッション履歴、つまり現在のページが読み込まれたタブまたはフレームで訪問したページを操作することができます。 history のインスタンスは 1 つしかなく（シングルトンです）、グローバルオブジェクト history を通してアクセスできます。 History インターフェイスは何もプロパティを継承していません。 length 読取専用 現在読み込まれているページを含むセッション履歴の要素数を表す Integer を返します。たとえば、新しいタブで読み込まれたページのこのプロパティは 1 を返します。 scrollRestoration ウェブアプリケーションが履歴の操作で既定のスクロール位置の復元を明示的に設定できるようにします。このプロパティは auto または manual を指定することができます。 state 読取専用 履歴スタッ

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

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

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

PR あっという間にボトルが空に!? 落語界の異端児、柳亭小痴楽が仲間と盛り上がった芋焼酎の飲み方は…〈赤兎馬（せきとば）噺 私の本格 第六席〉

プログレッシブウェブアプリ (Progressive web apps, PWA) は、新しいウェブ API と伝統的なプログレッシブな拡張戦略を使用して、クロスプラットフォームのウェブアプリケーションにネイティブアプリと同様の使い勝手をもたらすウェブアプリのことです。プログレッシブウェブアプリは正式な標準ではありませんが、有用なデザインパターンです。 PWA は、特定のウェブ技術や技法の使用を含む、一連のアプリケーション属性を包含しているという点で AJAX や他の同様のパターンに似ていると考えることができます。この一連の文書では、これについて知るために必要なすべてをお伝えします。 ウェブアプリを PWA と呼ぶには、技術的に言えば、 安全なコンテキスト (HTTPS)、1 つ以上のサービスワーカー、マニフェストファイルを持つべきです。 安全なコンテキスト (HTTPS) このウェブアプ

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

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