更新情報: 2013/11/19: 初版公開 2021/01/08: 訳文見直し、追記 こんにちは、hachi8833です。今回は、自分が知りたかった、Active Recordモデルのリファクタリングに関する記事を翻訳いたしました。1年前の記事なのでRails 3が前提ですが、Rails 4以降でも基本的には変わらないと思います。リンクは可能なものについては日本語のものに置き換えています。 なお、ここでご紹介したオブジェクトは、app以下にそれぞれ以下のようにフォルダを追加してそこに配置します。 注記: 以下は使われそうなフォルダを列挙しただけであり、実際にはこの一部しか使いません。 Value Object Service Object Form Object Query Object View Object Policy Object Decorator ⚓ 肥大化したActive
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
サカン竜一郎@世界の打楽器 @wyrm06 世界中の伝統楽器とハンドパンが大好きな楽器マニア。とにかく不思議な音が大好きです！インド・中東辺りの打楽器も大好物。ご依頼はDMで。Rav Vast Drum公式パートナー。 vastdrum.com/discount/SAKAN #ハンドパンで遊ぶ会 主催。 youtube.com/user/wyrm06 サカン竜一郎@世界の打楽器 @wyrm06 ワールドミュージック界隈で話題騒然、世界中の民族音楽が聴ける慶應大Global Jukebox 、マジで直感的に操作できるのがすごく良い…。世界地図からも行けるし、動画後半のように円グラフ状に表示された地域一覧からも調べられます。 theglobaljukebox.org pic.twitter.com/v4qo0AMMAH 2022-11-11 19:21:23
決定木の可視化ライブラリ「dtreeviz」が凄かったのでまとめる - St_Hakky’s blog
こんにちは。 決定木の可視化といえば、正直scikit-learnとgraphvizを使うやつしかやったことがなかったのですが、先日以下の記事をみて衝撃を受けました。そこで今回は、以下の解説記事中で紹介されていたライブラリ「dtreeviz」についてまとめます。 explained.ai dtreevizの概要 dtreevizとは より良い決定木の可視化を目指して作られたライブラリです。 解説記事 : How to visualize decision trees Github : GitHub - parrt/dtreeviz: A python machine learning library for structured data. Sample Imagesdtreeviz/testing/samples at master · parrt/dtreeviz · GitHub 多
グラフでウソをつく方法――統計リテラシーのための基礎文献（松谷創一郎） - エキスパート - Yahoo!ニュース
ウソグラフの世界 ここ数年、統計学がブームとなっています。オープンデータやビッグデータなど、IT化の進展とともにそれまで以上にさまざまな数字が扱われるようになっています。 そんな統計において、欠かせないものがグラフです。数値を図形化して視覚的な理解をうながすグラフには、棒グラフ、折れ線グラフ、円グラフなどなど、さまざまな種類があります。 ただ、意図的かどうかはさておき、作為が加えられたグラフを見かけることも珍しくありません。数値に手を加えることはもってのほかですが、それよりも目立つのは見せ方を工夫（作為）して実際の数値以上の効果や影響を錯覚させようとするものです。そうしたものは、「ウソグラフ」あるいは「クソグラフ」などと呼ばれたりします。 それでは、こうしたウソグラフにはどういうものがあるのでしょうか？ 電子コミック市場は急成長？ 先日『News Picks』という新興のネットメディアに、
プレゼン資料のスライドデザインを自動化してくれる最強のWebアプリ「Beautiful.AI」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ プレゼン用のスライド資料を作成する時に、テキストボックの配置に悩んだりフォントやカラーリング、チャートの作成に時間を掛けていたりしませんか？ 今回ご紹介するサービスは、AIの活用により多種多様なスライド資料を学習させて最適なデザインを提案し、無駄な時間をカットして本来プレゼンに必要な「伝えたいこと」だけに集中できます。 超短時間で見栄えが良くて分かりやすいスライド資料を作りたい方は、ぜひ参考にしてみて下さい！ 【 Beautiful.AI 】 ■「Beautiful.AI」の使い方！ それでは、実際に「Beautiful.AI」を触りながらどのように利用すればいいのかを見ていきましょう！ トップページにアクセスしたら、画面上部にある「SIGN UP」ボタンをクリックします。 「メールアドレス」「パスワード」を入力すればユーザー登録は完了です！
[2021年版]AWSセキュリティ対策全部盛り[初級から上級まで] というタイトルでDevelopersIO 2021 Decadeに登壇しました #devio2021 | DevelopersIO
[2021年版]AWSセキュリティ対策全部盛り[初級から上級まで] というタイトルでDevelopersIO 2021 Decadeに登壇しました #devio2021 DevelopersIO 2021 Decadeで登壇した動画や資料を掲載、解説をしています。AWSのセキュリティについて網羅的に扱っています。ちょー長いのでご注意を。 こんにちは、臼田です。 みなさん、AWSのセキュリティ対策してますか？(挨拶 ついにやってまいりました、DevelopersIO 2021 Decade！私は「[2021年版]AWSセキュリティ対策全部盛り[初級から上級まで]」というテーマで登壇しました。 動画と資料と解説をこのブログでやっていきます。 動画 資料 解説 動画はちょっぱやで喋っているので、解説は丁寧めにやっていきます。 タイトル付けの背景 今回何喋ろうかなーって思ってたら、2年前のDeve
![[2021年版]AWSセキュリティ対策全部盛り[初級から上級まで] というタイトルでDevelopersIO 2021 Decadeに登壇しました #devio2021 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/675b9f7ba022b69269412062d62e4128f16d5b33/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2021%2F10%2F2021_aws_security_all_1200_630.jpg)
仕事で差をつけるChatGPT活用術。初心者でも使えるスゴいテクニックを達人に聞く - ミーツキャリアbyマイナビ転職
業務効率化に一役買ってくれると話題の「ChatGPT」。 今や「大学生の4人に1人が就活でChatGPTを使っている」といったデータもあり、リリース当初はあまり興味のなかった方でも、最近は「自分の仕事でうまく使えたりしないかな？」なんて考える機会も増えてきたのではないでしょうか？ ただ、ChatGPTが作業をどこまで効率化してくれるのかはまだまだ未知数です。時間を食う資料の作成やExcelの集計作業などをまるっとお任せできたらうれしいけど、思うようなアウトプットが得られず手間が増えたら、本末転倒な気もしますよね。 それに、ChatGPTの生成データをめぐっては、権利関係や内容の中立性・正確性などの側面で一部懸念の声も挙がっています。業務内での利用を禁止する企業や、自身のコンテンツを「学習・流用」されないよう自衛措置を講じるクリエイターも存在します。使用にあたってのルールも、完全に整っている
プレゼンテーションはいくつかのポイントを押さえれば、大幅に分かりやすく、説得力があり、オーディエンスの心を掴むものになる。今回はパワーポイント等でのプレゼン資料の作り方のポイントを５つに分けて紹介する。 1. 作り出す前に構成をざっくりと考える 聴く人の腹に落ちるプレゼンテーションをしたければ、まず構成を練ろう。行き当たりばったりで、思い付いたことをスライドにまとめると、最も伝えたいメッセージが薄れてしまったり、論理構造が狂ってしまう可能性があるからだ。一方で、実際に手を動かしてスライドを作っていく中で良い表現は浮かんでくるのも事実。 そこで最低限、あらかじめ次の2つをざっくり書き出すようにする。 最も主張したいメッセージ (結論） プレゼンのどこかしらに盛り込みたいこと 次に、書き出されたものを見ながら、どうやって(1)結論までのストーリーを作るか考える。以下に、そのストーリーの代表的な
解析まで10分！最強のMySQLチューニングツール「Jet Profiler」 - Lancers開発ブログ
こんにちは、keiです。 今回は、MySQLのチューニングに大活躍な「Jet Profiler」というツールをご紹介します。 Jet Profilerとは Jet Profilerは、MySQL向けのクエリアナライザです。 クエリチューニングは、DBパフォーマンスチューニングの中でも重要な作業の1つですが、 Jet Profilerを使えば、その作業をGUIで直感的に行うことができます。 フリーウェアの形態で提供されており、機能限定版であれば無料で利用することができます。 購入する場合は、$499となります。 詳細情報、ダウンロードは公式ページからどうぞ。 http://www.jetprofiler.com/ja/ Jet Profilerの魅力 その1 導入のしやすさ 通常のWindowマシンに、普通のアプリケーションをインストールする感覚でインストールが可能です。 イン
『メッセージとストーリーのない発表はカスだ！』卒業論文・修士論文 プレゼンテーションの心得 - 五味研究室(仮)
研究室の学生用に用意した資料をここにも掲載しておきます。 PDFをslideshareからダウンロード出来るように公開しました。 卒修論生のみなさま、こんにちは、五味です。 卒修論(卒業論文・修士論文。異なる名称であってもそれに類する研究活動)において、これまでに立派な研究成果が上がっている、という前提で、よりよい研究発表をするための心得を紹介したいと思います。まずは本資料の構造を紹介しましょう。 まず、この資料はそもそもなにか、そしてどのように使うべきか。次は研究報告プレゼンテーション、特に卒修論発表というのが、そのものがどのような場であるか。次はメッセージとストーリー、すなわち報告全体の方針。スライド作成の原則、口頭発表の注意事項、そして最後に、本番の報告にあたっての心構え、です。 前書きではまずこの資料そのものについて。 本資料の目的はよりよい卒修論プレゼンテーションをしていただくこ
Google の可視化ツールの Data Studio を試してみた - 唯物是真 @Scaled_Wurm
Google Data Studio (データスタジオ) という可視化サービスがベータ版で使えるようになっていたので試してみた 見たい数値を一覧するためのダッシュボード的なものを作るためのサービスなので、いろんな場所からデータを取ってきて一箇所でまとめて確認するのが用途っぽい(今のところ似たようなサービス・ツールの方が機能が多そう データソース データソースとしてGoogle AnalyticsやBigQuery、Google Spreadsheet、MySQLなどを選んでデータを取ってこれる データソースを選んでGUIでグラフやテキストを配置していく データの既存のフィールドに関数を適用した結果の値を使うこともできる 使える関数のリスト 下の画像ではGoogle Analyticsの「ブラウザ」(Chrome, Firefoxなど)と「ブラウザのバージョン」(バージョンの番号)をCONC
機は熟した！グラフ構造に対するDeep Learning、Graph Convolutionのご紹介 - ABEJA Tech Blog
はじめまして。ABEJAでResearcherをやらせていただいている白川です。 先日、化合物の物性推定をDeep Learningをつかって従来手法より300,000倍高速に処理するという論文がでました（[1], [2]）。この論文の手法は、Graph Convolutionというグラフ上に定義されたConvolution演算がベースとなっています。物性推定に限らず、グラフ解析全般を Deep Learning で上手にこなせるようになれば、Deep Learningのアプリケーションの幅がぐっと拡がり、さらなるイノベーションが起きそうな予感がします。 ICMLやNIPSなどの機械学習系の主要国際会議でも数年前からGraph Convolutionについての論文がちらほら出現しはじめており、とくに最近その勢いが増してきている印象があります。個人的にも最近（前から？）にわかにグラフづいてい
統計データ・市場調査データを提供するサービス11選
業界の市場動向を調べる際に、皆さんはどのように根拠データを入手していますか？自社のホームページに新規コンテンツを立ち上げたい時、どの方向に展開をしていけばそのマーケットを押さえることができるでしょうか。これらを解決するのが、Web上で閲覧できる統計や調査データの数々です。各企業が自社で調査した数値を公開しているものもあれば、国が統計データとして公開しているものもあります。 今回は調査や統計データを入手できるサイト、調査機関のサイトをまとめました。皆さんのビジネスにお役立てください。 ※データの引用や利用にあたり制限がある場合があります。詳しくは各サイトの利用規約などをご確認ください。 統計データや市場調査データが公開されているサービスまとめ 総務省統計局 http://www.stat.go.jp/ 今回紹介する中では最も利用され、また目にする機会も多い調査の一つかもしれません。総
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお
「難しい」「役に立たない、ムダ」「何をやってるかよくわからない」というイメージがある哲学。実際のところどうなのでしょうか？ 哲学者に話を聞いてきました。哲学者ってどうやってなるの？ なんで哲学やってるの？ うーん。実に興味深い……。 こんにちは。ライターの恐山（おそれざん）と申します。 難解な哲学書を読んでいるふりをしています。 唐突ながらおたずねします。 みなさんは「哲学」という言葉にどんなイメージを持っていますか？ 周囲の人たちに聞いてみたところ、このような反応でした。 ・難しいことを言っている学問 ・役に立たない学問 ・無意味な学問 ・名言を考える学問 ・本気でやると不幸になって、発狂して孤独に死ぬ ・気むずかしい屁理屈好きの趣味 ・ヒゲ ・就職できない ……散々です。 で、「哲学者が考えている哲学的な問題」って、たとえばこんなイメージじゃないですか？ ろうそくの火は消えるとどこに行
『こづかい万歳』の登場人物の行動は不合理に見える。 その一方で自分にも覚えがあるため親近感がわく。 吉本先生の振る舞いを行動経済学で解き明かす。 定額給付金の回 ステーション・バー*1を筆頭に、ちょくちょくTwitterをざわつかせるマンガ『こづかい万歳』。あの特別定額給付金回が無料になったので読んだ。 思わず「さすがプロだ」と関心してしまった。この回は、突発的な収入を手に入れた人の心理をよく描いている。読んでいて「この事例、行動経済学の本に書いてあったやつだ」となるのだ。冷静な第三者視点から見ると愚かに見えるが、当人からすると至極当然の選択。それが次々と繰り出される。 特に笑ってしまったのが著者・吉本先生の「欲しいものリスト」である。5位が「とらやの羊かん」で、贅沢に丸かじりしようと考えているのだ。 定額制夫の「こづかい万歳」 ～月額2万千円の金欠ライフ～ - 吉本浩二 / 第１１話 |
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
クリエイティブなファビコンを設置しよう
2017年9月22日 Webサイト制作, 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ↑私が10年以上利用している会計ソフト！ ファビコンをデザインする ファビコンは16×16ピクセルとかなり小さいながらも、その存在は偉大です。複数のタブを開いている時や、ブックマークリストの中から、ひと目見てどのサイトか区別できるからです。 多くの場合、そのWebサイトのロゴマークを縮めたり、簡略化したものがファビコンデザインとして採用されています。CHANEL、A
初めて使ったBIツールはLooker Studioのid:syou6162です。これまでTableau / Looker(≠ Looker Studio) / Metabase / Redash / Connected Sheetsなど色々なBIツールを触ってきましたが、不満は色々ありつつも個人的に一番しっくりきて愛着があるのはLooker Studioです。このエントリでは、その魅力と便利な使い方や注意点について書きます。例によって、社内勉強会向けの内容を外向けに公開しているため、内容の網羅性などは特に担保していないことにご注意ください。 Looker Studioの魅力 利用のハードルが限りなく低い & Google Workspaceとの連携が便利 複雑過ぎることができないので、諦めが付けやすい ちゃんとBIツールになっている Looker Studioの便利な使い方 多様なデータソ
Redash の次にくるのは superset!! - Airbnb 謹製の BI ツールが OSS で - Witch on the Other Shore
Redash (re:dash) 流行ってますね。 redash.io 最近 Github をにわかに賑わせている OSS が superset です。 github.com superset とは 公式説明によると data exploration platform とのことですが、僕の感覚的にはこれはつまり、いわゆる Business Intelligence (以下 BI) Tool です。そう、Tableau のような。 OSS (Apache 2.0) サーバーサイドは Python で書かれている Flask や pandas、SQLAlchemy などを利用 さまざまなデータソースに対応 (MySQL, Redshift、SparkSQL など) グラフ描画の種類が豊富 Role や Permission についてある程度細かく設定可能 Airbnb Engineering
繋がりを可視化する グラフ理論入門｜es
個人的に、一番面白いデータ構造であり探索アルゴリズムです。 ここで言うグラフは円グラフや、棒グラフのことではないです。プログラミングで扱うのは、図のように、点と線を繋げたものです。 ズバリ、人と人の繋がりを表現できます。 今回もJavascriptで実装します。 グラフ理論は、SNSだったり、レコメンドだったり、地図の経路だったり ルーティングだったり、点と点の繋がりを可視化します。繋がりを表現するデータ構造です。 巨大なインターネットもそうです。 そいう意味で、すごく身近なアルゴリズムですよ。 グラフの基本は次の２点で構成されています。 ・ノード：node(vertex) - 点（人、物、場所） ・エッジ：edge - 辺(繋がり、経路) 上の図を見ると一目瞭然ですね。ノードを人だとしたら、エッジが関係性です。まずは、これだけ理解できれば大丈夫です。 ちなみに、方向がない辺を無向グラ
コロナワクチン接種「希望する」は63%、「希望しない」は37% 年齢が若いほどワクチン接種に消極的 SNSでコロナ情報を収集している人はワクチン接種に消極的 コロナワクチン接種意向 上図は新型コロナウイルスのワクチン接種意向を円グラフで表したものです。 コロナワクチン接種を希望する人は全体の62.8%となっており希望しない人を上回ってはいるものの、残りの37.3%は接種を希望していないことが分かりました。 コロナワクチン接種意向と回答者属性の関係性 年齢が若いほどワクチン接種に消極的 上図はコロナワクチン接種意向を年齢別に表したものです。 これによると若い世代ほどワクチン接種を希望しない人が多く、年齢が上がるにつれて希望する人が多くなる傾向が読み取れます。 このように若い世代ほどワクチン接種に消極的になる原因として、コロナ発症時の重症化リスクの年齢差が考えられます。 コロナウイルスは高年層
【媒体資料】メディアシート作ったことない奴ちょっと来い【1枚目】 | Sanow Labs blog（サノウラボブログ）
GMOアドパートナーズ(株)がソーシャルメディア・Web広告戦略を提供するラボサイト!Web広告のトレンドや、SEO/SEM、ソーシャルメディアの最新手法の紹介から、ニュース、インタビュー記事等を掲載していきます。実績を通じて得た経験や専門的且つ、実践的なテクニックを活かして、他社の先を行く実効性のあるマーケティング戦略論を提供します。はじめに WEBサービス開発者のみなさん、こんにちは。GMOサーチテリア代表の中橋です。 当社エンジニアの執筆ペースが芳しくないので、本日も社長の中橋が代打で広告メディアについて書かせて頂きたいと思います。ヨーソロー！ （※某代打系ブログをリスペクトしつつ参考に） ところで 新卒の採用シーズンですね！ おかげさまで日々大学生のエントリーシートを拝見させていただいております。本当にありがたいことです。 ・・・そこでふと思ったのです。 「エントリーシートを制
DCIアーキテクチャ - Trygve Reenskaug and James O. Coplien - Digital Romanticism
この記事はartima developerに掲載されている、Trygve Reenskaug氏とJames O. Coplien氏による記事「The DCI Architecture: A New Vision of Object-Oriented Programming」を、著作権者であるBill Bennrs氏の許可を得て翻訳したものです。本文内の図の著作権はArtima, Inc.に帰属します。（原文公開日：2009年3月20日） 要約 オブジェクト指向プログラミングはプログラマとエンドユーザの視点をコンピュータコードにおいて統一するものと考えられていた。この恩恵はユーザビリティとプログラムの分かりやすさの両面にわたる。しかし、オブジェクトは構造をとらえるのに長けている一方で、システムの動作をとらえることができていない。DCIはエンドユーザのロールに関する認識モデルとロール間の関係を
突然ですが、「UI Stack」ってご存知ですか？ アメリカのプロダクトデザイナー Scott Hurff さんが3年ほど前に世に出した考え方で、考慮すべき UI の5つの側面を示したものです。 当時「これは使える！」と思って社内向けに作った勉強会資料を見つけて、今でもやっぱりすごく大事だと思ったので、備忘録的に書いておきます。 ちなみに元記事はこちら。（英語です） UI Stack とは？Stackとは、1つの画面が持つ（複数の）側面、状態、ステータスのようなもの。その側面ごとに最適化されたUIを設計しようするのが UI Stack の考えです。 Scottさんが紹介しているUI Stackは5つ。 ※図はScottさんのページから引用 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error
2014/10/14 追記 本書87ページに「母数」という単語が複数回出てきますが、 これは全て「分母」とすべきでした。*1 通常、統計学の文脈では、母数は各確率分布を特徴付ける変数を指す単語であり、 例えば正規分布は平均と分散という二つの母数によって形状が決定されます。 決して母数と分母（あるいは全数）と誤解してはなりません。 しかし母数と分母を混同することは本当によくあることで、 本書はこのような頻出する誤解を訂正し、 皆様が統計を用いる際の失敗を一つでも減らす という目的で執筆に至ったにも拘らず、 まさか本書でこのような重大な失敗をしてしまったことに対し 心からお詫び申し上げ訂正させて頂きます。 なお、問題個所の記述は共著者の森藤氏ではなく 私が記述したものであり、全責任は私にあります。 本を書くに当たり、誤字脱字や言い回しの不備は出来る限り無くすべきですが、 人間であるためミスをす
「HeartRails Graph」 は、下みたいなグラフを簡単に作成するサービスです。各項目の文章と比率を入力すると、いわゆる 「べつやくメソッド」 的なグラフが適当に生成されます。レビュー記事やアンケート結果等にいかがでしょうか？ 作成したグラフはそのままブログやホームページに貼り付けられる他、Web API による生成も可能です。もちろん、いずれも無料でご利用いただけます。詳しい使い方についてはヘルプをご覧ください。また、元ネタはこちらやこちらをご参照ください。（なお、大規模なアンケートシステム等への組み込みに関しては、本システムのご購入をご検討ください。）
こんにちは、最近はアプリグロースを担当しているabeshi（@abeshi_official）です。 美容のプラットフォーム「LIPS」を運営するAppBrewでは非開発職のSQL習得に力を入れています。誰でもRe:dashやログを触れる状態になっているし、それぞれのDBに何がどう入っているかを共有するためのドキュメントも存在しています。 「非開発職もSQL書けるように頑張ろう！」と掲げたところで、当の本人たちは毎日仕事が忙しくなかなか時間も取れない上に明確な目標がないといまいち学習モチベーションを保つことができません。そこで弊社が導入したのが「SQLテスト制度」です。 ✍️SQLテスト制度とは SQLの学習到達度によってレベルごとに分けたテストで、合格すると給与が上がります。 *1現在は二つレベルが存在していて、 【レベル2】... 初学者向けでwhere・joinなど基本的な文法が使え
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
5/4に検索してきた人かわいそうに・・・。 もう試合終わってるよ(´Д`) キーワードデータ 僕は記事を書く際に特定のキーワードにアクセスが集中するのではなく、様々な細かいキーワードでアクセスが集まる記事作りを重視しています。 そういう意味で今回の記事は4/18～5/4までの17日間だけで、5838種類のキーワードでのアクセスがあり、ロングテールの集客に成功した記事と言えます。 5838個のキーワードは、ちょっと多いので上位30位までのキーワードデータを貼り付けておきます。 大事なことだと考えているのは、右の円グラフでグレーの部分ができるだけ50%に近づくことです。（100%は「not provided」と「not set」があるので物理的に無理。） 円グラフの青い部分と緑の部分は「not provided」と「not set」でこれらは検索キーワードが取得できない分なので無視するとして、
日本酒がわからない 一番うまいのをおしえてくれ！ Tweet 7 名無しさんの飲食店＠料理全品774円(長崎県) 2011/10/19(水) 21:08:43.67 ID:phEzrP6s0 ワンカップ大関がいちばん美味い 冗談とかじゃなく 10 名無しさんの飲食店＠料理全品774円(神奈川県) 2011/10/19(水) 21:09:01.62 ID:a6P8T0s30 >>7 酵母の研究凄いらしいね 18 名無しさんの飲食店＠料理全品774円(京都府) 2011/10/19(水) 21:09:32.31 ID:6nrdUdOc0 日本酒の大吟醸とかああいう酒の言葉の意味がよくわからん 31 名無しさんの飲食店＠料理全品774円(京都府) 2011/10/19(水) 21:10:21.84 ID:FT4/hfXG0 >>18 精米の度合い 531 名無しさんの飲食店＠料理
おはようございます、なのくろです。年の瀬ですね。 この記事は ABEJA Advent Calendar 2020 の最終日です。 追記：おかげさまで Qiita LGTM賞 を受賞いたしました、ありがとうございます！ 私は2020年01月にABEJAへ入社しました。チームではフロントエンド開発全般を任されています。 参入してちょうど１年が経過しましたので、今年取り組んだことをまとめました。 「フロントエンドを100倍速く」というタイトルは誇張気味なのですが、難しいことはせず、基本的なパフォーマンス改善を素直に実践したという話を書きます。 本稿では事例とやったことを紹介するのみですが、何かしらの知見や改善のきっかけに役立てば幸いです。 サービスについて 話をする前に、どんなサービスを開発しているかについて少しだけ触れます。 ABEJA社では「Insight for Retail」という、小
縦軸に目盛のないグラフ（インターネットもデータ分析も好きなぼくが、入社一年未満でWeb解析コンサルタントを辞めた理由） - 廿TT
主張 縦軸に目盛のない棒グラフや折れ線グラフを描くのはやめよう。 棒グラフ 以前の職場でよく見かけた棒グラフがこのようなものでした。 これは万能棒グラフです。 2007-10-22 - 定義すれば存在する 目盛のベースラインが 0 スタートでなくてもいい 目盛線は省略していい という風に棒グラフを書いてしまうとどんなデータにもあてはまる、万能棒グラフができあがります。 どんなデータにもあてはまるとは、つまりデータの特徴をなにも表せていない統計グラフということです。 統計グラフとしての機能をはたしません。 折れ線グラフ また、このような折れ線グラフもよく見かけました。 ここで、折れ線グラフは縦軸の幅を広くとれば大きな差を小さくみせ、狭くとれば小さな差を大きく見せることができることに注意してください。 縦軸に目盛がないと、この目盛操作に気づくのは困難です。 退職の理由 わたしは新卒で Web
これは金融業界では昔から有名なグラフです。*1 個人金融資産とは「日本の個人が保有してる金融資産の合計」、簡単に言えば「日本人の貯金合計」で、総額 1500兆円と言われています。不動産は含んでいません。 借金も含まないので、純粋な資産総額はここから借金（住宅ローン、その他の借金）を引く必要があります。 1500兆円の大半は郵便貯金、銀行の預金、保険、個人年金、国債等であり、株式、投信などが少ないのが日本の特徴です。なので、リーマンショックとかの影響をあまり受けません。 で、この1500兆円の金融資産を誰がもっているかを世帯主の年代別に分けると下記のようになります。*2 すごくないですか？？ 60歳以上で 6割です！！ でも、こんなので驚いてはいけません。50歳以上で見てみると、グラフは下記に変わります。 ついでに 40歳以上と 39歳以下でわけてみましょうかね。日本の個人金融資産 1500
Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVG（Scalable Vector Graphics）のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの本命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGはHTML、CSS、JavaScriptと並ぶWebの要素に SVGは2001年にバージョン1.0、2003年にバージョン1.1がW3Cの勧告として策定されました。しかしマイクロソフトはIE6、IE7、IE8とずっとSVGに対応せず、一方でSVG策定以前から同社などが推進していたVML（Vector Markup Language）と呼ばれるベクター形式の言語を実装してきました。 Webブラウザで最大シェアを持つIEで使えないSVGは
江戸幕府末期の財政状況がわかる図 | Kousyoublog
う～ん… 内容豊富も目次粗放、索引なし あくまでも受験用の参考書だな 目次不備、索引なし、内容豊富だが問題点も 上は享保15年、下はその約100年後、江戸幕府末期の天保14年の幕府財政状況です。 享保15年は徳川吉宗による享保の改革の真っ只中。吉宗が将軍就任の前の時点は、幕府は五代綱吉のころの米価下落と綱吉から七代将軍家継までの間に膨らんだ財政赤字、さらにとどまるところを知らない物価上昇などによってそれまでの蓄えを食い潰してしまっているという状況でした。 そこで、将軍就任後、倹約と増税（年貢を五公五民にする、定免法による年貢収入の定率化など）による財政再建を行い、成果を出し始めたのがこのころ。農民への年貢取立ては苛烈を極め、「胡麻の油と百姓は絞れば絞るほど出るものなり」とは享保の改革で辣腕を振るった勘定奉行神尾春央の有名なセリフですが、当然、増税に対して一揆なども頻発していたと言いま
サイゲしか載ってねえ！2018年度、週刊少年漫画雑誌の裏表紙広告の98%、190/194がCygames関連でした。 - 情報中毒者、あるいは活字中毒者、もしくは物語中毒者の弁明
2018年度の週刊少年漫画誌の裏表紙広告は、Cygames関連だけで全体の97.9%、約98%を占めていました。 全194冊のうち、190冊がサイゲ関連の広告だったのです。 サイゲ本体の「グランブルーファンタジー」113回、「シャドウバース」27回、「プリンセスコネクト！Re:Dive」33回、「ウマ娘」5回。 そして、共同開発*1で12回。 週刊少年四誌の裏表紙広告はもうサイゲしか載ってねえ！状態。 円グラフにすると、こんなですわ。 2015年は31回、2016年は117回、2017年は159回、今年は190回。 多いとかなんとかじゃあなくて、他はどうなってるんだって話ですね。 どういう契約なんだろう。 昨年、一昨年、一昨々年の記事はこちら。 Cygames多すぎぃ！2017年、週刊少年漫画雑誌の裏表紙広告の83%はサイゲームスで、ほぼ独占状態でした。 グラブルとシャドバで埋め尽くされて
PCの空き容量を増やすために、サイズの大きいファイルと古いファイルを簡単に探し出すことができるフリーソフトが「JDiskReport」です。サイズの大きいファイルTOP50の表示やファイルを変更してからの日数ごとの分布表示などが可能で、Javaが動作するWindows・Mac・Linuxに対応しています。 ダウンロード、インストール、機能については以下から。 JDiskReport Downloads | JGoodies http://www.jgoodies.com/downloads/jdiskreport/ 今回はWindowsにインストールするので、上記サイトの「jdiskreport-1_4_0-win.exe」をクリック。 ダウンロードした「jdiskreport-1_4_0-win.exe」を実行します。 「Next」をクリック 「Next」をクリック 「Install」を
約６分のプレゼンが話題になっているようです。 字幕を付けた人のページ：頭良さそうにTED風プレゼンをする方法 ウィル・スティーヴン 「頭良さそうにTED風プレゼンをする方法」 - YouTube 要約すると、 「伝える中身が何もなくて情報ゼロでも、テクニックだけで賢く見せるプレゼンはできる。こんな風にねｗ」 っていう感じ。 で、そのプレゼンを真に受けて 「たしかに、中身がないテクニックだけのトークに騙される奴いるよなｗ」 「けっきょく人間なんて中身を見てなくて、外見の印象しか見てないんだよなｗ」 という極端な反応をしている人がいたので、ちょっと解説しておこうと思いました。 まず折角なので、このプレゼンで示されている「ＴＥＤでのプレゼンテクニック」についての内容情報を分かりやすいカタチに引き直してみます。 ０分～ 驚かせよう！ 行為：まず自分の主張を伝える。 方法：スピーチ。言葉を変え、表現
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
肥大化したActiveRecordモデルをリファクタリングする7つの方法（翻訳）
ワールドミュージック界隈で話題騒然、世界中の民族音楽が聴ける慶應大Global Jukebox
聴衆を惹きつけ納得させるプレゼンテーションを作る5つの方法 - Literally
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」:phpspot開発日誌
「哲学ってなんなの？ ムダじゃない？」 哲学者に話を聞いてきた - ジモコロ
こづかい万歳の行動経済学 - 本しゃぶり
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
Looker Studioの魅力と便利な使い方を紹介します - yasuhisa's blog
コロナワクチン「希望しない」37%．若年層ほど消極的｜コロナワクチンに関する意識調査
Bad な UI を改善する 「UI Stack」 って知ってます？｜nr
エンジニアのためのデータ可視化実践入門という本を書いた - あんちべ！
HeartRails Graph | キュートな円グラフ簡単作成サービス
SQL学習モチベを爆上げする「SQLテスト制度」を導入している話 - AppBrew Tech Blog
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
ブログ1記事のみで3日間で30万円以上稼いだアフィリエイトの手法を公開しちゃうよ。
日本酒がわからない 一番うまいのをおしえてくれ！ : 飲食速報(ﾟдﾟ)ｳﾏ- 2chまとめブログ
フロントエンドを100倍速くした（ ＾ω＾） - Qiita
個人金融資産の年代分布 - Chikirinの日記
SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に
どのファイルが空き容量を減らしている原因なのかグラフ化できるフリーソフト「JDiskReport」
賢いと思わせるＴＥＤ風プレゼンのテクニックを解説してみる - 彼氏は日本人。彼女はフランス人。