HTML要素をグラフィカルにアニメーション化できる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 マップに勾配表示... 続きを読む

病院データグラフィカ - 病院データをグラフィカルに分析

2014/05/12 37 users 分析

続きを読む

【すげぇ】ディズニーの動きの基本原則を表した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拡張機能をご紹介します。 【無料】一目で分かるグラフィカルな高機能解析！ 針のいらないホッチキス コクヨ ハリナックスわた... 続きを読む