タグ

ブックマーク / www.moongift.jp (10)

  • PaperTester·SIer感涙。テスト画面のスクリーンショットをExcelに貼付 MOONGIFT

    SIerなどで良く聞かれる話で、テストを行う際には1画面ずつスクリーンショットを撮ることが要求されます。中小企業のシステム開発会社からすると信じがたいのですが、テストを行ったという確認にもなるのであながり無意味ではないのかも知れません(それをダブルチェックしているかは不明ですが)。 そんなSIerの方にぜひ使っていただきたいのがPaperTester、IE×Excel連携のテストツールになります。 PaperTesterの使い方 こちらはテスト仕様書です。動作コマンドとかあるのでかなりプログラム的ではあるのですが。 実行中。ブラウザが立ち上がって文字が入力されます。 そして結果のExcel。スクリーンショットが貼付けられていて作業内容が分かるようになっています! これはSIerに限ったものではなく、スクリーンショットがあることでエラー部分が分かったり、Excelベースなのでテスト仕様書が書

    PaperTester·SIer感涙。テスト画面のスクリーンショットをExcelに貼付 MOONGIFT
    yyamano
    yyamano 2017/09/25
  • Smart Table Scroll - 100万行のテーブルも高速表示

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 業務システムでは大量のデータを一覧表示して欲しいというニーズがよく出ます。しかしあまり大量のデータを描画すると、それだけレンダリングに時間がかかったり、スクロールも困難になります。 そこで使ってみたいのがSmart Table Scrollです。なんと100万行以上のレコードも高速に描画できるJavaScriptライブラリです。 Smart Table Scrollの使い方 Smart Table Scrollのデモです。3カラムでの表示例となっています。 一番下は100万です(インデックスは0からはじまっています)。 実際のデモです。スムーズに動いているのが分かるかと思います。 Smart Table Scrollの種としては、描画しているデータ量にあります。 var table

    Smart Table Scroll - 100万行のテーブルも高速表示
    yyamano
    yyamano 2015/09/17
  • Gumby - Bootstrapの強力なライバルになるか!?シンプルかつ強力なCSS3フレームワーク MOONGIFT

    CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。 まずデスクトップからです。 ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。 タイポグラフィ。可読性高いです。 リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで! ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。 インジケーターやラベル、アラート。こういうのもよく使いますよね。 フォーム。基的にplaceholderを使った表示になっているようです。 テーブル。角丸サポートです。 タブ。幅が設定できます。 縦のタブもあります。 ドロワー。クリ

    Gumby - Bootstrapの強力なライバルになるか!?シンプルかつ強力なCSS3フレームワーク MOONGIFT
    yyamano
    yyamano 2013/10/22
  • 複数プロキシをクリックだけで切り替えるGoogle Chrome拡張·Switchy MOONGIFT

    SwitchyはGoogle Chrome用のオープンソース・ソフトウェア。企業ではインターネットへのアクセスに際してプロキシを利用する所も多い。個人でも必要に応じて使っている人もいるだろう。ちょっと危ないサイトや、ネット上のプライバシーを漏洩させたくない場合などだ。 複数のプロキシを定義できる そんな時、サイトに応じて切り替えたり、必要に応じてプロキシを素早く切り替えられると便利だ。Switchyはそんな複数プロキシの切り替えを補助するGoogle Chrome拡張だ。こんなネットワークの深い部分までアクセスできるのは面白い。 Switchyは設定画面で複数のプロキシを登録できる。HTTP/HTTPS/FTP/SOCKSとプロトコルごとにアドレスを変えることもできる。プロキシを使わないURL(localhostなど)も指定可能だ。さらにルールを設定して指定したURLパターンの場合だけ指定

    複数プロキシをクリックだけで切り替えるGoogle Chrome拡張·Switchy MOONGIFT
  • JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT

    XLSX.jsはJavaScriptExcelファイル(Base64エンコード)を読み込んだり、ダウンロードさせられるソフトウェアです。 Googleスプレッドシートをはじめ、Webブラウザ上で表計算表示を行ったり、編集したりするWebアプリケーションがあります。しかし最も有力なのはExcelでしょう。そこで試したいのがExcelファイルを読み書きできるJavaScriptライブラリ、XLSX.jsです。 ダウンロードされたファイルです。ちゃんとXLSXとして認識されます。 ファイルを読み込む処理のデモです。Base64エンコードされたデータが解析されています。 XLSX.jsはbase64のXLSXファイルを読み込み、JavaScriptオブジェクトに変換できます。後はいかようにも表示できるでしょう。また、シート名と各セルの値をHTMLテーブルから読み込んでXLSXファイルに変換してダ

    JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT
  • Google製のGit用ソースコードレビューシステム·Gerrit MOONGIFT

    ソースコードのレビューはシステムの品質を高めるのに大切な作業だ。GoogleやVMWareでも使われており、ブラウザを使って差分を確認してコメントができるようになっている。社内向けには拙作のSubversionソースコードレビューシステムの宍道湖がある(Rails製)。 Git向けソースコードレビューシステム この手のツールはSubversion向けのものが多かったが、Gitでも使いたいならGerritに挑戦してみよう。 今回紹介するオープンソース・ソフトウェアはGerrit、Git向けソースコードレビューシステムだ。 GerritGoogleが大々的に発表している訳ではないが、Google社員が開発しておりAndroidのオープンソースプロジェクトにおけるソースコードレビューにも利用されている。他のシステム同様に差分を見て、そこにコメントすることが可能だ。 差分を見てコメントする 差分

    Google製のGit用ソースコードレビューシステム·Gerrit MOONGIFT
    yyamano
    yyamano 2012/05/01
  • 多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit(JIT) MOONGIFT

    JITJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit(JIT)です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に

  • jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

    jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc

    yyamano
    yyamano 2011/10/23
  • MOONGIFT: � もっとDjangoを好きになる「Pinax」:オープンソースを毎日紹介

    フレームワークは得てしてそうだが、体だけでもある程度の開発効率向上が臨めるが、そこにプラグインが加わることでさらに便利になるものだ。Railsの場合でもタグやユーザ管理、OpenIDなど様々なプラグインが存在している。これらがRailsの魅力を高めているのは間違いない。 Djangoを使った開発の際にはまずチェックしよう 同様の試みをDjangoで行うオープンソース・プロジェクトがPinaxだ。PinaxはGoogle Code上にホスティングされており、様々なプラグインを開発、提供している。 主なものを挙げると、OpenID、メールアドレス確認、パスワード管理、サイトアナウンス、通知システム、ユーザ同士のメッセージング、簡易的なtwitterクローン、アバター、グループ、タスク管理、Wiki、ブログ、ブックマーク、タグ、アドレス帳インポート(Gmail、Yahoo、vCard)、写真管

    MOONGIFT: � もっとDjangoを好きになる「Pinax」:オープンソースを毎日紹介
  • RightScaleで使われているAmazon Webサービス管理用ライブラリ·Right AWS MOONGIFT

    RightScaleとは、Amazon EC2やS3を使ったサーバを管理、運用するためのインタフェースを提供しているWebサービスだ。インスタンスを作成したり、その状況を監視する、バックアップを作成するといった作業がボタン一つでできてしまう。 ドキュメントも整備されている そんなRightScaleで使われているライブラリと言えば、Amazon Webサービスを活用するのにきっと便利に違いない。 今回紹介するオープンソース・ソフトウェアはRight AWS、RightScaleで使われているRubyライブラリだ。 Right AWSはその名の通り、AWSAmazon Web Service)用のライブラリ集となる。Amazon S3については同種のライブラリが既に存在するが、Amazon EC2なども含めて管理できるのが良い。 インストールはGemを使って行う インスタンスをオブジェクト

    RightScaleで使われているAmazon Webサービス管理用ライブラリ·Right AWS MOONGIFT
  • 1