タグ

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

  • pdfmake - クライアント/サーバサイド両方に対応したPDFジェネレータ MOONGIFT

    Webシステムを作っていて、時々PDFの帳票が必要になることがあります。サーバサイドでPDF出力するツールは幾つかありますが、それらのセットアップは面倒ですし、サーバの負荷も気になるでしょう。 そこで使ってみたいのがpdfmakeです。サーバ、クライアントサイド両方に対応したPDF作成ツールです。 pdfmakeの使い方 pdfmakeではJSONを使ってPDFの形式を定義します。 スタイル設定も可能です。 より複雑なスタイルを使った例です。 段組のサンプル。 テーブルも使えます。 リスト。ネストもできます。 より格的な形式ですね。 画像も使えます。 pdfmakeの良いところはJavaScriptによる生成なのでサーバサイドの負荷なく、かつ編集した内容をその場で反映して生成し直すこともできるということです。さらにnodeで動かすこともできるのでクライアントサイドのコードを使ってそのまま

    pdfmake - クライアント/サーバサイド両方に対応したPDFジェネレータ MOONGIFT
  • Deb.js·JavaScriptのデバッグを効率化する小さなライブラリ MOONGIFT

    最近のWebブラウザの進化によってJavaScript開発はとても便利になっています。ブレイクポイントを差し込んだり、コンソールを使うことでどんどん開発が進められるようになっているでしょう。 そんなJavaScript開発をさらに便利にしてくれそうなソフトウェアがDeb.jsです。ごくごく小さなデバッガーです。 Deb.jsの使い方 Chrome ウェブストアで公開されていますので、インストールします。 こちらがインストール画面です。 インストールされるとDebアイコンが追加されます。 こんな感じでURLに?debjsを追加すると自動で読み込まれるようになります。 任意の関数に.deb()を追加するとスタックとレースされるようになります。 引数や返り値、実行時間などもとれて便利です。 色分けもされるので分かりやすいですね。 開発効率向上を考えると、デバッグ方法は色々知っておいて損はないでし

    Deb.js·JavaScriptのデバッグを効率化する小さなライブラリ MOONGIFT
  • Bootflat - フラットUIで格好いいBootstrapテーマ! MOONGIFT

    創造意欲がかき立てられますよ! Boostrap臭を嫌って導入に踏み切れないという方は多いですが、それもあって多彩なテーマが開発されています。それらと入れ替えると、イメージががらっと変わって見えるはずです。 今回は最近流行のフラットUIを取り入れたBootflatを紹介します。フラット=角張っているというイメージも壊してくれる素敵なテーマです。 Bootflatのスクリーンショット 今回はスクリーンショット多めで紹介します。 基カラー。パステル系ではっきりとしていますね。 まずはボタンとボタングループ。 ボタン+ドロップダウン、ラベル、バッジ、ツールチップなど。 ドロップダウンはもちろん階層対応です。 フォーム。 フォームの横にドロップダウンを付けることもできます。何かと応用できそうですね。 アラート。 タブ。4辺全てに対応しています。 ナビゲーションバー。 パン屑、通知、プログレスバー

    Bootflat - フラットUIで格好いいBootstrapテーマ! MOONGIFT
  • これは凄い!RubyでPhotoshopファイルを解析·PSD.rb MOONGIFT

    PSD.rbはRuby製のオープンソース・ソフトウェア(MIT License)です。 Webやアプリのデザインの際にPhotoshopを使う事がよくあります。そんな時に出来上がった画像を分析してコーディングに落とし込んだりします。それの自動化さえできるようになるのではないかというライブラリがPSD.rbです。 インストールはRubygemsで行えます。 適当なPSDファイルを読み込んでparse!を実行します。trueが返ってくれば解析完了です。処理はファイルサイズにもよりますが結構重たいです。 treeで木構造を出力します。こちらもファイルが大きければ膨大になります。 PSD.rbでは構造、サイズ、レイヤー/フォルダサイズと名前、フォントデータ、カラーモード、ベクターマスク、フラットな画像データなどが読み取れます。Photoshopのファイルを使ったサービスが捗りそうです。 MOONG

    これは凄い!RubyでPhotoshopファイルを解析·PSD.rb MOONGIFT
  • 開発者必見!WindowsでGitを便利に·Git Extensions MOONGIFT

    システム開発を行う上でバージョン管理の必要性はもはや言うまでもないだろう。数年前であればSubversionが主流だったが、最近ではGitが利用されることも増えている。が、Gitにはちょうどいいフロントエンドがなかった。Subversionには有名なTortoiseSVNがあるというのに。 エクスプローラにGit! このフロントエンドの存在がSubversionの普及に一役も二役も買ったのは間違いない。だがWindowsにもついに実用的なフロントエンドが登場した。 今回紹介するオープンソース・ソフトウェアはGit Extensions、エクスプローラとも統合されるGitフロントエンドだ。 Git Extensionsは管理インタフェースであるGit Extensions、msysGit、KDiffなどを一括でインストールするソフトウェアだ。新しいリポジトリの作成や既存リポジトリのクローンは

    開発者必見!WindowsでGitを便利に·Git Extensions MOONGIFT
    hidesuke
    hidesuke 2012/11/25
  • こんなものまで共有。ターミナルの入出力を記録して共有する·ascii.io MOONGIFT

    ascii.ioはターミナルの入力、出力を記録してオンラインで共有できるサービスです。 ターミナルでどんな入力を行ってどんな結果を得たか、それを記録しておいてみんなで共有できるというサービスがascii.ioです。 こちらはトップページ。 専用クライアントをインストールします。 レコーディング開始です。自由にコマンドを打っていきます。 例えばこんな感じで。 終わると自動的にアップロードを開始します。最後に生成したURLが表示されます。 アクセスしました。再生ボタンをクリックします。 見事コマンドが再現されています。面白いのは入力していなかった時も再現しつつ、この表示自体は動画ではなくテキストということでしょうか。 ascii.io自体はRailsですが、専用クライアントはPythonで作られています。Makeした時のログを共有したり、何かのソフトウェアをセットアップする手順を残しておいたり

    hidesuke
    hidesuke 2012/04/16
    便利だけど怖っ!
  • アジャイル開発におけるKPTをまとめるのに役立つ·KPT it MOONGIFT

    KPT itアジャイル開発などにおけるKPTをまとめるためのソフトウェアです。 KPTとはKeep(継続)、Problem(課題)、Try(挑戦)の頭文字を取ったもので、アジャイル開発や反復型開発においてイテレーション単位の振り返りに用いられるフォーマットになります。そんなKPTをする際に役立つのがKPT itです。 最初の画面です。 Keepを登録してみました。登録はタブをクリックして、テキストエリアに入力するだけです。 思いついたことをどんどん入力できます。 KPT itをイテレーションミーティングの際に使えば、各メンバーの意見を吸い上げていけそうです。KPT itはフレームワークにPadrinoを使ったRackアプリケーションになります。 KPT itRuby製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)になります。 MOONGIFTはこう見る

    アジャイル開発におけるKPTをまとめるのに役立つ·KPT it MOONGIFT
    hidesuke
    hidesuke 2011/12/22
    あー、これは便利かも
  • 多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit(JIT) MOONGIFT

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

    hidesuke
    hidesuke 2011/12/22
    おぉ。ハイパボリックツリーまでサポートしてるとか。熱いね
  • 社内でも立てられるGitHubクローン·GitLab MOONGIFT

    GitLabRuby/Ruby on Railsで作られたGitHubクローンです。 GitHubは有料でプライベートリポジトリが持てますが、それでもセキュリティ上の理由でリポジトリを外だしできないケースはあるかと思います。そんなときに使ってみたいのがGitLabGitHubクローンです。 ログイン必須になります。 ログインした後の画面です。登録済のプロジェクトが一覧表示されます。 一つのプロジェクトを閲覧しています。ソースツリーが出ます。ソースツリーは右へ右へスライドして表示されます。GitHubに似ています。 ソースコードハイライターも内蔵されています。rawでファイルをダウンロードできます。 タグやブランチを切り替えることもできます。 コミット履歴一覧です。 コミット詳細ではDiffが確認できます。 コミットに対するコメントも確認できます。 チーム設定です。複数人でのコラボレーシ

  • Ruby製プログラマ向けエディタ·Redcar MOONGIFT

    RedcarはRuby製のオープンソース・ソフトウェア。プログラマにとってテキストエディタは最も重要なツールだろう。それだけにカスタマイズできるものや軽いもの、多機能なものなど自分の手にあったものを慎重に選ぶ必要がある。エディタの好き嫌いで生産性は大きく変わるはずだ。 シンプルなエディタ 自分でカスタマイズできることに大きな意味を持つのならば、普段使っているプログラミング言語でできたエディタを使ってみるのはどうだろう。RedcarはなんとRubyで作られたテキストエディタだ。Rubyを開発言語にしている方にはぴったりと言えるだろう。 RedcarはRubyRubyでもJRubyで作られている。インストールはGemを使えるがインストールコマンドを実行するとJRubyもインストールされる。Redcarはシンプルなエディタで、行番号表示とコードハイライト機能がメインになっている。ハイライトはR

    Ruby製プログラマ向けエディタ·Redcar MOONGIFT
  • MOONGIFT: » Mac OSXでGitを使った開発を行っているなら「GitX」:オープンソースを毎日紹介

    最近話題になることが多いバージョン管理システムのGit。Subversionのようにサーバを用意する必要もないので、チーム開発はもちろん個人レベルの開発でも十分に役立ってくれる。コミットとプッシュ(サーバへの反映)が別なので、こまめにコミットしたい私のような人にぴったりとも言える。 GitMac OSXフロントエンド コマンドラインでの利用が基ではあるが、GUIフロントエンドがあるとビジュアル的にデータが見られたり、普段は使わない機能を簡単に呼び出せて便利だ。Mac OSXをお使いならGitXも一緒にどうぞ。 GitXはMac OSX向けのGitフロントエンドで、GPLの下に公開されているオープンソース・ソフトウェアだ。 GitXを立ち上げたら、既存のGitリポジトリを指定して開けば良い。コミットのログを見るヒストリーと実際のコミットを行うコミットの二つの機能がある。ヒストリーではブ

    MOONGIFT: » Mac OSXでGitを使った開発を行っているなら「GitX」:オープンソースを毎日紹介
  • MOONGIFT: » デザイナー必須!オートトレースソフト「Potrace」:オープンソース...

    Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX

    MOONGIFT: » デザイナー必須!オートトレースソフト「Potrace」:オープンソース...
  • 1