ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2013/12/18

[PR] 安心、安全、安定は当たり前。さらに顧客ニーズを吸い上げたCPI専用マネージドプラン

**こちらは記事広告です**CPIはKDDIのホスティング専門ブランドです。前回の記事**----**ー MOONGIFTより**MOONGIFTとしてはビジネス向けとはいえ、必ずヒアリングを行うというのは珍しいのではないかと思いました。KDDIというブランドを背負っているため、万一にもセキュリティ・インシデントや障害...

List

  • 2013/12/18

Startup Framework: Demo Version - 新しくプロジェクトを開始するならベースにしよう!

デザイナー、開発者双方にとって嬉しいパッケージです。Webサイトをオープンして、アプリと絡めたイメージ写真を用意して…スタートアップはやることがたくさんあります。そんなスタートアップで必要とされるデザイン、HTMLをパッケージとして提供してくれるのがStartup Design Frameworkです。249ドルの有料...

List

  • 2013/12/18

SpinKit - 凄いテクニック。CSS3を使った各種スピナー

CSS3だけで作れちゃうのが凄いですね!処理中にユーザがストレスを感じないように表示されるスピナー。最も簡単なのはアニメーションGIFを表示することかなと思いますが、背景色を微妙に違ったり、大きさを適切に考えないといけないなど画像だけに扱いがちょっと面倒に感じることがあります。そこで使ってみたいのがSpinKitです。...

List

  • 2013/12/18

Myth - 学習コストの低そうなスタイルシート代替記法

コンパイルしてJavaScriptに変換する系統の言語としてはDartやCoffeeScriptなどが知られています。同様にスタイルシートについてもSassやScss、LESSといった代替記法が存在します。今回紹介するMythもその一つで、スタイルシートの代替記法なのですが、多数の機能がある訳ではなく最も必要とされるで...

List

  • 2013/12/17

asciimo – JavaScriptで任意のテキストからすごいアスキーアートを生成

英語圏と日本語ではアスキーアートの定義が大きく違う気がしますが、今回は英語圏のアスキーアートの話です。海外製ソフトウェアのREADMEなど単語を大きくしたような文字を見かけることがあるかと思います。シンプルなものが多いので、てっきり一パターンかと思っていましたが、そんなことはありませんでした。フォントを多彩に用意して、...

List

  • 2013/12/17

humane.js – 見た目のカスタマイズも可能なWeb通知ライブラリ

ユーザに何が起こったのか知らせるための通知機能をどう作るかは悩みどころです。見やすい、しかし消したいと思った時にすぐに消せるようになっていなければいけません。デザイン的にもバランスを崩したりする要因になります。そこでフローティングで通知を表示するというのは一つの方法としてありではないでしょうか。目の前に表示されれば目立...

None

  • Premium_s 2013/12/17

GitHubをもっと便利に使うためのツールを一気に紹介!

数多くのプログラマーにとってもはやなければならないツールになっているGitHub。企業ベースでの利用も増えており、その周辺サービスも数多く出揃ってきています。MOONGIFTでもこれまで多くのGitHub関連ソフトウェアを紹介してきました。そこで今回はGitHubのデータを利用したり、もっと便利にするためのソフトウェア...

List

  • 2013/12/17

opaai-motion - Leap Motion × oppai.js = 未来の技術!

未来がきたぜ、ひゃっはー!今年現れたLeap Motionは試してみましたか。空中にある指先のモーションを感知してゲームをしたり、コンピュータの操作ができるまさに未来的なデバイスです。様々なアイディアをこらしたソフトウェアが出てきている訳ですが、日本人と言えばヘンタイ×二次元なわけです(褒め言葉)。ということで生み出さ...

List

  • 2013/12/16

MiniCodeEditor – 175byteでできるオンラインコード実行環境

JSFiddleやjsdo.itなどオンラインでJavaScriptを記述してその場で実行させるサービスは数多いですが、その最小版とも言えそうなのがMiniCodeEditorです。なんとコードサイズにして175byte程度しかありません。MiniCodeEditorのHTMLの中身を見てみると、このようになっています...

List

  • 2013/12/16

Pattern Primer - スニペットファイルを使ったデザインスタイルガイド

これはWebデザイナーの方にも簡単に使いこなせそうです。最近流行のスタイルガイド。幾つかやり方はありますが、スタイルシートにHTMLを書くのはちょっと…と言う方も多いでしょう。どうしてもファイルが大きくなってしまうので一覧性が悪くなったり、更新の手間が大きくなりがちです。そこでファイルを小さく分けてスニペットとして管理...

List

  • 2013/12/16

jQuery Dynatable - Web上のデータ表示はお任せ!

HTMLのテーブル表示は色々な場面で使われます。ですが単に表示するだけで満足するケースは少なく、テーブル内のデータをもっとインタラクティブに変更したいと言う要望は多々聞きます。そこで使ってみたいのが今回紹介するjQuery Dynatableです。そもそもHTMLのテーブルを描画するのではなく、JSONデータを使って動...

List

  • 2013/12/15

WebAudioControls – WebAudioと一緒に使えるUIコントロール

HTML5の新しい機能として知られているWebAudioですが、音楽という特性上これまでのWeb UIとは全く異なる使われ方をします。そんなWebAudioを使いこなすためのUIコンポーネントとしてWebAudioControlsを紹介します。デジタル系の楽器にあったデザインのコントロールを提供してくれます。!まさに楽...

List

  • 2013/12/15

TeamPass - チームで使えるパスワード管理

部署やチームで使いたいパスワード管理ですね。パスワードは間違っても平文で保存したり、安易なものを設定するべきではありません。それは個人でも企業内であっても変わりません。特に複数人でパスワードを共有する場合は注意が必要です。平文のままWikiなどに記載してしまうのは良くありません。そこで使ってみたいのが専用のグループ間で...

List

  • 2013/12/14

qdPM – 複数プロジェクト、ガントチャート対応のPHP製プロジェクト管理

代償関係なくプロジェクトを進める上でその管理システムたるプロジェクト管理の存在は欠かせません。ともあれプロジェクトの規模によって求められる機能は異なってきます。qdPMは実装されている機能を見る限り、若干規模の大きめなプロジェクトにおいて便利な機能が揃っているようです。という訳で順番にスクリーンショットを紹介していきま...

List

  • 2013/12/14

Tabletop.js - GoogleスプレッドシートをJSON化

これは面白い使い方!Google Driveの中でスプレッドシートを便利に使っている人は多いのではないかと思います。Mac OSXでNumberを使うよりもWebベースで使える点においてスプレッドシートのが良いと考えるのではないでしょうか。しかしせっかくWebベースであってもそのデータの活用がGoogleドライブ上だけ...

List

  • 2013/12/13

Labyrinth – ドロー機能もあるマインドマップ

今回はちょっと変わったマインドマップソフトウェアの紹介です。マインドマップというとキーボード主体で構造的にどんどん書き進めていくというイメージがありますが、中にはちょっとしたイメージを載せたいと思うことがあるかも知れません。そこで使ってみたいのがLabyrinthです。画像追加やドロー機能がある、変わったマインドマップ...

List

  • 2013/12/13

Monocle - フィードリーダーのようなUIのソーシャルニュース

今後の継続的運営に期待!DiggやRedditなどソーシャルニュースには幾つかのプレーヤが存在します。みんなが面白いと思ったURLを投稿することで新しい話題をいち早く知れたり、知ったその場でコメントをつけたりできます。日本ではソーシャルニュースはあまり育たず、ソーシャルブックマークが人気です。そんなソーシャルニュースへ...

List

  • Premium_s 2013/12/13

タスクを見える化するカンバン方式導入のススメ

今回はカンバン方式についてです。トヨタの生産方式の一つとしてよく取り上げられるカンバンですが、本来は**かんばん**らしいです。今はアジャイル開発の中で度々取り上げられることが多くなっています。今回はそんなカンバン方式について、アジャイル開発とは切り離して取り上げてみたいと思います。カンバンを実現するためにアジャイル開...

List

  • 2013/12/13

Terminal in Chrome Devtools - Google Chromeの中で使えるターミナル

おおお、これは便利ですよ!Webシステムの開発では任意のテキストエディタを使いつつ、修正したらWebブラウザを再読み込みして確認するといったスタイルが多いかと思います。そんな中でいちいち切り替えるのが面倒ということは多いです。しかしWebブラウザからローカルのファイルへ書き込んだりすることはできません。そこで使ってみた...

List

  • 2013/12/12

jQuery ReStable – レスポンシブなサイトでのテーブル表示に

レスポンシブデザインを使う際にぜひ!最近はWebデザインをレスポンシブに行うことが増えていますが、その最大の問題とも言えるのがテーブルではないでしょうか。特に業務系システムで多数のカラムがあったりすると大変なことになります。もし自分たちのサイトにレスポンシブなテーブルを組み込まなければならないとしたらjQuery Re...