HTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた！ - paiza開発日誌

2022/11/09 135 users paiza開発日誌 JavaScriptライブラリ 操作

どうも、まさとらん（@0310lan）です！ 今回は、HTML要素を簡単にアニメーション化できるJavaScriptライブラリをご紹介します。 初期設定はJavaScriptで書きますが、実際のアニメーション作りに関してはタイムラインエディタを利用した直感的な操作で実現しているのが大きな特徴です。ちょっとしたインタラクションから3... 続きを読む

システム負荷を表示する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で国旗を見かけることがある。 日本にいると「日本=日本語」... 続きを読む

グラフィカルに伝えるインフォグラフィックの勉強に最適なデザイン参考サイト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を使用して作成してみました。 一枚画像の表示だけでは簡単なので、背景画像をランダムに表示させたり、複数枚をフェードアニメーションで切り替えるサンプルを作成しています。 写真をメインにしたり、グラフィカルなサイトを作成する場合に便利なサ... 続きを読む

【すげぇ】ディズニーの動きの基本原則を表したGIFアニメが話題に ディズニーすぎワロタｗｗｗ：キニ速

2014/05/04 92 users キニ速 ディズニー GIFアニメ 基本原則 後追い

ディズニーアニメの12の基本原則をグラフィカルに紹介するGIF画像 押しつぶしと伸縮 予備動作 演出 継続する動きと後追いの動き 運動曲線 副次的な動作 誇張 アピール なるほど、いかにもディズニーっぽい動きに見えますね。 全文はコチラ iamge http://the12principles.tumblr.com/ ネットユーザーの反応 ぽいな(笑) https://twitter.com/ma... 続きを読む

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

JPEG画像の画質を下げずに最大90%ファイルサイズを圧縮できる「JPEG Minimizer」 - WEBマーケティング ブログ

2013/04/08 318 users JPEG画像 WEBマーケティング 画質 ホッチキス コクヨ

PNG画像のファイルサイズ圧縮ならPNG Minimizerがオススメですが、JPEG形式の写真を扱うことも多いので、オンラインで手軽に圧縮できないものかと思っていたら、PNG Minimizerの派生型サービスとしてJPEG版もあったのでご紹介しておきます。 【無料】一目で分かるグラフィカルな高機能解析！ 針のいらないホッチキス コクヨ ハリナックスわたくし愛用中です！ JPEG画像のファイルサ... 続きを読む

デザインを言語化しようよって話 - WEBCRE8.jp

2013/02/21 121 users WEBCRE8.jp 言語化 デザイン 理詰め ミニマル

私は理詰めも、感情的な訴えかけもどちらも好きで、シンプルでミニマルな機能重視のデザインもカッコいいと思いますが、五感を刺激し、相手を楽しませるグラフィカルでインタラクティブなデザインも好きです。飾るのがデザインではないと言われても、やっぱり装飾の力も信じています。なんにせよ、それを期待されているならやらないといけないですしねｗ 更に言えば私はフラッシュサイトも大好きです。見たいサイトなら重かろうが... 続きを読む

ありがちなデータベース設計を共有することができる『DB Patterns』 | 100SHIKI

2012/10/15 500 users 100SHIKI データベース設計 for 苦笑 テーブル

これまたマニアックな苦笑。 DB Patternsでは、ありがちなデータベース設計を共有することができる。 フォトアルバムだったらこういうテーブルがあって、こことこのキーが共有されるとかなんとかをグラフィカルに見ることができる。 まだ投稿も少ないし、いろいろ突っ込みどころもあるのだが、初心者のうちは確かに悩むところだし、便利なサービスではなかろうか。 ユーザー登録をするとすでにあるパターンをFor... 続きを読む

あなたのTwitterをグラフィカルに分析してくれるサイト「whotwi」 : ライフハッカー［日本版］

2012/08/18 60 users Twitter whotwi 曜日 ライフハッカー 以下

Twitter , Webツール あなたのTwitterをグラフィカルに分析してくれるサイト「whotwi」 2012.08.18 15:00 「whotwi」はあなたのTwitterをグラフィカルに分析してくれるサイトです。Twitterでの活動具合をグラフィカルに表現してくれますよ。誰との関わりが強いか、どの曜日の何時に一番ツイートが多いかなどを分析できます。 以下に使ってみた様子を載せておき... 続きを読む

金融ニュースの「マーケットギーク」 - 株価・財務諸表・適時開示をもっと見やすく

2012/02/02 69 users 適時開示 株価 財務諸表 Marketgeek 金融ニュース

上場企業の情報をグラフィカルにお知らせする金融ニュースサイト「マーケットギーク」。四半期毎の財務諸表分析から株価とニュースの関連まで、分かりやすくグラフで表示。『Marketgeek』では、株式投資に参考となる情報を提供しておりますが、個別銘柄・投資の勧誘を目的とするものではありません。また、当サイトの情報の内容の正当性、有効性、正確性について保証するものではありません。当サイトの情報に基づいて被... 続きを読む

牛王宝印のグラフィックデザインのセンスがパねぇｗｗｗｗｗｗｗ：キニ速　　気になる速報

2011/12/13 122 users キニ速 センス グラフィックデザイン 速報 護符

1： 忍法帖【Lv=10,xxxPT】 ：2011/12/13(火) 22:44:45.30 ID:UVQiT/E60 多分、護符マニアじゃないと知らないかもしれないけど。 全国各地の神社仏閣から授与される、様々な護符の中に 「牛王宝印」（ごおうほういん：牛玉宝印とも）って言う 御札があるんだけど、内容としては各寺社の名称を極度に グラフィカルにした、まるで絵文字のようなデザインの字が 摺られてる... 続きを読む

ローランドから、音を可視化して操作する iPad アプリ R-MIX Tab -- Engadget Japanese

2011/12/05 80 users ローランド Engadget Japanese 低音 楽曲

ローランドが iPad 用の音楽操作アプリ R-MIX Tab を間もなく発売します。R-MIX Tab は iPad のライブラリにある楽曲を使って、グラフィカルに表示し、特定部分だけを抜き出したりミュートしたりできるアプリ。低音を強調するとか、特定フレーズを抜き出して楽器練習に利用するとか、カラオケ Mix を作るといった楽しみかたができます。そもそも同社は9月に、リミックス機能なども備えた ... 続きを読む

おしゃべり化する社会のなかで、UIのデザインは人間が離れた場所から目を向けるグラフィカルな視覚重視のものから、人が内部に参加する形でそれを体験する建築的なものへと移行する：D

2011/08/06 107 users エージェンシー ヴィジュアル 転移 パンフレット 内部

最近、HTML5の影響やタッチデバイスのUXからの転移もあってか、これまでとは異なるデザインのWebサイトが増えてきているように感じます。 例えば、イギリスのデザイン・エージェンシー、TME Solutions。 このサイトの構造は従来のページ遷移型の構造をしていません。いちおページ単位で個別のヴィジュアルが展開されていますが、構造的には紙を折り畳んだパンフレットのように上から下まで連なった形をし... 続きを読む

JavaScriptを使ったクライアントサイドのテキスト差分表示ライブラリ「Pretty Diff」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/07/10 58 users クライアントサイド CSV Dropbox MOONGIFT

最近のサービスでは履歴管理が次々に取り入れられている。Dropbox、WordPress、Wikiエンジンなど様々だ。そんな履歴管理された内容をグラフィカルにチェックできるのがPretty Diffだ。 0 Pretty DiffはWebベースの差分表示ライブラリだ。JavaScriptやCSS、各種言語に対応する他、CSVの差分表示もできる（ただしCSVは各項目ごとに改行されて表示される）。差分... 続きを読む

複数のサーバをモニタリングするソフトウェア群「BixData」 - GIGAZINE

2011/04/23 320 users GIGAZINE FreeBSD http 一元 Linux

Linux、Windows、FreeBSD、Mac OS Xで動作可能なサーバモニタリングソフトウェアです。フリーで利用できるバージョンであっても商用利用可能で、30個までのサーバを一元監視することができます。 HTTPなどの各種サービスの監視はもちろん、CPU負荷やメモリ、温度の詳細なグラフ出力やレポート出力も可能。サービスが落ちたかどうかの判断基準や、落ちた場合の通知方法はグラフィカルに条件分... 続きを読む