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

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

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

2017/10/03
面倒な仕事は分解しよう
2017/09/26
人と違うことをしよう
2017/09/20
アウトプット重視の働き方

もっと見る

Missing

  • 2014/09/14

FocusPoint – レスポンシブの画像表示に。注目して欲しいポイントを残して表示。

レスポンシブWebデザインを取り入れたサイトは増えていますが、HTMLはフレキシブルに変更できても画像リソースはそう簡単ではありません。そのため幅ごとに数パターン画像を用意しているケースもあります。同じ画像の場合、単にサイズを小さくしてしまうと見るべき場所も小さくなって分かりづらくなります。そこで使ってみたいのがFoc...

List

  • 2014/09/14

offline-todo - ネットがなくても使えるWebベースのTodoアプリ

HTML5の新しいAPIの一つにアプリケーションキャッシュがあります。アプリケーションキャッシュを使えばオフライン時であってもWebアプリケーションが使えるようになります。もちろんサーバ上のデータはとれませんので、データをストアする仕組みが別途必要です。新しい技術が組み合わさって提供されるだけになかなか手出ししづらいイ...

List

  • 2014/09/13

Batsh – Bashスクリプト、Windowsバッチファイルを生成するプログラミング言語

最近、altJSに代表されるような言語を抽象化したプログラミング言語が人気です。素のままに使うのではなく、抽象化することでより優れた書き方に変換できたり、多数のフォーマットへの変換を容易にします。Batshもその一つです。Batshという代替言語から、BashスクリプトとWindowsのバッチファイルを生成することがで...

List

  • 2014/09/13

BackStack - Backboneにスマートフォンの画面遷移機能を追加

WebアプリケーションのJavaScriptフレームワークにBackboneを使っている方は多いです。そしてPhoneGap/Cordovaをはじめとするスマートフォンアプリや、スマートフォン向けWebアプリケーションでもそのままBackboneを使いたいと思うでしょう。スマートフォンの場合に問題になるのは画面遷移です...

None

  • 2014/09/12

JSCS – JavaScriptのコードスタイルチェッカー

JavaScriptは何となく書きづらい言語です。コールバックを多用したりしてネストが深くなってしまったり、prototypeで拡張して却って分かりづらくなったり…なんて経験はないでしょうか。筆者はそれがありすぎてCoffeeScriptに飛びついた派なのですが。素のJavaScriptを記述している方にお勧めしたいの...

List

  • Premium_s 2014/09/12

JavaScriptを安全に。業務で使えるオープンソース(128)「JavaScript実行環境」

今回はユーザが作成するJavaScriptを安全に実行するための手法、ソフトウェアを紹介します。昔はHTMLがダメ、とされていた中で徐々に使えるタグを広げていったり、Markdownを使うことで自由度を広げる傾向があります。同じようにJavaScriptもユーザが自由に記述、実行できるようになっていくのではないでしょう...

List

  • 2014/09/12

Kitematic - GUIのDocker管理

Dockerに人気が集まっています。サーバ用途はもちろんのこと、デスクトップでもサーバサイドのソフトウェアを手軽に使う上で便利なソフトウェアです。そんな用途でWindowsやMac OSXで使っている人も多いです。しかしWindows/Mac OSXではboot2dockerやVirtualBoxをインストールしたりと...

List

  • 2014/09/11

Pyonkee – iPadでScratch。ビジュアルプログラミングをしよう!

Scratchというビジュアルプログラミング言語があります。コーディングが一切不要で、部品をつなげていくことでキャラクターを操作したり入力と絡めて判定したりすることができます。子供のプログラミング学習にも最適な言語です。そんなScratchをiPad上で実行できるのがPyonkeeです。タッチ操作で部品が繋げられるので...

List

  • 2014/09/11

BMS - 草野球の成績管理システム

さぁ秋です。秋と言えばスポーツの秋、体を動かすのにぴったりな季節となってきました。色々なスポーツがありますが、昔やっていたということで草野球を好む人はとても多いです。プロ野球も終盤ですし、ぴったりですね。ということで紹介したいのがBMS(Baseball Management System)、草野球の成績管理システムで...

None

  • 2014/09/10

Git-today – おまえは今まで修正したコードの行数をおぼえているのか?

プログラマーであれば仕事の成果はコーディング結果に現れてきます。つまりリポジトリを解析すれば自ずと作業ログが出てくる訳です。もちろん必ずしもコーディング量と比例する訳ではありませんが、基準にはなるでしょう。そこで使ってみたいのがGit-today、Gitリポジトリ解析ソフトウェアです。自分がどれくらい仕事をしたか、gi...

List

  • 2014/09/10

Horwheel - ホイールスクロールを水平移動に利用

最近のWebサイトは縦長になっていく傾向があります。元々縦に情報を載せやすい傾向がありましたが、シングルページアプリケーションの流れもあって、どんどん縦長になっています。そんな中だからこそ、逆に横に展開していくコンテンツが目を引くのではないでしょうか。それを実現しているのがHorwheel、ホイールスクロールを水平展開...

48501?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-08-11.29.14_thumb

  • Premium_s 2014/09/09

開発をより効率的に。業務で使えるオープンソース(127)「ブラウザテスト」

今回はWebブラウザを使ったテストソリューションをまとめて紹介します。また、当たり前なことですが自動テストによるメリットもあげてみたいと思います。Webブラウザのテストは自動化していきましょう!## AjaxによるWebアプリケーション化が進んでいる昔であればURL単位に画面が切れていたため、テスト結果もURL単位で報...

List

  • 2014/09/09

Markdown Edit – エクスポートにも対応したWebベースのMarkdownエディタ

Markdownは通常、HTMLに変換するとあってWebベースのエディタと相性がいいように思います。また特に多く使うのがGitHubのREADMEであり、こちらもWebベースで表示されることもあるでしょう。色々なMarkdownエディタが存在しますが、今回はMarkdown Editを紹介します。Webブラウザベースで...

List

  • 2014/09/09

Timesheet.js - ガントチャートにも使えそうなHTML5/CSS3製のタイムシートグラフ

世の中の大抵の物事は時間軸に沿って進められます。歴史はもちろんのこと、プロジェクト管理においてもガントチャートのような時間軸のグラフを使って表現されます。過去の振り返りも未来の予測も時間がキーになってきます。そういったデータを表現できるライブラリがTimesheet.jsです。特徴的なのはCSS3で作成されている点にあ...

List

  • 2014/09/08

jCorner – フラットUIで使える角折りデザイン

フラットなデザインが流行ですが、単純に単色でシンプルに表現する段階は過ぎています。Googleの言うマテリアルデザインのように動きのある表現を通じてUXを高める動きもあります。そこで今回はjCornerを紹介します。フラットUIの中でも映える、効果的な表現です。## jCornerの使い方!こちらがjCornerを使っ...

List

  • 2014/09/08

Cinematico - 動画をアピールしたい人のためのCMS

Webサイトを作る目的は人それぞれです。写真家であれば自分のポートフォリオサイトを作りたいと思うでしょう。さらにインターネットと言う点で考えれば、静的な写真だけでなく動画も十分ポートフォリオとしての役割を果たしてくれます。そこで使ってみたいのがCinematicoです。YouTube/Vimeoを使って動画を並べたWe...

List

  • 2014/09/07

mdr – ターミナルでもMarkdownを読みやすく

Markdownフォーマットがどこでも使われるようになっています。それだけ普及したこともあって、専用のエディタや各種エディタでのMarkdownフォーマットのハイライトサポートが当たり前になっています。そこでターミナルでも同じようにMarkdownの可読性をあげてくれるのがmdrです。一度使うと意外と手放せない存在にな...

List

  • 2014/09/07

websync - rsyncのWeb管理インタフェース

今でこそバックアップを取る方法は色々と出ていますが、やはり昔ながらのrsyncが一番使いやすくて安心というサーバ管理者は多いのではないでしょうか。しかしそのUIがいつまでもコンソールベースというのはちょっと残念です。そこで使ってみたいのがwebsyncです。rsyncにWeb管理インタフェースを追加するソフトウェアです...

List

  • 2014/09/06

kbpgp – サーバ/Webブラウザ両方で使えるPGP暗号化

最近、Webサービスのセキュリティが問題視されるケースが増えています。大量のデータがある分、一度セキュリティインシデントが起こると大きな被害に繋がる可能性があります。それを防ぐには運営者からも読み取れないデータの保存が一番です。そこで使えそうなのがkbpgp、JavaScriptによるPGPライブラリです。クライアント...

List

  • 2014/09/06

nexe - nodeスクリプトをラッピングして実行ファイル化

nodeを使えばJavaScriptでローカルで動くコマンドなどを作ることが出来ます。これはとても便利で個人的にはよく使うのですが、そのためには予めnodeがインストールされていなければなりません。もちろんバイナリでも配布されているのですが、インストールの手間は初回実行には相当大きいと言えます。そこで使ってみたいのがn...