タグ グラフィカル
人気順 10 users 50 users 100 users 500 users 1000 usersHTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた！ - paiza開発日誌
2022/11/09
135 users
paiza開発日誌
JavaScriptライブラリ
操作
どうも、まさとらん（@0310lan）です！ 今回は、HTML要素を簡単にアニメーション化できるJavaScriptライブラリをご紹介します。 初期設定はJavaScriptで書きますが、実際のアニメーション作りに関してはタイムラインエディタを利用した直感的な操作で実現しているのが大きな特徴です。ちょっとしたインタラクションから3... 続きを読む
オープンソースのモニタリングデータ可視化ツール「Grafana 7.0」リリース | OSDN Magazine
2020/05/19
20 users
OSDN Magazine
Grafana
リリース
強化
米Grafana Labsは5月18日、オープンソースのモニタリングデータ可視化ソフトウェア「Grafana 7.0」を公開した。ユーザーインターフェイスやカスタムプラグインなどで強化が図られている。 Grafanaはデータベース内に記録した監視データをグラフィカルに表示するダッシュボードを提供するソフトウェア。統計情報（メトリ... 続きを読む
Goで作られたターミナルツール「gotop2.0」など1月のGitHub Release Radar | マイナビニュース
2019/02/14
48 users
GitHub
マイナビニュース
CPU
メモリー
ターミナル
GitHubは、公式ブログThe GitHub Blogにおいて1月の"Release Radar"を発表した。Release Radarでは、注目のオープンソースプロジェクトなどを定期的に紹介で紹介している。 gotop 2.0は、CPUやメモリー、ディスク使用率やプロセスリストなどターミナルでグラフィカルに表示させるモニターツール。Googleが携わるGo言語で... 続きを読む
システム負荷を表示するtloadコマンドの使い方 | マイナビニュース
2018/10/28
161 users
CUI
システム負荷
マイナビニュース
ターミナル
コマンド
HowtoForgeに10月25日(米国時間)に掲載された記事「Linux tload Command Tutorial for Beginners (with Examples)」が、システム負荷平均を表示するtloadコマンドの使い方を伝えた。tloadはシステム負荷をターミナルにCUIでグラフィカルに表示するコマンドで、使い方はtloadと実行するだけ。ターミナルにシステム負荷がC... 続きを読む
言語切替のUIデザインについて考えてみる｜灰色ハイジのデザインノート｜note
2018/04/24
66 users
灰色ハイジ
Note
UIデザイン
国旗
ポートフォリオ
いま、自分のポートフォリオを英語/日本語どちらにも対応しようと思っていて、どのように切り替えるべきか、リサーチのためにいろんなサイトを見て回った。その時にこれは良い、これは避けたほうが良さそう、と気付いたことがある。 国旗を使うことによる問題 デザイン上のスペースの節約からか、あるいはグラフィカルに補助したいという理由からか、言語切替のUIで国旗を見かけることがある。 日本にいると「日本=日本語」... 続きを読む
デザイナーの為のグラフィカルな最新フリーフォントまとめ「22 Fresh Free Fonts Download」 | DesignDevelop
2017/11/28
21 users
フリーフォント
Font
DesignDevelop
貴方
TOP > Font > デザイナーの為のグラフィカルな最新フリーフォントまとめ「22 Fresh Free Fonts Download」 優れたフォントはデザインをする上で欠かせない要素のひとつ。より良いデザインを目指していくためにも、常に最新のフォントはチェックしておきたいもの。今回ご紹介するのは、そんな貴方におすすめしたいデザイナーの為の最新のフリーフォントをまとめた「22 ... 続きを読む
Webサーバー向けのベンチマークツールを使ってみよう（後編）――Apache Jmeterとwbench - さくらのナレッジ
2017/01/24
16 users
ナレッジ
Apache JMeter
後編
Apac
さくら
今回はWebサーバーに対するある特定のパターンでのアクセスによって発生する負荷を調べたい、といった場合に有用な「Apache Jmeter」と、クライアントでのJavaScriptの実行時間までも含めたWebページのロード時間を測定できる「wbench」を紹介する。 グラフィカルにテストシーケンスを作成できる「Apache Jmeter」 記事前編 ではWebサーバーの負荷テストを行える「Apac... 続きを読む
グラフィカルに伝えるインフォグラフィックの勉強に最適なデザイン参考サイト20個とツールサイトのご紹介 – YATのBLOG
2016/01/21
50 users
YAT
インフォグラフィック
Blog
勉強
ツールサイト
WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。情報を伝えるのに、文章では伝わりづらいことが多々あります。そんな時に必要とされるのがデザインの役割なのですが、中でも人が普段あまりみないような情報、専門性の高い情報などは、一層伝わりづらく、文章や数字を並べただけでそれを理解するには非常に敷居が高くなってしまいます。 そんなとき、グラフやビジュアルを... 続きを読む
【統計学】尤度って何？をグラフィカルに説明してみる。 - Qiita
2015/11/17
294 users
GitHub
Qiita
general
master
全文
統計学や機械学習をを勉強していると「尤度」という概念に出会います。 確率関数や確率密度関数を理解していれば数式的には処理はできると思うのですが、少し直感的な理解のためにグラフィカルに解説を試みたいと思います。 コードの全文はGithub( https://github.com/matsuken92/Qiita_Contents/blob/master/General/Likelihood.ipyn... 続きを読む
「できません」と言わないソフトウェア技術者の話。 | Books&Apps
2015/09/20
549 users
Books&Apps
GoogleAnalytics
知人
私の知人に、ほとんど「できません」と言わないソフトウェア技術者がいる。営業であれば、「出来ません」と言わない方は普通にいるのだが、ソフトウェア技術者では珍しい。 「GoogleAnalyticsのように、グラフィカルに表示できないですか？」⇒「なんとかしましょう」 「1週間以内に実装できないですか？」⇒「わかりまし私の知人に、ほとんど「できません」と言わないソフトウェア技術者がいる。営業であれば、... 続きを読む
分かりやすいWeb入力フォームのための十戒 | デザイン | POSTD
2015/06/24
587 users
POSTD
ユーザフレンドリー
ユーザネーム
十戒
デザイン
Web入力フォームを、読みやすく、入力しやすく、ユーザフレンドリーにデザインするために注意すべきことはなんでしょう？本記事は、その問いの答えとなる十戒(+1)について、実際の適用のグラフィカルな例を示しつつ詳しく紹介していきます。1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネーム... 続きを読む
エレベーターゲームで学ぶプログラミング『Elevator Saga』 | 100SHIKI
2015/01/25
426 users
100SHIKI
プログラミング
START
アルゴリズム
初心者向けとは言いがたいが、なかなかおもしろかったのでご紹介。 Elevagtor Sagaではエレベーターのシミュレーションを通じてプログラミングを学べるサイトだ。 レベルごとに課題が与えられて、独自のアルゴリズムを組むことでクリアーしていく。 APIなどはサイトで公開されているのでそれを組み合わせればいいだろう。 自分なりのコードを組んで「Start」ボタンを押すとグラフィカルに結果がわかって... 続きを読む
「カメラロールを共有」するアプリ『Picsee』の可能性 « WIRED.jp
2014/12/24
85 users
Picsee
iPhoneアプリ
領域
WIRED.jp
共有
2014.12.24 WED 「カメラロールを共有」するアプリ『Picsee』の可能性 スマートフォンで撮影した写真を共有できるアプリ『Picsee』は、これまでの「共有」という体験を少し変えてくれる。家族や友人同士、あるいはグラフィカルな領域でビジネスをする人にとって便利なツールだが、アイデア次第でそれ以上の使い方が生まれそうだ。 12月24日に公開された無料のiPhoneアプリ『Picsee（... 続きを読む
KDDI、Firefox OS採用の開発ボードOpen Web Boardを無料配布。GUI開発環境Gluinも用意 - Engadget Japanese
2014/10/03
67 users
KDDI
Engadget Japanese
無料配布
用意
KDDI、Firefox OS採用の開発ボードOpen Web Boardを無料配布。GUI開発環境Gluinも用意 BY Ittousai 2014年10月03日 11時23分 0 KDDIが Firefox OS を採用した開発ボード Open Web Board と、ブラウザ上でグラフィカルに電子機器の連携動作をプログラミングできる開発ツール Gluin を発表しました。 KDDI では O... 続きを読む
ブラウザの背景全体に画像を表示する（ランダム配置とアニメーション）【jQuery連載03】 | HTML5でサイトをつくろう
2014/09/25
51 users
アニメーション
ブラウザ
背景全体
HTML5
画像
今回はブラウザ全体に写真を配置したサンプルです。CSSなどでも背景に写真を配置することができますが、様々なウインドウサイズによって表示領域を制御するためにjQueryを使用して作成してみました。 一枚画像の表示だけでは簡単なので、背景画像をランダムに表示させたり、複数枚をフェードアニメーションで切り替えるサンプルを作成しています。 写真をメインにしたり、グラフィカルなサイトを作成する場合に便利なサ... 続きを読む
シンプルお洒落！グラフィックデザイナーがワールドカップを切り取ると、こうなる*prasm
2014/07/11
18 users
prasm
スアレス
アドレナリン
ハローインターネッツ
チャ
ハローインターネッツ！この記事は 「心に響くデザイン」 についてチャって書いた記事ですよ。 ブラジルの絶望も記憶にあたらしいワールドカップ2014ですが、グラフィックデザイナーのRick Hincksさんのアプローチが実にシャレオツ。 シンプルでクールなアートワーク。何を表しているか、一目瞭然ですね（笑） アドレナリンが出すぎて噛み付くスアレスが、グラフィカルに表現されています。 こっちはダビデル... 続きを読む
Googleマップの自転車ルート検索、勾配の表示に対応 (一部地域のみ) - Engadget Japanese
2014/05/18
49 users
勾配
Engadget Japanese
自転車ルート検索
Google マップの自転車ルート検索に、経路の勾配表示が加わりました。対象地域に標高の情報がある場合、目的地までの上り下りと高度をグラフィカルに表示します。 Google マップは自動車・公共交通機関・徒歩に加えて自転車での経路検索に一部の地域で対応していますが、従来はただルートを示すだけで、自転車の場合は単純な距離よりもよほど重要な坂の情報が分かりませんでした。 Google マップに勾配表示... 続きを読む
病院データグラフィカ - 病院データをグラフィカルに分析
【すげぇ】ディズニーの動きの基本原則を表したGIFアニメが話題に ディズニーすぎワロタｗｗｗ：キニ速
2014/05/04
92 users
キニ速
ディズニー
GIFアニメ
基本原則
後追い
ディズニーアニメの12の基本原則をグラフィカルに紹介するGIF画像 押しつぶしと伸縮 予備動作 演出 継続する動きと後追いの動き 運動曲線 副次的な動作 誇張 アピール なるほど、いかにもディズニーっぽい動きに見えますね。 全文はコチラ iamge http://the12principles.tumblr.com/ ネットユーザーの反応 ぽいな(笑) https://twitter.com/ma... 続きを読む
アイマスSSA グラフィカルに『つなぐ』を振り返る : 12円を笑うものは12円に泣く
2014/03/09
17 users
アイマスSSA
IDOL WORLD
アイドルマスター
最大
39 アイマスSSA グラフィカルに『つなぐ』を振り返る カテゴリ:アイマスイベント アイドルマスター さいたまスーパーアリーナライブ 『THE IDOLM@STER M@STERS OF IDOL WORLD!!2014』 2日目に行ってきました！（2/23に！いまさら！超遅い！） アイマス至上最大規模！最大の出演者！ そして最長時間（多分）だったこのライブ………。 ほんっとーに良かったです！ ... 続きを読む
デスクトップ端に常駐するシステムモニタリングユーティリティ『xScan』 - Macの手書き説明書
2013/11/01
18 users
Dock
adnX SARL
ユーティリティ
辞典
Mac
カテゴリ：[ユーティリティ][辞書／辞典／その他] 現在の価格：無料 販売元：adnX SARL 対応OS：10.6以降 期間限定で無料。Dockのようにデスクトップ端に常駐し、各種アイコンをクリックすることでさまざまなシステム情報を参照できるアプリです。表示できる情報は多岐に渡り、グラフィカルで見やすく、しかも詳しいので元の値段が高いのもむべなるかな。使用Macについての基本情報プロセッサアクテ... 続きを読む
CSVデータをベクターグラフィックスで表現「Raw」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
2013/10/21
32 users
ベクターグラフィックス
LGPL
raw
CSVデータ
一例
RawはJavaScript製のオープンソース・ソフトウェア（LGPL）です。表計算で作ったデータというとグラフで表すのが普通だと思います。しかしそれをさらに一歩越えてグラフィカルに表現してくれるのがRawです。 一例です。上がデータ部、下にあるツリーマップがそれを描画したものです。 グラフは色々と用意されています。こちらはバブルチャート。 このような進化図っぽいものもあります。 さらにグラフィカ... 続きを読む
AmazonのAWSがコマンドラインツールを提供, スクリプトを書いて日常ルーチンを自動化しよう | TechCrunch Japan
2013/09/04
73 users
コマンドラインツール
デベロッパ
ユーザインタフェイス
当面
グラフィカル（な）ユーザインタフェイス(GUI)はすてきだが、ときには古き良き日のコマンドラインをどうしても使いたいことがある。Amazonは今日（米国時間9/3）、AWSのコマンドラインインタフェイスを一般公開する、と発表した。 ただしこのコマンドラインツールは当面、デベロッパ向けのプレビューである。このツールを使ってデベロッパは、AWSの23のサービスを、あの少々複雑なWebインタフェイスを使... 続きを読む
グラフィカルなDiff/マージツール「Meld 1.7.5」リリース | SourceForge.JP Magazine
2013/09/03
53 users
Meld
マージ
GUI
デベロッパー
末岡洋子
Meldの開発者は9月1日、GUIでグラフィカルに差分表示やマージを行えるdiffビューア/マージツール「Meld 1.7.5」をリリースした。プロジェクトのWebサイトよりダウンロードできる。 ニュース オープンソース デベロッパー 開発ツール 末岡洋子 関連記事Subversion 1.8をサポートしたマージツール「Meld 1.7.4」がリリース テキストやソースコードを比較して相違点を表示... 続きを読む
本当にやりたい価格比較ができるショップ横断 価格比較Chrome拡張「Auto Price Checker」 - WEBマーケティング ブログ
2013/04/09
52 users
Auto Price Checker
ホッチキス
価格比較
Amazonや楽天、価格.comで買い物をする人なら、どこが一番安いか徹底的に比較したい欲求があると思います。しかしながら、なかなか時間がかかるので、どうしても志半ばに妥協してしまうことものあるのではないでしょうか。 今回は、そんな価格比較の悩みを解決してくれそうなChrome拡張機能をご紹介します。 【無料】一目で分かるグラフィカルな高機能解析！ 針のいらないホッチキス コクヨ ハリナックスわた... 続きを読む