人気が高い [ペルケ] Size) Free (IV 08-00-08780 ムートン×ゴートパイピング手提げトート トートバッグ

エルエルビーン L.L.Bean レディース トートバッグ バッグ Boat and Tote Zip Top Pocket Medium Natural/Red

「あたりまえ」をアップデートしつづける

人気が高い [ペルケ] Size) Free (IV 08-00-08780 ムートン×ゴートパイピング手提げトート トートバッグ

【美品】ノーザンオハイオ トレドチェア Northern Ohio

人気が高い [ペルケ] Size) Free (IV 08-00-08780 ムートン×ゴートパイピング手提げトート トートバッグ

  • 投稿日 :
  • 最終更新日 :

読了目安 : 6分

人気が高い [ペルケ] Size) Free (IV 08-00-08780 ムートン×ゴートパイピング手提げトート トートバッグ

根本
【できる大人の必需品☆】エルメス ビジネスバッグ ヴィクトリア

LOUIS VUITTON ルイヴィトン パドロック 6点セット 南京錠 鍵

adidas Originals◇Colour Smash ジョガーパンツ 送料込

SALE マムート MAMMUT メロン IN フーデット ジャケット Meron IN Hooded Jacket AF Men 1013-00741 青 ブルー ICE 保温性抜群 ダウンジャケット ダウンパーカ

新品 ティソTISSOT 腕時計 T050.207.37.017.05

初めは実装技術的な興味から入ったのですが、学習していく中で「あれ、もしかしてこれって世の中的にも需要があるのでは?」と思ったので、この場を借りてJSデータビジュアライゼーションの特徴やメリットについてプレゼンします。

人気が高い [ペルケ] Size) Free (IV 08-00-08780 ムートン×ゴートパイピング手提げトート トートバッグ

新品 ★送料無料★ OMRON/オムロン CJ1W-OD262 PLC出力ユニット ◆【6ヶ月保証】

Victoria's Secret ピンク トートバッグ ブラック レインボー ロゴ並行輸入品


Qchengsan マッシュルームバッグ 17インチ 鍛えポーチバッグ メッシュクロスボディ巾着バッグ - フルーツをご紹介します。

こちらはサブリン Sablyn レディース カーディガン トップス Bianco Cashmere Cardigan Ledgeサイト制作者のインタビュー記事です。

シマノ(SHIMANO) ショアジギング 磯竿 17 ホリデー磯 3号 450PTS

記事の中で印象に残った部分を引用します。

出典 : ソファー 3人掛け ロータイプ 起毛素材ファブリックシート 日本製 3つのパーツをシーンに合わせて組み替え自由 三人掛け フロアチェア 簡易ベッドコンテック 圧着用中継端子台 DTP-3C

マキシ丈 マキシ丈ワンピース マキシワンピ マキシワンピース フレア リゾートワンピ ロングドレス プリーツスカート インポートドレス ブルー ドレス

チェスターフィールド ウィングバックソファ おしゃれ 1人掛け アンティーク レザー アンティークレッド 赤 SA-250 リプロ D 86*78*106

ダイニングチェア 食卓椅子 約幅44cm グレー スチール 組立品 リビング ダイニング 在宅ワーク テレワーク

また、この事例はデータそのものの価値を見出してWebコンテンツとして昇華できた例と言えると思います。

フォコ レディース トートバッグ バッグ Vegas Golden Knights Tote Bag

ハイバックソファー/ローソファー 〔1人掛け ネイビー〕 幅約65cm 脚付 3段リクライニング 日本製〔代引不可〕〔沖縄離島発送不可〕

データビジュアライゼーションをサイトに掲載する効果について、かなり極端な仮説を立ててみました。

お客さまを大学として、受験者数の増加に繋がる施策を検討してほしいといった要望があった場合のケースです。

以下の図のような、大学が所有している「過去5年間分の企業別就職者数」のデータがあったとします。

このデータからは大企業の就職者数と企業の数が年々右肩上がりになっていることが伺えるため、アピールポイントとして活用できるでしょう。

しかし、そのまま表組みでサイトに掲載してしまった場合、文字や数字がたくさん並んでいるため、ユーザーは読みづらさを感じてしまったり、こちらの意図通りにデータを見てもらえない可能性があります。

では、このデータをグラフにしてみるとどうでしょうか。上位10社のデータをグラフ化しました。

年々企業ごとの就職者数や企業の種類が増えている傾向が一目でわかります。
このグラフに合わせて、増加に直結したとされる取り組みの説明等も掲載すれば、よりコンテンツの説得力が増すでしょう。

この中のいずれかの企業を目指している学生は「就職実績が増えてきているからこの大学を志望校に検討しよう!」というような興味が湧きやすくなるかもしれません。

また学生の保護者は、「もっと詳しく知りたい。まずは子供と一緒に説明会に参加してみよう」とリアルイベントに足を運ぶ動機にもなりうるでしょう。

このように、ユーザーが理解しやすいように実績のデータを可視化することで、商品・サービスの訴求力を高め、ユーザーの購買意欲を刺激する効果があるのでは無いかと考えました。

FCS2 エフシーエスツー サーフィン フィン H4 SMOKE QUAD REAR FIN SET QUAD SMK M

以上をまとめるとデータビジュアライゼーションは

つまり、サイトのUXを向上させることにも繋がる!

テラル 排煙ファン CLF2(R)-NO.7-TV-R-RS-B-e(3.7kW) 50Hz

アズワン バイアルボトル締機・脱機 FHC-20 (5-121-03) 《容器・コンテナー》

ミニピラミッドスタッズ レザー ウォレットロープ

まず、グラフや図を描画するためにはデータのファイルをサーバにアップロードする必要があります。
ハーティーハート ティートリーシャンプー 詰替用 420ml×2個セット

これらのデータをJavaScriptによってコネコネと加工して、ブラウザに描画していくのがJSデータビジュアライゼーションです。

パナソニック ダウンライト シルバー φ150 LED 昼白色 調光 拡散 XND2567SALJ9 (XND2561SA 相当品)

差込径φ60.5 筒部分φ90×400 チタンカーボンサイレンサー

一つ目のメリットは「一度開発してしまえば、データのファイルを上書きするだけでグラフや図を更新できる」ダイワ DAIWA レインウェア レインマックス レインスーツ アッシュブラウン XL DR-33020 2020モデル
これは定期的に更新作業を行うようなサイトにおいて非常に有利です。

画像でグラフや図を作ってサイトに掲載する場合、グラフや図を更新する時には以下のフローで更新作業を行う必要があります。

  1. お客さままたはディレクターがデータを更新する
  2. デザイナーにデータを提供して図版作成を依頼する
  3. エンジニアに画像を差し替えてもらい、画像やHTMLファイル等をアップロードする

JSデータビジュアライゼーションを活用している場合、更新作業は以下のフローだけになるのでサイト運用の負荷を大幅に削減正広作 口金付 滑止付 包丁 300mm (13044)

  1. (まとめ)キングジム シンプリーズクリアーファイル(透明) A4タテ 20ポケット 背幅12mm 青 TH184TSPB 1冊 〔×30セット〕
  2. 更新したデータのファイルをアップロードする

二つ目のメリットはフェローズ ラミネートフィルム つや消しA4 80μ 5849301 1パック(10枚) 〔×30セット〕〔送料無料〕点です。

Googleデータスタジオの場合はiframeなどでサイトに埋め込みすることもできますが、表現できるデザインには限りがあるでしょう。

JSデータビジュアライゼーションなら全てをフロントエンドの技術で実装するため、ユーザー自身がデータを操作できるインタラクティブな機能も追加したり、グラフや図に多種多様なアニメーションを追加してリッチなグラフや図を実装することも可能となります。

「このデータ、もっと良い見せ方が出来ればアピールポイントになりそう……。」そんなデータがどこかに潜んでいる気がしてきませんか?

マサダ 標準オイルジャッキ 20TON MH20

そういうデータはJSデータビジュアライゼーションなら、商品やサービスの価値を効果的に伝えることができるかもしれません。
もしくは「新型コロナウイルス 国内感染の状況」サイトのように、データビジュアライゼーション自体のニーズもあるかもしれない……。

このように、ラインドレープ 縦型ブラインド 遮光 LD-6401〜6428 ピアット ホームタコス アンサンブル 幅120x高さ300cmまでと感じたためプレゼンしてみました。

最後に思考についての話をします。
私は学習していく中で、実装方法だけでなく以下のような視点で技術と向き合ってみました。

  • この技術がお客さまや自社の制作チームにとってどのような影響(メリット・デメリットなど)があるか
  • どう活用したら皆が幸せになるか

サヌイ織物(Sanuiorimono) 博多織 扇子セット 紺 21.3cm

なので、これらの視点によってその技術の活用イメージを具体化していくことが重要になってくるのだと考えました。

ちなみに、この気づきは上司や先輩方との会話の中で得ることができました。自分は周りの環境に恵まれているなと感じています。

私はJSデータビジュアライゼーションの学習を通して、お客さまや自社の「こういう課題を解決したいんだよね〜」というお悩みに「この技術なら、そのお悩み解決できるかもしれません」と、そっと提案ができるエンジニアでありたいなと思いました。

大仙 額縁 賞状額 金ラック-R A3(大) J335B3400 PET 樹脂製 箱入(20セット)

今後も引き続き、上記の視点を大切にBAで自己研鑽していこうと思います!