世の中には様々なデータや統計があふれており、それらを視覚的に示す「グラフ」を見かけることも増えました。 仕事や学校でグラフを作成する人も少なくないでしょう。 そして、よく見かけるグラフの1つに「円グラフ」があります。 しかし、円グラフに対して否定的な意見を持っている人は少なくないようです。 オーストラリアのクイーンズランド工科大学（QUT）統計学部に所属するエイドリアン・バーネット氏は、「数学が苦手な人は数字を避けるが、数学が得意な人の多くは円グラフを避ける」と述べています。 世間で円グラフが多用されているにも関わらず、統計学者や専門家、数学が得意な人のほとんどは円グラフを使わないというのです。 それはどうしてなのでしょうか？ バーネット氏の主張から円グラフのメリットとデメリットを考えてみましょう。
AWS、自然言語でデータベースに問い合わせ、データ分析ができる「Amazon QuickSight Q」正式リリース
Amazon Web Services（AWS）は、インメモリBIツールの「Amazon QuickSight」の新機能として、自然言語で問い合わせができる「Amazon QuickSight Q」を正式リリースしたと発表しました。 Amazon QuickSight Qのベースとなっている「Amazon QuickSight」は、さまざまなデータソースに接続することで、データの分析とビジュアル化を行うBIツールです。 Amazon RDSのデータベースやAmazon Aurora、Amazon Redshift、HadoopのAmazon EMR、Amazon S3内のフラットファイル、MySQL、Oracle、SQL Server、PostgreSQLをはじめとして、オンプレミスのデータソースやSalesforce.comなどの外部データソースを含む、さまざまなデータソースに対応します
Q-Successから2020年8月のWebサーバのシェアが発表された。2020年8月はApacheがシェアを減らし、NginxとCloudflare Serverがシェアを増やした。Q-Successの集計データでは、Apacheの減少とNginx系の増加という傾向がはっきり示されている。シェアの値は異なるものの、他の調査データも似たような傾向を示している。 2020年8月Webサーバシェア/円グラフ 2020年8月Webサーバシェア/棒グラフ
［ヘンテコ説検証］北の元寇によって追われた北方民族が北海道に移動した、それがアイヌであるという説を真面目に検証｜ヘンテコだよねノート
［ヘンテコ説検証］北の元寇によって追われた北方民族が北海道に移動した、それがアイヌであるという説を真面目に検証 SNSなどでは、アイヌ民族のあれやこれやに対し事実誤認や偏見に基づく暴言や誹謗中傷、ヘンテコな誤解が呟かれている。実際にはその先には当事者がいて、それらの暴言や誹謗中傷によって傷つく人がいる。気軽に呟くその言葉はそのままヘイトスピーチにつながっていることも多い。 本noteはそれらの事実誤認に応えるために開設した。心当たりのある方は悪意のある言説に乗せられ、犯罪者にならないためにもお読みください。 ※ここではアイヌに対して日本のマジョリティである日本民族、和人を「和民族」と統一して表記します。 アイヌ民族鎌倉時代渡来説を検証してみるアイヌ民族が鎌倉時代(13世紀)に北方から来襲し、擦文人やオホーツク人を殺戮して定住をし始めたので、アイヌ民族は先住民族では無いとのトンデモ説がネット
ちょっと衝撃的な話を聞いた。マジで? PC持ってない(自宅にwi-fiなし)若年層が急増 ↓ スマホテザリングを使ってSwitchなど据置機を遊ぶ人が想像以上にいる ↓ "ギガが減る"のでゲームはDL版よりソフト版のほうが需要が高まってきた & 月末は通信制限で露骨に接続数が減る— tetsu (@metatetsu) November 17, 2019 このtweetが話題になっていました。 そうか、今はそんなことになっているのか……と半ば驚くのと同時に、先日読んだ池上彰さんと半藤一利さんの対談本のなかに、こんな話があったので、「今はそういう時代なんだろうな」とも思ったのです。 fujipon.hatenadiary.com それは、こういう話でした。 池上：半藤さん、いまパソコンが売れなくなったこと、ご存じですか？ 半藤：えっ、売れなくなっているんですか。 池上：はい。みんなパソコンの
デジタル庁は、ダッシュボード開発において品質向上、および設計の効率化に貢献するため、実践ガイドブックとダッシュボード開発ツールのPowerBIのチャート・コンポーネントライブラリを公開します。 資料のダウンロードから取得してください。 公開の目的デジタル庁は、データと根拠に基づいた政策判断・効果の可視化を日本政府内で推進を先導する役割を担っています。その役割の一端を担い、行政や公共機関、民間企業などに従事する方が、わかりやすいダッシュボードを効率的に開発できるように、実践ガイドブック等を提供しています。データをわかりやすく可視化できるようにすることで、多くの関係者間で正しい共通認識を持ち、意思決定の質を向上させ、より良い行動に繋げられるようになることを目的にしています。 実践ガイドブックは、デジタル庁で実践してきた政策データダッシュボードの作成時の知見に加え、行政職員や民間有識者のダッシュ
CSSでグラデーションがかけられるようになって久しいですが、ただ2色をつないでいるだけの人も多いのではないでしょうか？ あるいはジェネレーターでコピペして終わりにしてはいないでしょうか？ 実は、値を細く設定することで、グラデーションに留まらない、より豊かな表現を実現できます。工夫すればこんな表現もCSSのみで行えます。 後半の応用例の実装は手入力のCSSでは困難な部分もあるので、SCSSを使って記述しています。SCSSを使うとCSSだけでは難しい処理もスムーズに行え、mixin機能を使えば、面倒な入力手間も省けるので便利です。記事内で紹介しているグラデーションの生成mixinも用意しました。 デモを別ウインドウで再生する 使われているmixinを確認する CSSグラデーションの種類 CSSグラデーションは色を扱うのでbackground-colorプロパティを使いたくなりますが、backg
国交省がローカル鉄道路線の見直しを検討する会議を立ち上げました。公表された資料を読み解くと、国交省が考える「ローカル線問題の着地点」が見えてきそうです。 国土交通省は、ローカル鉄道路線の見直し方を検討する会議を2022年2月14日にスタートしました。「鉄道事業者と地域の協働による地域モビリティの刷新に関する検討会」（以下、地域モビリティ検討会）と題するものです。 この検討会の開催趣旨は、「鉄道事業者と沿線地域がローカル鉄道の置かれた現状について危機認識を共有し、相互に協力・協働しながら、いかにして利便性・持続性の高い地域モビリティを再構築していくか」について検討するものです。そして、「国としてどのような政策をとっていくべきか」についても審議します。 ポイントは「地域モビリティの再構築」という点でしょう。「地域鉄道の再建」ではないことに、まずは留意しなければなりません。ローカル鉄道のバス転換
日本国内における新型コロナウイルスの感染拡大にともない、東京都が新型コロナウイルス感染症対策サイトを公開しています。 ここでは、このウェブサイトで使われている技術について見ていきます。 GitHub このウェブサイトのソースコードは、GitHub上で公開されています（！） GitHubは、言わずと知れたソースコードホスティングサービスです（設計図共有サイトではありません）。1 イシューやプルリクエストも受け付けており、既に多くの人がコントリビューターとなっています。2 GitHub Actions GitHub Actionsは、GitHubが提供しているCI/CDツールです。 このプロジェクトでは、ビルドやデプロイ、ソースコードの構文チェックなどがGitHub Actionsでおこなわれています。3 Renovate ライブラリの更新は、Renovateによって自動化されています。4 N
《この記事は約 28 分で読めます（1分で600字計算）》 前回の記事では、2022年の電子書籍ライトノベル市場を65.1億円と試算しました。他方、出版社へのヒアリングをもとに「多めに見積もっても20億円台」と推測する声もあります。実際のところ、紙と電子のライトノベル市場はいまどうなっているのか？ さらに調査・試算・考察してみました。少々長い記事なので、結論だけ見たい方は末尾の「紙と電子のラノベ市場を足すと？」をご覧ください。 電子ラノベ市場を公開情報から試算 前回の試算で筆者は「ライトノベルは同シリーズの続刊が年に複数回出ることも多く、利用頻度は他ジャンルより高い可能性もある」と示唆しておいた。つまり、利用率だけを元に試算する前回のやり方は値が低めに出ているが、電子書籍のライトノベル市場はもっと大きいはずだ、と考えていたのだ。 仮にラノベが「20億円台」なら、それ以外で420億円だが……
前回のObsidianの紹介を見て、「Obsidianを使ってみたい」と感じた方はダウンロードしてインストールしてみましょう。今回は、Obsidianの初期設定に加え、プラグインの導入について紹介します。 Obsidianを使ってみる インストールするには Obsidianはローカルで動くアプリなので、インストールが必要です。Windowsの場合は、通常のアプリと同じように公式サイトからダウンロードしてインストールします。以下のサイトにアクセスして、「Get Obsidian for Windows」を押すとダウンロードできます。 Obsidian公式サイト ダウンロードした実行ファイルを開くと、次のような画面が表示されます。英語で表示されていますが、画面下にある言語を選択する部分で「日本語」を選択すると、表示が日本語に変わります。文字が中国語のフォントで表示されますが、設定画面にてフ
2022年1月3日 20時20分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと StatCounterから、2021年12月のソーシャルメディアのシェアが発表された 日本では、Twitterがシェア約5割で圧倒的な強さを見せている グローバルでは、が8割に近い高いシェアを持っている StatCounterから2021年12月のソーシャルメディアのシェアが発表された。世界全体のシェアは以下の通り。 2021年12月ソーシャルメディアシェア/円グラフ 資料：StatCounter Global Stats 2021年12月ソーシャルメディアシェア/棒グラフ 資料：StatCounter Global Stats 日本におけるシェアは次の通り。 2021年12月ソーシャルメディアシェア(日本)/円グラフ 資料：StatCounter Global Stats 2021年12
リリースした新機能がビジネス指標に何の影響も与えていない。ユーザーからの評判も芳しくない。いや、そもそも反応すらない無風状態。我々が費やした努力と時間はなんだったのか。 このような失敗は、ソフトウェアプロダクト開発に携わっていると何度でも経験します。むしろ、期待通りの成果を得られることの方が少ないでしょう。 失敗から得られる知見もありますが、それと引き換えに費やしたコストと時間は戻せません。それが繰り返されると、組織全体の士気が落ち、学習性無力感に支配されていきます。ソフトウェアプロダクトは、そのマネジメントにおいて、常にこれらのリスクを抱えています。 本記事では、機能リリースに伴うこのようなリスクを制御する方法について考えます。 期待する成果が得られないことを前提に計画する機能リリースが期待どおりのインパクトをビジネスにもたらすかどうか。それを事前に予測し、世の中に送り出すべきアイデアを
東京五輪開催を支持する？ 大企業2000社への調査に「お金はいいから逃げ出したい」の“本音”爆発 - Smart FLASH/スマフラ[光文社週刊誌]
東京五輪開催を支持する？ 大企業2000社への調査に「お金はいいから逃げ出したい」の“本音”爆発 社会・政治FLASH編集部 記事投稿日：2021.03.14 06:00 最終更新日：2021.03.14 06:00 3月3日、東京五輪開催に向けた5者協議で、挨拶する橋本会長（中央）。右は丸川五輪相。モニター画面はリモートで参加の（左から）小池百合子都知事、IOCのバッハ会長、国際パラリンピック委員会のパーソンズ会長 東京五輪・パラリンピック組織委員会の森喜朗前会長による「女性蔑視発言」に端を発し、聖火リレーに参加予定だった著名人たちの “辞退ドミノ” が止まらない。 ロンドンブーツ1号2号の田村淳（47）が、愛知県犬山市の聖火ランナーを辞退したのを皮切りに、五木ひろし（72）、常盤貴子（48）、斎藤工（39）、棋士の藤井聡太二冠（18）、大関・正代（29）など、多数が追随。表向きは「スケ
私はこの秋、一人暮らしを諦めた。 現在、東京での大学生活4年間と社会人1年目の寮生活の計5年のブランクを経て、久しぶりの実家暮らしを絶賛満喫しているが、いろいろあって11月初旬に割と真剣に一人暮らしを検討していた。内見までしてここにしようかと決める手前までいったのだが、結局母親を説得できず、この計画は頓挫した。 というのも、主にお金の工面について納得のいく説明をつけられなかったからである。 お金の工面、といっても"生計を立てる"的な意味合いではない。今回問題となったのは「ジャニオタとしての」お金の工面である。 正直、オタ活にかかる費用も含めて「まあどうにかなるやろ」と甘く考えていたのだが、いざ母親に「じゃあどうやって毎月のお給料から、生活費とジャニーズのお金を捻出するの！？」と問い詰められると（問い詰められ方のクセがすごい cv:千鳥ノブ）、論破できるような数字的根拠がなかった。これまでそ
以下はAman Varma( Twitter / GitHub / stackoverflow / Webサイト )による記事、12 Super websites to help you with your CSS problems ☺の日本語訳です。 12 Super websites to help you with your CSS problems ☺ これらは、あなたのCSSをより楽しく簡単に装飾してくれる、そしてもしかしたらあなたが躓いているCSSの問題の多くを解決してくれるかもしれないWebサイトたちです。 1. Pixel art あなたもきっとピクセルアートが好きに違いありません。 90%の人はpngでピクセルアートを書いてサイトに追加していると思いますが、でもそのピクセルアートをCSSで書けたらもっといいと思いませんか？ そこでPixel Art to CSSです。 書
Excel「セルの結合」正しい使い方と誤った使い方の違いを理解せよ！ - わえなび ワード＆エクセル問題集 waenavi
Excelには、「セルを結合して中央揃え」をはじめとするセル結合の機能があります。これは、セルの区切りを無くす書式であり、Excelの基本的な機能として知っておかなければならないものです。ところが、最近は、無意味にセル結合を多用してしまう事例が後を絶たず、大きな問題となっています。「セル結合をやめろ」という意見もあり、Excelファンの一人として残念で仕方がありません。 確かに、過剰なセルの結合はデータ管理や分析の妨げとなり、不特定多数の人に多大な迷惑を及ぼす行為です。しかし、セルの結合そのものは単なる書式の一つにすぎず、正しく健全に使えば、決して害悪を及ぼすものではありません。 そこで、今回は、Excelのセル結合と解除の方法について改めて復習するとともに、セル結合の正しい使い方と間違った使い方について解説します。 目次 １．セルの結合と解除（復習） ２．セル結合が許される例 （１）タイ
Pythonグラフ入門
Matplotlibの2Dグラフ 折れ線グラフ 棒グラフ 積み上げ面グラフ 散布図 ヒストグラム ヒートマップ 等高線図 極座標系の図 箱ひげ図 円グラフ Matplotlibの3Dグラフ 3次元の折れ線グラフ 3次元の散布図 3次元の等高線図 ワイヤーフレーム サーフェスプロット Matplotlibの設定 図のタイトル Figureオブジェクトの書式 軸の設定 目盛りの設定 凡例の設定 線の書式 色の書式 カラーマップ 文字の書式 日付と時刻の書式 グラフの保存 複数のグラフ 日本語表示 オブジェクト指向なグラフ作成 Tips Seaborn ヒートマップ 2変数間の関係 relplot 多変数間の関係 pairplot カテゴリ変数の関係 catplot 見た目の変更 Pandas 折れ線グラフ 棒グラフ 積み上げ面グラフ 散布図 グラフ作成の共通設定 ご案内 当サイトについて お問
データビジュアライゼーションの基礎
情報を正しく伝え、美しくかつ明確な図やグラフを作成するための基本を解説します。「ビジュアライゼーションで大切なことは、本質を正しく伝えること」との信念に基づき、見栄えの悪い図、不適切な図、誤った図を避け、情報を正確にかつ効果的に伝えるために最適な要素、かたち、色の選択をするための指針をまとめています。著者は統合生物学の分野で著名な研究者であるだけでなく、cowplot、ggridgesをはじめ、数多くのRのデータ可視化関連パッケージの開発者であり、著者の豊富な経験から蓄積された知見の集大成と言える本書からは、優れたグラフを作成するための原則、哲学、美学を学ぶことができます。本書収録のグラフを作成したRコードはGitHubから利用可能。 訳者まえがき まえがき 1章 はじめに 1.1 見栄えの悪い図、不適切な図、誤った図 第Ⅰ部 データからビジュアライゼーションへ 2章 データを可視化する：
手書きスタイルのグラフやチャートを簡単に作成できるJavaScriptライブラリを紹介します。手書きの度合いも調整でき、ちょとラフな感じ、雑な感じ、かなり雑な感じ、ぐちゃぐちゃな感じにもできます。 グラフやチャートに使用するデータは外部.csvファイルにも、カンマ区切りのテキストデータにも対応しています。 roughViz.js -GitHub roughViz.jsの特徴 roughViz.jsのデモ roughViz.jsの使い方 roughViz.jsの特徴 roughViz.jsは、ブラウザで手書きスタイルのグラフやチャートを作成するためのJavaScriptライブラリです。D3.jsとrough.jsをベースにしており、MITライセンスで利用できます。 グラフやチャートは、現在7種類に対応しています。 棒グラフ（垂直） 棒グラフ（水平） ドーナツ 折れ線グラフ 円グラフ 散布図
2020年に行われたGoogle検索の約3分の2が検索結果のサイトをクリックしない「ゼロクリックサーチ」だったことが判明
検索ワードを入力すると関連するウェブサイトを一覧表示してくれるGoogle検索は世界中の人々に利用されており、日本でも「ググる」という動詞として用いられることがあります。そんなGoogle検索について、検索エンジン最適化(SEO)やマーケティング事業を手がけるSparkToroのランド・フィシュキンCEOが、「2020年に行われたGoogle検索のうち約3分の2は検索結果画面に表示されたウェブサイトへのリンクをクリックしない『ゼロクリックサーチ』だった」との調査結果を発表しました。 In 2020, Two Thirds of Google Searches Ended Without a Click | SparkToro https://sparktoro.com/blog/in-2020-two-thirds-of-google-searches-ended-without-a-cl
2022年2月15日 JavaScript, Webサイト制作 手書きのものってどこか温かみがあって親近感がわきますよね。今回はそんな手書き風のUIを実装できるJavaScriptライブラリーを紹介します！ ↑私が10年以上利用している会計ソフト！ Rough Notation Webサイト｜GitHub テキストの一部を強調したり、注釈を入れたいところに手書き風マーカーを追加できます。まさに今書いてます！というようなアニメーションも面白いですね。 導入方法 JavaScriptファイルで import { annotate } from 'https://unpkg.com/rough-notation?module'; または npm でインストールします。 npm install --save rough-notation 実装方法 基本的には実装したい要素を指定して、装飾を指定し、
こんにちは、@versionfive です。 SmartHRのプロダクトデザイングループにUXデザイナーとして転職して、10ヶ月ほど経ちました。 昨年年末で入社8ヶ月くらいだったのですが（すでに2ヶ月以上経過…）、自分がどんな仕事してきたか振り返ったほうがいいかなー、とぼんやり考えるようになっていました。 UXデザイナーとして入社後に設定したテーマ（やること）は、常に自分の中にありますが、「SmartHRのUXデザイナーは具体的に何する人なのか」の発信はできていなかったからです。 “ 私のつなぐ・そろえるミッションとして、以下を目標にしたデザインの共通言語をつくっていきます。 ・プロダクトと広告/販促制作物などとの体験の整合をとること ・プロダクト内の体験をそろえ、生産性をあげること ” ということで、入社後の8ヶ月間でやったことを振り返って、 「UXデザイナーと肩書きがついているプロダク
この記事の写真をすべて見る 「小論文などの実用的な文章を書くのに、特別な文才は必要ありません」と話すのは、ウェブ小論文塾代表で1500人以上を指導してきた元NHKアナウンサーの超人気講師、今道琢也さん。全27問の例題と解答例を示しながら具体的に解説する著書『文章が苦手でも「受かる小論文」の書き方を教えてください。』でも明かした、文章作成のノウハウを、文章を書く時の手順（5段階）にそって整理した一覧で紹介します。 ＊ ＊ ＊ 【1】問題文の整理・理解 ● まず、聞かれていることがいくつあるのかを整理する。 ● キーワードとなる言葉の意味は、特に慎重に考える。 ●「踏まえ」「即して」などの、答案を書く上での条件に注意する。 ● 問題がない場合は自分で設定する。その際は何を書くのか目的をはっきりさせて設定する。 ● 課題文付きの出題の場合は、課題文のどこに焦点を当てて聞いているのかをよく考え
プログラミング能力とUIのデザイン能力を両方兼ね備えているスーパーマンはともかく、一般的な開発者であればウェブアプリの開発時にUIのデザインで頭を悩ませた経験があるはず。もちろん、そうした需要に応えて世間にはさまざまなUIライブラリが存在しているわけですが、今回は「Tremor」というReact用UIライブラリで大きなアップデートがあったとのことなので、実際に使ってどんなUIが使えるのかを試してみました。 Tremor – The React library to build dashboards fast https://www.tremor.so/ Tremorを利用するためにはnode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した Node.js のインストール | Node.js https:
2020年7月5日に投開票を迎える東京都知事選。6月18日の告示を過ぎても候補者の討論会が開かれない異常事態が続いていたが、投開票が約1週間後に迫った6月27日、ついに候補者による生討論が実現した。インターネットメディア「ChooseLifeProject」の主催により、津田大介氏を司会に迎え、4人の候補者（現職・小池百合子氏、元日弁連会長・宇都宮健児氏、れいわ新選組代表・山本太郎氏、元熊本県副知事・小野泰輔氏）が約1時間にわたって討論した。 この討論会では主催者が用意した10の質問に、4人の候補者が○×形式で答えて政策の違いを浮き彫りにしたり、候補者や司会者からの指名制の質問に答えることで都政に対する具体的な考えを各候補者が示して進められていった。 本記事では、これまでオープンな質問に答える機会が少なかった現職・小池氏の3つの回答に着目し、どのように小池氏が質問に答えたのかを一字一句漏ら
AWS の Public IPv4 アドレスに 2024年2月1日から請求が開始される件について影響を事前に確認する - サーバーワークスエンジニアブログ
マネージドサービス部 佐竹です。 2023年7月末に発表された AWS における Public IPv4 アドレスの有料化が話題ですが、事前にこの利用料金への影響度合いを調査する方法についてお知らせします。 はじめに AWS 公式ブログ 新着情報 – パブリック IPv4 アドレスの利用に対する新しい料金体系を発表 / Amazon VPC IP Address Manager が Public IP Insights の提供を開始 AWS におけるパブリック IPv4 アドレスの使用状況の特定と最適化 影響の確認方法について 利用料金への影響を確認する AWS 利用料確認ページから明細を確認する AWS Billing > Bills から確認する AWS Cost Explorer から確認する 費用発生の原因となるリソースを特定する Amazon VPC IP Address Man
データ分析開発合宿を開催しました～自社サービス改善のためのデータ分析事例紹介～ - NTT Communications Engineers' Blog
この記事では、社内部署横断で開催したデータ分析開発合宿について紹介します。 自社サービスが持つ課題に対して、社員がデータ分析と課題解決のための施策提案に取り組み、サービス側へのフィードバックと改善へつなげることができました。 目次 目次 はじめに 各サービスでの分析内容と施策提案 NeWork 課題と提供データの簡単な説明 バブル滞在時間と画面共有時間の傾向分析 通話あたりの画面共有率の傾向分析 Node-AI 課題と提供データの簡単な説明 1日でやめてしまったユーザーの傾向分析 SDPF 課題と提供データの簡単な説明 日時当たりの送信元IPアドレスのユニーク数を使った分析 報告を受けての各サービスでの施策状況 終わりに はじめに 皆さんこんにちは、ソリューションサービス部の小関と是松です。 今回はこちらの記事の続編です。 データ分析開発合宿を開催しました～自社サービスのデータ利活用を促進
無料で大量のデータを見やすいグラフで可視化できるオープンソースのセルフホスト可能なアプリ「Metabase」でGIGAZINE読者アンケートの結果を分析してみた
「Metabase」はオープンソースでセルフホストも可能なデータ視覚化ツールです。前回の記事でその使い方を確かめられたので、早速GIGAZINE夏のプレゼント大放出企画で集めたアンケートデータを分析してみました。 Metabaseのセットアップや機能については下記の記事で詳しく解説しています。 無料で大量のデータを自動で見やすいグラフなどで可視化し定期的に更新反映されるダッシュボードをオープンソースでセルフホスト可能なアプリ「Metabase」を使ってみた - GIGAZINE GIGAZINEのアンケート結果を読み込むためにPostgreSQLのセットアップを行います。前回に引き続きDockerを利用するので、下記のコマンドでPostgreSQLを起動します。「パスワード」や「ディレクトリへのパス」は適宜書き換えて下さい。 docker run --name metabase-postg
requestAnimationFrame()というとCanvas APIなどを使ったクリエイティブコーディングでよく使われる手法ですが、クリエイティブコーディングに限ったものではなく、一般的なウェブサイトのアニメーション表現にも役立ちます。 この記事では「トップに戻るアニメーション」を例に、requesetAnimationFrame()の基本的な使い方から、実際のWebサイトで使える実装までチュートリアル形式で解説しています。 この記事で学べること requestAnimationFrame()でアニメーションするやり方 ディスプレイのリフレッシュレートに依存しない実装方法 イージング関数を使ったアニメーション さまざまな作例のサンプルファイルも用意しています。ぜひご覧ください。 サンプルを別ウインドウで再生する setInterval()との違い requestAnimationFr
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 初めまして。Yahoo! JAPANでAthenzというOSSセキュリティプラットフォームの運用・開発を行っている松本拓也です。 唐突ですが、私は色覚異常です。今回は私が見ている色について、どんなふうに見えているのか、少しでも理解していただけたらと思います。そして、それを踏まえてYahoo! JAPANのアクセシビリティーの取り組みを簡単に紹介します。 色覚異常ってどういうもの？ 色覚異常という症状についてどれほどご存じでしょうか？ 色覚異常は色を見る能力に何かしら異常があることを示し、色が見えなかったり、わからないという症状があります。（今回は色覚異常に伴う視力異常については触れません）色覚異常は男性の5％程度に見られ（このあと
なぜメタバースで過ごすのかと問われれば、「そこに帰る日常があるからだ」というのが筆者の個人的見解だ。筆者は、ソーシャルVRサービスの「VRChat」を始めて約9ヵ月で3000時間程度、平均して週に100時間以上、1日に10時間以上はVRゴーグルを被って同サービスにログインしている、「メタバース住人」の中でもかなりヘビーな部類に入る人間だ。どうして、特定の目的もない自由すぎるこのゲームに数千時間も費やすのか、そんなにも長い時間いったい何をして過ごしているのか。傍目から見ればわからないことだらけではないかと思う。本稿では、そんなの生活を、筆者の個人的な体験に基づいて紹介していきたい。 すでに「メタバース時代」は到来している？ ──と、冒頭から飛ばしてしまったが、本編に入る前にメタバースに関する基本情報から押さえておこう。Facebookの「Meta」への社名変更以来、「メタバース」という言葉を
レジ袋有料化はグリーンウォッシュ
2020年7月1日にレジ袋が有料化されて間もなく一年が経とうとしています。昨今、レジ袋をはじめプラスチックストロー、ペットボトルなどプラスチック製品の削減が叫ばれていますが、その主たる目的は「海洋プラスチック問題」とされています。たとえば、プラスチック資源循環戦略（令和元年5月）の「１．はじめに―背景・ねらい―」には以下の記述があります。 本戦略の展開を通じて、国内でプラスチックを巡る資源・環境両面の課題を解決するとともに、日本モデルとして我が国の技術・イノベーション、環境インフラを世界全体に広げ、地球規模の資源・廃棄物制約と海洋プラスチック問題解決に貢献し、資源循環関連産業の発展を通じた経済成長・雇用創出など、新たな成長の源泉としていきます。 また、プラスチック製買物袋有料化実施ガイドライン（令和元年12月）の「１．プラスチック製買物袋有料化制度の背景・概要」にはこう書かれています。 プ
Firefox OSの軌跡 - Qiita
Original article:https://medium.com/@bfrancis/the-story-of-firefox-os-cb5bf796e8fb written by Ben Francis. モバイル市場は長らくAndroidとiOSの独擅場ですが、その牙城を崩すために、数多くの企業やコミュニティが挑戦を繰り返してきました。 Windows Phone、BlackBerry OS、Sailfish OS、Harmony OS、Tizen、etcetc… 中でも特に注目されていたモバイルOSのひとつが、Mozillaが開発していたFirefox OSです。 以下は、その始まりから終わりまでの一部始終を描いた物語、The Story of Firefox OSの日本語訳です。 著者のBen Francis( Twitter / GitHub / Medium / Link
つながりをデータから解き明かしたい ~ 複雑ネットワークの世界とそれを活用した不正検知の紹介 | メルカリエンジニアリング
この記事は、Merpay Tech Openness Month 2020 の17日目の記事です。こんにちは。メルペイのMachine Learningチームのhmjです。 検知精度とオペレーション負荷のトレードオフ解消 取引の連続性に着目した検知 と不正決済の検知への機械学習の適用の内容にて投稿してきました．今回は「集団的な不正の検知」がテーマとなります． 昨今，Web不正検知やセキュリティに関わるでもECサイトでの集団による不正の手口は多様化や複雑化してきていることが報告されています[1]． メルペイでも，今後起こり得る集団的な不正決済への対策を講じる必要があると考えています． 集団的な不正は検知できたとしてもその全体像がみえにくいこともあり，ソリューションとしては「検知できること」と「すばやく全体像を把握できる」を満たすものが求められています． 両者を満たす解決方法として，グラフ理論
Google Analytics 4の決定版ガイド - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
Webサイトの分析を行う際、必ずと言ってよいほど必要となるGoogle Analytics。SEOの文脈においても、必須のツールと言えます。そんなGoogle Analyticsですが、後継となるGoogle Analytics 4の導入をGoogleは勧めています。まだまだ仕様が変更されたり追加されたりなどの状況ではありますが、将来的には確実に主流のツールとなるはずです。Universal Analyticsをメインで使われている方も多いと思いますが、Google Analytics 4を網羅的に解説したCXLの記事を紹介いたします。 Google Analytics 4は次世代のGoogle Analyticsだ。プラットフォームをゼロから再構築し、Webサイトやモバイルアプリの全体的な測定を可能とするため、データの収集方法を変革した。これは、Googleにとっても初めての試みである。
フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ
TOPコラム新発見！フロントエンド技術の今フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ 2024年9月2日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念
パワポよりおもしろいプレゼンツールを見つけてしまいました。 その名も..... です！ 簡単に言うと インタラクティブなプレゼンツールで、プレゼンターと参加者でプレゼンの画面上でクイズをしたり、アンケートをリアルタイムに投票＆集計できちゃいます！！ MentimeterのURLはこちらです。 僕はこのツールを高校生の授業(社会科)にて使用してみましたので、早速授業で活用してみた感想と使い方について紹介します。 Mentimeter 作業環境は英語になっていますが、英語がわからなくても使えますのでご安心ください。 こちらが、プレゼン制作時の編集画面です。 パワポと同じように、真ん中にビジュアルが配置され、左側にサムネイルが順番に並んでいます。そして、右側にクイズやコンテンツの設定するゾーンがあります。結構直感的に触れるのでそこまで迷うことはない気がします。 ここがいい！Mentimeter×
【10分で作成】Microsoft TeamsでForms投票、その結果をPower BIでリアル可視化 - Qiita
【10分で作成】Microsoft TeamsでForms投票、その結果をPower BIでリアル可視化Office365PowerBIMicrosoftTeamsPowerAutomateMicrosoftForms はじめに Microsoft Teamsには、チーム内で、簡単にMicrosoft Formsの投票機能が呼び出せ、その結果が簡易的な棒グラフで同チーム内にリアルタイムに表示できます。また投票されたデータはMicrosoft Formsの管理機能で円グラフ、1件づつの回答結果、Excelでの回答一覧を取り出せます。 こちらを、Power AutomateとPower BI Serviceを連携することにより、リアルタイムに好きなビジュアルで表示するようにします。 尚、当初は【1】の手順でTeams内で使えるクイック投票機能（FormsがTeamsの投稿時のアプリになっている
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
統計学者や数学が得意な人ほど「円グラフの使用は避ける」その理由とは？ - ナゾロジー
Nginx系が増加し、Apache減少 - 8月Webサーバシェア
「若者のパソコン離れ」について - いつか電池がきれるまで
ダッシュボードデザインの実践ガイドブックとチャート・コンポーネントライブラリ（ベータ版）｜デジタル庁
1歩踏み込んでみる！ CSSグラデーションのマニアックな世界 - ICS MEDIA
ローカル線、輸送密度2000人以下で法定協議か。国交省「地域モビリティ検討会」資料を読み解く | タビリス
東京都 新型コロナウイルス感染症対策サイトで使われている技術 - Qiita
続・ライトノベル市場とはなにか？ 規模はどうなっているのか？ | HON.jp News Blog
標準機能でも便利な「Obsidian」をプラグインで使いやすくする | gihyo.jp
【Excel】グラフは見た目が勝負！エクセルの3-D円グラフを説得力のあるグラフにする2つのコツ【いまさら聞けないExcelの使い方講座】
2021年SNSシェア、日本はTwitterが圧倒的な強さ - ライブドアニュース
ビジネスインパクトのない新機能に費やす時間とコストを低減する｜mtx2s
ジャニオタ、2019年の支出を振り返る - 君の輝きをぼくにちょうだい
あなたのCSS力の助けになってくれる素晴らしいWebサイト12選 - Qiita
ちょっと面白いスクリプト！グラフやチャートを手書き風のラフな感じにするJavaScriptライブラリ -roughViz
手書き風UIを実装できるJavaScriptライブラリー
UXデザイナーとして入社して、8ヶ月間でやったことを振り返ってみる｜versionfive
作文が苦手な人に知ってほしい！万能文章作成術「5つの手順」 | AERA dot. (アエラドット)
いい感じのUIをサクッと作れるReact用ライブラリ「Tremor」を使ってみた
遂に実現した候補者討論会。小池都知事は質問にどう答えたか？ 信号無視話法で分析してみた « ハーバー・ビジネス・オンライン
Canvasだけじゃない！requestAnimationFrameを使ったアニメーション表現 - ICS MEDIA
どんなふうに見えてるの？ 色覚に配慮したUI設計事例 #UI
VRChatに週100時間ダイブするドハマりプレイヤーが語る、もはや引き返せないメタバース生活 | PANORA
パワポよりおもしろいプレゼンツールを見つけてしまった件について｜PowerPoint+