プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
CSS3だけで実現する多彩なアニメーション「magic」
magicはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。Webページは基本的に静的で、動くものは訪問者の目を引きます。アニメーションGIF、Flash、動画などがありますが今回はユーザの操作によるインタラクティブなアニメーションを実現するmagicを紹介し...
要チェック！WebベースのGitクライアント「ungit」
ungitはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。Gitの利用が広がっています。運用時にはコンソールで使うことが多いと思いますが、それでは分かりづらいと感じる人がいるのも確かです。そこでWebブラウザベースのungitを試してみましょう。最初の画面です。既存のリポ...
これ一つでLuaの開発がはじめられる「ZeroBrane Studio」
ZeroBrane StudioはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア（MIT License）です。これからLuaを勉強したいと思っているあなたにお勧めなIDEがZeroBrane Studioです。ダウンロードするだけですぐにLuaが実行、開発できる環境が手に入りますよ！メイン...
ターミナル操作を記録&再生「Shelr.tv」
Shelr.tvはRuby/Ruby on Rails製のオープンソース・ソフトウェア（GPL）です。各種サーバソフトウェアをインストールしている記事はとても有益で、同じソフトウェアをインストールしようと思ったエンジニアにとって役立っていることでしょう。今回はそれの一歩先をいく、コンソール操作を再現するShelr.tv...
既存のHTMLからID/クラスを抜き出してCSSを生成「extractCSS」
extractCSSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。スタイルシートの記述法は幾つかあります。linkタグで外部ファイル化、styleタグでインラインに表示、そしてstyle要素でタグごとに指定する方法です。styleタグに書き込まれてしまったスタイル設定を一気に書き...
jQueryによるパララックス・エフェクト「paranimator」
paranimatorはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。スクロールを使ってアニメーションを実行するパララックス・エフェクトは使いどころによっては大きなインパクトを残せます。作るのが大変というイメージがありますが、paranimatorを使えば容易に実現で...
Mobile Touch - 新メディア立ち上げのお知らせ
いつもMOONGIFTをご覧いただきありがとうございます。MOONGIFTではこのたび、スマートフォン/タブレット開発者およびデザイナーをターゲットにした開発情報ポータル「Mobile Touch」を立ち上げました。http://mobiletou.ch/Mobile TouchではMOONGIFTの記事はもちろんのこ...
通知を受け取って外部連携させる「Notify.io」
Notify.ioはGoogle App Engine/Python製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。通知機能というのはWebサイトやアプリを開発する上で欠かせない存在になっています。その受け取り方は様々にありますが、自分にあった形で受け取りたいと思う方も多いでしょ...
指定された大きさを満たすようにいい感じに画像を表示「imagefill.js」
imagefill.jsはJavaScript製、MIT License/GPLのオープンソース・ソフトウェアです。レスポンシブなWebサイトを構築する際に考えなければならないのが画像などのリソースです。サイズが変わってそのまま縮小すると見栄えがとても悪い場合があります。そこで遣ってみたいのがimagefill.jsで...
2013/09/03
2013/09/03使えるWebサービス・オープンソース（13）「スニペット」
今回はコードスニペットサービスを紹介します。スニペットは特にプログラマ、デザイナーに特化したサービスになりますのでサービスのアイディアなど参考になる所が多いのではないかと思います。
LinkedIn製のWebサイトツアーライブラリ「Hopscotch」
HopscotchはJavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。Webサービスはどんどん複雑になってきており、使い始めるまでの敷居が高くなっています。それを解決する手段としてツアー表示が知られています。幾つかライブラリが知られていますが、今回はLinkedInが開発...
3ペイン構成のMac OSX用Markdownエディタ「LightPaper」
LightPaperはMac OSX用のソフトウェアです。Markdownのシェアが高まっています。普通のテキストエディタで書けるのが魅力ですが、専用のエディタを使うことでよりスムーズに書き進めることができます。そこでMac OSXユーザにお勧めしたいMarkdownエディタがLightPaperです。メイン画面です。...
スマートフォン向けWebアプリケーションフレームワーク「App.js」
App.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。スマートフォン向けにはアプリ開発もありますが、審査などなしでサービス提供したいと思ったらスマートフォン向けWebアプリとしてリリースする手もあります。今回はそのためのフレームワークApp.jsを紹介します。Yo...
PNG画像を1/3以下のサイズに軽減「ImageAlpha」
ImageAlphaはMac OSX用のオープンソース・ソフトウェア（GPL）です。PNGはWeb上でよく使われる画像フォーマットです。よく使われるだけに、そのサイズについては気になる所ではないでしょうか。圧縮率やメタ情報を削ることができればもっとサイズを軽減できます。そのためのソフトウェアがImageAlphaです。...
iOS 7アプリを開発するのに必携のワイヤーフレーム「iOS 7 Wireframe Kit」
iOS 7 Wireframe KitはCreative Commonsのオープンソース・ソフトウェアです。iOS 7の正式リリースは間もなくと思われますが、既に新しいアプリ開発においてはiOS 7のUIを模して行われていると思われます。そんな中で必要なのがUIを決める素材集です。今回はIllustratorベースのi...
Mozilla製。X-TagをサポートしたWebコンポーネント「Brick」
BrickはJavaScript製のオープンソース・ソフトウェア（Mozilla Public License）です。Webアプリケーションは多様性を求められる割にコンポーネントが非常に少なく感じられます。そんな状況を改善すべく開発されているのX-Tagであり、X-Tagを使ってWebアプリケーション開発ができるのが今...
Webの技術でスマホアプリのプロトタイプを作成「Clank」
ClankはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。スマートフォンやタブレットのネイティブアプリを開発するのは時間を要しますので、Webの技術を使ってプロトタイピングを作りスクラップ&ビルドで色々試してみるのが良いでしょう。そこで使えるのがClankです。ファイル...
自由さとシステムによる運用負荷軽減を両立するCMS「CouchCMS」
CouchCMSはPHP製のオープンソース・ソフトウェア（Common Public Attribution License）です。Webデザイナーと言えどもPHPを多少触れないとWebサイトの構築が難しくなってきています。全体を管理するCMSでは届かない一歩をサポートしつつ、PHPによる便利な機能も提供するCMSがC...
Luaの魅力が満載な環境構築インストーラー「Lua for Windows」
Lua for WindowsはWindows用のオープンソース・ソフトウェア（MIT License）です。これからLuaを習得しようと思ったらお勧めしたいのがLua for Windowsです。予め多数のライブラリが組み込まれたWindows用Lua環境構築インストーラーです。インストーラーです。順番に進めていくだ...
Tumblrをどんどん読み進められるシンプルなクライアント「tumblrclient」
tumblrclientはnode/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。Tumblrは面白い写真、動画、文章が続々と集まってきます。だからこそストレスなくさくさくと見られると面白いです。そこで今回はWebベースのTumblrクライアントtumblr...