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

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

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

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

もっと見る

List

  • 2014/08/07

PatternBolt – SVGを使って背景をカラフルに

最近、大きな画像を背景に当てた表示が増えています。これまでDOMの背景と言えば単一色ばかりだったので、画像を使うとインパクトが強くなります。しかし画像はバイナリなので重たくなってしまうのが難点です。そこで使ってみたいのがPatternBoltです。背景にSVGを使うことで、CSSやJavaScriptとも連携した表示が...

List

  • 2014/08/07

PuzzleScript - HTML5製のパズルゲームフレームワーク

Webブラウザ用のゲームはインストール不要ですぐに遊べるのが利点です。そのため、あまり本格的なゲームよりもルールがすぐに覚えられてカジュアルに遊べるゲームの方が人気があります。その一つとしてパズルゲームがあげられます。徐々にレベルアップしていけば、説明も殆ど必要ありません。ということで今回はそんなパズルゲームを作るため...

List

  • 2014/08/06

CommitCal – GitHubのコミットログをカレンダー表示

GitHubのプロフィールページにはアクティビティに応じたカレンダー機能があります。あれを全て埋めるべく活動するのは開発者にとってのモチベーションに繋がっているのではないでしょうか。しかし単純にカラーリングだけでなく、もっと何をしたかを知りたいと思ったらCommitCalを使ってみましょう。GitHubのコミットログを...

List

  • 2014/08/06

Fingerprintjs - Cookie不要でブラウザを特定する技術を体感

ブラウザを特定するためにCookieを使うのが一般的です。しかしプライバシーの問題があり、個人のブラウザ遷移を記録することないようDo Not Track機能が追加されたりと徐々に厳しくなってきています。そんな中、新たに注目を集めているのがJavaScriptだけでブラウザを特定する技術になります。今回はそれを体感する...

List

  • 2014/08/05

ALL SEEING EYE – Chromeブラウジング履歴を全文検索

オンラインの情報は大きく二つに分かれます。それは未知と既知の情報です。未知の情報を探すのはGoogleをはじめとするWeb検索エンジンが便利です。しかし既知の情報をいかに上手に探すかは今ひとつではないでしょうか。既知の情報は通常、一度はブラウジングしたサイトになります。そこで一度見た情報を後から探すというのは意外とうま...

List

  • Premium_s 2014/08/05

業務で使えるオープンソース(121)「Webメーラー」

今回のテーマはWebメーラーです。個人的にはローカルのメールアプリケーションは何年も使わなくなっています。Webメーラーで十分使えています。ネットワークが完全にない場合は閲覧できませんが、今日において全くネットワークがない状況で1日以上過ごすことのが少ないのではないでしょうか。ということでWebメーラーを、特に企業にお...

None

  • 2014/08/05

psi - サイトの表示速度をPageSpeed Insightsで素早くチェック

Googleが提供するWebページの表示速度に関する解析を行ってくれるPageSpeed InsightsはAPIを公開しています。それにより任意のサイトが随時チェックをし、日々改善に努められるようになっています。とは言えそのAPIをより利用しやすくしないとなかなか使ってはもらえないでしょう。そこでインストールしたいの...

List

  • 2014/08/04

runstant – その場で書いて、その場で実行。tmlib.js公式オンラインエディタ

Webアプリケーションはテキストエディタとブラウザさえあればすぐに開発できると言いますが、実際にはWebサーバも必要ですし、HTML側でファイルを読み込んだりするのも面倒に感じてしまいます。そういった面倒さがなければ、自分が作りたいと思ったものをすぐ作り始められることでしょう。それは創造性を束縛することなく、どんどんモ...

List

  • 2014/08/04

cv - ファイル移動や圧縮/解凍時のステータスを表示

Linuxのコンソールでファイルのコピーや移動などを行っていると、処理中は表示が更新されないので実際に処理を行っているのかどうか気になってしまうことがあります。とは言え止めることもできないのでやきもきしてしまうでしょう。そこで使ってみたいのがcvです。特定コマンドの処理状態を可視化してくれるコマンドです。## cvの使...

List

  • 2014/08/03

Concise.CSS – 軽量でSASSベース、絞り込まれた機能だけを提供するフロントエンドフレームワーク

ここ数年フロントエンドフレームワークが熱いです。Bootstrap、Zurb Foundationをはじめ、多種多様なフロントエンドフレームワークが登場しています。プログラマにとっては便利な反面、意外とデザイナーには好まれていないのではないでしょうか。作法に則って記述している分には良いのですが、ちょっとでも逸脱しようと...

List

  • 2014/08/03

Syncany - FTP/SFTP/S3/WebDAV対応のファイル共有サーバ

クラウドを使ったファイル共有と言えばDropboxやBoxなどが有名ですが、他にもGoogle Dirve、Skydrive、Amazon Zacaloなど多数のプレーヤが集結する市場でもあります。その際企業ユースで問題になるのが外部のサーバにデータをホストするということです。企業として自分たちのデータを自分たちで管理...

List

  • 2014/08/02

Pagekit – エレガントなデザインのPHP製CMS

CMSは何を使っていますか。いつも同じCMSを選択していては面白くありません。日々技術のトレンドは変化しており、その新しい技術を使ったCMSが登場します。デザイン面を見れば、フラットなUIをはじめ新しいコンセプトが日々生み出されています。今回紹介するCMSはPagekitです。PHP/Symfonyで作られたシンプルさ...

List

  • 2014/08/02

Noto Fonts - 全ての言語をサポートする美しいフォント

オープンソースの日本語フォントは選択肢がとても少ないです。Webシステムと組み合わせたり、Web Fontとして安心して使える日本語フォントがあれば、Web上での表現も向上するでしょう。そこでGoogleとAdobeが協力して開発されたフォントがNoto Fontsです。英語だけでなく、アラビア語や日本語、韓国語、中国...

List

  • 2014/08/01

opml-to-markdown – OPMLファイルをMarkdown/スライドに変換

個人的には情報収集にフィードリーダーを長い間使っていることもあって、そのリストにはこだわりをもっています。いかに効率的に情報を集めるか、オープンソースやWebサービスの情報を収集するのに最適化されているか、そんなこだわりがフィードリーダー内に再現されていると言えるでしょう。それだけにopml-to-markdownのよ...

List

  • Premium_s 2014/08/01

業務で使えるオープンソース(120)「位置情報」

今回のテーマは位置情報です。スマートフォンが流行るのにともなって位置情報を使うアプリ、サービスが増えていますが、その反面プライバシーに直結することもあってその扱いに注意が必要にもなっています。とは言え技術的に見ればとても面白い活用法が考えられるだけに、様々な活用法が出てきているのも事実です。そこで最近の話題と関連オープ...

List

  • 2014/08/01

Devicons - 技術系サービスをまとめたWeb Font

開発者向けにWebサービスを提供しようと考えたことはあるでしょうか。Webサービスを作るためのWebサービス、アプリを開発するためのWebサービスなどです。ITリテラシーが高い層に向けて提供するサービスは、変な技術を使う訳にはいきません。そこで使ってみたいのがDeviconsです。開発者がよく使うようなサービス、技術を...

List

  • 2014/07/31

Tedit – Google Chromeアプリ製のプログラミングエディタ

開発環境すらもローカルからWebブラウザへ移り変わろうとしているようです。とは言え、Webアプリケーションの場合ネット環境がなければほぼ使えないでしょう。そこで注目したいのがGoogle Chromeアプリです。Chromeアプリならオフラインでも使えますし、Google Chromeさえあれば利用できます。という訳で...

None

  • 2014/07/31

セミナー/勉強会のご案内

いつもMOONGIFTをご覧いただきありがとうございます。こちらは来月頭に行われますセミナー、勉強会のご案内になります。ご興味がありましたらぜひご参加ください!## □ 8月5日(火)ニフティクラウド mobile backend勉強会#03 伸びるアプリの秘訣とは!~実践とデータから見るアプリマーケティングセミナー~...

List

  • 2014/07/31

HTML5 UP! - HTML5/CSS3製のレスポンシブHTMLテンプレート

新しいWebサービスを作ろうと思った時にはまずデザインにこだわりたいでしょう。最近ではスマートフォン、タブレットデバイスのサポートもあってデザインはさらに複雑になっています。これまでのデザインテンプレートでは対応できない場合も多いでしょう。そこで使ってみたいのがHTML5、レスポンシブWebデザインに対応したテンプレー...

List

  • 2014/07/30

Intercom – ウィンドウ/タブ間でブロードキャストメッセージ

Googleが公開しているChrome Experiments