タグ

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

  • Gumby - Bootstrapの強力なライバルになるか!?シンプルかつ強力なCSS3フレームワーク MOONGIFT

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

    Gumby - Bootstrapの強力なライバルになるか!?シンプルかつ強力なCSS3フレームワーク MOONGIFT
    mrmt
    mrmt 2013/10/23
  • お役立ち!PC/スマートフォン/ガラケー/IE6のみとしてWebサイトを検証するブックマークレット·mecalint MOONGIFT

    mecalintPC/スマートフォン/ガラケー/IEのみという視点でWebサイトを検証してくれるブックマークレットです。 mecalintPC/スマートフォン/ガラケー/IE6のみとして任意のWebサイトを評価してくれるブックマークレットです。W3Cの検証とはまた異なる基準でWebサイトを検証してくれます。 ブックマークレットを実行しました。ページ下にツールバーが表示されます。 PC向けで評価したところです。IEのPNG、classの小文字キャメルケースで大きな減点が… スマートフォン向けとして評価したところです。若干低いといった程度です。 PC向けサイトを携帯電話向けとして評価するとやはりすごい点数が。 mecalintでは全部で20項目のテストを行ってくれます。ついやってしまいがちなミスを防ぐのに役立ちそうです。特にスマートフォンとガラケーの違いをまとめてチェックしてくれるのが便利

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

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

    mrmt
    mrmt 2011/10/22
  • jQueryを使ったWebベースプレゼンテーション·jQuery Presentation MOONGIFT

    jQuery PresentationはJavaScript/HTML製のオープンソース・ソフトウェア。プレゼンツールと言えばかつてはPowerPointを指していた。最近ではMac OSXユーザはKeyNoteを使ってプレゼンする人が多くなっている。プレゼンもツールによってインパクトが変わってくるのだ。 Webベースのプレゼンツール 単純にスライドが切り替わるだけでは、聴衆は眠たくなるばかりだ。もっとインパクトのある見せ方を考えないといけない。Webブラウザベースだと、柔軟なレイアウトが可能になる。一緒に使ってみたいのがjQuery Presentationだ。 jQuery PresentationはjQueryで作られたプレゼンテーションツールだ。特徴は一つ、スライドの切り替えにある。まるでスライドが回転するように切り替わるのだ。これは初めて見た人にとってはインパクトが強いのではない

    jQueryを使ったWebベースプレゼンテーション·jQuery Presentation MOONGIFT
    mrmt
    mrmt 2011/10/15
  • これを待っていた。マインドマップ+GTD·MindOnTrack MOONGIFT

    MindOnTrackはマインドマップとタスク管理(GTD)が一つになったソフトウェア。 MindOnTrackはWindows/Linux用のフリーウェア(Mac OSX向けもリリース予定)。日々の業務やプライベートな予定など、うまく順番にやりくりするためにはTodo管理が欠かせない。そしてタスクというのは総じて自分の周囲を整理した時にも現れやすい。 タスク 単純に割り当てられているタスク以外にも、プロジェクトや業務に関して見直してみると新しいすべきことが見つかったりするのはよくあることだ。そこで考えをまとめつつタスクに落とし込めるソフトウェアとしてMindOnTrackを紹介しよう。 MindOnTrackはマインドマップとタスク管理が一緒になったソフトウェアだ。言わば作業を分類ごとにドリルダウンしながらまとめ、それに日付をつけてタスク化していくのだ。さらにGTDにも則っているので、プ

    mrmt
    mrmt 2011/10/08
  • これでVisioを使ったネットワーク図作成からおさらば?運用まで管理できる·Prime MOONGIFT

    Primeはハードウェア構成やソフトウェアも含めたネットワーク図を作成するソフトウェア。 PrimeはJava製のオープンソース・ソフトウェア。システム開発を行う際にデスクトップやルータ、サーバ等の配置を図に起こす時は多い。そういう時にドローソフトウェアとしてMS Visioを使うケースが多いのではないだろうか。他にも類似ソフトウェアはあるが、アイコンがどうも好きではなく結局Visioを使っていた。 描画中 しかしネットワーク図を描くためだけにMS Visioを購入するのではあまりにも勿体ない。デザインに優れたソフトウェアがあればそれを使えるはずだ。そこでネットワーク図を描く際にお勧めしたいのがPrimeだ。 Primeはデスクトップやサーバ、ネットワーク機器を配置してそれらを線で結んでネットワーク図を作成するソフトウェアだ。端末間の接続法をRJ45またはUSBから選べるなど芸が細かい。さ

    mrmt
    mrmt 2011/10/07
  • EmacsでWordPressにポストしたい方は·wp-emacs MOONGIFT

    ブログを書くのは手軽、と言われてきたが続けてみると意外とコストがかかる作業なのが分かる。ブラウザを立ち上げて、管理画面にログインして文章を書いてポストする、簡単なように思えるが面倒に感じ始めるととんとアクセスしなくなってそのまま放置されてしまう。 EmacsからWordPressに投稿する もっと手軽に、シンプルに更新するためにもテキストエディタと連携していると便利だ。Emacs使いの方であればwp-emacsを使おう。 今回紹介するオープンソース・ソフトウェアはwp-emacs、WordPressEmacsを連携させるCommon Lispプログラムだ。 XML-RPCであれば特にWordPressに限ったものではないかな、と思うのだがwp-emacsはWordPress用と銘打たれている。標準ではC-c b sと打つと起動する。サブジェクトを書き、文を書いたら後はC-x C-sで保

    EmacsでWordPressにポストしたい方は·wp-emacs MOONGIFT
    mrmt
    mrmt 2010/11/28
  • MOONGIFT: » オフィス内でMac OSXを使いやすく「WinShortcutter」:オープンソースを毎日紹介

    オフィス内でMac OSXが増えてきたとは言え、そのシェアはWindowsに比べるとまだまだ低い。そうなるとNTドメインでLANが組まれ、ファイルにアクセスするのに不便さを感じているかも知れない。 そんな肩身の狭いMac OSXユーザが若干でも楽ができるソフトウェアがこれだ。 今回紹介するフリーウェアはWinShortcutter、Windowsマシンの中にあって多少なりとも使い勝手を良くするソフトウェアだ。 WinShortcutterを使うと、NTドメインでのパスワード変更がMac OSX上からできるようになる。これだけでも非常に便利に感じる方もいるだろう。 また、Windowsのショートカットリンクをサポートし、元ファイルの拡張子にしたがってファイルが開けるようになる。マイドキュメントなどのWindows特有の設定も、マッピングを行うことで利用できりようになる。 他にも便利機能があり

    MOONGIFT: » オフィス内でMac OSXを使いやすく「WinShortcutter」:オープンソースを毎日紹介
    mrmt
    mrmt 2010/11/06
  • Webブラウザ上で楽譜を描く·Vexflow MOONGIFT

    VexflowはJavaScript製のオープンソース・ソフトウェア。Web上には無数のコンテンツが存在するが、それは主にテキストが主体になっている。数式のようなものでさえ画像で表現されることが多い。これは非常に勿体ないことだ。 テキストを使って表現できればシステムとの連携も容易になったり、Webクローラーに拾われてインデックス化することも考えられる。同様に表現しづらい情報である楽譜をJavaScriptで表示するのがVexflowだ。 Vexflowは一定のフォーマットに従って書かれたテキストをJavaScriptを使ってCanvas/SVGで表現したものだ。その表現力は非常に高く、音符を描くのはもちろん、数字やアルファベットを表示することもできる。ピアノのみならず様々な楽器に対応できるだろう。 他にも音符を線でつないだり、ト音記号を描いたりと高機能だ。JavaScriptなので、変更と

    mrmt
    mrmt 2010/10/07
  • MOONGIFT: » 文句なしのWiki「MindTouch Deki Wiki」:オープンソースを毎日紹介

    完成形を見てしまった気がする。それくらいできが良い。 これまでWikiエンジンを幾つも紹介してきた。もちろん、機能面ではもの凄く充実しているものも数多い。だが、使い勝手や初期状態での機能等を考えると、これがまさに完成系と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはMindTouch Deki Wiki、エンタープライズ向けのWikiエンジンだ。 欠点がなさすぎる。日語はもちろんOK、Ajaxを使って遷移の少ない作り、履歴管理+差分表示にももちろん対応している。編集はWYSIWYGなテキストエリアでできる。 ヘッダを作れば、その中だけで編集できる。画像をアップロードして、埋め込むのも簡単。ページの階層管理もできて、タグも使える。ウォッチリストに登録、コメントをする、RSS配信など何でもござれだ。 さらに多言語対応、Google Analyticsを埋め込めるなどな

    MOONGIFT: » 文句なしのWiki「MindTouch Deki Wiki」:オープンソースを毎日紹介
    mrmt
    mrmt 2010/09/06
  • JavaScript製のガントチャート·JSGantt MOONGIFT

    JSGanttJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。 JavaScriptガントチャートを生成 そのためタスク間のスケジュールや関わり方を示すのにガントチャートがよく使われる。これまでのガントチャートは画像出力型が多く、生成後の再利用性が今ひとつだった。そんな不満を解消してくれるのがJSGanttだ。 JSGanttはその名の通りJavaScriptによるガントチャート生成ソフトウェアだ。縦にタスクが並び、横に日程が並ぶ。各タスクごとにスケジュールが帯になって表示され、その結果が別なタスクに線でつなげられる。タスクの関連性が見いだせるはずだ。 折りたたんだり表示範囲を変更

    JavaScript製のガントチャート·JSGantt MOONGIFT
    mrmt
    mrmt 2010/07/05
  • シンプルに分かりやすくメモを作る·iroha Note MOONGIFT

    iroha NoteはAdobe AIR製のフリーウェア。構造的にノートを書くときにはアウトラインエディタやマインドマッピングがよく使われる。一度に長文を書こうと思うとなかなか筆が進まなかったり、メンテナンスするのも大変だが、小さく分割することで可視化され、整理されるのだ。 ノートとリースでメモをする マインドマッピングソフトウェアは数多く存在し、高機能なものも多数存在する。だが多機能であると逆に操作に混乱してしまい、元々の目的だったノート作成がおぼつかなくなってしまう。そこで使ってみたいのがiroha Noteだ。 iroha Noteは日製のAdobe AIRアプリで、Windows/Mac OSX/Linuxで動作する。左側にノートリストがあり、その右側にノートのコンテンツを作成する。付箋紙のようなリーフと呼ぶメモを貼り付け、各リーフをリンクさせてノートを作成する。 リーフ同士は線

    シンプルに分かりやすくメモを作る·iroha Note MOONGIFT
    mrmt
    mrmt 2010/05/18
  • Google Chromeを使ってスクリーンショット+説明書き·Explain and send screenshots MOONGIFT

    Explain and send screenshotsはGoogle Chrome向けのフリーウェア。Webサイトを使って、何かの説明を行いたいと思うことはよくある。遠い場所にいる人に対してサイトのどこを見るべきか説明したり、サイトのヘルプを作ったり、デザインの修正依頼をしたりといった具合だ。 一部の範囲を指定して説明書きを加えられる そんな時によくやる手としてはWebサイトのスクリーンショットを撮って、画像編集ソフトウェアで開いて矢印や文字を加えてアップロードするといった操作だ。これでは手間がかかりすぎる。解決するのはExplain and send screenshotsだ。 Explain and send screenshotsはGoogle Chromeの機能拡張で、任意のWebサイトでボタンを押すと、範囲を指定してスクリーンショットを撮る機能になる。そこで送りたい範囲を指定す

    Google Chromeを使ってスクリーンショット+説明書き·Explain and send screenshots MOONGIFT
    mrmt
    mrmt 2010/04/27
  • Sitemap.xmlを見やすく表示する·Google Sitemaps Toolbox MOONGIFT

    Google Sitemaps ToolboxはJavaScript/CSS/XSLTによるオープンソース・ソフトウェア。ロボット型検索エンジンがサポートするSitemap.xml。SEOを専門とする方はもちろん、Webサイトへ効率的にユーザを呼び込みたいと考える人にとっては必須の技術だろう。 Sitemap.xmlを見やすく Sitemap.xmlは手作業でも作れるが、通常はジェネレータのようなものを使ったり、CMSでサポートされている機能を利用するはずだ。生成されるデータはXMLなので人の見た目にはどうなっているのが分かりづらい。そこで使ってみたいのがGoogle Sitemaps Toolboxだ。 Google Sitemaps ToolboxはXMLをビジュアル的に表現するXSLTを使ってSitemap.xmlを見やすく整形してくれる。利用の際にはXML文書の2行目あたりにGoo

    Sitemap.xmlを見やすく表示する·Google Sitemaps Toolbox MOONGIFT
    mrmt
    mrmt 2010/04/25
  • 日本の企業にぴったりなグループウェア·eNote for Community MOONGIFT

    eNote for CommunityRuby on Rails製のオープンソース・ソフトウェア。Webベースのグループウェアと言えばサイボウズが最も有名だ。長い歴史に培われたノウハウが詰まっており、システムも安定している。ライセンスコストさえ負担にならなければ最適な選択肢になるだろう。[slu]eNote for Community[/slug] Rails製のグループウェア だが中小企業では利用度と管理コスト、そしてライセンスコストのバランスで選択できない場合もある。そのような企業ではオープンソースのグループウェアが選択されることも多い。そこで試してみたいのがeNote for Communityだ。 eNote for CommunityRuby on Railsを使って開発されているグループウェアで、日製とあって日企業のニーズにマッチした機能が詰まっている。主な機能はスケジ

    日本の企業にぴったりなグループウェア·eNote for Community MOONGIFT
    mrmt
    mrmt 2010/02/17
  • バージョン管理の履歴をビジュアル化·Gource MOONGIFT

    GourceはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。ソフトウェア開発とはクリエイティブな作業であり、まるで生き物のように成長していく。自作のソフトウェアを我が子のように可愛がる人がいるのも理解できる。 バージョン管理をビジュアル化 そんなソフトウェアの歴史を管理するのがバージョン管理だ。そしてそこに残されたコミットログを使ってビジュアル化するソフトウェアがGourceだ。GourceはGit/Mercurial(Hg)対応のバージョン管理ビジュアル化ソフトウェアだ。 ビジュアル化に何の意味があるかと言われればたいした意味はない。だが一度実行すると時系列に沿ってどんどん成長していく様が面白く、飽きさせない。なお追加のステップを踏めばCVS/Subversionにも対応するらしい。 爆発的に開発の輪が広がっていく まるで木のように成長していくのは、まさに

    バージョン管理の履歴をビジュアル化·Gource MOONGIFT
    mrmt
    mrmt 2010/02/08
  • Webベースのmemcached監視サーバ·McMon MOONGIFT

    McMonはPHP製のオープンソース・ソフトウェア。多数のレスポンスに耐えられるサービスを構築する上でKVS(キーバリューストア)の存在は欠かせなくなっている。その中で最も有名なものと言えばmemcachedだろう。それだけにそのステータスの監視は重要になる。 PHPで作られている memcachedはシンプルなシステムだけに管理インタフェースも自分たちで作らなければならない。もしWebブラウザベースで確認できる管理インタフェースが欲しければMcMonを使ってみよう。McMonはPHPで作られたmemcached管理ツールだ。 利用に際してPHP用のmemcached拡張をインストールする必要がある。そのためレンタルサーバレベルでの利用は難しそうだ。memcachedのバージョンや起動時間、データ量、ヒット数や実行されたコマンドの数などが一覧になって表示される。 設定ファイルの中で複数のサ

    Webベースのmemcached監視サーバ·McMon MOONGIFT
    mrmt
    mrmt 2009/11/16
  • Mac OSXらしい高性能グラフィックスアプリケーション·LiveQuartz MOONGIFT

    LiveQuartzはMac OSX向けのフリーウェア。昔はグラフィックス、DTPをするならMac OSXしかないと言われていた。だが今ではPhotoshopもIllustratorも大抵のソフトウェアはWindows向けにも提供されている。だが、それでもグラフィックスの性能はMac OSXの方が高いと思ってしまう(懐古主義かも知れないが)。 独特なボタン配置だが使い勝手は良い そんなMac OSXのグラフィックス性能を存分に活かした画像編集ソフトウェアがLiveQuartzだ。LiveQuartzはレイヤーとフィルターを組み合わせて自在に画像を編集できる。画像の一部を編集することはできないようで、ちょっと独特な使い勝手になっている。 レイヤーを使って複数の画像を重ねたり、文字を書いたりするのはもちろんのこと、ぼかしや画像の歪めるようなイフェクトがフィルターとして登録できるのが特徴だ。フィ

    Mac OSXらしい高性能グラフィックスアプリケーション·LiveQuartz MOONGIFT
    mrmt
    mrmt 2009/11/08
  • 高機能なMySQLフロントエンド·HeidiSQL MOONGIFT

    HeidiSQLWindows向けのオープンソース・ソフトウェア。MySQLの管理インタフェースとしてphpMyAdminを使うケースは多い。確かに外部のデータベースを使うなら便利だ。だが社内やローカルのデータベースを使う場合はローカルアプリケーションの方が便利ではないだろうか。 高性能MySQLフロントエンド GUIMySQL管理ソフトウェアも幾つかあるが、WindowsであればHeidiSQLが便利そうだ。特に設定をレジストリファイルとして出力して、他のHeidiSQLで読み込ませられるのが良い。社内で複数人で使う際にも一つ一つ設定する手間が省けるのだ。 HeidiSQLからデータベースを選択してテーブルの内容を見られるのはもちろん、データを編集してアップデートすることもできる。テーブルの構造を変更したり、インデックスを追加することも可能だ。任意のクエリーを実行、データのエクスポー

    高機能なMySQLフロントエンド·HeidiSQL MOONGIFT
    mrmt
    mrmt 2009/09/25
  • JavaScriptで実行するファミコンエミュレータ·JSNES MOONGIFT

    JSNESはJavaScript/Perl製のオープンソース・ソフトウェア。今やゲームと言えば任天堂、ソニー、マイクロソフトの三つどもえになっている。20年くらい前はファミコンくらいしかなかった。今のゲームは高性能で、グラフィックス性能は向上し、リアルなゲームが楽しめるようになっているが、旧来のファミコンのグラフィックスに回帰する人も少なくない。 ブラウザ上のファミコンエミュレータ そんな昔を懐かしむ人はエミュレータを使ってゲームを楽しんでいたりする。そしてファミコンは専用のソフトウェアを使うことなくブラウザだけで楽しめるようになってしまった。それがJSNESだ。JSNESはJavaScriptを使って各種ファミコンゲームをブラウザ上で楽しめるソフトウェアだ。 当たり前だがROMは別途必要だ。そしてROMを変換し、ブラウザ上で使えるようにしているようだ。実際のHTMLではCanvasを使っ

    JavaScriptで実行するファミコンエミュレータ·JSNES MOONGIFT
    mrmt
    mrmt 2009/09/19