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

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

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

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

もっと見る

List

  • 2013/02/18

Web Fontの新しい使い方!US地図をWeb Font/CSSで表現「Stately」

StatelyはWeb Font/CSSを使ってUS地図を表示するソフトウェアです。地図(ここではUS)をWeb上に描こうと思った場合、SVGを使ったり画像を使うのが一般的です。しかし今回は一風変わったやり方、Web Fontを使ったStatelyを紹介します。デモです。このアメリカの地図がフォントで作られています。一...

List

  • 2013/02/17

スクロールによって格好よく変化するWebページを作る際に「jQuery Parallax」

jQuery ParallaxはNikeのCSR活動報告ページを真似た、スクロールアニメーションを実現するライブラリです。NikeによるCSR活動をアピールする場として公開されているNike Better World。そんなNike Better Worldのような画面構成を実現しているjQueryプラグインがjQue...

List

  • 2013/02/17

Font Awesomeからサイズや色を指定して画像出力「Font Awesome to PNG」

Font Awesome to PNGはFont Awesomeの情報を画像アイコンとして出力するソフトウェアです。Web Fontを多数使えるようにしてくれるFont Awesomeはとても便利ですが、一つのアイコンのために全体のWeb Fontを読み込むのでは非効率的です。そんな時にはFont Awesome to...

List

  • 2013/02/16

node.jsとGoogle Chromeによるローカルアプリケーション開発「node-chrome」

node-chromeはnode.jsをバックエンドに、フロントエンドをChromeを使ってローカルアプリケーションを開発します。node.jsを使っていると何でもJavaScriptで完結したい気分になってきます。そこでターゲットになるのがローカルアプリケーションです。Gtkなどを使うことなく、何とChromeを使っ...

List

  • 2013/02/16

面白い!Webサイトが出来上がっていく様子を再生「Time Machine」

Time MachineはGitを使ってHTMLコーディングが仕上がっていく様子を画像、動画にするソフトウェアです。Webデザイナーの方がHTMLをコーディングしていく中で、後でその過程を見せたいと思ったことはないでしょうか。そこで使ってみたいのがTime Machineです。Time Machineを使うとphant...

List

  • 2013/02/16

Android用のスマートフォンサイトを作るなら「Holo Web」

Holo WebはAndroid 4系で使われているHoloをモチーフにしたHTMLテンプレートです。Android 4.0ではデフォルトのテーマとしてHoloが採用されています。そこで今回はHolo風のWebサイトが作れるテーマ、Holo Webを紹介します。ライトなテーマ。チェックボックスやスライダーも動きます。こ...

List

  • 2013/02/15

iPhoneアプリの紹介ページを作る際にどうぞ!「iPhone App Splash Page」

iPhone App Splash PageはiPhoneアプリの紹介ページ用HTMLテンプレートです。せっかくiPhoneアプリを作ったならば、格好いいアプリケーション紹介ページを作りたいものです。しかし開発リソースやデザインリソースがない場合もあります。そんな時にはiPhone App Splash Pageを使っ...

None

  • Premium_s 2013/02/15

これから必要とされる人材像とは?セルフマネージメントの勧めと関連ソフトウェア

今回はセルフマネージメントです。自己啓発的な内容ではなく、MOONGIFTがジョブボードのインタビューなどを通じて感じている企業が求める人材像になるための必要な要素とそれをサポートしてくれるソフトウェアを紹介します。

List

  • 2013/02/15

想像力を限界まで引き上げろ!フォントを使ったプロトタイプ作成「BLOKK」

BLOKKは全て塗りつぶしたフォントで、ワイヤーフレームを表現するのに利用できます。BLOKKはフォントですが、単純に真っ黒に塗りつぶしただけのフォントです。さらに言えばどれを入力しても真っ黒な四角が出るだけです。さて、何に使えるのでしょうか。真っ黒です。スペースキーだけは空白文字が出ます。お、何かに見えてきましたか?...

List

  • 2013/02/15

どんなセリフを言わせようか。ブラックジャックによろしくのセリフ変更アプリ「bjpost」

bjpostはブラックジャックによろしくの一コマのセリフを自由なテキストにできるiPhoneアプリです。マンガ“ブラックジャックによろしく”のコンテンツは二次利用がフリー化されています。そこで、コンテンツを利用して作られたアプリであるbjpostを紹介します。メイン画面です。no 1をタップします。テキストエリアが出る...

List

  • 2013/02/14

建物を真正面から撮ったかのように自動加工「PerspectiveImageCorrection」

PerspectiveImageCorrectionは建物の写真を真正面から撮ったように加工するソフトウェアです。建物の写真を撮影する場合、どうしても下から見上げるような角度の写真になってしまいます。そういった写真でちょっと残念な思いをした方であれば使ってみて欲しいのがPerspectiveImageCorrectio...

List

  • 2013/02/14

外部サービスにファイルをアップロードしてURLを挿入「drag2up」

drag2upは画像、テキスト、バイナリを外部サービスにアップロードして結果のURLを挿入するGoogle Chrome機能拡張です。Twitterに画像を投稿するならばTwitPicにアップロードしてそのURLを使ったり、テキストであればGistにアップしたりします。そうした一手間をなくして手軽にしてくれるGoogl...

List

  • 2013/02/14

みんなの意見は?ユーザ同士でアンケート「encuestame」

encuestameはJava製のオンラインアンケートソフトウェアです。Webサービスやアプリでの次の機能開発において何が望まれているか分かればどれほど開発がスムーズになるでしょうか。UserVoiceライクに投票を集められるサービスがencuestameです。アンケートが一覧になっています。アンケート詳細です。グラフ...

List

  • 2013/02/13

タスクを登録してステータスはドラッグ&ドロップで管理「queue_do」

queue_doはアジャイルのタスクリストに似たインタフェースのWebタスク管理です。アジャイルでのイテレーションを管理する上で、タスクリストを使った手法があります。やるべきもの、やっているもの、そしてやったものでタスクを管理します。それをシンプルに表現してくれるのがqueue_doです。トップページです。タスクを登録...

List

  • 2013/02/13

なんと!JavaScriptだけでテキスト読み上げ「Speak.js」

Speak.jsはJavaScriptだけでテキストを読み上げるソフトウェアです。Webブラウザで音声ファイルを指定してJavaScriptで解析、なんてソフトウェアもありますが今回は一から“音声”を生み出してしまう驚きのソフトウェア、Speak.jsを紹介します。ボタンを押すとHello Worldと話します。こんな...

List

  • 2013/02/13

Webアプリケーション開発に使えるJavaScriptフレームワーク「ComponentJS」

ComponentJSはWebアプリケーション開発用のMVC対応JavaScriptフレームワークです。ここ数年JavaScriptのフレームワークが幾つも登場していますが、今回紹介するのはComponentJS、HTML5のリッチWebアプリケーション開発用のJavaScriptフレームワークです。デモのログイン機能...

None

  • Premium_s 2013/02/12

コーディングスタイルを変えよう。注目すべきキーワードと関連オープンソース・ソフトウェア

今回はプログラミングに関する内容です。コーディングは一人で着実に行うのが一般的ですが、もっと異なるスタイルやツールを組み合わせることでより生産的になれる可能性があります。そのスタイルと、実際に試すためのオープンソース・ソフトウェアを紹介します。

List

  • 2013/02/12

ニコニコ生放送を見るお供に。Google Chromeで動くコメントビューワー「コメントビュワー for Google Chrome」

コメントビュワー for Google ChromeはGoogle Chromeでニコニコ生放送のコメントを表示するソフトウェアです。ニコニコ生放送では主と閲覧者がリアルタイムのメッセージ交換を行えるのが魅力です。しかし動画の上に重なってしまうと邪魔と感じる人も多いようです。そこで使ってみたいのがコメントビュワー fo...

List

  • 2013/02/12

面白い!動画を編集した上でアニメーションGIFに変換「rokuga」

rokugaは動画を読み込んでアニメーションGIFに変換するソフトウェアです。VineはアニメーションGIFのような動画を撮影、共有できるのが特徴ですが同じように動画からアニメーションGIFを作れるのがrokugaです。動画をドロップします。動画解析中。解析されました。フレーム単位で下に画像が表示されています。ランダム...

List

  • 2013/02/12

Twitter製。大型Webアプリケーション開発にぜひ「Flight」

FlightはTwitter社の開発した軽量なコンポーネントベースのJavaScriptフレームワークです。BootstrapのリリースでWebサービス開発のデザインに革命的なインパクトを与えたTwitterから次いで登場したのがFlightです。コンポーネントベースのJavaScriptフレームワークです。デモのメー...