こんてんつ 見やすいグラフの配色パターンをまとめます。パレットをまとめた後、最後の方で考察を述べています。 結論 カラーユニバーサルデザインが一番見やすいです。 3色使用の場合、カラーユニバーサルデザインの赤、青、緑が抜群に良い カラーユニバーサルデザインは最大7色まで対応可（黒含む） どうしても10色使いたいときは、P. Tol氏が提案するMutedというパレットがある 3色（カラーユニバーサルデザイン） 例 16進カラーコード RGB 名前 ■ #FF4B00 R255 G75 B0 鮮やかな黄みの赤 ■ #005AFF R0 G90 B255 鮮やかな青 ■ #03AF7A R3 G175 B122 重厚な青みの緑 4~6色（カラーユニバーサルデザイン） 上から順に使うと良い。黄色が見にくければ黒を検討すべき。ただしグレーはNG（青との相性が△）。 例 16進カラーコード RGB 名

pluginの解説は以下別記事にしてます zoomとpan(chartjs-plugin-zoom) import まずはimport内容です。 react-chartjs-2はchart.jsも必要です(chart.jsのv4かv3にしか対応してないのでバージョンに注意しましょう。 棒グラフ 棒グラフ作った時のバージョンは以下です。 "chart.js": "3.9.1", "react": "18.2.0", "react-chartjs-2": "4.3.1", ただグラフを作るだけなら簡単でreact-chartjs-2のサイトにサンプルがあるのでそれを参考にしましょう(但しサンプルはtypescript)。私が書いたコードもほとんどこれと同じです。 コード解説 import import内容は基本的にサンプルコピペでOKです。 import { Bar } from "react

#ハマったところ react-chartjs-2の公式サイトでは、幅と高さをカスタマイズするためには、optionとしてmaintainAspectRatio: falseとすると書いてあります。 しかし、その通りにして実行すると、heightは設定した通りになるのですが、widthは横幅いっぱいに広がってしまいます。 この解決方法としては、optionに responsive: falseを加えることで、レスポンシブルデザインをオフにすることで固定幅にすることができます。 #例 実際のコードと実行例は次の通りです。 コード import React from 'react'; import ReactDOM from 'react-dom'; import { Line } from 'react-chartjs-2'; const App = () => { const chartDa

トランプ次期米大統領は、共和党がサマータイム（夏時間）の廃止に向け「最大限の努力を尽くす」と言明した。 １０月２９日、ペンシルベニア州で撮影（２０２４年　ロイター/Brendan McDermid/File Photo） ［ワシントン　１３日　ロイター］ - トランプ次期米大統領は１３日、サマータイム（夏時間）について「不便で、多大な費用がかかる」とし、共和党は夏時間の廃止に向け「最大限の努力を尽くす」と言明した。

まじめに議論するととても荒れそうな話題であるため本来触るべきではないのだろうけれど、叩かれ台的なものすらなかなか見つけられない状況だったので作ってみる。(これが叩かれることによってより良いものになるのなら…。) 下部に大まかな作り方を記載。元となった情報の確度にはかなり差があるので、取扱い注意。 これを使用したことによるいかなる不利益に対しても筆者は責任を負いませんので悪しからず。 ○アマチュアR変換表 （参考）将棋ウォーズの終盤力と段級位（達成率）対応表 ※3つの持ち時間でもっとも高い段位と対応させる。 ※終盤力と段級位（達成率）は非常に強く相関するものの、ぴったり対応しているわけではない様子。 ○プロR変換表 ○作り方 以下のとおり、情報の確度にはかなり差がある。取り扱い注意。 ・24R to 81R：公式の変換表に基づき変換（代表値をもとに直線による最小二乗法で変換） Rating

研究チームは、大規模言語モデル（LLM）を活用し、政治的に分極化をもたらす可能性のあるコンテンツへの影響を調べるため、リアルタイムでXのフィードを再ランク付けするアプローチを開発し、ユーザーへの影響を調査した。 実験では、Xのユーザー1256人の協力を得て10日間実施。ブラウザ拡張機能を使用してフィードをリアルタイムでコントロールし、敵意コンテンツ投稿への接触を意図的に増減させた。 参加者は2つの実験群に分けられ、一方は敵意コンテンツへの接触を減らし（727人）、もう一方は増やす（529人）設定にした。実験の最初の3日間は通常のフィードを見せ、その後の7日間で介入を行った。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

0. 目的 Hooksを用いてサーバーやDBからデータを取得 1. 環境 React : 16.8.6 React Native : 0.63.4 2. ソースコード import React from 'react'; import {FlatList, Text, View} from 'react-native'; import {useEffect, useState} from 'react'; function App() { const [response, setResponse] = useState([]); useEffect(() => { // データ取得(DBの場合もここでread処理を行う) fetch('https://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060') // [1] .then((respo

[アンマン/ベイルート／カイロ ８日 ロイター] - シリアの反政府勢力は８日、首都ダマスカスを掌握し、アサド大統領を追放したと国営テレビで表明した。アサド大統領は航空機で首都を離れたという。これにより、父の政権から５０年余り続いたアサド一族による体制が崩壊した。 シリア当局者はロイターに、陸軍司令部がアサド政権の終焉を将兵らに通達したと語った。ただ、軍はハマやホムスなど主要都市などで「テロリスト集団」に対する作戦を継続していると発表した。

はじめに 本記事はフラー株式会社 Advent Calendar 2024 の6日目の記事です。 5日目は@Daiji256で色彩工学とUIデザインでした。本職Androidエンジニアでありながら、組版に造詣が深いちょっと変わった面白い方です。ペヤングを食べるのがめちゃくちゃ早いです。 なぜ「サポート終了間近」？ 私たちエンジニアにとって身近な「サポート終了」というフレーズ。 「Windows XP のサポート終了」「Internet Explorer（IE）のサポート終了」のように、愛しさとせつなさと心強さを感じさせる出来事を彷彿とさせます。 そして今、30代中盤を迎えようとしている「しがないエンジニア」である私も、どこかソフトウェアのように「サポート期限」が迫っているような気がしてなりません。若手エンジニアの勢いと新しい技術の波に押され、いつの間にか「レガシー化」の予兆を感じる日々。か

こんにちは！ ねこじょーかー（@nekojoker1234）と申します。 Web上で比較的かんたんにグラフを描画することができる「chart.js」を利用している人も多いのではないでしょうか？ 使ったことがない人のために、グラフを描画したイメージを載せておきます。（公式サイトより） 「すごい！いい感じ！」と思うかもしれませんが、これには大きな欠点があります。 それは、「グラフ一つひとつの色を、プログラムで指定しなければいけない」ということです。 公式サイトのソースコードを見ると、以下のようになっています。 <canvas id="myChart" width="400" height="400"></canvas> <script> var ctx = document.getElementById('myChart'); var myChart = new Chart(ctx, { ty

上州将棋祭りを盛り上げる群馬出身棋士の3人（左から藤井猛九段、三浦弘行九段、山田久美女流四段）＝2024年1月3日、Gメッセ群馬 正月恒例の将棋イベント「上州将棋祭り」が2025年は中止されることが4日、分かった。特別協賛してきたヤマダホールディングスによると、以降の開催も未定という。中止の理由について、同社は「将棋の普及については子ども向けイベントを強化する」とし、将棋ファン向けのイベントに区切りを付けることになった。 上州将棋祭りは11年にスタート、コロナ禍の中断をはさんで今年1月までに12回開いた。同社は社会貢献活動に位置付け、日本の伝統文化としての将棋の普及、発展に取り組んできた。 将棋ファンの間では新春の恒例行事として定着。23年は会場をJR高崎駅前の「ヤマダデンキLABI1ライフセレクト高崎」からGメッセ群馬（高崎市）に移して藤井聡太七冠と永瀬拓矢九段の公開対局を行い、2000

データベース内で発生したテーブルやインデックスの変更情報は全てのWALに出力されており、ストリーミングレプリケーション、ロジカルレプリケーション共にWALを利用します。ストリーミングレプリケーションではWALをそのまま送信しますが、ロジカルレプリケーションでは、ロジカルデコーディング機能よってWALから論理的な変更情報を抽出し、独自のバイナリ形式に変換した上で、他のPostgreSQLサーバーへ送信します。 ロジカルレプリケーションは以下のような用途での活躍が期待できます。 データベース単位もしくは一部のテーブルのみを複製 メジャーバージョンアップ 複数データベースの集約 ロジカルレプリケーションの制約 ロジカルレプリケーションには、いくつか制約があります。特に、レプリケーション対象となるオブジェクトや操作については、十分に理解して利用する必要があります。 レプリケーション対象外の操作 T

はじめに最近、LLMへのRAGを用いた文書データの連携等を目的に海外を中心にOCRや文書画像解析技術に関連する新しいサービスが活発にリリースされています。 しかし、その多くは日本語をメインターゲットに開発されているわけではありません。日本語文書は、英数字に加えて、ひらがな、漢字、記号など数千種類の文字を識別する必要があったり、縦書きなど日本語ドキュメント特有のレイアウトに対処する必要があったりと日本語特有の難しさがあります。 ですが、今後、海外の開発者がこれらの課題に対処するため、日本のドキュメント画像解析に特化したものをリリースする可能性は低く、やはり自国の言語向けのサービスは自国のエンジニアが開発すべきだと筆者は考えています。 もちろん、Azure Document Intelligenceをはじめとした、クラウドサービスのドキュメント解析サービスはありますが、クラウドを利用できないユ

$ node server.js (node:57017) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. 下調べした時は、Node.js の ver.12 から ESM はデフォルトでサポートされていると書いていたのに、1行目の import が早々にエラーを吐いて止まったので「あれれ～？おっかしいぞォ～？」状態でした。

１１月１９日、ソニーがＫＡＤＯＫＡＷＡ買収に向け協議をしている。２人の関係者が明らかにした。交渉が成立すれば数週間以内に契約になるという。２０２３年２月撮影（２０２４年　ロイター/Issei Kato） ［ニューヨーク／東京　１９日　ロイター］ - ソニー(6758.T), opens new tabがＫＡＤＯＫＡＷＡ(9468.T), opens new tab買収に向け協議をしている。２人の関係者が明らかにした。交渉が成立すれば数週間以内に契約になるという。

前知事の失職に伴う兵庫県知事選を巡り、毎日新聞社と神戸新聞社は17日、投票を終えた有権者を対象にインターネット調査を実施した。再選を確実にした前知事の斎藤元彦氏（47）は幅広い層から支持を集めた。特に若い世代に浸透し、10～20代の投票先の7割近くは斎藤氏だった。 斎藤氏は知事選で、前兵庫県尼崎市長の稲村和美氏（52）と事実上の一騎打ちの展開に持ち込んだ。いずれも政党の公認や推薦を受けない無所属で立候補し、支持は伯仲した。

減税ってただの政策オプションじゃん 料理していて強火にしたり弱火にしたり、鍋の様子見ながら調整するみたいなもんだろ ところが日本はちょっと減税試そうとするだけで、これだけ与党も野党も官僚もマスコミも総出で潰そうとするんだぜ マジ狂ってるよな 増税カルトと言って過言ではない